@nualang/nualang-ui-components 0.1.1189 → 0.1.1190

package/dist/Containers/App/App.js

@@ -138,7 +138,9 @@ function AppSearch({
       setPrevDebouncedSearchText(debouncedSearchText);
     }
   }, [debouncedSearchText, handleSearchContent]);
-  return /*#__PURE__*/_react.default.createElement(Search, null, /*#__PURE__*/_react.default.createElement(SearchIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Search.default, null)), /*#__PURE__*/_react.default.createElement(StyledInputBase, {
+  return /*#__PURE__*/_react.default.createElement(Search, {
+    id: 'appbar-search'
+  }, /*#__PURE__*/_react.default.createElement(SearchIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Search.default, null)), /*#__PURE__*/_react.default.createElement(StyledInputBase, {
     autoFocus: true,
     placeholder: t("app_search_placeholder"),
     value: searchText,
@@ -339,7 +341,8 @@ function App({
     onClick: handleClickCreate,
     "data-cy": "appbar-create-button",
     startIcon: /*#__PURE__*/_react.default.createElement(_Add.default, null),
-    color: "secondary"
+    color: "secondary",
+    id: 'appbar-create-button'
   }, t("create")) : /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
     title: t("create"),
     enterDelay: 300

package/dist/Dialogs/ExerciseMenu/Menus/CloseExercise/CloseExercise.js

@@ -23,18 +23,21 @@ function CloseExerciseMenu({
     open: open,
     handleClose: close,
     actions: [{
+      dataCypress: "finish_exercise",
       text: t("finish_exercise"),
       variant: "contained",
       color: "primary",
       onClick: finishExercise,
       disabled: isFinishExerciseDisabled
     }, {
+      dataCypress: "save_progress",
       text: t("save_progress"),
       variant: "outlined",
       color: "primary",
       onClick: saveProgress,
       disabled: isSpeaking
     }, {
+      dataCypress: "go_back_to_topic",
       text: inTopic ? t("go_back_to_topic") : t("quit"),
       variant: "",
       color: "",

package/dist/Dialogs/InviteDialog/InviteDialog.js

@@ -219,9 +219,9 @@ function InviteDialog({
     component: "b",
     fontWeight: "bold",
     color: "primary"
-  }, "Go to ", /*#__PURE__*/_react.default.createElement(NualangLogo, {
+  }, "Practice more with ", /*#__PURE__*/_react.default.createElement(NualangLogo, {
     src: _nualangLogoPrimary.default
-  }), " classroom"), " ", "via the ", /*#__PURE__*/_react.default.createElement("b", null, "Learning Site"), ".")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, teachClassroomsState.length > 0 && /*#__PURE__*/_react.default.createElement(_material.Tabs, {
+  })), " ", "via the ", /*#__PURE__*/_react.default.createElement("b", null, "Learning Site"), ".")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, teachClassroomsState.length > 0 && /*#__PURE__*/_react.default.createElement(_material.Tabs, {
     value: tabValue,
     onChange: handleChangeTab,
     sx: {

package/dist/Editors/Bot/Bot.js

@@ -702,9 +702,8 @@ function Bot({
     open: creatorInstructionsDialogOpen,
     handleClose: handleCloseCreatorInstructions,
     dialogTitle: t("instruction_message")
-  }, /*#__PURE__*/_react.default.createElement(_reactMarkdown.default
-  // children={bot.creatorInstructions}
-  , {
+  }, /*#__PURE__*/_react.default.createElement(_reactMarkdown.default, {
+    children: bot.creatorInstructions,
     className: "content"
   })), /*#__PURE__*/_react.default.createElement(_ResponsiveDialog.default, {
     open: isHelpOpen,

package/dist/Editors/Bot/Editor/BotDesigner/VarList.js

@@ -25,7 +25,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const markdownLinkRegex = /\[(.*)\]\(([^ ]+?)( "(.+)")?\)/;
 const markdownImageLinkRegex = /!\[(.*)\]\(([^ ]+?)( "(.+)")?\)/;
 const multipleOptionsRegex = /^\((.*)\)$/;
-const DEFAULT_BOT_IMAGE = `https://api.imagecreator.fathominnovation.com/640/310/8300a1/ffffff/fa-image`;
+const DEFAULT_BOT_IMAGE = `${process.env.REACT_APP_API}/image-creator/848/480/691f89/ffffff/fa-images?fontSize=200`;
 function VarListItem({
   t,
   classes,
@@ -79,7 +79,7 @@ function VarListItem({
         handleUpdateVariable({
           target: {
             name: varName,
-            value: DEFAULT_BOT_IMAGE
+            value: `![](${DEFAULT_BOT_IMAGE})`
           }
         });
       }

package/dist/Forms/Settings/Tabs/General/General.js

@@ -15,6 +15,7 @@ var _index = require("../../../../utils/index");
 var _NualangVerifiedIcon = _interopRequireDefault(require("../../../../Misc/NualangVerifiedIcon/NualangVerifiedIcon"));
 var _MedalSelector = _interopRequireDefault(require("../../../../Misc/MedalSelector/MedalSelector"));
 var _AvatarDialog = _interopRequireDefault(require("../../../../Dialogs/AvatarDialog/AvatarDialog"));
+var _useConfirm = _interopRequireDefault(require("../../../../hooks/useConfirm"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
 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; }
@@ -258,6 +259,7 @@ function General({
   const [isPictureDialogOpen, setIsPictureDialogOpen] = (0, _react.useState)(false);
   const isGeneratedEmail = (0, _index.checkIsGeneratedEmail)(email);
   const [avatarOptionClicked, setAvatarOptionClicked] = (0, _react.useState)(false);
+  const [confirm] = (0, _useConfirm.default)(t);
   const generalFormInitialValues = {
     preferred_username,
     email,
@@ -388,10 +390,13 @@ function General({
       disabled: values.picture === "" || isSubmitting,
       component: "span",
       variant: "contained",
-      onClick: () => {
-        otherProps.setFieldValue("picture", "");
-        otherProps.setFieldValue("avatar", {});
-        submitForm();
+      onClick: async () => {
+        const confirmed = await confirm(t("delete_picture"), `${t("delete_picture_confirmation")}`);
+        if (confirmed) {
+          otherProps.setFieldValue("picture", "");
+          otherProps.setFieldValue("avatar", {});
+          submitForm();
+        }
       }
     }, t("delete_picture")))), /*#__PURE__*/_react.default.createElement(_AvatarDialog.default, {
       t: t,

package/dist/Lists/Members/Members.js

@@ -108,7 +108,16 @@ function Member(props) {
   }, /*#__PURE__*/_react.default.createElement(_Person.default, {
     fontSize: "large"
   }))), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
-    primary: featureFlags.heritageSpeakers && member.isHeritageSpeaker ? `${member.username} (${t("heritage_speaker")})` : member.username,
+    primary: featureFlags.heritageSpeakers && member.isHeritageSpeaker ? /*#__PURE__*/_react.default.createElement(_material.Box, {
+      display: "flex",
+      alignItems: "center",
+      gap: "8px"
+    }, member.username, /*#__PURE__*/_react.default.createElement(_material.Chip, {
+      label: t("heritage_speaker"),
+      size: "small",
+      variant: "outlined",
+      color: "primary"
+    })) : member.username,
     secondary: `Joined ${_luxon.DateTime.fromMillis(member.createdAt).toRelative()}`
   }), /*#__PURE__*/_react.default.createElement(_material.Box, {
     className: classes.actionsWrapper

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1189",
+  "version": "0.1.1190",
   "main": "dist/index.js",
   "files": [
     "dist",