@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Forms/CreateGroup/CreateGroup.js

@@ -1,55 +0,0 @@
-import { MenuItem } from "@mui/material";
-import { GroupInformation, GroupSettings } from "./Steps";
-
-// components
-import MultiStepForm from "../MultiStepForm/MultiStepForm";
-import { jsx as _jsx } from "react/jsx-runtime";
-function getSteps() {
-  return [GroupInformation, GroupSettings];
-}
-function CreateGroup({
-  t = text => text,
-  onSubmit,
-  handleSpeak,
-  fileSizeLimit = 5000000,
-  initialValues = {
-    groupName: "",
-    description: "",
-    picture: "",
-    allowedDomains: "",
-    subscriptionPlan: "teacher_pro",
-    subscriptionStatus: "active",
-    subscriptionPeriodEnd: new Date().getTime() / 1000,
-    memberLimit: 20,
-    studentLimit: 100
-  },
-  subscriptionPlans = ["basic", "teacher_pro"],
-  subscriptionStatuses = ["active", "canceled", "trialing"]
-}) {
-  const subscriptionPlanOptions = subscriptionPlans.map((plan, idx) => {
-    const keyId = `subscription_plan_${idx}`;
-    return /*#__PURE__*/_jsx(MenuItem, {
-      value: plan,
-      children: t(plan)
-    }, keyId);
-  });
-  const subscriptionStatusesOptions = subscriptionStatuses.map((status, idx) => {
-    const keyId = `subscription_status_${idx}`;
-    return /*#__PURE__*/_jsx(MenuItem, {
-      value: status,
-      children: t(status)
-    }, keyId);
-  });
-  return /*#__PURE__*/_jsx(MultiStepForm, {
-    initialValues: initialValues,
-    getSteps: getSteps,
-    onSubmit: onSubmit,
-    t: t,
-    subscriptionPlanOptions: subscriptionPlanOptions,
-    subscriptionStatusesOptions: subscriptionStatusesOptions,
-    handleSpeak: handleSpeak,
-    fileSizeLimit: fileSizeLimit
-  });
-}
-CreateGroup.propTypes = {};
-export default CreateGroup;

package/dist/Forms/CreateGroup/CreateGroup.test.js

@@ -1,20 +0,0 @@
-import { render } from "@testing-library/react";
-import { describe, it } from "vitest";
-import { ThemeProvider, createTheme } from "@mui/material/styles";
-import CreateGroup from "./CreateGroup";
-import { props } from "./CreateGroup.stories";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe("CreateGroup", () => {
-  it("renders without crashing", () => {
-    const theme = createTheme();
-    const {
-      unmount
-    } = render(/*#__PURE__*/_jsx(ThemeProvider, {
-      theme: theme,
-      children: /*#__PURE__*/_jsx(CreateGroup, {
-        ...props
-      })
-    }));
-    unmount();
-  });
-});

package/dist/Forms/CreateGroup/Steps/Confirmation/Confirmation.js

@@ -1,172 +0,0 @@
-import { useState } from "react";
-import { Button, Typography, Grid, FormControl, FormControlLabel, FormLabel, Radio, RadioGroup } from "@mui/material";
-import { makeStyles } from "tss-react/mui";
-import ReactMarkdown from "react-markdown";
-import ResponsiveDialog from "../../../../Dialogs/ResponsiveDialog/ResponsiveDialog";
-import GroupCard from "../../../../Cards/Bot/Bot";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const useStyles = makeStyles()(theme => ({
-  group: {
-    flexDirection: "row"
-  },
-  template: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  flex: {
-    display: "flex",
-    alignItems: "center",
-    flexDirection: "row",
-    flexWrap: "wrap",
-    justifyContent: "space-evenly",
-    marginTop: theme.spacing(2),
-    paddingTop: theme.spacing(2),
-    marginGrouptom: theme.spacing(2),
-    paddingGrouptom: theme.spacing(2)
-  },
-  root: {
-    width: "100%",
-    "@media print": {
-      position: "absolute"
-    }
-  },
-  tableContainer: {
-    maxHeight: 450,
-    maxWidth: 450
-  },
-  maxWidthLine: {
-    maxWidth: 450
-  }
-}));
-function Confirmation({
-  t = text => text,
-  values,
-  subscription
-}) {
-  const {
-    classes
-  } = useStyles();
-  const {
-    visibility,
-    translationEnabled,
-    studentInstructions
-  } = values;
-  const [open, setOpen] = useState(false);
-  const templateProps = {
-    group: values,
-    disableActions: true
-  };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Typography, {
-      gutterBottom: true,
-      children: t("perfect_click_finish_create_group")
-    }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsxs("div", {
-      className: classes.flex,
-      children: [/*#__PURE__*/_jsx(GroupCard, {
-        t: t,
-        disableActions: true,
-        className: classes.maxWidthLine,
-        subscription: subscription,
-        ...templateProps
-      }), /*#__PURE__*/_jsxs("div", {
-        className: classes.maxWidthLine,
-        children: [/*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsxs(Grid, {
-          container: true,
-          sx: {
-            width: "100%"
-          },
-          spacing: 1,
-          children: [/*#__PURE__*/_jsxs(Grid, {
-            size: 12,
-            children: [/*#__PURE__*/_jsx(Typography, {
-              gutterBottom: true,
-              sx: {
-                display: "block"
-              },
-              children: t("creation_visibility")
-            }), /*#__PURE__*/_jsxs(FormControl, {
-              component: "fieldset",
-              children: [/*#__PURE__*/_jsx(FormLabel, {
-                component: "legend",
-                children: t("visibility")
-              }), /*#__PURE__*/_jsxs(RadioGroup, {
-                className: classes.group,
-                "aria-label": "visibility",
-                name: "visibility",
-                value: visibility,
-                children: [/*#__PURE__*/_jsx(FormControlLabel, {
-                  disabled: true,
-                  value: "public",
-                  control: /*#__PURE__*/_jsx(Radio, {}),
-                  label: t("public")
-                }), /*#__PURE__*/_jsx(FormControlLabel, {
-                  disabled: true,
-                  value: "private",
-                  control: /*#__PURE__*/_jsx(Radio, {}),
-                  label: t("private")
-                })]
-              })]
-            })]
-          }), /*#__PURE__*/_jsxs(Grid, {
-            size: 12,
-            children: [/*#__PURE__*/_jsx(Typography, {
-              gutterBottom: true,
-              sx: {
-                display: "block"
-              },
-              children: t("auto_translate")
-            }), /*#__PURE__*/_jsxs(FormControl, {
-              component: "fieldset",
-              children: [/*#__PURE__*/_jsx(FormLabel, {
-                component: "legend",
-                children: t("translation")
-              }), /*#__PURE__*/_jsxs(RadioGroup, {
-                className: classes.group,
-                "aria-label": "translationEnabled",
-                name: "translationEnabled",
-                value: translationEnabled,
-                children: [/*#__PURE__*/_jsx(FormControlLabel, {
-                  disabled: true,
-                  value: "enable",
-                  control: /*#__PURE__*/_jsx(Radio, {}),
-                  label: t("enable")
-                }), /*#__PURE__*/_jsx(FormControlLabel, {
-                  disabled: true,
-                  value: "disable",
-                  control: /*#__PURE__*/_jsx(Radio, {}),
-                  label: t("disable")
-                })]
-              })]
-            })]
-          }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(Grid, {
-            size: {
-              xs: 12,
-              md: 4
-            },
-            children: studentInstructions && studentInstructions !== "" ? /*#__PURE__*/_jsx(Button, {
-              open: open,
-              onClick: () => setOpen(true),
-              variant: "outlined",
-              color: "secondary",
-              children: t("view_instruction_message")
-            }) : null
-          })]
-        })]
-      })]
-    }), /*#__PURE__*/_jsx(ResponsiveDialog, {
-      open: open,
-      handleClose: () => setOpen(false),
-      dialogTitle: t("instruction_message"),
-      children: /*#__PURE__*/_jsx("div", {
-        className: "content",
-        children: /*#__PURE__*/_jsx(ReactMarkdown, {
-          source: studentInstructions
-        })
-      })
-    })]
-  });
-}
-Confirmation.propTypes = {};
-Confirmation.label = "confirmation";
-export default Confirmation;

package/dist/Forms/CreateGroup/Steps/Confirmation/package.json

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

package/dist/Forms/CreateGroup/Steps/GroupInformation/GroupInformation.js

