dmed-voice-assistant 1.1.0 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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 +2 -2
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,7 +1,7 @@
1
1
  {
2
2
  "name": "dmed-voice-assistant",
3
- "version": "1.1.0",
4
- "main": "dist/VoiceAssistant/index.js",
3
+ "version": "1.1.2",
4
+ "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist"
7
7
  ],