@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Dialogs/CreateTopic/CreateTopic.js

@@ -1,135 +0,0 @@
-import DialogContentText from "@mui/material/DialogContentText";
-import Switch from "@mui/material/Switch";
-import Grid from "@mui/material/Grid";
-import Typography from "@mui/material/Typography";
-import MenuItem from "@mui/material/MenuItem";
-import { makeStyles } from "tss-react/mui";
-import { randomId } from "../../utils/index";
-import { TextField } from "@mui/material";
-
-// components
-import InputHelper from "../../Forms/InputHelper/InputHelper";
-import ResponsiveDialog from "../ResponsiveDialog/ResponsiveDialog";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useStyles = makeStyles()(() => ({
-  center: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  }
-}));
-function CreateTopic({
-  t = text => text,
-  open,
-  handleClose,
-  handleSubmit,
-  handleSwitchChange,
-  isPublic,
-  sectionName,
-  topic: {
-    topicName,
-    description,
-    difficulty
-  },
-  handleInputChange,
-  difficulties = ["A1", "A2", "B1", "B2", "C1", "C2"]
-}) {
-  const {
-    classes
-  } = useStyles();
-  const difficultyOptions = difficulties.map((d, idx) => {
-    const keyId = `creaquest_${randomId()}${idx}`;
-    return /*#__PURE__*/_jsx(MenuItem, {
-      value: d,
-      children: t(d)
-    }, keyId);
-  });
-  return /*#__PURE__*/_jsxs(ResponsiveDialog, {
-    open: open,
-    handleClose: handleClose,
-    handleSubmit: handleSubmit,
-    submitText: t("create_topic"),
-    dialogTitle: t("create_topic"),
-    isFullScreen: true,
-    children: [/*#__PURE__*/_jsx(Typography, {
-      sx: {
-        fontSize: 14,
-        opacity: 0.8,
-        marginBottom: 1
-      },
-      children: t("required_field")
-    }), /*#__PURE__*/_jsx(DialogContentText, {
-      children: t("add_topic_to_section", {
-        sectionId: sectionName
-      })
-    }), /*#__PURE__*/_jsx("div", {
-      className: classes.center,
-      children: /*#__PURE__*/_jsx(Typography, {
-        children: /*#__PURE__*/_jsxs(Grid, {
-          component: "label",
-          container: true,
-          spacing: 1,
-          sx: {
-            alignItems: "center"
-          },
-          children: [/*#__PURE__*/_jsx(Grid, {
-            children: "Private"
-          }), /*#__PURE__*/_jsx(Grid, {
-            children: /*#__PURE__*/_jsx(Switch, {
-              checked: isPublic,
-              onChange: handleSwitchChange,
-              name: "checkedA",
-              color: "primary",
-              slotProps: {
-                input: {
-                  "aria-label": "primary checkbox"
-                }
-              }
-            })
-          }), /*#__PURE__*/_jsx(Grid, {
-            children: "Public"
-          })]
-        })
-      })
-    }), /*#__PURE__*/_jsx(InputHelper, {
-      t: t,
-      value: topicName,
-      onChange: handleInputChange,
-      margin: "normal",
-      autoFocus: true,
-      id: "topicName",
-      name: "topicName",
-      label: t("topic_name"),
-      type: "text",
-      variant: "outlined",
-      fullWidth: true,
-      required: true
-    }), /*#__PURE__*/_jsx(InputHelper, {
-      t: t,
-      value: description,
-      onChange: handleInputChange,
-      margin: "normal",
-      id: "description",
-      name: "description",
-      label: t("description"),
-      type: "text",
-      variant: "outlined",
-      multiline: true,
-      fullWidth: true
-    }), /*#__PURE__*/_jsx(TextField, {
-      select: true,
-      id: "difficulty",
-      name: "difficulty",
-      "data-cy": "difficulty",
-      label: t("difficulty"),
-      value: difficulty,
-      onChange: handleInputChange,
-      margin: "normal",
-      variant: "outlined",
-      fullWidth: true,
-      required: true,
-      children: difficultyOptions
-    })]
-  });
-}
-export default CreateTopic;

package/dist/Dialogs/CreateTopic/CreateTopic.test.js

@@ -1,15 +0,0 @@
-import { render } from "@testing-library/react";
-import { describe, it } from "vitest";
-import CreateTopic from "./CreateTopic";
-import { props } from "./CreateTopic.stories";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe("CreateTopic", () => {
-  it("renders without crashing", () => {
-    const {
-      unmount
-    } = render(/*#__PURE__*/_jsx(CreateTopic, {
-      ...props
-    }));
-    unmount();
-  });
-});

package/dist/Dialogs/CreateTopic/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "CreateTopic",
-  "version": "0.0.0",
-  "private": true,
-  "main": "./CreateTopic.js"
-}

package/dist/Dialogs/CreatorNotSubscribed/CreatorNotSubscribed.js

@@ -1,19 +0,0 @@
-import DialogContentText from "@mui/material/DialogContentText";
-import ResponsiveDialog from "../ResponsiveDialog/ResponsiveDialog";
-import { jsx as _jsx } from "react/jsx-runtime";
-function CreatorNotSubscribed({
-  t = text => text,
-  open,
-  handleClose
-}) {
-  return /*#__PURE__*/_jsx(ResponsiveDialog, {
-    open: open,
-    handleClose: handleClose,
-    children: /*#__PURE__*/_jsx(DialogContentText, {
-      children: /*#__PURE__*/_jsx("p", {
-        children: t("creator_not_subscribed")
-      })
-    })
-  });
-}
-export default CreatorNotSubscribed;

package/dist/Dialogs/CreatorNotSubscribedUpgrade/CreatorNotSubscribedUpgrade.js

@@ -1,50 +0,0 @@
-import DialogContentText from "@mui/material/DialogContentText";
-import ResponsiveDialog from "../ResponsiveDialog/ResponsiveDialog";
-import { Box } from "@mui/material";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function CreatorNotSubscribedUpgrade({
-  t = text => text,
-  open,
-  handleClose,
-  closeText,
-  handleSubmit,
-  submitText,
-  descriptions = [],
-  dialogTitle
-}) {
-  return /*#__PURE__*/_jsx(ResponsiveDialog, {
-    open: open,
-    handleClose: handleClose,
-    closeText: closeText,
-    handleSubmit: handleSubmit,
-    submitText: submitText,
-    dialogTitle: dialogTitle,
-    children: /*#__PURE__*/_jsxs(DialogContentText, {
-      component: "div",
-      children: [/*#__PURE__*/_jsx(Box, {
-        sx: {
-          paddingBottom: 1
-        },
-        children: /*#__PURE__*/_jsx("p", {
-          children: t("creator_not_subscribed_upgrade")
-        })
-      }), /*#__PURE__*/_jsx(Box, {
-        component: "ul",
-        sx: {
-          listStyleType: "disc",
-          paddingLeft: 3,
-          "& li": {
-            marginBottom: "8px",
-            fontSize: "1rem",
-            lineHeight: "1.5"
-          }
-        },
-        children: descriptions.map((desc, index) => /*#__PURE__*/_jsx(Box, {
-          component: "li",
-          children: t(desc)
-        }, index))
-      })]
-    })
-  });
-}
-export default CreatorNotSubscribedUpgrade;

package/dist/Dialogs/DynamicAIWarning/DynamicAIWarning.js

@@ -1,183 +0,0 @@
-// import { useState } from "react";
-// components
-import ResponsiveDialog from "../ResponsiveDialog/ResponsiveDialog";
-import Box from "@mui/material/Box";
-import Typography from "@mui/material/Typography";
-import SettingsIcon from "@mui/icons-material/Settings";
-import { Divider } from "@mui/material";
-import SearchIcon from "@mui/icons-material/Search";
-import EastIcon from "@mui/icons-material/East";
-import GENERIC_IMAGE_URL from "./owl.png";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function DynamicAIWarning({
-  t = text => text,
-  open = false,
-  handleClose,
-  handleSubmit,
-  dialogTitle
-}) {
-  const submit = event => {
-    event.preventDefault();
-    handleSubmit();
-  };
-  return /*#__PURE__*/_jsxs(ResponsiveDialog, {
-    open: open,
-    handleClose: handleClose,
-    submitText: t("classroom_settings"),
-    dialogTitle: dialogTitle,
-    children: [/*#__PURE__*/_jsxs(Box, {
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "stretch",
-        width: "100%"
-      },
-      children: [/*#__PURE__*/_jsx(Typography, {
-        variant: "h6",
-        component: "h2",
-        gutterBottom: true,
-        align: "left",
-        sx: {
-          paddingBottom: 1
-        },
-        children: t("chatbot_now_ai")
-      }), /*#__PURE__*/_jsx(Typography, {
-        variant: "body2",
-        align: "left",
-        gutterBottom: true,
-        children: t("chatbot_now_ai_desc")
-      }), /*#__PURE__*/_jsx(Typography, {
-        variant: "body2",
-        align: "left",
-        gutterBottom: true,
-        sx: {
-          marginTop: 2
-        },
-        children: t("chatbot_now_ai_benefit")
-      }), /*#__PURE__*/_jsxs(Box, {
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          mt: 2
-        },
-        children: [/*#__PURE__*/_jsx(SearchIcon, {
-          sx: {
-            ml: -0.5,
-            mr: 0.5,
-            color: "text.secondary"
-          },
-          fontSize: "small"
-        }), /*#__PURE__*/_jsx(Typography, {
-          variant: "body2",
-          align: "left",
-          children: t("ai_learn_more")
-        }), /*#__PURE__*/_jsx(EastIcon, {
-          sx: {
-            ml: 0.5,
-            color: "text.secondary"
-          },
-          fontSize: "small"
-        })]
-      }), /*#__PURE__*/_jsxs(Box, {
-        component: "a",
-        href: "https://www.waysidepublishing.com/teaching-resources/ai-enhanced-nualang-chatbot",
-        target: "_blank",
-        rel: "noopener noreferrer",
-        sx: {
-          display: "flex",
-          flexDirection: "row",
-          alignItems: "center",
-          width: "100%",
-          borderRadius: 2,
-          my: 2,
-          backgroundColor: "#f9f0fa",
-          border: "1px solid #c2c2c2",
-          boxShadow: 1,
-          overflow: "hidden",
-          textDecoration: "none",
-          color: "black",
-          cursor: "pointer",
-          transition: "0.3s",
-          "&:hover": {
-            boxShadow: 3,
-            backgroundColor: "#f3e5f5"
-          }
-        },
-        children: [/*#__PURE__*/_jsx(Box, {
-          sx: {
-            flex: 2
-          },
-          children: /*#__PURE__*/_jsx(Typography, {
-            variant: "body1",
-            gutterBottom: true,
-            sx: {
-              ml: 1
-            },
-            children: t("chatbot_now_ai")
-          })
-        }), /*#__PURE__*/_jsx(Box, {
-          sx: {
-            flex: 1,
-            display: "flex",
-            justifyContent: "flex-end",
-            alignItems: "center",
-            height: "100%"
-          },
-          children: /*#__PURE__*/_jsx(Box, {
-            component: "img",
-            src: GENERIC_IMAGE_URL,
-            alt: "AI Illustration",
-            sx: {
-              height: 60,
-              width: 60,
-              objectFit: "cover",
-              objectPosition: "center",
-              borderTopRightRadius: 8,
-              borderBottomRightRadius: 8,
-              display: "block"
-            }
-          })
-        })]
-      }), /*#__PURE__*/_jsxs(Box, {
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          pt: 1
-        },
-        children: [/*#__PURE__*/_jsx(SettingsIcon, {
-          sx: {
-            ml: -0.5,
-            mr: 0.5,
-            color: "text.secondary"
-          },
-          fontSize: "small"
-        }), /*#__PURE__*/_jsx(Typography, {
-          variant: "body2",
-          align: "left",
-          children: t("prefer_original_version")
-        })]
-      }), /*#__PURE__*/_jsxs(Typography, {
-        variant: "body2",
-        align: "left",
-        children: [t("chatbot_now_ai_revert_settings"), " ", /*#__PURE__*/_jsx(Typography, {
-          component: "span",
-          variant: "body2",
-          sx: {
-            color: "primary.main",
-            cursor: "pointer",
-            fontWeight: "bold"
-          },
-          onClick: submit,
-          children: t("classroom_settings")
-        }), " ", "for this class."]
-      })]
-    }), /*#__PURE__*/_jsx(Divider, {
-      sx: {
-        paddingTop: 3,
-        marginBottom: -2,
-        width: "100%"
-      }
-    })]
-  });
-}
-export default DynamicAIWarning;

package/dist/Dialogs/EnrollmentKeyDialog/EnrollmentKeyDialog.js

@@ -1,47 +0,0 @@
-import { useState } from "react";
-import InputHelper from "../../Forms/InputHelper/InputHelper";
-
-// components
-import ResponsiveDialog from "../ResponsiveDialog/ResponsiveDialog";
-import { jsx as _jsx } from "react/jsx-runtime";
-function EnrollmentKeyDialog({
-  t = text => text,
-  open = false,
-  handleClose,
-  handleSubmit,
-  dialogTitle,
-  ...otherProps
-}) {
-  const [enrollmentKey, setEnrollmentKey] = useState("");
-  const handleInputChange = event => {
-    setEnrollmentKey(event.target.value);
-  };
-  const submit = event => {
-    event.preventDefault();
-    handleSubmit(enrollmentKey);
-  };
-  return /*#__PURE__*/_jsx(ResponsiveDialog, {
-    open: open,
-    handleClose: handleClose,
-    handleSubmit: submit,
-    submitText: t("join"),
-    dialogTitle: dialogTitle,
-    children: /*#__PURE__*/_jsx("form", {
-      onSubmit: submit,
-      children: /*#__PURE__*/_jsx(InputHelper, {
-        t: t,
-        value: enrollmentKey,
-        onChange: handleInputChange,
-        margin: "normal",
-        autoFocus: true,
-        id: "enrollmentKey",
-        name: "enrollmentKey",
-        label: t("enter_private_key"),
-        type: "text",
-        variant: "outlined",
-        fullWidth: true
-      })
-    })
-  });
-}
-export default EnrollmentKeyDialog;

package/dist/Dialogs/ExerciseMenu/ExerciseMenu.js

@@ -1,92 +0,0 @@
-import { useEffect } from "react";
-import { Dialog, DialogContent, Button, Tooltip } from "@mui/material";
-import { makeStyles } from "tss-react/mui";
-import { randomId } from "../../utils/index";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useStyles = makeStyles()(theme => ({
-  buttonStyle: {
-    margin: theme.spacing(1, 0, 1, 0)
-  }
-}));
-function ExerciseMenu({
-  open,
-  handleClose,
-  actions = []
-}) {
-  const {
-    classes
-  } = useStyles();
-  const buttonRefs = actions.map(() => ({
-    current: null
-  }));
-  useEffect(() => {
-    if (open) {
-      setTimeout(() => {
-        const firstNonDisabledButtonRef = buttonRefs.find(ref => ref.current && !ref.current.disabled);
-        firstNonDisabledButtonRef?.current?.focus();
-      }, 325);
-    }
-  }, [open, buttonRefs]);
-  const handleKeyDown = event => {
-    if (event.key === "Escape") {
-      handleClose();
-    }
-  };
-  return /*#__PURE__*/_jsx(Dialog, {
-    open: open,
-    onClose: handleClose,
-    "aria-labelledby": "exercise-menu-dialog-content",
-    role: "status",
-    "aria-live": "polite",
-    onKeyDown: handleKeyDown,
-    children: /*#__PURE__*/_jsx(DialogContent, {
-      id: "exercise-menu-dialog-content",
-      children: actions.map((action = {}, i) => {
-        const {
-          dataCypress,
-          text,
-          variant,
-          color,
-          onClick
-        } = action;
-        let disabled = false;
-        if (action.disabled) {
-          disabled = action.disabled;
-        }
-        return /*#__PURE__*/_jsx("div", {
-          className: classes.buttonStyle,
-          children: dataCypress === "view_report" && disabled ? /*#__PURE__*/_jsx(Tooltip, {
-            placement: "right",
-            title: "Reports are not available during assignments. You can review your attempts in the Progress tab.",
-            children: /*#__PURE__*/_jsx("div", {
-              children: /*#__PURE__*/_jsx(Button, {
-                ref: ref => {
-                  buttonRefs[i].current = ref;
-                },
-                "data-cy": dataCypress,
-                variant: variant,
-                color: color,
-                onClick: onClick,
-                disabled: disabled,
-                fullWidth: true,
-                children: text
-              })
-            })
-          }) : /*#__PURE__*/_jsx(Button, {
-            ref: ref => {
-              buttonRefs[i].current = ref;
-            },
-            "data-cy": dataCypress,
-            variant: variant,
-            color: color,
-            onClick: onClick,
-            disabled: disabled,
-            fullWidth: true,
-            children: text
-          })
-        }, `exermenu_${randomId()}${i}`);
-      })
-    })
-  });
-}
-export default ExerciseMenu;

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

@@ -1,20 +0,0 @@
-import ExerciseMenu from "../../ExerciseMenu";
-import { jsx as _jsx } from "react/jsx-runtime";
-function CloseBotPreview({
-  open,
-  close,
-  t,
-  goBack
-}) {
-  return /*#__PURE__*/_jsx(ExerciseMenu, {
-    open: open,
-    handleClose: close,
-    actions: [{
-      text: t("close_preview"),
-      variant: "contained",
-      color: "primary",
-      onClick: goBack
-    }]
-  });
-}
-export default CloseBotPreview;

package/dist/Dialogs/ExerciseMenu/Menus/CloseBotPreview/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "CloseBotPreview",
-  "version": "0.0.0",
-  "private": true,
-  "main": "./CloseBotPreview.js"
-}

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

@@ -1,52 +0,0 @@
-import ExerciseMenu from "../../ExerciseMenu";
-import { useLocation } from "react-router";
-import { jsx as _jsx } from "react/jsx-runtime";
-function CloseExerciseMenu({
-  open,
-  close,
-  t,
-  isSpeaking,
-  saveProgress,
-  finishExercise,
-  goBack,
-  goBackToAssignment,
-  inTopic = false,
-  saveDisabled = false,
-  isFinishExerciseDisabled
-}) {
-  const location = useLocation();
-  const searchParams = new URLSearchParams(location.search);
-  const assignmentId = searchParams.get("assignmentId");
-  return /*#__PURE__*/_jsx(ExerciseMenu, {
-    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
-    }, ...(assignmentId ? [{
-      dataCypress: "go_back_to_assignments",
-      text: t("go_back_to_assignments"),
-      variant: "",
-      color: "",
-      onClick: goBackToAssignment
-    }] : [{
-      dataCypress: "go_back_to_topic",
-      text: inTopic ? t("go_back_to_topic") : t("quit"),
-      variant: "",
-      color: "",
-      onClick: goBack
-    }])]
-  });
-}
-export default CloseExerciseMenu;

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

@@ -1,6 +0,0 @@
-{
-  "name": "CloseExercise",
-  "version": "0.0.0",
-  "private": true,
-  "main": "./CloseExercise.js"
-}