@nualang/nualang-ui-components 0.1.1132 → 0.1.1133

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.
@@ -378,7 +378,7 @@ function InviteDialog({
378
378
  maxHeight: "80%"
379
379
  }
380
380
  }
381
- }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, null, "QR Code", " "), /*#__PURE__*/_react.default.createElement(_DialogContent.default, {
381
+ }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, null, "QR Code "), /*#__PURE__*/_react.default.createElement(_DialogContent.default, {
382
382
  dividers: true
383
383
  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
384
384
  display: "flex",
@@ -556,7 +556,7 @@ function InviteDialog({
556
556
  maxHeight: "80%"
557
557
  }
558
558
  }
559
- }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, null, "QR Code", " "), /*#__PURE__*/_react.default.createElement(_DialogContent.default, {
559
+ }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, null, "QR Code "), /*#__PURE__*/_react.default.createElement(_DialogContent.default, {
560
560
  dividers: true
561
561
  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
562
562
  display: "flex",
@@ -427,6 +427,7 @@ function Pronouncer({
427
427
  }
428
428
  }
429
429
  };
430
+ const isListeningIndicatorTextVisible = recognizing && interimTranscript === "" && finalTranscript === "" ? true : false;
430
431
  return /*#__PURE__*/_react.default.createElement(_material.Dialog, {
431
432
  fullScreen: true,
432
433
  open: open,
@@ -626,7 +627,7 @@ function Pronouncer({
626
627
  })))))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
627
628
  item: true,
628
629
  sx: {
629
- margin: 2
630
+ marginTop: 1
630
631
  }
631
632
  }, /*#__PURE__*/_react.default.createElement(_material.Button, {
632
633
  sx: theme => ({
@@ -658,15 +659,19 @@ function Pronouncer({
658
659
  id: "voiceInput",
659
660
  variant: "contained",
660
661
  ref: btnRef
661
- }, recognizing ? t("click_to_stop") : t("click_to_start")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
662
+ }, recognizing ? t("click_to_stop") : t("click_to_start"))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
663
+ item: true
664
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
662
665
  role: "status",
663
- margin: 5,
666
+ sx: {
667
+ mt: isListeningIndicatorTextVisible ? 3 : 0
668
+ },
664
669
  textAlign: "center",
665
670
  fontWeight: "bolder",
666
671
  fontSize: "20px",
667
672
  "aria-label": "Mic is",
668
673
  "aria-live": "polite"
669
- }, recognizing && interimTranscript === "" && finalTranscript === "" ? t("listening_indicator") : "")), finalTranscript || interimTranscript ? /*#__PURE__*/_react.default.createElement(_material.Grid, {
674
+ }, isListeningIndicatorTextVisible ? t("listening_indicator") : "")), finalTranscript || interimTranscript ? /*#__PURE__*/_react.default.createElement(_material.Grid, {
670
675
  item: true,
671
676
  alignItems: "center",
672
677
  className: classes.setWidth
@@ -55,7 +55,8 @@ const props = exports.props = {
55
55
  play: () => {}
56
56
  },
57
57
  handleReportProblem: problemDescription => alert(problemDescription),
58
- voices: _config.default.languages["spanish"].Voices
58
+ voices: _config.default.languages["spanish"].Voices,
59
+ trackRecommendedEvent: () => {}
59
60
  };
60
61
  const story = {
61
62
  title: "Exercises/Pronouncer",
@@ -39,7 +39,8 @@ function Contact({
39
39
  initialValues,
40
40
  disableCheckboxes,
41
41
  id,
42
- isPublisher
42
+ isPublisher,
43
+ freeTrialAvailable
43
44
  }) {
44
45
  const [values, setValues] = (0, _react.useState)({
45
46
  firstName: "",
@@ -136,14 +137,18 @@ function Contact({
136
137
  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
137
138
  item: true,
138
139
  xs: 12,
139
- md: 6
140
+ md: 12
140
141
  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
141
142
  fontSize: 14,
142
143
  sx: {
143
144
  opacity: 0.8,
144
145
  marginBottom: 1
145
146
  }
146
- }, t("required_field")), /*#__PURE__*/_react.default.createElement(_material.TextField, {
147
+ }, t("required_field"))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
148
+ item: true,
149
+ xs: 12,
150
+ md: 6
151
+ }, /*#__PURE__*/_react.default.createElement(_material.TextField, {
147
152
  id: `firstName`,
148
153
  name: "firstName",
149
154
  variant: "outlined",
@@ -289,7 +294,7 @@ function Contact({
289
294
  sx: {
290
295
  flexDirection: "row"
291
296
  }
292
- }, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
297
+ }, freeTrialAvailable && /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
293
298
  control: /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
294
299
  checked: freeTrial,
295
300
  onChange: handleChange,
@@ -137,7 +137,7 @@ function ShareDrawer({
137
137
  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
138
138
  onClick: handleClose,
139
139
  sx: {
140
- position: 'absolute',
140
+ position: "absolute",
141
141
  top: 6,
142
142
  right: 10,
143
143
  zIndex: 1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nualang/nualang-ui-components",
3
- "version": "0.1.1132",
3
+ "version": "0.1.1133",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist",