@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Dialogs/GenerateQuestion/GenerateQuestion.js

@@ -1,212 +0,0 @@
-import { useState } from "react";
-import { Alert, Grid, LinearProgress, MenuItem, TextField } from "@mui/material";
-import { Link } from "react-router";
-import { AutoFixHigh } from "@mui/icons-material";
-
-// Components
-import ResponsiveDialog from "../ResponsiveDialog/ResponsiveDialog";
-import NualaCreating from "../../Misc/NualaCreating/NualaCreating";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-function GenerateQuestion({
-  t,
-  open,
-  handleClose,
-  script,
-  values,
-  makeChatGptApiRequest,
-  onSubmit,
-  learnLang,
-  forLang,
-  siteLanguage,
-  disableRestoreFocus
-}) {
-  const finalLearnLang = learnLang.charAt(0).toUpperCase() + learnLang.slice(1);
-  const finalForLang = forLang ? forLang.charAt(0).toUpperCase() + forLang.slice(1) : siteLanguage;
-  const [isMessageGenerating, setIsMessageGenerating] = useState(false);
-  const [errorMessage, setErrorMessage] = useState(null);
-  const [questionType, setQuestionType] = useState("factual");
-  const [questionLanguage, setQuestionLanguage] = useState(finalLearnLang);
-  const extractJsonObject = response => {
-    let stack = [];
-    let startIndex = -1;
-    let endIndex = -1;
-    for (let i = 0; i < response.length; i++) {
-      if (response[i] === "{") {
-        if (stack.length === 0) {
-          startIndex = i;
-        }
-        stack.push("{");
-      } else if (response[i] === "}") {
-        stack.pop();
-        if (stack.length === 0) {
-          endIndex = i;
-          break;
-        }
-      }
-    }
-    if (startIndex !== -1 && endIndex !== -1) {
-      return response.substring(startIndex, endIndex + 1);
-    }
-    return "";
-  };
-  function validateResponse(response) {
-    if (typeof response !== "object" || response === null) {
-      return false;
-    }
-    if (typeof response.question !== "string") {
-      return false;
-    }
-    if (!Array.isArray(response.answers)) {
-      return false;
-    }
-    if (response.answers.length === 0) {
-      return false;
-    }
-    let hasCorrectAnswer = false;
-    for (const answer of response.answers) {
-      if (typeof answer !== "object" || answer === null) {
-        return false;
-      }
-      if (typeof answer.text !== "string" || typeof answer.correct !== "boolean" || typeof answer.type !== "string") {
-        return false;
-      }
-      if (answer.correct) {
-        hasCorrectAnswer = true;
-      }
-    }
-    return hasCorrectAnswer;
-  }
-  const handleGenerateAnswer = async () => {
-    try {
-      setIsMessageGenerating(true);
-      setErrorMessage(null);
-      const newQuestion = await makeChatGptApiRequest({
-        model: "gpt-4o",
-        promptKey: "generateAnswer",
-        promptVariables: {
-          script,
-          actor1: values.actor1,
-          actor2: values.actor2,
-          finalLearnLang: finalLearnLang,
-          finalForLang: finalForLang,
-          questionType,
-          questionLanguage
-        }
-      });
-      if (!validateResponse(newQuestion)) {
-        throw new Error("Invalid response from GPT-3.5");
-      }
-      onSubmit({
-        question: newQuestion.question.trim(),
-        answers: newQuestion.answers
-      });
-      setIsMessageGenerating(false);
-      handleClose();
-    } catch (error) {
-      console.error(error);
-      setIsMessageGenerating(false);
-      setErrorMessage("There was problem generating the roleplay, please try again.");
-    }
-  };
-  return /*#__PURE__*/_jsxs(ResponsiveDialog, {
-    open: open,
-    handleClose: handleClose,
-    handleSubmit: handleGenerateAnswer,
-    submitText: t("generate_question"),
-    dialogTitle: isMessageGenerating ? t("generating_question") : t("generate_question"),
-    isSubmitDisabled: isMessageGenerating || !questionType,
-    isExperimentalFeature: true,
-    startIcon: /*#__PURE__*/_jsx(AutoFixHigh, {}),
-    disableRestoreFocus: disableRestoreFocus,
-    children: [/*#__PURE__*/_jsx(Grid, {
-      size: 12,
-      sx: {
-        textAlign: "center",
-        mx: 2,
-        ...(!isMessageGenerating && {
-          display: "none"
-        })
-      },
-      children: /*#__PURE__*/_jsx(NualaCreating, {})
-    }), /*#__PURE__*/_jsx(Grid, {
-      size: 12,
-      sx: {
-        mt: 2,
-        ...(!isMessageGenerating && {
-          display: "none"
-        })
-      },
-      children: /*#__PURE__*/_jsx(LinearProgress, {})
-    }), !isMessageGenerating && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Grid, {
-        size: 12,
-        sx: {
-          mb: 2
-        },
-        children: /*#__PURE__*/_jsxs(Alert, {
-          severity: "info",
-          children: [t("experimental_feature_desc_answer"), " -", " ", /*#__PURE__*/_jsxs(Link, {
-            to: "/contact",
-            children: [t("contact_form"), "."]
-          })]
-        })
-      }), /*#__PURE__*/_jsx(Grid, {
-        size: 12,
-        sx: {
-          mb: 2
-        },
-        children: /*#__PURE__*/_jsxs(TextField, {
-          select: true,
-          label: t("question_type"),
-          value: questionType,
-          onChange: e => setQuestionType(e.target.value),
-          fullWidth: true,
-          variant: "outlined",
-          children: [/*#__PURE__*/_jsx(MenuItem, {
-            value: "factual",
-            children: t("multiple_choice_factual")
-          }), /*#__PURE__*/_jsx(MenuItem, {
-            value: "inference",
-            children: t("multiple_choice_inference")
-          }), /*#__PURE__*/_jsx(MenuItem, {
-            value: "truefalse",
-            children: t("true_false")
-          }), /*#__PURE__*/_jsx(MenuItem, {
-            value: "vocabulary",
-            children: t("vocabulary")
-          })]
-        })
-      }), finalForLang !== finalLearnLang && /*#__PURE__*/_jsx(Grid, {
-        size: 12,
-        sx: {
-          mb: 2
-        },
-        children: /*#__PURE__*/_jsxs(TextField, {
-          select: true,
-          label: t("language"),
-          value: questionLanguage,
-          onChange: e => setQuestionLanguage(e.target.value),
-          fullWidth: true,
-          variant: "outlined",
-          children: [/*#__PURE__*/_jsx(MenuItem, {
-            value: finalForLang,
-            children: finalForLang
-          }), /*#__PURE__*/_jsx(MenuItem, {
-            value: finalLearnLang,
-            children: finalLearnLang
-          })]
-        })
-      }), errorMessage && /*#__PURE__*/_jsx(Grid, {
-        size: 12,
-        sx: {
-          mt: 2
-        },
-        children: /*#__PURE__*/_jsx(Alert, {
-          severity: "warning",
-          children: errorMessage
-        })
-      })]
-    })]
-  });
-}
-export default GenerateQuestion;

package/dist/Dialogs/GenerateQuestion/package.json

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