@@ -1,130 +0,0 @@
-import { Grid, Typography } from "@mui/material";
-import * as Yup from "yup";
-import InputHelper from "../../../../Forms/InputHelper/InputHelper";
-// import ImageSelector from '../../../../Forms/ImageSelector';
-// import PreviewCard from '../../../../Cards/PreviewCard/PreviewCard';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-function GroupInformation({
-  t,
-  handleChange,
-  handleBlur,
-  touched,
-  values,
-  errors
-  // fileSizeLimit,
-}) {
-  const {
-    groupName,
-    description,
-    picture,
-    allowedDomains
-  } = values;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Typography, {
-      gutterBottom: true,
-      children: t("group_information_form_title")
-    }), /*#__PURE__*/_jsxs(Grid, {
-      container: true,
-      sx: {
-        width: "100%"
-      },
-      spacing: 1,
-      children: [/*#__PURE__*/_jsxs(Grid, {
-        size: 12,
-        children: [/*#__PURE__*/_jsx(Typography, {
-          sx: {
-            fontSize: 14,
-            opacity: 0.8,
-            marginBottom: 1
-          },
-          children: t("required_field")
-        }), /*#__PURE__*/_jsx(InputHelper, {
-          t: t,
-          id: "groupName",
-          name: "groupName",
-          "data-cy": "groupName",
-          label: t("group_name"),
-          value: groupName,
-          onChange: handleChange,
-          onBlur: handleBlur,
-          helperText: touched.groupName ? errors.groupName : "",
-          error: touched.groupName && Boolean(errors.groupName),
-          type: "text",
-          margin: "normal",
-          variant: "outlined",
-          fullWidth: true,
-          required: true,
-          maxLength: 200
-        })]
-      }), /*#__PURE__*/_jsx(Grid, {
-        size: 12,
-        children: /*#__PURE__*/_jsx(InputHelper, {
-          t: t,
-          id: "description",
-          name: "description",
-          "data-cy": "description",
-          label: t("description"),
-          value: description,
-          onChange: handleChange,
-          onBlur: handleBlur,
-          helperText: touched.description ? errors.description : "",
-          error: touched.description && Boolean(errors.description),
-          type: "text",
-          margin: "normal",
-          variant: "outlined",
-          multiline: true,
-          fullWidth: true,
-          maxLength: 1000
-        })
-      }), /*#__PURE__*/_jsx(Grid, {
-        size: 12,
-        children: /*#__PURE__*/_jsx(InputHelper, {
-          t: t,
-          id: "allowedDomains",
-          name: "allowedDomains",
-          "data-cy": "allowedDomains",
-          label: t("allowed_domains"),
-          value: allowedDomains,
-          onChange: handleChange,
-          onBlur: handleBlur,
-          helperText: touched.allowedDomains ? errors.allowedDomains : t("comma_seperated_domains"),
-          error: touched.allowedDomains && Boolean(errors.allowedDomains),
-          type: "text",
-          margin: "normal",
-          variant: "outlined",
-          multiline: true,
-          fullWidth: true,
-          required: true
-        })
-      }), /*#__PURE__*/_jsx(Grid, {
-        size: 12,
-        children: /*#__PURE__*/_jsx(InputHelper, {
-          t: t,
-          id: "picture",
-          name: "picture",
-          "data-cy": "picture",
-          label: t("group_picture"),
-          value: picture,
-          onChange: handleChange,
-          onBlur: handleBlur,
-          helperText: touched.picture ? errors.picture : "",
-          error: touched.picture && Boolean(errors.picture),
-          type: "text",
-          margin: "normal",
-          variant: "outlined",
-          multiline: true,
-          fullWidth: true
-        })
-      })]
-    })]
-  });
-}
-GroupInformation.propTypes = {};
-GroupInformation.label = "group_information";
-GroupInformation.validationSchema = Yup.object().shape({
-  groupName: Yup.string().required("required"),
-  description: Yup.string().nullable(),
-  allowedDomains: Yup.string().required("required"),
-  picture: Yup.string().nullable()
-});
-export default GroupInformation;

package/dist/Forms/CreateGroup/Steps/GroupInformation/package.json

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

package/dist/Forms/CreateGroup/Steps/GroupSettings/GroupSettings.js

@@ -1,171 +0,0 @@
-import { useState } from "react";
-import { Grid, Typography, TextField } from "@mui/material";
-import * as Yup from "yup";
-import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
-import { DateTime } from "luxon";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-function GroupSettings({
-  t,
-  values,
-  touched,
-  errors,
-  handleChange,
-  handleBlur,
-  subscriptionPlanOptions,
-  subscriptionStatusesOptions
-}) {
-  const {
-    subscriptionPlan,
-    subscriptionStatus,
-    subscriptionPeriodEnd,
-    memberLimit,
-    studentLimit
-  } = values;
-  const [subscriptionPeriodEndDate, setSubscriptionPeriodEndDate] = useState(subscriptionPeriodEnd ? DateTime.fromSeconds(subscriptionPeriodEnd) : DateTime.now());
-  const handleSubscriptionPeriodEndChange = date => {
-    setSubscriptionPeriodEndDate(date);
-    handleChange({
-      target: {
-        name: "subscriptionPeriodEnd",
-        value: date.toMillis() / 1000
-      }
-    });
-  };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Typography, {
-      gutterBottom: true,
-      children: t("group_subscription_form_title")
-    }), /*#__PURE__*/_jsxs(Grid, {
-      container: true,
-      sx: {
-        width: "100%"
-      },
-      spacing: 1,
-      children: [/*#__PURE__*/_jsxs(Grid, {
-        size: 12,
-        children: [/*#__PURE__*/_jsx(Typography, {
-          sx: {
-            fontSize: 14,
-            opacity: 0.8,
-            marginBottom: 1
-          },
-          children: t("required_field")
-        }), /*#__PURE__*/_jsx(TextField, {
-          select: true,
-          id: "subscriptionPlan",
-          name: "subscriptionPlan",
-          "data-cy": "subscriptionPlan",
-          label: t("subscription_plan"),
-          value: subscriptionPlan,
-          onChange: handleChange,
-          onBlur: handleBlur,
-          helperText: touched.subscriptionPlan ? errors.subscriptionPlan : "",
-          error: touched.subscriptionPlan && Boolean(errors.subscriptionPlan),
-          margin: "normal",
-          variant: "outlined",
-          fullWidth: true,
-          required: true,
-          children: subscriptionPlanOptions
-        })]
-      }), /*#__PURE__*/_jsx(Grid, {
-        size: 12,
-        children: /*#__PURE__*/_jsx(TextField, {
-          select: true,
-          id: "subscriptionStatus",
-          name: "subscriptionStatus",
-          "data-cy": "subscriptionStatus",
-          label: t("subscription_status"),
-          value: subscriptionStatus,
-          onChange: handleChange,
-          onBlur: handleBlur,
-          helperText: touched.subscriptionStatus ? errors.subscriptionStatus : "",
-          error: touched.subscriptionStatus && Boolean(errors.subscriptionStatus),
-          margin: "normal",
-          variant: "outlined",
-          fullWidth: true,
-          required: true,
-          children: subscriptionStatusesOptions
-        })
-      }), /*#__PURE__*/_jsx(Grid, {
-        size: 12,
-        children: /*#__PURE__*/_jsx(DateTimePicker, {
-          renderInput: props => /*#__PURE__*/_jsx(TextField, {
-            ...props
-          }),
-          id: "subscriptionPeriodEnd",
-          label: t("subscription_period_end"),
-          format: "MM/dd/yyyy hh:mm",
-          inputVariant: "outlined",
-          value: subscriptionPeriodEndDate,
-          onChange: handleSubscriptionPeriodEndChange,
-          KeyboardButtonProps: {
-            "aria-label": "change subscription period"
-          },
-          slotProps: {
-            textField: {
-              fullWidth: true,
-              required: true,
-              margin: "normal"
-            }
-          }
-        })
-      }), /*#__PURE__*/_jsx(Grid, {
-        size: 12,
-        children: /*#__PURE__*/_jsx(TextField, {
-          id: "memberLimit",
-          name: "memberLimit",
-          "data-cy": "memberLimit",
-          label: t("group_member_limit"),
-          value: memberLimit,
-          onChange: handleChange,
-          onBlur: handleBlur,
-          helperText: touched.memberLimit ? errors.memberLimit : "",
-          error: touched.memberLimit && Boolean(errors.memberLimit),
-          margin: "normal",
-          variant: "outlined",
-          type: "number",
-          fullWidth: true,
-          required: true,
-          slotProps: {
-            htmlInput: {
-              min: "1"
-            }
-          }
-        })
-      }), /*#__PURE__*/_jsx(Grid, {
-        size: 12,
-        children: /*#__PURE__*/_jsx(TextField, {
-          id: "studentLimit",
-          name: "studentLimit",
-          "data-cy": "studentLimit",
-          label: t("student_limit"),
-          value: studentLimit,
-          onChange: handleChange,
-          onBlur: handleBlur,
-          helperText: touched.studentLimit ? errors.studentLimit : "",
-          error: touched.studentLimit && Boolean(errors.studentLimit),
-          margin: "normal",
-          variant: "outlined",
-          type: "number",
-          fullWidth: true,
-          required: true,
-          slotProps: {
-            htmlInput: {
-              min: "1"
-            }
-          }
-        })
-      })]
-    })]
-  });
-}
-GroupSettings.propTypes = {};
-GroupSettings.label = "group_subscription";
-GroupSettings.validationSchema = Yup.object().shape({
-  subscriptionPlan: Yup.string().required("required"),
-  subscriptionStatus: Yup.string().required("required"),
-  subscriptionPeriodEnd: Yup.number().required("required"),
-  memberLimit: Yup.number().required("required"),
-  studentLimit: Yup.number().required("required")
-});
-export default GroupSettings;

package/dist/Forms/CreateGroup/Steps/GroupSettings/package.json

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

package/dist/Forms/CreateGroup/Steps/index.js

@@ -1,4 +0,0 @@
-import GroupInformation from "./GroupInformation/GroupInformation";
-import GroupSettings from "./GroupSettings/GroupSettings";
-import Confirmation from "./Confirmation/Confirmation";
-export { GroupInformation, GroupSettings, Confirmation };

package/dist/Forms/CreateGroup/package.json

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

package/dist/Forms/CreateMeetingMultiStepForm/CreateMeetingMultiStepForm.js

@@ -1,88 +0,0 @@
-/* eslint-disable react/prop-types */
-import MeetingForm from "./MeetingForm";
-import MultiStepForm from "../MultiStepForm/MultiStepForm";
-import MultiStepFormDialog from "../DiscussMultiStepFormDialog/MultiStepFormDialog";
-import GroupAssignment from "./GroupAssignment";
-// eslint-disable-next-line no-unused-vars
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function CreateMeetingMultiStepForm({
-  handleSubmit,
-  onGroupAssignmentChange,
-  values = {
-    meetingTopic: "1111",
-    t: x => x,
-    meetingPrompt: "",
-    recordTimeLimit: "",
-    chatOption: false,
-    scheduleOption: false,
-    meetingDate: "",
-    meetingTime: "",
-    groups: [],
-    courseSectionTopicId: ""
-  },
-  handleClose,
-  isDialog,
-  dialogTitle,
-  open,
-  t,
-  stage,
-  loading,
-  submitText,
-  imageLoading,
-  makeChatGptApiRequest,
-  learnLang,
-  forLang,
-  siteLanguage,
-  courses,
-  getCourseSections,
-  courseSectionTopicId,
-  createDiscussion,
-  username
-}) {
-  function getSteps() {
-    return [MeetingForm, GroupAssignment];
-  }
-  if (isDialog) {
-    return /*#__PURE__*/_jsx(MultiStepFormDialog, {
-      getSteps: getSteps,
-      t: t,
-      stage: stage,
-      imageLoading: imageLoading,
-      submitText: submitText,
-      handleClose: handleClose,
-      initialValues: values,
-      altValues: values,
-      onSubmit: handleSubmit,
-      onGroupAssignmentChange: onGroupAssignmentChange,
-      dialogTitle: dialogTitle,
-      open: open,
-      loading: loading,
-      makeChatGptApiRequest: makeChatGptApiRequest,
-      learnLang: learnLang,
-      forLang: forLang,
-      siteLanguage: siteLanguage,
-      courses: courses,
-      getCourseSections: getCourseSections,
-      courseSectionTopicId: courseSectionTopicId,
-      createDiscussion: createDiscussion,
-      username: username
-    });
-  }
-  return /*#__PURE__*/_jsx(MultiStepForm, {
-    getSteps: getSteps,
-    t: t,
-    handleClose: handleClose,
-    initialValues: values,
-    onSubmit: handleSubmit,
-    onGroupAssignmentChange: onGroupAssignmentChange,
-    makeChatGptApiRequest: makeChatGptApiRequest,
-    learnLang: learnLang,
-    forLang: forLang,
-    siteLanguage: siteLanguage,
-    courses: courses,
-    getCourseSections: getCourseSections,
-    courseSectionTopicId: courseSectionTopicId,
-    createDiscussion: createDiscussion,
-    username: username
-  });
-}