dmed-voice-assistant 1.1.1 → 1.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/dist/components/RecognitionListItem.js +11 -9
  2. package/dist/components/RecordListItem.js +22 -20
  3. package/dist/components/StyledSelect.js +2 -0
  4. package/dist/index.js +6 -4
  5. package/dist/recognition.js +150 -148
  6. package/dist/recorder.js +57 -55
  7. package/package.json +1 -1
package/dist/components/RecognitionListItem.js CHANGED
@@ -4,45 +4,47 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
7
8
  var _material = require("@mui/material");
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
8
10
  const RecognitionListItem = _ref => {
9
11
  let {
10
12
  data
11
13
  } = _ref;
12
- return /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_material.Box, {
14
+ return /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
13
15
  className: "flex items-center justify-between p-[4.5px] bg-[#F6F8FA]"
14
- }, /*#__PURE__*/React.createElement(_material.Box, {
16
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
15
17
  className: "flex items-center space-x-1 p-[4px]"
16
- }, /*#__PURE__*/React.createElement(_material.Typography, {
18
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
17
19
  className: "!font-bold !text-[14px]",
18
20
  color: "#494A48"
19
- }, data.result.length), /*#__PURE__*/React.createElement(_material.Typography, {
21
+ }, data.result.length), /*#__PURE__*/_react.default.createElement(_material.Typography, {
20
22
  className: "!font-400 !text-[12px]",
21
23
  color: "#494A48"
22
- }, "words")), /*#__PURE__*/React.createElement(_material.Typography, {
24
+ }, "words")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
23
25
  className: "px-[4px] !font-400 !text-[14px]",
24
26
  color: "#494A48"
25
27
  }, data.date.toLocaleTimeString('en-US', {
26
28
  hour: '2-digit',
27
29
  minute: '2-digit',
28
30
  hour12: true
29
- }))), /*#__PURE__*/React.createElement(_material.Box, {
31
+ }))), /*#__PURE__*/_react.default.createElement(_material.Box, {
30
32
  className: "flex items-center flex-wrap space-x-1 mt-1 p-[9px]",
31
33
  sx: {
32
34
  maxWidth: "387px",
33
35
  overflow: "hidden"
34
36
  }
35
37
  }, data.result.map((item, index) => {
36
- return /*#__PURE__*/React.createElement(_material.Box, {
38
+ return /*#__PURE__*/_react.default.createElement(_material.Box, {
37
39
  className: "flex items-center",
38
40
  key: index
39
- }, /*#__PURE__*/React.createElement(_material.Typography, {
41
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
40
42
  className: "!font-400 !text-[16px]",
41
43
  color: "#494A48",
42
44
  sx: {
43
45
  fontFamily: "Space Grotesk !important"
44
46
  }
45
- }, item), index !== data.result.length - 1 && /*#__PURE__*/React.createElement(_material.Typography, {
47
+ }, item), index !== data.result.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Typography, {
46
48
  className: "!font-400 !text-[16px]",
47
49
  color: "#494A4880",
48
50
  sx: {
package/dist/components/RecordListItem.js CHANGED
@@ -4,9 +4,11 @@ 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("./svgs");
10
+ 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); }
11
+ 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; }
10
12
  const formatDate = date => {
11
13
  const day = String(date.getDate()).padStart(2, '0'); // Get day with leading zero
12
14
  const month = String(date.getMonth() + 1).padStart(2, '0'); // Get month (0-indexed, so add 1) with leading zero
@@ -108,14 +110,14 @@ const RecordListItem = _ref => {
108
110
  }
109
111
  handlePopoverClose();
110
112
  };
111
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Box, {
113
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
112
114
  className: "flex items-center justify-between"
113
- }, /*#__PURE__*/React.createElement(_material.Box, {
115
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
114
116
  className: "flex items-center space-x-2"
115
- }, /*#__PURE__*/React.createElement(_material.Box, {
117
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
116
118
  className: "cursor-pointer",
117
119
  onClick: playAudio
118
- }, isPlaying ? /*#__PURE__*/React.createElement(_svgs.PauseIcon, null) : /*#__PURE__*/React.createElement(_svgs.BigStartIcon, null)), /*#__PURE__*/React.createElement(_material.Box, null, isEditing ? /*#__PURE__*/React.createElement(_material.TextField, {
120
+ }, isPlaying ? /*#__PURE__*/_react.default.createElement(_svgs.PauseIcon, null) : /*#__PURE__*/_react.default.createElement(_svgs.BigStartIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Box, null, isEditing ? /*#__PURE__*/_react.default.createElement(_material.TextField, {
119
121
  value: newLabel,
120
122
  onChange: handleInputChange,
121
123
  onBlur: handleInputBlur,
@@ -134,29 +136,29 @@ const RecordListItem = _ref => {
134
136
  fontFamily: "Afacad !important"
135
137
  }
136
138
  }
137
- }) : /*#__PURE__*/React.createElement(_material.Typography, {
139
+ }) : /*#__PURE__*/_react.default.createElement(_material.Typography, {
138
140
  className: "!font-[600] !text-[16px]",
139
141
  color: "#EAE5DC"
140
- }, newLabel), /*#__PURE__*/React.createElement(_material.Typography, {
142
+ }, newLabel), /*#__PURE__*/_react.default.createElement(_material.Typography, {
141
143
  className: "flex items-center !font-[400] !text-[14px]",
142
144
  color: "#EAE5DCB2",
143
145
  sx: {
144
146
  fontFamily: "Afacad !important"
145
147
  }
146
- }, formatDate(createdDate), /*#__PURE__*/React.createElement("svg", {
148
+ }, formatDate(createdDate), /*#__PURE__*/_react.default.createElement("svg", {
147
149
  className: "mx-1",
148
150
  width: "3",
149
151
  height: "4",
150
152
  viewBox: "0 0 3 4",
151
153
  fill: "none",
152
154
  xmlns: "http://www.w3.org/2000/svg"
153
- }, /*#__PURE__*/React.createElement("circle", {
155
+ }, /*#__PURE__*/_react.default.createElement("circle", {
154
156
  cx: "1.5",
155
157
  cy: "2",
156
158
  r: "1.5",
157
159
  fill: "#EAE5DC",
158
160
  fillOpacity: "0.7"
159
- })), /*#__PURE__*/React.createElement("span", {
161
+ })), /*#__PURE__*/_react.default.createElement("span", {
160
162
  ref: el => {
161
163
  if (el) {
162
164
  el.style.setProperty('font-family', 'Afacad', 'important');
@@ -166,13 +168,13 @@ const RecordListItem = _ref => {
166
168
  fontWeight: "600",
167
169
  marginRight: "3px"
168
170
  }
169
- }, formatBytes(capacity).size), formatBytes(capacity).type))), /*#__PURE__*/React.createElement(_material.Typography, {
171
+ }, formatBytes(capacity).size), formatBytes(capacity).type))), /*#__PURE__*/_react.default.createElement(_material.Typography, {
170
172
  className: "!font-[600] !text-[20px]",
171
173
  color: "#EAE5DC",
172
174
  sx: {
173
175
  fontFamily: "Afacad !important"
174
176
  }
175
- }, formatTime(time).minutes, /*#__PURE__*/React.createElement("span", {
177
+ }, formatTime(time).minutes, /*#__PURE__*/_react.default.createElement("span", {
176
178
  ref: el => {
177
179
  if (el) {
178
180
  el.style.setProperty('font-family', 'Afacad', 'important');
@@ -183,7 +185,7 @@ const RecordListItem = _ref => {
183
185
  fontSize: "16px",
184
186
  marginRight: "5px"
185
187
  }
186
- }, "m"), formatTime(time).seconds, /*#__PURE__*/React.createElement("span", {
188
+ }, "m"), formatTime(time).seconds, /*#__PURE__*/_react.default.createElement("span", {
187
189
  ref: el => {
188
190
  if (el) {
189
191
  el.style.setProperty('font-family', 'Afacad', 'important');
@@ -193,10 +195,10 @@ const RecordListItem = _ref => {
193
195
  fontWeight: "400",
194
196
  fontSize: "16px"
195
197
  }
196
- }, "s")), /*#__PURE__*/React.createElement(_material.Box, {
198
+ }, "s")), /*#__PURE__*/_react.default.createElement(_material.Box, {
197
199
  className: "cursor-pointer",
198
200
  onClick: handlePopoverOpen
199
- }, /*#__PURE__*/React.createElement(_svgs.ThreeDotsIcon, null))), /*#__PURE__*/React.createElement(_material.Popover, {
201
+ }, /*#__PURE__*/_react.default.createElement(_svgs.ThreeDotsIcon, null))), /*#__PURE__*/_react.default.createElement(_material.Popover, {
200
202
  open: openAnchorEl,
201
203
  anchorEl: anchorEl,
202
204
  onClose: handlePopoverClose,
@@ -217,9 +219,9 @@ const RecordListItem = _ref => {
217
219
  borderRadius: '5px'
218
220
  }
219
221
  }
220
- }, /*#__PURE__*/React.createElement(_material.Box, {
222
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
221
223
  className: "px-[5px] pt-[5px] pb-[2.5px] w-[115px]"
222
- }, /*#__PURE__*/React.createElement(_material.Box, {
224
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
223
225
  className: "flex items-center justify-between rounded-[5px] px-[10px] py-[3px] cursor-pointer",
224
226
  sx: {
225
227
  '&:hover': {
@@ -227,10 +229,10 @@ const RecordListItem = _ref => {
227
229
  }
228
230
  },
229
231
  onClick: handleRename
230
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.EditIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
232
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.EditIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
231
233
  className: "!font-400 !text-[12px]",
232
234
  color: "#EAE5DC"
233
- }, "Rename")), /*#__PURE__*/React.createElement(_material.Box, {
235
+ }, "Rename")), /*#__PURE__*/_react.default.createElement(_material.Box, {
234
236
  className: "flex items-center justify-between rounded-[5px] px-[10px] py-[3px] cursor-pointer",
235
237
  sx: {
236
238
  '&:hover': {
@@ -238,7 +240,7 @@ const RecordListItem = _ref => {
238
240
  }
239
241
  },
240
242
  onClick: handleDelete
241
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.DeleteIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
243
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.DeleteIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
242
244
  className: "!font-400 !text-[12px]",
243
245
  color: "#EAE5DC"
244
246
  }, "Delete")))));
package/dist/components/StyledSelect.js CHANGED
@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
7
8
  var _material = require("@mui/material");
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
8
10
  const StyledSelect = (0, _material.styled)(_material.Select)(_ref => {
9
11
  let {
10
12
  theme
package/dist/index.js CHANGED
@@ -4,12 +4,14 @@ 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 _recorder = _interopRequireDefault(require("./recorder"));
9
9
  var _recognition = _interopRequireDefault(require("./recognition"));
10
10
  var _LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
11
11
  var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
12
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
+ 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); }
14
+ 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; }
13
15
  const VoiceAssistant = _ref => {
14
16
  let {
15
17
  recordListValue = [],
@@ -20,15 +22,15 @@ const VoiceAssistant = _ref => {
20
22
  onRecognitionDataChange
21
23
  } = _ref;
22
24
  const [mode, setMode] = (0, _react.useState)("recorder");
23
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_LocalizationProvider.LocalizationProvider, {
25
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_LocalizationProvider.LocalizationProvider, {
24
26
  dateAdapter: _AdapterDayjs.AdapterDayjs
25
- }, mode === 'recorder' && /*#__PURE__*/React.createElement(_recorder.default, {
27
+ }, mode === 'recorder' && /*#__PURE__*/_react.default.createElement(_recorder.default, {
26
28
  mode: mode,
27
29
  setMode: setMode,
28
30
  recordHistoryList: recordListValue,
29
31
  onNewRecordEvent: onNewRecordEvent,
30
32
  onRecordDataChange: onRecordDataChange
31
- }), mode === 'recognition' && /*#__PURE__*/React.createElement(_recognition.default, {
33
+ }), mode === 'recognition' && /*#__PURE__*/_react.default.createElement(_recognition.default, {
32
34
  mode: mode,
33
35
  setMode: setMode,
34
36
  recognitionHistoryList: recognitionListValue,
package/dist/recognition.js CHANGED
@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _react = require("react");
7
+ var _react = _interopRequireWildcard(require("react"));
8
8
  var _material = require("@mui/material");
9
9
  var _svgs = require("./components/svgs");
10
10
  var _RecognitionListItem = _interopRequireDefault(require("./components/RecognitionListItem"));
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
14
  const StyledSelect = (0, _material.styled)(_material.Select)(_ref => {
13
15
  let {
14
16
  theme
@@ -200,39 +202,39 @@ const Recognition = _ref4 => {
200
202
  startSpeechRecognition();
201
203
  fetchAudioInputDevices();
202
204
  }, []);
203
- return /*#__PURE__*/React.createElement(_material.Box, {
205
+ return /*#__PURE__*/_react.default.createElement(_material.Box, {
204
206
  className: "bg-white rounded-[5px] p-[20px] w-[440px]",
205
207
  sx: {
206
208
  border: '1px solid #D8DEE4'
207
209
  }
208
- }, /*#__PURE__*/React.createElement(_material.Box, {
210
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
209
211
  className: "flex justify-between"
210
- }, /*#__PURE__*/React.createElement(_material.Box, {
212
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
211
213
  className: "flex items-center space-x-2"
212
- }, /*#__PURE__*/React.createElement(_material.Typography, {
214
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
213
215
  className: "!font-[600] !text-[24px]",
214
216
  color: "#494A48"
215
- }, "Voice assistant"), /*#__PURE__*/React.createElement(_material.Box, {
217
+ }, "Voice assistant"), /*#__PURE__*/_react.default.createElement(_material.Box, {
216
218
  className: "flex items-center space-x-1 px-[10px] py-[3px] h-[24px] bg-[#006FFF4D] rounded-[89.1px] cursor-pointer",
217
219
  sx: {
218
220
  border: '0.9px solid #006FFFB2'
219
221
  },
220
222
  onClick: handleModeChange
221
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.RecognitionIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
223
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.RecognitionIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
222
224
  className: "!font-[600] !text-[12px]",
223
225
  color: "#494A48"
224
- }, "Recognition mode"))), /*#__PURE__*/React.createElement(_material.Box, {
226
+ }, "Recognition mode"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
225
227
  className: "px-[10px] py-[8px] cursor-pointer"
226
- }, /*#__PURE__*/React.createElement(_svgs.CloseIcon, null))), /*#__PURE__*/React.createElement(_material.Box, {
228
+ }, /*#__PURE__*/_react.default.createElement(_svgs.CloseIcon, null))), /*#__PURE__*/_react.default.createElement(_material.Box, {
227
229
  className: "flex items-center justify-between py-[4.5px] mt-1"
228
- }, /*#__PURE__*/React.createElement(_material.Box, {
230
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
229
231
  className: "flex space-x-1"
230
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.RocketIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
232
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.RocketIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
231
233
  className: "!font-400 !text-[14px]",
232
234
  color: "#494A48"
233
- }, "Real-time")), /*#__PURE__*/React.createElement(_material.Box, {
235
+ }, "Real-time")), /*#__PURE__*/_react.default.createElement(_material.Box, {
234
236
  className: "flex space-x-1"
235
- }, !isStarted ? /*#__PURE__*/React.createElement(_material.Box, {
237
+ }, !isStarted ? /*#__PURE__*/_react.default.createElement(_material.Box, {
236
238
  className: "flex items-center space-x-1 cursor-pointer rounded-[5px] px-[9px] h-[32.4px] bg-white",
237
239
  sx: {
238
240
  '&:hover': {
@@ -241,10 +243,10 @@ const Recognition = _ref4 => {
241
243
  }
242
244
  },
243
245
  onClick: handleStartChange
244
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.StartIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
246
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.StartIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
245
247
  className: "!font-400 !text-[14px]",
246
248
  color: "#494A48"
247
- }, "Start")) : /*#__PURE__*/React.createElement(_material.Box, {
249
+ }, "Start")) : /*#__PURE__*/_react.default.createElement(_material.Box, {
248
250
  className: "flex items-center justify-between space-x-4 cursor-pointer rounded-[5px] px-[9px] h-[32.4px] bg-white",
249
251
  sx: {
250
252
  border: "0.9px solid #F3151580",
@@ -253,26 +255,26 @@ const Recognition = _ref4 => {
253
255
  }
254
256
  },
255
257
  onClick: handleStartChange
256
- }, /*#__PURE__*/React.createElement(_material.Box, {
258
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
257
259
  className: "flex items-center space-x-1"
258
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.SmallPauseIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
260
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.SmallPauseIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
259
261
  className: "!font-400 !text-[14px]",
260
262
  color: "#494A48"
261
- }, "Stop")), /*#__PURE__*/React.createElement(_material.Box, {
263
+ }, "Stop")), /*#__PURE__*/_react.default.createElement(_material.Box, {
262
264
  className: "flex items-baseline"
263
- }, /*#__PURE__*/React.createElement(_material.Typography, {
265
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
264
266
  className: "!font-[600] !text-[20px]",
265
267
  color: "#494847",
266
268
  sx: {
267
269
  fontFamily: "Afacad !important"
268
270
  }
269
- }, recordTime), /*#__PURE__*/React.createElement(_material.Typography, {
271
+ }, recordTime), /*#__PURE__*/_react.default.createElement(_material.Typography, {
270
272
  className: "!font-400 !text-[16px]",
271
273
  color: "#797974",
272
274
  sx: {
273
275
  fontFamily: "Afacad !important"
274
276
  }
275
- }, "s"))), /*#__PURE__*/React.createElement(_material.Box, {
277
+ }, "s"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
276
278
  className: "flex items-center space-x-1 cursor-pointer rounded-[5px] px-[9px] h-[32.4px] bg-white",
277
279
  sx: {
278
280
  '&:hover': {
@@ -281,59 +283,59 @@ const Recognition = _ref4 => {
281
283
  }
282
284
  },
283
285
  onClick: handleSetupChange
284
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.DarkSettingIcon, {
286
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.DarkSettingIcon, {
285
287
  fill: isStarted ? "#494A484D" : "#494A48"
286
- })), /*#__PURE__*/React.createElement(_material.Typography, {
288
+ })), /*#__PURE__*/_react.default.createElement(_material.Typography, {
287
289
  className: "!font-400 !text-[14px]",
288
290
  color: isStarted ? "#494A484D" : "#494A48"
289
- }, "Setup")))), !isSteup ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Box, {
291
+ }, "Setup")))), !isSteup ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
290
292
  className: "rounded-[5px] mt-1",
291
293
  sx: {
292
294
  border: '1px solid #D8DEE4'
293
295
  }
294
- }, /*#__PURE__*/React.createElement(_material.Box, {
296
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
295
297
  className: "flex items-center justify-between p-[4.5px]"
296
- }, /*#__PURE__*/React.createElement(_material.Typography, {
298
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
297
299
  className: "px-[4.5px] py-[4px] !font-400 !text-[12px]",
298
300
  color: "#494A48"
299
- }, !isStarted ? '-' : result.length, " words"), /*#__PURE__*/React.createElement(_material.Box, {
301
+ }, !isStarted ? '-' : result.length, " words"), /*#__PURE__*/_react.default.createElement(_material.Box, {
300
302
  className: "flex items-center space-x-1 px-[9px]"
301
- }, /*#__PURE__*/React.createElement(_material.Box, null, !isStarted ? /*#__PURE__*/React.createElement(_svgs.StopIcon, null) : /*#__PURE__*/React.createElement(_svgs.RedStopIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
303
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, !isStarted ? /*#__PURE__*/_react.default.createElement(_svgs.StopIcon, null) : /*#__PURE__*/_react.default.createElement(_svgs.RedStopIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
302
304
  className: "!font-[600] !text-[14px]",
303
305
  color: "#494A48"
304
- }, !isStarted ? 'Stop' : 'REC'))), isStarted && /*#__PURE__*/React.createElement(_material.Box, {
306
+ }, !isStarted ? 'Stop' : 'REC'))), isStarted && /*#__PURE__*/_react.default.createElement(_material.Box, {
305
307
  className: "flex items-center flex-wrap space-x-1 mt-1 p-[9px]",
306
308
  sx: {
307
309
  maxWidth: "387px",
308
310
  overflow: "hidden"
309
311
  }
310
312
  }, result.map((item, index) => {
311
- return /*#__PURE__*/React.createElement(_material.Box, {
313
+ return /*#__PURE__*/_react.default.createElement(_material.Box, {
312
314
  className: "flex items-center",
313
315
  key: index
314
- }, /*#__PURE__*/React.createElement(_material.Typography, {
316
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
315
317
  className: "!font-400 !text-[16px]",
316
318
  color: "#494A48",
317
319
  sx: {
318
320
  fontFamily: "Space Grotesk !important"
319
321
  }
320
- }, item), index !== result.length - 1 && /*#__PURE__*/React.createElement(_material.Typography, {
322
+ }, item), index !== result.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Typography, {
321
323
  className: "!font-400 !text-[16px]",
322
324
  color: "#494A4880",
323
325
  sx: {
324
326
  fontFamily: "Fira Sans !important"
325
327
  }
326
328
  }, ","));
327
- }))), /*#__PURE__*/React.createElement(_material.Box, {
329
+ }))), /*#__PURE__*/_react.default.createElement(_material.Box, {
328
330
  className: "mt-1"
329
- }, /*#__PURE__*/React.createElement(_material.Box, {
331
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
330
332
  className: "flex items-center justify-between py-[4.5px]"
331
- }, /*#__PURE__*/React.createElement(_material.Box, {
333
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
332
334
  className: "flex space-x-1"
333
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.HistoryIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
335
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.HistoryIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
334
336
  className: "!font-400 !text-[14px]",
335
337
  color: "#494A48"
336
- }, "History")), /*#__PURE__*/React.createElement(_material.Button, {
338
+ }, "History")), /*#__PURE__*/_react.default.createElement(_material.Button, {
337
339
  disabled: isStarted,
338
340
  color: "#494A48",
339
341
  sx: {
@@ -345,40 +347,40 @@ const Recognition = _ref4 => {
345
347
  textTransform: "none"
346
348
  },
347
349
  onClick: handlePopoverOpen
348
- }, "02.July.2024")), /*#__PURE__*/React.createElement(_material.Box, {
350
+ }, "02.July.2024")), /*#__PURE__*/_react.default.createElement(_material.Box, {
349
351
  className: "flex flex-col scrollableBox mt-1",
350
352
  sx: {
351
353
  maxHeight: "160px"
352
354
  }
353
355
  }, historyList.map((history, index) => {
354
- return /*#__PURE__*/React.createElement(_RecognitionListItem.default, {
356
+ return /*#__PURE__*/_react.default.createElement(_RecognitionListItem.default, {
355
357
  data: history,
356
358
  key: index
357
359
  });
358
- })), /*#__PURE__*/React.createElement(_material.Box, {
360
+ })), /*#__PURE__*/_react.default.createElement(_material.Box, {
359
361
  className: "flex items-center justify-between rounded-[5px] bg-[#FBF3DE80] px-[5px] py-[8px] mt-1 cursor-pointer",
360
362
  sx: {
361
363
  border: '1px solid #FFB90080'
362
364
  },
363
365
  onClick: handleClickOpen
364
- }, /*#__PURE__*/React.createElement(_material.Box, {
366
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
365
367
  className: "flex items-center space-x-1"
366
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.BookIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
368
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.BookIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
367
369
  className: "!font-[600] !text-[14px]",
368
370
  color: "#494A48"
369
- }, "Voice command instructions")), /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.RedirectIcon, null))))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Divider, null), /*#__PURE__*/React.createElement(_material.Box, {
371
+ }, "Voice command instructions")), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.RedirectIcon, null))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Divider, null), /*#__PURE__*/_react.default.createElement(_material.Box, {
370
372
  className: "flex space-x-1 w-full mt-2"
371
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.MicIcon, {
373
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.MicIcon, {
372
374
  fill: "#494A48"
373
- })), /*#__PURE__*/React.createElement(_material.Box, {
375
+ })), /*#__PURE__*/_react.default.createElement(_material.Box, {
374
376
  className: "flex-1"
375
- }, /*#__PURE__*/React.createElement(_material.Typography, {
377
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
376
378
  className: "!font-[600] !text-[16px]",
377
379
  color: "#494A48"
378
- }, "Voice"), /*#__PURE__*/React.createElement(_material.Typography, {
380
+ }, "Voice"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
379
381
  className: "!font-400 !text-[14px] pt-1",
380
382
  color: "#494A48"
381
- }, "Input device"), /*#__PURE__*/React.createElement(StyledSelect, {
383
+ }, "Input device"), /*#__PURE__*/_react.default.createElement(StyledSelect, {
382
384
  className: "mt-1",
383
385
  fullWidth: true,
384
386
  displayEmpty: true,
@@ -386,7 +388,7 @@ const Recognition = _ref4 => {
386
388
  onChange: handleVoiceChange,
387
389
  renderValue: selected => {
388
390
  if (selected === "") {
389
- return /*#__PURE__*/React.createElement("span", {
391
+ return /*#__PURE__*/_react.default.createElement("span", {
390
392
  style: {
391
393
  fontSize: '12.6px',
392
394
  fontWeight: '400',
@@ -395,7 +397,7 @@ const Recognition = _ref4 => {
395
397
  }
396
398
  }, "Auto-Detect");
397
399
  }
398
- return /*#__PURE__*/React.createElement("span", {
400
+ return /*#__PURE__*/_react.default.createElement("span", {
399
401
  style: {
400
402
  fontSize: '12.6px',
401
403
  fontWeight: '400',
@@ -425,23 +427,23 @@ const Recognition = _ref4 => {
425
427
  }
426
428
  }
427
429
  }, voiceList.map((device, index) => {
428
- return /*#__PURE__*/React.createElement(_material.MenuItem, {
430
+ return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
429
431
  value: index,
430
432
  key: index
431
433
  }, device);
432
- })))), /*#__PURE__*/React.createElement(_material.Box, {
434
+ })))), /*#__PURE__*/_react.default.createElement(_material.Box, {
433
435
  className: "flex space-x-1 w-full mt-2"
434
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.LanguageIcon, {
436
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.LanguageIcon, {
435
437
  fill: "#494A48"
436
- })), /*#__PURE__*/React.createElement(_material.Box, {
438
+ })), /*#__PURE__*/_react.default.createElement(_material.Box, {
437
439
  className: "flex-1"
438
- }, /*#__PURE__*/React.createElement(_material.Typography, {
440
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
439
441
  className: "!font-[600] !text-[16px]",
440
442
  color: "#494A48"
441
- }, "Language"), /*#__PURE__*/React.createElement(_material.Typography, {
443
+ }, "Language"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
442
444
  className: "!font-400 !text-[14px] pt-1",
443
445
  color: "#494A48"
444
- }, "Prefer language"), /*#__PURE__*/React.createElement(StyledSelect, {
446
+ }, "Prefer language"), /*#__PURE__*/_react.default.createElement(StyledSelect, {
445
447
  className: "mt-1",
446
448
  fullWidth: true,
447
449
  displayEmpty: true,
@@ -449,7 +451,7 @@ const Recognition = _ref4 => {
449
451
  onChange: handleLanguageChange,
450
452
  renderValue: selected => {
451
453
  if (selected === "") {
452
- return /*#__PURE__*/React.createElement("span", {
454
+ return /*#__PURE__*/_react.default.createElement("span", {
453
455
  style: {
454
456
  fontSize: '12.6px',
455
457
  fontWeight: '400',
@@ -458,7 +460,7 @@ const Recognition = _ref4 => {
458
460
  }
459
461
  }, "Auto-Detect");
460
462
  }
461
- return /*#__PURE__*/React.createElement("span", {
463
+ return /*#__PURE__*/_react.default.createElement("span", {
462
464
  style: {
463
465
  fontSize: '12.6px',
464
466
  fontWeight: '400',
@@ -487,200 +489,200 @@ const Recognition = _ref4 => {
487
489
  }
488
490
  }
489
491
  }
490
- }, /*#__PURE__*/React.createElement(_material.MenuItem, {
492
+ }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
491
493
  value: 0
492
- }, "Auto-Detect"), /*#__PURE__*/React.createElement(_material.MenuItem, {
494
+ }, "Auto-Detect"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
493
495
  value: 1
494
- }, "English"), /*#__PURE__*/React.createElement(_material.MenuItem, {
496
+ }, "English"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
495
497
  value: 2
496
- }, "Chinese (Simplified)"))))), /*#__PURE__*/React.createElement(StyledDialog, {
498
+ }, "Chinese (Simplified)"))))), /*#__PURE__*/_react.default.createElement(StyledDialog, {
497
499
  onClose: handleClose,
498
500
  "aria-labelledby": "customized-dialog-title",
499
501
  open: open
500
- }, /*#__PURE__*/React.createElement(_material.Box, {
502
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
501
503
  className: "flex items-center justify-between py-[8px]"
502
- }, /*#__PURE__*/React.createElement(_material.Box, {
504
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
503
505
  className: "flex items-center space-x-1"
504
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.BookIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
506
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.BookIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
505
507
  className: "!font-[600] !text-[14px]",
506
508
  color: "#494A48"
507
- }, "Voice command instructions")), /*#__PURE__*/React.createElement(_material.Box, {
509
+ }, "Voice command instructions")), /*#__PURE__*/_react.default.createElement(_material.Box, {
508
510
  className: "cursor-pointer",
509
511
  onClick: handleClose
510
- }, /*#__PURE__*/React.createElement(_svgs.SmallCloseIcon, null))), /*#__PURE__*/React.createElement(_material.Box, {
512
+ }, /*#__PURE__*/_react.default.createElement(_svgs.SmallCloseIcon, null))), /*#__PURE__*/_react.default.createElement(_material.Box, {
511
513
  className: "py-[8px]"
512
- }, /*#__PURE__*/React.createElement(_material.Typography, {
514
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
513
515
  className: "!font-[600] !text-[12px]",
514
516
  color: "#494A48"
515
- }, "Tooth position (FDI)"), /*#__PURE__*/React.createElement(_material.Box, {
517
+ }, "Tooth position (FDI)"), /*#__PURE__*/_react.default.createElement(_material.Box, {
516
518
  className: "flex items-center py-[5px]"
517
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Upper"), /*#__PURE__*/React.createElement(_material.Typography, {
519
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Upper"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
518
520
  className: "!font-400 !text-[12px]",
519
521
  color: "#494A48"
520
- }, "/"), /*#__PURE__*/React.createElement(StyledTypography, null, "Lower"), /*#__PURE__*/React.createElement(_material.Typography, {
522
+ }, "/"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Lower"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
521
523
  className: "!font-400 !text-[14px]",
522
524
  color: "#494A48"
523
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Left"), /*#__PURE__*/React.createElement(_material.Typography, {
525
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Left"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
524
526
  className: "!font-400 !text-[12px]",
525
527
  color: "#494A48"
526
- }, "/"), /*#__PURE__*/React.createElement(StyledTypography, null, "Right"), /*#__PURE__*/React.createElement(_material.Typography, {
528
+ }, "/"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Right"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
527
529
  className: "!font-400 !text-[14px]",
528
530
  color: "#494A48"
529
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "number"), /*#__PURE__*/React.createElement(_material.Typography, {
531
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "number"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
530
532
  className: "!font-400 !text-[12px] pl-2",
531
533
  color: "#494A48"
532
- }, "Tooth position (FDI)")), /*#__PURE__*/React.createElement(_material.Box, {
534
+ }, "Tooth position (FDI)")), /*#__PURE__*/_react.default.createElement(_material.Box, {
533
535
  className: "flex items-center pt-[5px]"
534
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/React.createElement(_material.Typography, {
536
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
535
537
  className: "!font-400 !text-[14px]",
536
538
  color: "#494A48"
537
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "number"), /*#__PURE__*/React.createElement(_material.Typography, {
539
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "number"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
538
540
  className: "!font-400 !text-[12px] pl-2",
539
541
  color: "#494A48"
540
- }, "Jump to tooth(FDI)"))), /*#__PURE__*/React.createElement(_material.Box, {
542
+ }, "Jump to tooth(FDI)"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
541
543
  className: "pb-[8px]"
542
- }, /*#__PURE__*/React.createElement(_material.Typography, {
544
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
543
545
  className: "!font-[600] !text-[12px]",
544
546
  color: "#494A48"
545
- }, "Terminology"), /*#__PURE__*/React.createElement(_material.Box, {
547
+ }, "Terminology"), /*#__PURE__*/_react.default.createElement(_material.Box, {
546
548
  className: "flex items-center space-x-5 py-[5px]"
547
- }, /*#__PURE__*/React.createElement(_material.Box, {
549
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
548
550
  className: "flex items-center space-x-2"
549
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Mobility"), /*#__PURE__*/React.createElement(_material.Typography, {
551
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Mobility"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
550
552
  className: "!font-400 !text-[12px]",
551
553
  color: "#494A48"
552
- }, "Mobility")), /*#__PURE__*/React.createElement(_material.Box, {
554
+ }, "Mobility")), /*#__PURE__*/_react.default.createElement(_material.Box, {
553
555
  className: "flex items-center space-x-2"
554
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Furcation"), /*#__PURE__*/React.createElement(_material.Typography, {
556
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Furcation"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
555
557
  className: "!font-400 !text-[12px]",
556
558
  color: "#494A48"
557
- }, "Furcation"))), /*#__PURE__*/React.createElement(_material.Box, {
559
+ }, "Furcation"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
558
560
  className: "flex items-center space-x-5 py-[5px]"
559
- }, /*#__PURE__*/React.createElement(_material.Box, {
561
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
560
562
  className: "flex items-center space-x-2"
561
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Bleeding"), /*#__PURE__*/React.createElement(_material.Typography, {
563
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Bleeding"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
562
564
  className: "!font-400 !text-[12px]",
563
565
  color: "#494A48"
564
- }, "Bleeding of point")), /*#__PURE__*/React.createElement(_material.Box, {
566
+ }, "Bleeding of point")), /*#__PURE__*/_react.default.createElement(_material.Box, {
565
567
  className: "flex items-center space-x-2"
566
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Plaque"), /*#__PURE__*/React.createElement(_material.Typography, {
568
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Plaque"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
567
569
  className: "!font-400 !text-[12px]",
568
570
  color: "#494A48"
569
- }, "Plaque of point"))), /*#__PURE__*/React.createElement(_material.Box, {
571
+ }, "Plaque of point"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
570
572
  className: "flex items-center space-x-5 py-[5px]"
571
- }, /*#__PURE__*/React.createElement(_material.Box, {
573
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
572
574
  className: "flex items-center space-x-2"
573
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Buccal"), /*#__PURE__*/React.createElement(_material.Typography, {
575
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Buccal"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
574
576
  className: "!font-400 !text-[12px]",
575
577
  color: "#494A48"
576
- }, "Buccal")), /*#__PURE__*/React.createElement(_material.Box, {
578
+ }, "Buccal")), /*#__PURE__*/_react.default.createElement(_material.Box, {
577
579
  className: "flex items-center space-x-2"
578
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Lingual"), /*#__PURE__*/React.createElement(_material.Typography, {
580
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Lingual"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
579
581
  className: "!font-400 !text-[12px]",
580
582
  color: "#494A48"
581
- }, "Lingual")))), /*#__PURE__*/React.createElement(_material.Box, {
583
+ }, "Lingual")))), /*#__PURE__*/_react.default.createElement(_material.Box, {
582
584
  className: "pb-[8px]"
583
- }, /*#__PURE__*/React.createElement(_material.Typography, {
585
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
584
586
  className: "!font-[600] !text-[12px]",
585
587
  color: "#494A48"
586
- }, "Scenario 1"), /*#__PURE__*/React.createElement(_material.Typography, {
588
+ }, "Scenario 1"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
587
589
  className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
588
590
  color: "#494A48"
589
- }, "Measure the full mouth pocket depth, then bleeding and plaque"), /*#__PURE__*/React.createElement(_material.Box, {
591
+ }, "Measure the full mouth pocket depth, then bleeding and plaque"), /*#__PURE__*/_react.default.createElement(_material.Box, {
590
592
  className: "flex items-center space-x-2 px-[10px] py-[5px]"
591
- }, /*#__PURE__*/React.createElement(_material.Box, {
593
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
592
594
  className: "flex items-center space-x-1"
593
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
595
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
594
596
  className: "!font-400 !text-[12px]",
595
597
  color: "#494A48"
596
- }, "Command:")), /*#__PURE__*/React.createElement(_material.Box, {
598
+ }, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
597
599
  className: "flex items-center"
598
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "One"), /*#__PURE__*/React.createElement(_material.Typography, {
600
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "One"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
599
601
  className: "!font-400 !text-[14px]",
600
602
  color: "#494A48"
601
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Bleeding"), /*#__PURE__*/React.createElement(_material.Typography, {
603
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Bleeding"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
602
604
  className: "!font-400 !text-[14px]",
603
605
  color: "#494A48"
604
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Plaque")))), /*#__PURE__*/React.createElement(_material.Box, {
606
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Plaque")))), /*#__PURE__*/_react.default.createElement(_material.Box, {
605
607
  className: "pb-[8px]"
606
- }, /*#__PURE__*/React.createElement(_material.Typography, {
608
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
607
609
  className: "!font-[600] !text-[12px]",
608
610
  color: "#494A48"
609
- }, "Scenario 2"), /*#__PURE__*/React.createElement(_material.Typography, {
611
+ }, "Scenario 2"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
610
612
  className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
611
613
  color: "#494A48"
612
- }, "Jump to specific tooth position and check implant, crown, missing"), /*#__PURE__*/React.createElement(_material.Box, {
614
+ }, "Jump to specific tooth position and check implant, crown, missing"), /*#__PURE__*/_react.default.createElement(_material.Box, {
613
615
  className: "flex items-center space-x-2 px-[10px] py-[5px]"
614
- }, /*#__PURE__*/React.createElement(_material.Box, {
616
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
615
617
  className: "flex items-center space-x-1"
616
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
618
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
617
619
  className: "!font-400 !text-[12px]",
618
620
  color: "#494A48"
619
- }, "Command:")), /*#__PURE__*/React.createElement(_material.Box, {
621
+ }, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
620
622
  className: "flex items-center"
621
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/React.createElement(_material.Typography, {
623
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
622
624
  className: "!font-400 !text-[14px]",
623
625
  color: "#494A48"
624
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Twenty-four"), /*#__PURE__*/React.createElement(_material.Typography, {
626
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Twenty-four"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
625
627
  className: "!font-400 !text-[14px]",
626
628
  color: "#494A48"
627
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Implant"), /*#__PURE__*/React.createElement(_material.Typography, {
629
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Implant"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
628
630
  className: "!font-400 !text-[12px]",
629
631
  color: "#494A48"
630
- }, "/"), /*#__PURE__*/React.createElement(StyledTypography, null, "Crown"), /*#__PURE__*/React.createElement(_material.Typography, {
632
+ }, "/"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Crown"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
631
633
  className: "!font-400 !text-[12px]",
632
634
  color: "#494A48"
633
- }, "/"), /*#__PURE__*/React.createElement(StyledTypography, null, "Missing")))), /*#__PURE__*/React.createElement(_material.Box, {
635
+ }, "/"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Missing")))), /*#__PURE__*/_react.default.createElement(_material.Box, {
634
636
  className: "pb-[8px]"
635
- }, /*#__PURE__*/React.createElement(_material.Typography, {
637
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
636
638
  className: "!font-[600] !text-[12px]",
637
639
  color: "#494A48"
638
- }, "Scenario 3"), /*#__PURE__*/React.createElement(_material.Typography, {
640
+ }, "Scenario 3"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
639
641
  className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
640
642
  color: "#494A48"
641
- }, "Jump to specific tooth position and check buccal bleeding"), /*#__PURE__*/React.createElement(_material.Box, {
643
+ }, "Jump to specific tooth position and check buccal bleeding"), /*#__PURE__*/_react.default.createElement(_material.Box, {
642
644
  className: "flex items-center space-x-2 px-[10px] py-[5px]"
643
- }, /*#__PURE__*/React.createElement(_material.Box, {
645
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
644
646
  className: "flex items-center space-x-1"
645
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
647
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
646
648
  className: "!font-400 !text-[12px]",
647
649
  color: "#494A48"
648
- }, "Command:")), /*#__PURE__*/React.createElement(_material.Box, {
650
+ }, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
649
651
  className: "flex items-center"
650
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/React.createElement(_material.Typography, {
652
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
651
653
  className: "!font-400 !text-[14px]",
652
654
  color: "#494A48"
653
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Seventeen"), /*#__PURE__*/React.createElement(_material.Typography, {
655
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Seventeen"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
654
656
  className: "!font-400 !text-[14px]",
655
657
  color: "#494A48"
656
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Buccal"), /*#__PURE__*/React.createElement(_material.Typography, {
658
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Buccal"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
657
659
  className: "!font-400 !text-[14px]",
658
660
  color: "#494A48"
659
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Bleeding"))), /*#__PURE__*/React.createElement(_material.Typography, {
661
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Bleeding"))), /*#__PURE__*/_react.default.createElement(_material.Typography, {
660
662
  className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
661
663
  color: "#494A48"
662
- }, "Jump to specific tooth position and check mobility II"), /*#__PURE__*/React.createElement(_material.Box, {
664
+ }, "Jump to specific tooth position and check mobility II"), /*#__PURE__*/_react.default.createElement(_material.Box, {
663
665
  className: "flex items-center space-x-2 px-[10px] py-[5px]"
664
- }, /*#__PURE__*/React.createElement(_material.Box, {
666
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
665
667
  className: "flex items-center space-x-1"
666
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
668
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
667
669
  className: "!font-400 !text-[12px]",
668
670
  color: "#494A48"
669
- }, "Command:")), /*#__PURE__*/React.createElement(_material.Box, {
671
+ }, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
670
672
  className: "flex items-center"
671
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/React.createElement(_material.Typography, {
673
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
672
674
  className: "!font-400 !text-[14px]",
673
675
  color: "#494A48"
674
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Thirty-three"), /*#__PURE__*/React.createElement(_material.Typography, {
676
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Thirty-three"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
675
677
  className: "!font-400 !text-[14px]",
676
678
  color: "#494A48"
677
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Lingual"), /*#__PURE__*/React.createElement(_material.Typography, {
679
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Lingual"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
678
680
  className: "!font-400 !text-[14px]",
679
681
  color: "#494A48"
680
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Mobility"), /*#__PURE__*/React.createElement(_material.Typography, {
682
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Mobility"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
681
683
  className: "!font-400 !text-[14px]",
682
684
  color: "#494A48"
683
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Two"))))), /*#__PURE__*/React.createElement(_material.Popover, {
685
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Two"))))), /*#__PURE__*/_react.default.createElement(_material.Popover, {
684
686
  open: openAnchorEl,
685
687
  anchorEl: anchorEl,
686
688
  onClose: handlePopoverClose,
@@ -700,42 +702,42 @@ const Recognition = _ref4 => {
700
702
  marginTop: '5px'
701
703
  }
702
704
  }
703
- }, /*#__PURE__*/React.createElement(_material.Box, {
705
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
704
706
  className: "px-[5px] py-[2.5px] w-[200px]"
705
- }, /*#__PURE__*/React.createElement(_material.Box, {
707
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
706
708
  className: "flex items-center px-[10px] py-[3px]"
707
- }, /*#__PURE__*/React.createElement(_material.Typography, {
709
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
708
710
  className: "!font-bold !text-[14px]",
709
711
  color: "#494A48B2"
710
- }, "Data")), /*#__PURE__*/React.createElement(_material.Box, {
712
+ }, "Data")), /*#__PURE__*/_react.default.createElement(_material.Box, {
711
713
  className: "flex items-center justify-between rounded-[5px] px-[10px] py-[3px] cursor-pointer",
712
714
  sx: {
713
715
  '&:hover': {
714
716
  background: '#F6F6F6'
715
717
  }
716
718
  }
717
- }, /*#__PURE__*/React.createElement(_material.Box, {
719
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
718
720
  className: "flex items-center space-x-1"
719
- }, /*#__PURE__*/React.createElement(_material.Typography, {
721
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
720
722
  className: "!font-bold !text-[14px]",
721
723
  color: "#494A48"
722
- }, "7"), /*#__PURE__*/React.createElement(_material.Typography, {
724
+ }, "7"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
723
725
  className: "!font-400 !text-[12px]",
724
726
  color: "#494A48"
725
- }, "words")), /*#__PURE__*/React.createElement(_material.Typography, {
727
+ }, "words")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
726
728
  className: "!font-400 !text-[14px]",
727
729
  color: "#494A48"
728
- }, "02.July.2024")), /*#__PURE__*/React.createElement(_material.Box, {
730
+ }, "02.July.2024")), /*#__PURE__*/_react.default.createElement(_material.Box, {
729
731
  className: "flex items-center justify-between px-[10px] py-[3px]"
730
- }, /*#__PURE__*/React.createElement(_material.Box, {
732
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
731
733
  className: "flex items-center space-x-1"
732
- }, /*#__PURE__*/React.createElement(_material.Typography, {
734
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
733
735
  className: "!font-bold !text-[14px]",
734
736
  color: "#494A48"
735
- }, "7"), /*#__PURE__*/React.createElement(_material.Typography, {
737
+ }, "7"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
736
738
  className: "!font-400 !text-[12px]",
737
739
  color: "#494A48"
738
- }, "words")), /*#__PURE__*/React.createElement(_material.Typography, {
740
+ }, "words")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
739
741
  className: "!font-400 !text-[14px]",
740
742
  color: "#494A48"
741
743
  }, "02.July.2024")))));
package/dist/recorder.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _react = require("react");
7
+ var _react = _interopRequireWildcard(require("react"));
8
8
  var _material = require("@mui/material");
9
9
  var _Grid = _interopRequireDefault(require("@mui/material/Grid2"));
10
10
  var _svgs = require("./components/svgs");
@@ -12,6 +12,8 @@ var _StyledSelect = _interopRequireDefault(require("./components/StyledSelect"))
12
12
  var _RecordListItem = _interopRequireDefault(require("./components/RecordListItem"));
13
13
  var _recorderJs = _interopRequireDefault(require("recorder-js"));
14
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
15
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
16
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
17
  const apiUrl = 'https://api.origintechx.dev/qa/v1/diagnose/voice';
16
18
  const getVoiceFileName = date => {
17
19
  const year = date.getFullYear(); // Get the full year (YYYY)
@@ -196,30 +198,30 @@ const RecorderBox = _ref => {
196
198
  (0, _react.useEffect)(() => {
197
199
  // uploadRecording();
198
200
  }, [audioBlob]);
199
- return /*#__PURE__*/React.createElement(_material.Box, {
201
+ return /*#__PURE__*/_react.default.createElement(_material.Box, {
200
202
  className: "bg-[#0B0B0B] rounded-[5px] border p-[20px] w-[850px]"
201
- }, /*#__PURE__*/React.createElement(_Grid.default, {
203
+ }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
202
204
  container: true,
203
205
  spacing: 2
204
- }, /*#__PURE__*/React.createElement(_Grid.default, {
206
+ }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
205
207
  size: 6
206
- }, /*#__PURE__*/React.createElement(_material.Box, {
208
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
207
209
  className: "flex items-center justify-between"
208
- }, /*#__PURE__*/React.createElement(_material.Typography, {
210
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
209
211
  className: "!text-[24px] !font-[600]",
210
212
  color: "#EAE5DC"
211
- }, "Voice assistant"), /*#__PURE__*/React.createElement(_material.Box, {
213
+ }, "Voice assistant"), /*#__PURE__*/_react.default.createElement(_material.Box, {
212
214
  className: "flex items-center px-[10px] py-[4px] bg-[#006FFF4D] rounded-[89.1px] cursor-pointer h-[28px]",
213
215
  sx: {
214
216
  border: '0.9px solid #006FFFB2'
215
217
  },
216
218
  onClick: handleModeChange
217
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.MicIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
219
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.MicIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
218
220
  className: "!font-600 !text-[14px]",
219
221
  color: "#EAE5DC"
220
- }, "Recorder mode"))), /*#__PURE__*/React.createElement(_material.Box, {
222
+ }, "Recorder mode"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
221
223
  className: "flex items-center justify-between mt-4"
222
- }, !isStartedRecord ? /*#__PURE__*/React.createElement(_material.Box, {
224
+ }, !isStartedRecord ? /*#__PURE__*/_react.default.createElement(_material.Box, {
223
225
  className: "flex items-center space-x-1 cursor-pointer px-[9px] py-[6px] rounded-[5px] bg-[#0B0B0B]",
224
226
  sx: {
225
227
  '&:hover': {
@@ -228,10 +230,10 @@ const RecorderBox = _ref => {
228
230
  }
229
231
  },
230
232
  onClick: handleStartRecord
231
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.StartIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
233
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.StartIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
232
234
  className: "!font-400 !text-[16px]",
233
235
  color: "#EAE5DC"
234
- }, "Start")) : /*#__PURE__*/React.createElement(_material.Box, {
236
+ }, "Start")) : /*#__PURE__*/_react.default.createElement(_material.Box, {
235
237
  className: "flex items-center space-x-1 cursor-pointer px-[9px] py-[6px] rounded-[5px] bg-[#0B0B0B]",
236
238
  sx: {
237
239
  border: '0.9px solid #F3151580',
@@ -240,10 +242,10 @@ const RecorderBox = _ref => {
240
242
  }
241
243
  },
242
244
  onClick: handleStartRecord
243
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.SmallPauseIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
245
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.SmallPauseIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
244
246
  className: "!font-400 !text-[14px]",
245
247
  color: "#EAE5DC"
246
- }, "Stop")), /*#__PURE__*/React.createElement(_material.Box, {
248
+ }, "Stop")), /*#__PURE__*/_react.default.createElement(_material.Box, {
247
249
  className: "flex items-center space-x-1 cursor-pointer px-[9px] py-[6px] rounded-[5px] bg-[#0B0B0B]",
248
250
  sx: {
249
251
  '&:hover': {
@@ -252,86 +254,86 @@ const RecorderBox = _ref => {
252
254
  }
253
255
  },
254
256
  onClick: handleSteupChange
255
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.SettingIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
257
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.SettingIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
256
258
  className: "!font-400 !text-[14px]",
257
259
  color: "#EAE5DC"
258
- }, "Setup"))), /*#__PURE__*/React.createElement(_material.Box, {
260
+ }, "Setup"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
259
261
  className: "rounded-[5px] bg-[#A3DBFE] mt-2"
260
- }, /*#__PURE__*/React.createElement(_material.Box, {
262
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
261
263
  className: "flex items-center justify-between p-[4.5px]"
262
- }, /*#__PURE__*/React.createElement(_material.Box, {
264
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
263
265
  className: "flex items-center space-x-1 rounded-[5px] px-[5px] py-[2px] bg-[#0B0B0B]",
264
266
  sx: {
265
267
  boxShadow: '0px 0px 1.8px 0px #00000040'
266
268
  }
267
- }, /*#__PURE__*/React.createElement(_material.Box, null, !isStartedRecord ? /*#__PURE__*/React.createElement(_svgs.StopIcon, null) : /*#__PURE__*/React.createElement(_svgs.RedStopIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
269
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, !isStartedRecord ? /*#__PURE__*/_react.default.createElement(_svgs.StopIcon, null) : /*#__PURE__*/_react.default.createElement(_svgs.RedStopIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
268
270
  className: "!font-[600] !text-[14px]",
269
271
  color: "#A3DBFE"
270
- }, !isStartedRecord ? 'STOP' : 'REC')), /*#__PURE__*/React.createElement(_material.Typography, {
272
+ }, !isStartedRecord ? 'STOP' : 'REC')), /*#__PURE__*/_react.default.createElement(_material.Typography, {
271
273
  className: "!font-400 !text-[20px] px-[9px]",
272
274
  color: "#1A2123",
273
275
  sx: {
274
276
  fontFamily: "Space Grotesk !important"
275
277
  }
276
- }, "01.08.2024")), /*#__PURE__*/React.createElement(_material.Box, {
278
+ }, "01.08.2024")), /*#__PURE__*/_react.default.createElement(_material.Box, {
277
279
  className: "flex justify-between p-[9px]"
278
- }, /*#__PURE__*/React.createElement(_material.Typography, {
280
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
279
281
  className: "!font-400 !text-[36px]",
280
282
  color: "#1A2123",
281
283
  sx: {
282
284
  fontFamily: "Space Grotesk !important"
283
285
  }
284
- }, getTimeValues(newRecordTime).hours, /*#__PURE__*/React.createElement("span", {
286
+ }, getTimeValues(newRecordTime).hours, /*#__PURE__*/_react.default.createElement("span", {
285
287
  style: {
286
288
  color: '#494A48',
287
289
  fontWeight: "300",
288
290
  fontSize: "16px"
289
291
  }
290
- }, "h"), " ", getTimeValues(newRecordTime).minutes, /*#__PURE__*/React.createElement("span", {
292
+ }, "h"), " ", getTimeValues(newRecordTime).minutes, /*#__PURE__*/_react.default.createElement("span", {
291
293
  style: {
292
294
  color: '#494A48',
293
295
  fontWeight: "300",
294
296
  fontSize: "16px"
295
297
  }
296
- }, "m"), " ", getTimeValues(newRecordTime).seconds, /*#__PURE__*/React.createElement("span", {
298
+ }, "m"), " ", getTimeValues(newRecordTime).seconds, /*#__PURE__*/_react.default.createElement("span", {
297
299
  style: {
298
300
  color: '#494A48',
299
301
  fontWeight: "300",
300
302
  fontSize: "16px"
301
303
  }
302
- }, "s")), /*#__PURE__*/React.createElement(_material.Box, {
304
+ }, "s")), /*#__PURE__*/_react.default.createElement(_material.Box, {
303
305
  className: "flex flex-col space-y-3 text-right"
304
- }, /*#__PURE__*/React.createElement(_material.Typography, {
306
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
305
307
  className: "!font-400 !text-[16px]",
306
308
  color: "#494A48",
307
309
  sx: {
308
310
  fontFamily: "Space Grotesk !important"
309
311
  }
310
- }, audioSize, " ", /*#__PURE__*/React.createElement("span", {
312
+ }, audioSize, " ", /*#__PURE__*/_react.default.createElement("span", {
311
313
  style: {
312
314
  fontSize: "14px",
313
315
  fontFamily: "Space Grotesk !important"
314
316
  }
315
- }, "MB")), isStartedRecord && /*#__PURE__*/React.createElement(_material.Typography, {
317
+ }, "MB")), isStartedRecord && /*#__PURE__*/_react.default.createElement(_material.Typography, {
316
318
  className: "!font-bold !text-[16px]",
317
319
  color: "#494A48",
318
320
  sx: {
319
321
  fontFamily: "Space Grotesk !important"
320
322
  }
321
- }, newRecordFileName))))), /*#__PURE__*/React.createElement(_Grid.default, {
323
+ }, newRecordFileName))))), /*#__PURE__*/_react.default.createElement(_Grid.default, {
322
324
  size: 6,
323
325
  className: `w-full ${isVoiceMode ? 'pr-[10px]' : ''}`
324
- }, isVoiceMode && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Box, {
326
+ }, isVoiceMode && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
325
327
  className: "flex space-x-1 w-full"
326
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.MicIcon, null)), /*#__PURE__*/React.createElement(_material.Box, {
328
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.MicIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Box, {
327
329
  className: "flex-1"
328
- }, /*#__PURE__*/React.createElement(_material.Typography, {
330
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
329
331
  className: "!font-[600] !text-[16px]",
330
332
  color: "#EAE5DC"
331
- }, "Voice"), /*#__PURE__*/React.createElement(_material.Typography, {
333
+ }, "Voice"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
332
334
  className: "!font-400 !text-[14px] pt-1",
333
335
  color: "#EAE5DC"
334
- }, "Input device"), /*#__PURE__*/React.createElement(_StyledSelect.default, {
336
+ }, "Input device"), /*#__PURE__*/_react.default.createElement(_StyledSelect.default, {
335
337
  className: "mt-1",
336
338
  fullWidth: true,
337
339
  displayEmpty: true,
@@ -339,7 +341,7 @@ const RecorderBox = _ref => {
339
341
  onChange: handleVoiceChange,
340
342
  renderValue: selected => {
341
343
  if (selected === "") {
342
- return /*#__PURE__*/React.createElement("span", {
344
+ return /*#__PURE__*/_react.default.createElement("span", {
343
345
  style: {
344
346
  fontSize: '12.6px',
345
347
  fontWeight: '400',
@@ -348,7 +350,7 @@ const RecorderBox = _ref => {
348
350
  }
349
351
  }, "Auto-Detect");
350
352
  }
351
- return /*#__PURE__*/React.createElement("span", {
353
+ return /*#__PURE__*/_react.default.createElement("span", {
352
354
  style: {
353
355
  fontSize: '12.6px',
354
356
  fontWeight: '400',
@@ -391,21 +393,21 @@ const RecorderBox = _ref => {
391
393
  }
392
394
  }
393
395
  }, voiceList.map((device, index) => {
394
- return /*#__PURE__*/React.createElement(_material.MenuItem, {
396
+ return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
395
397
  value: index,
396
398
  key: index
397
399
  }, device);
398
- })))), /*#__PURE__*/React.createElement(_material.Box, {
400
+ })))), /*#__PURE__*/_react.default.createElement(_material.Box, {
399
401
  className: "flex space-x-1 w-full mt-2"
400
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.LanguageIcon, null)), /*#__PURE__*/React.createElement(_material.Box, {
402
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.LanguageIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Box, {
401
403
  className: "flex-1"
402
- }, /*#__PURE__*/React.createElement(_material.Typography, {
404
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
403
405
  className: "!font-[600] !text-[16px]",
404
406
  color: "#EAE5DC"
405
- }, "Language"), /*#__PURE__*/React.createElement(_material.Typography, {
407
+ }, "Language"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
406
408
  className: "!font-400 !text-[14px] pt-1",
407
409
  color: "#EAE5DC"
408
- }, "Prefer language"), /*#__PURE__*/React.createElement(_StyledSelect.default, {
410
+ }, "Prefer language"), /*#__PURE__*/_react.default.createElement(_StyledSelect.default, {
409
411
  className: "mt-1",
410
412
  fullWidth: true,
411
413
  displayEmpty: true,
@@ -413,7 +415,7 @@ const RecorderBox = _ref => {
413
415
  onChange: handleLanguageChange,
414
416
  renderValue: selected => {
415
417
  if (selected === "") {
416
- return /*#__PURE__*/React.createElement("span", {
418
+ return /*#__PURE__*/_react.default.createElement("span", {
417
419
  style: {
418
420
  fontSize: '12.6px',
419
421
  fontWeight: '400',
@@ -422,7 +424,7 @@ const RecorderBox = _ref => {
422
424
  }
423
425
  }, "Auto-Detect");
424
426
  }
425
- return /*#__PURE__*/React.createElement("span", {
427
+ return /*#__PURE__*/_react.default.createElement("span", {
426
428
  style: {
427
429
  fontSize: '12.6px',
428
430
  fontWeight: '400',
@@ -464,41 +466,41 @@ const RecorderBox = _ref => {
464
466
  }
465
467
  }
466
468
  }
467
- }, /*#__PURE__*/React.createElement(_material.MenuItem, {
469
+ }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
468
470
  value: 0
469
- }, "Auto-Detect"), /*#__PURE__*/React.createElement(_material.MenuItem, {
471
+ }, "Auto-Detect"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
470
472
  value: 1
471
- }, "English"), /*#__PURE__*/React.createElement(_material.MenuItem, {
473
+ }, "English"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
472
474
  value: 2
473
- }, "Chinese (Simplified)"))))), !isVoiceMode && /*#__PURE__*/React.createElement(React.Fragment, null, recordList.length === 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Box, {
475
+ }, "Chinese (Simplified)"))))), !isVoiceMode && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, recordList.length === 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
474
476
  className: "flex flex-col items-center justify-center h-full"
475
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.BoxIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
477
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.BoxIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
476
478
  className: "!font-[600] !text-[16px] pt-2",
477
479
  color: "#EAE5DC",
478
480
  sx: {
479
481
  fontFamily: "Afacad !important"
480
482
  }
481
- }, "Record Empty"), /*#__PURE__*/React.createElement(_material.Box, {
483
+ }, "Record Empty"), /*#__PURE__*/_react.default.createElement(_material.Box, {
482
484
  className: "flex items-center space-x-1 mt-1"
483
- }, /*#__PURE__*/React.createElement(_material.Typography, {
485
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
484
486
  className: "!font-400 !text-[14px]",
485
487
  color: "#EAE5DC",
486
488
  sx: {
487
489
  fontFamily: "Afacad !important"
488
490
  }
489
- }, "Push"), /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.SmallStartIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
491
+ }, "Push"), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.SmallStartIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
490
492
  className: "!font-400 !text-[16px]",
491
493
  color: "#EAE5DC",
492
494
  sx: {
493
495
  fontFamily: "Afacad !important"
494
496
  }
495
- }, "to start")))), recordList.length > 0 && /*#__PURE__*/React.createElement(_material.Box, {
497
+ }, "to start")))), recordList.length > 0 && /*#__PURE__*/_react.default.createElement(_material.Box, {
496
498
  className: "flex flex-col space-y-2 p-[10px] scrollableBox",
497
499
  sx: {
498
500
  maxHeight: "225px"
499
501
  }
500
502
  }, recordList.map((record, index) => {
501
- return /*#__PURE__*/React.createElement(_RecordListItem.default, {
503
+ return /*#__PURE__*/_react.default.createElement(_RecordListItem.default, {
502
504
  audioURL: record.audioURL,
503
505
  label: record.name,
504
506
  capacity: record.size,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dmed-voice-assistant",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist"