@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/config.js

@@ -1,413 +0,0 @@
-import NualaSpeaking from "./img/nuala_speaking.svg";
-import NualaSpeakingTwo from "./img/nuala_speaking_2.svg";
-import NualaSpeakingThree from "./img/nuala_speaking_3.svg";
-import NualaSpeakingFour from "./img/nuala_speaking_3.svg";
-import NualaCelebrating from "./img/nuala_speaking_3.svg";
-const languages = {
-  portuguese: {
-    Voice: "Vitoria",
-    skipAnswerMessage: ["Não desista."],
-    correctAnswerMessage: ["Perfeito!", "Excelente!", "Ótimo!", "Fantástico!"],
-    incorrectAnswerMessage: ["Não exatamente", "Não desista.", "Nunca um fracasso, sempre uma lição."],
-    partiallyCorrectAnswerMessage: ["Bem!", "Muito bem!", "Bom trabalho!", "Você aprende rápido!"],
-    Voices: {
-      "pt-BR": {
-        label: "Portuguese, Brazilian",
-        languageCode: "pt-BR",
-        voiceOptions: [{
-          name: "Vitoria",
-          userImage: NualaSpeaking
-        }, {
-          name: "Camila",
-          userImage: NualaSpeaking
-        }, {
-          name: "Ricardo",
-          userImage: NualaSpeaking
-        }]
-      },
-      "pt-PT": {
-        label: "Portuguese, European",
-        languageCode: "pt-PT",
-        voiceOptions: [{
-          name: "Ines",
-          userImage: NualaSpeaking
-        }, {
-          name: "Cristiano",
-          userImage: NualaSpeaking
-        }]
-      }
-    },
-    Code: "pt",
-    Tag: "pt-BR",
-    SpeechRecognitionTag: "pt-BR",
-    BotTemplate: "! vers\u00E3o = 2.0\r\n\r\n+ ol\u00E1 bot\r\n- Ol\u00E1 humano.\r\n\r\n+ meu nome \u00E9 *\r\n- <set nome=<formal>>Prazer em conhec\u00EA-lo, <get nome>.\r\n\r\n+ (qual \u00E9 o meu nome|quem sou eu?)\r\n- Voc\u00EA \u00E9 <get nome>, certo?\r\n\r\n+ *\r\n- Eu n\u00E3o tenho uma resposta para isso.\r\n- Tente perguntar isso de uma maneira diferente."
-  },
-  spanish: {
-    Voice: "Penelope",
-    skipAnswerMessage: ["No te rindas."],
-    correctAnswerMessage: ["¡Perfecto!", "¡Excelente!", "¡Genial!", "¡Fantástico!"],
-    incorrectAnswerMessage: ["No exactamente", "No te rindas.", "Nunca un fracaso, siempre una lección."],
-    partiallyCorrectAnswerMessage: ["¡Bien!", "¡Muy bien!", "¡Buen trabajo!", "¡Aprendes rápido!"],
-    Voices: {
-      "es-US": {
-        label: "Spanish, US",
-        languageCode: "es-US",
-        voiceOptions: [{
-          name: "Penelope",
-          userImage: NualaSpeakingFour,
-          speakingImage: NualaSpeakingFour,
-          celebratingImage: NualaCelebrating
-        }, {
-          name: "Lupe",
-          userImage: NualaSpeakingThree,
-          speakingImage: NualaSpeakingFour,
-          celebratingImage: NualaCelebrating,
-          isNeuralOnly: true
-        }, {
-          name: "Miguel",
-          userImage: NualaSpeakingTwo,
-          speakingImage: NualaSpeakingFour,
-          celebratingImage: NualaCelebrating,
-          provider: "azure"
-        }]
-      },
-      "es-ES": {
-        label: "Spanish, European",
-        languageCode: "es-ES",
-        voiceOptions: [{
-          name: "Lucia",
-          userImage: NualaSpeaking,
-          speakingImage: NualaSpeakingFour,
-          celebratingImage: NualaCelebrating,
-          legacy: true
-        }, {
-          name: "Conchita",
-          userImage: NualaSpeakingTwo,
-          speakingImage: NualaSpeakingFour,
-          celebratingImage: NualaCelebrating,
-          provider: "azure"
-        }, {
-          name: "Enrique",
-          userImage: NualaSpeakingThree,
-          speakingImage: NualaSpeakingFour,
-          celebratingImage: NualaCelebrating,
-          provider: "azure"
-        }]
-      },
-      "es-MX": {
-        label: "Spanish, Mexican",
-        languageCode: "es-MX",
-        voiceOptions: [{
-          name: "Mia",
-          userImage: NualaSpeakingFour,
-          speakingImage: NualaSpeakingFour,
-          celebratingImage: NualaCelebrating
-        }]
-      }
-    },
-    Code: "es",
-    Tag: "es-US",
-    SpeechRecognitionTag: "es-US",
-    BotTemplate: "! versi\u00F3n = 2.0\r\n\r\n+ hola bot\r\n- Hola humanos.\r\n\r\n+ mi nombre es *\r\n- <set nombre=<formal>>Encantado de conocerte, <get nombre>.\r\n\r\n+ (cual es mi nombre|quien soy yo)\r\n- Est\u00E1s <get nombre>, \u00BFverdad?\r\n\r\n+ *\r\n- No tengo una respuesta para eso.\r\n- Intenta preguntar eso de otra manera."
-  },
-  english: {
-    Voice: "Joanna",
-    skipAnswerMessage: ["Don't give up."],
-    correctAnswerMessage: ["Perfect!", "Excellent!", "Great!", "Fantastic!"],
-    incorrectAnswerMessage: ["Not quite", "Don't give up.", "Never a failure, always a lesson."],
-    partiallyCorrectAnswerMessage: ["Good!", "Very good!", "Good job!", "You learn quickly!"],
-    Voices: {
-      "en-US": {
-        label: "English, US",
-        languageCode: "en-US",
-        voiceOptions: [{
-          name: "Joanna",
-          userImage: NualaSpeaking
-        }, {
-          name: "Salli",
-          userImage: NualaSpeaking
-        }, {
-          name: "Ivy",
-          userImage: NualaSpeaking
-        }, {
-          name: "Kendra",
-          userImage: NualaSpeaking
-        }, {
-          name: "Kimberly",
-          userImage: NualaSpeaking
-        }, {
-          name: "Matthew",
-          userImage: NualaSpeaking
-        }, {
-          name: "Justin",
-          userImage: NualaSpeaking
-        }, {
-          name: "Joey",
-          userImage: NualaSpeaking
-        }]
-      },
-      "en-GB": {
-        label: "English, British",
-        languageCode: "en-GB",
-        voiceOptions: [{
-          name: "Amy",
-          userImage: NualaSpeaking
-        }, {
-          name: "Emma",
-          userImage: NualaSpeaking
-        }, {
-          name: "Brian",
-          userImage: NualaSpeaking
-        }]
-      },
-      "en-AU": {
-        label: "English, Australian",
-        languageCode: "en-AU",
-        voiceOptions: [{
-          name: "Nicole",
-          userImage: NualaSpeaking
-        }, {
-          name: "Russell",
-          userImage: NualaSpeaking
-        }]
-      }
-    },
-    Code: "en",
-    Tag: "en-US",
-    SpeechRecognitionTag: "en-US",
-    BotTemplate: "! version = 1.0\r\n\r\n+ hello bot\r\n- Hello human.\r\n\r\n+ my name is *\r\n- <set name=<formal>>Nice to meet you, <get name>.\r\n\r\n+ (what is my name|who am i)\r\n- You're <get name>, right?\r\n\r\n+ *\r\n- I don't have a reply for that.\r\n- Try asking that a different way."
-  },
-  french: {
-    Voice: "Celine",
-    skipAnswerMessage: ["Ne abandonne pas."],
-    correctAnswerMessage: ["Parfait !", "Excellent !", "Génial !", "Fantastique !"],
-    incorrectAnswerMessage: ["Pas exactement", "Ne abandonne pas.", "Jamais un échec, toujours une leçon."],
-    partiallyCorrectAnswerMessage: ["Bien !", "Très bien !", "Bon travail !", "Tu apprends vite !"],
-    Voices: {
-      "fr-FR": {
-        label: "French",
-        languageCode: "fr-FR",
-        voiceOptions: [{
-          name: "Celine",
-          userImage: NualaSpeaking
-        }, {
-          name: "Lea",
-          userImage: NualaSpeaking
-        }, {
-          name: "Mathieu",
-          userImage: NualaSpeaking
-        }]
-      },
-      "fr-CA": {
-        label: "French, Canadian",
-        languageCode: "fr-CA",
-        voiceOptions: [{
-          name: "Chantal",
-          userImage: NualaSpeaking
-        }]
-      },
-      "fr-BE": {
-        label: "French, Belgian",
-        languageCode: "fr-BE",
-        voiceOptions: [{
-          name: "Isabelle",
-          userImage: NualaSpeaking
-        }]
-      }
-    },
-    Code: "fr",
-    Tag: "fr-FR",
-    SpeechRecognitionTag: "fr-FR",
-    BotTemplate: "! version = 2.0\r\n\r\n+ bonjour bot\r\n- Bonjour humain.\r\n\r\n+ mon nom est *\r\n- <set name=<formal>>Ravi de vous rencontrer, <get nom>.\r\n\r\n+ (quel est mon nom|qui suis-je)\r\n- Vous \u00EAtes <get nom>, non?\r\n\r\n+ *\r\n- Je n'ai pas de r\u00E9ponse pour \u00E7a.\r\n- Essayez de demander cela d'une mani\u00E8re diff\u00E9rente."
-  },
-  italian: {
-    Voice: "Carla",
-    skipAnswerMessage: ["Non arrenderti."],
-    correctAnswerMessage: ["Perfetto!", "Eccellente!", "Grande!", "Fantastico!"],
-    incorrectAnswerMessage: ["Non proprio", "Non arrenderti.", "Mai un fallimento, sempre una lezione."],
-    partiallyCorrectAnswerMessage: ["Bene!", "Molto bene!", "Buon lavoro!", "Impari velocemente!"],
-    Voices: {
-      "it-IT": {
-        label: "Italian",
-        languageCode: "it-IT",
-        voiceOptions: [{
-          name: "Carla",
-          userImage: NualaSpeaking
-        }, {
-          name: "Bianca",
-          userImage: NualaSpeaking
-        }, {
-          name: "Giorgio",
-          userImage: NualaSpeaking
-        }]
-      }
-    },
-    Code: "it",
-    Tag: "it-IT",
-    SpeechRecognitionTag: "it-IT",
-    BotTemplate: "! versione = 1.0\r\n\r\n+ ciao bot\r\n- Ciao umano.\r\n\r\n+ il mio nome e *\r\n- <set nome=<formal>>piacere di conoscerti, <get nome>.\r\n\r\n+ (qual è il mio nome|chi sono)\r\n- Sei <get nome>, giusto?\r\n\r\n+ *\r\n- Non ho una risposta per questo.\r\n- Prova a chiederlo in un modo diverso."
-  },
-  german: {
-    Voice: "Vicki",
-    skipAnswerMessage: ["Gib nicht auf."],
-    correctAnswerMessage: ["Perfekt!", "Ausgezeichnet!", "Super!", "Fantastisch!"],
-    incorrectAnswerMessage: ["Nicht ganz", "Gib nicht auf.", "Nie ein Misserfolg, immer eine Lektion."],
-    partiallyCorrectAnswerMessage: ["Gut!", "Sehr gut!", "Gute Arbeit!", "Du lernst schnell!"],
-    Voices: {
-      "de-DE": {
-        label: "German",
-        languageCode: "de-DE",
-        voiceOptions: [{
-          name: "Vicki",
-          userImage: NualaSpeaking
-        }, {
-          name: "Marlene",
-          userImage: NualaSpeaking
-        }, {
-          name: "Hans",
-          userImage: NualaSpeaking
-        }]
-      }
-    },
-    Code: "de",
-    Tag: "de-DE",
-    SpeechRecognitionTag: "de-DE",
-    BotTemplate: "! Version = 2.0\r\n\r\n+ hallo bot\r\n- Hallo Mensch.\r\n\r\n+ mein name ist *\r\n- <set Name=<formal>>Sch\u00F6n, Sie kennenzulernen, <get Name>.\r\n\r\n+ (Wie ist mein Name?|Wer bin ich?)\r\n- Du bist <get Name>, richtig?\r\n\r\n+ *\r\n- Ich habe keine Antwort daf\u00FCr.\r\n- Fragen Sie das mal anders."
-  },
-  chinese: {
-    Voice: "Zhiyu",
-    skipAnswerMessage: ["不要放弃！"],
-    correctAnswerMessage: ["完美！"],
-    incorrectAnswerMessage: ["不完全正确！"],
-    partiallyCorrectAnswerMessage: ["好！"],
-    Voices: {
-      "zh-CN": {
-        label: "Chinese (Mandarin)",
-        languageCode: "zh-CN",
-        voiceOptions: [
-        //Azure
-        {
-          userImage: NualaSpeaking,
-          name: "Yunyang",
-          engine: "neural",
-          provider: "azure"
-        }, {
-          userImage: NualaSpeaking,
-          name: "Xiaoxiao",
-          engine: ":DragonHDFlashLatestNeural",
-          provider: "azure"
-        }, {
-          userImage: NualaSpeaking,
-          name: "Xiaoshuang",
-          //child voice
-          engine: "neural",
-          provider: "azure"
-        }, {
-          userImage: NualaSpeaking,
-          name: "Yunxia",
-          //child voice
-          engine: ":DragonHDFlashLatestNeural",
-          provider: "azure"
-        }, {
-          userImage: NualaSpeaking,
-          name: "Yunxi",
-          engine: "neural",
-          provider: "azure"
-        },
-        // Polly
-        {
-          userImage: NualaSpeaking,
-          name: "Zhiyu",
-          engine: "neural"
-        }]
-      }
-    },
-    Code: "zh",
-    Tag: "zh-CN",
-    SpeechRecognitionTag: "cmn-Hans-CN",
-    characters: [],
-    BotTemplate: "! version = 2.0\r\n\r\n+ 你好机器人\r\n- 你好人类。\r\n\r\n+ 我的名字是 *\r\n- <set name=<formal>>很高兴见到你，<get name>。\r\n\r\n+ (我的名字是什么|我是谁)\r\n- 你是<get name>，对吧？\r\n\r\n+ *\r\n- 我没有这个问题的答案。\r\n- 请尝试换个方式问。"
-  },
-  japanese: {
-    Voice: "Nanami",
-    skipAnswerMessage: ["あきらめないで！"],
-    correctAnswerMessage: ["完璧！"],
-    incorrectAnswerMessage: ["完全に正しくない！"],
-    partiallyCorrectAnswerMessage: ["いいね！"],
-    Voices: {
-      "ja-JP": {
-        label: "Japanese",
-        languageCode: "ja-JP",
-        voiceOptions: [
-        //Azure
-        {
-          userImage: NualaSpeaking,
-          name: "Nanami",
-          engine: "neural",
-          provider: "azure"
-        }, {
-          userImage: NualaSpeaking,
-          name: "Shiori",
-          engine: "neural",
-          provider: "azure"
-        }, {
-          userImage: NualaSpeaking,
-          name: "Keita",
-          engine: "neural",
-          provider: "azure"
-        }, {
-          userImage: NualaSpeaking,
-          name: "Mayu",
-          engine: "neural",
-          provider: "azure"
-        }, {
-          userImage: NualaSpeaking,
-          name: "Aoi",
-          //child voice
-          engine: "neural",
-          provider: "azure"
-        },
-        // Polly
-        {
-          userImage: NualaSpeaking,
-          name: "Takumi",
-          engine: "neural"
-        }, {
-          userImage: NualaSpeaking,
-          name: "Kazuha",
-          engine: "neural",
-          isNeuralOnly: true
-        }, {
-          userImage: NualaSpeaking,
-          name: "Tomoko",
-          engine: "neural",
-          isNeuralOnly: true
-        }]
-      }
-    },
-    Code: "ja",
-    Tag: "ja-JP",
-    SpeechRecognitionTag: "ja-JP",
-    characters: [],
-    BotTemplate: "! version = 2.0\r\n\r\n+ こんにちはボット\r\n- こんにちは人間。\r\n\r\n+ 私の名前は *\r\n- <set name=<formal>>お会いできてうれしいです、<get name>。\r\n\r\n+ (私の名前は何ですか|私は誰ですか)\r\n- あなたは<get name>ですね？\r\n\r\n+ *\r\n- これに対する答えがありません。\r\n- 別の方法で質問してみてください。"
-  }
-};
-const internalDomains = ["@nualang.com", "@fathomtech.io", "@waysidepublishing.com", "@gsuite.waysidepublishing.com"];
-export const config = {
-  // API
-  API: import.meta.env.REACT_APP_API,
-  SITE_URL: import.meta.env.REACT_APP_SITE_URL,
-  languages,
-  internalDomains,
-  limits: {}
-};
-export function initializeAppConfig(appConfig) {
-  Object.assign(config, {
-    ...config,
-    limits: appConfig?.limits || {}
-  });
-}
-const exportObject = {
-  ...config
-};
-export default exportObject;

package/dist/hooks/handleBotVarsDownload.js

@@ -1,40 +0,0 @@
-//this function transfroms the bot script into a format readable by the json2csvpackage
-//so that it can be transformed to csv format
-import { Parser } from "@json2csv/plainjs";
-const formatScript = varEntries => {
-  const formattedArray = [];
-  for (const [varName, varValue] of varEntries) {
-    const rowObj = {
-      name: varName,
-      value: varValue
-    };
-    formattedArray.push(rowObj);
-  }
-  return formattedArray;
-};
-const downloadCSV = (text, filename) => {
-  const element = document.createElement("a");
-  const file = new Blob([text], {
-    type: "text/plain"
-  });
-  element.href = URL.createObjectURL(file);
-  const newFileName = filename.replace(" ", "-");
-  element.download = newFileName ? `bot-variables-${newFileName}.csv` : "botVars.csv";
-  document.body.appendChild(element); // Required for this to work in FireFox
-  element.click();
-};
-const handleBotScriptDownload = (script, filename) => {
-  try {
-    const formattedScript = formatScript(script);
-    const parser = new Parser({
-      fields: ["name", "value"],
-      defaultValue: ""
-    });
-    const csv = parser.parse(formattedScript);
-    downloadCSV(csv, filename);
-  } catch (err) {
-    console.error(err);
-    alert("There was a problem downloading");
-  }
-};
-export default handleBotScriptDownload;

package/dist/hooks/handleScriptDownload.js

@@ -1,93 +0,0 @@
-//this function transfroms the roleplay script into a format readable by the json2csvpackage
-//so that it can be transformed to csv format
-import { Parser } from "@json2csv/plainjs";
-const returnCorrectAnswers = answers => {
-  const correctAnswers = [];
-  answers.forEach((answerObj, index) => {
-    if (answerObj.correct === true) {
-      correctAnswers.push(index + 1);
-    }
-  });
-  return correctAnswers;
-};
-const formatAnswers = answers => {
-  const myAnswers = [];
-  answers.forEach(answerObj => {
-    myAnswers.push(answerObj.text);
-  });
-  const answerString = myAnswers.join("|");
-  return answerString;
-};
-const sampleRoleplayScript = t => {
-  return [{
-    text: `${t("message")} 1`,
-    actor: 1
-  }, {
-    text: `${t("message")} 2`,
-    actor: 2
-  }, {
-    question: `${t("question")} 1`,
-    type: "multichoice",
-    answers: [{
-      correct: true,
-      text: `${t("option")} 1`
-    }, {
-      correct: false,
-      text: `${t("option")} 2`
-    }, {
-      correct: false,
-      text: `${t("option")} 3`
-    }]
-  }];
-};
-const formatScript = (script, t) => {
-  let roleplayScript;
-  if (script.length === 0) {
-    roleplayScript = sampleRoleplayScript(t);
-  } else {
-    roleplayScript = script;
-  }
-  const formattedArray = [];
-  roleplayScript.forEach(entry => {
-    const rowObj = {};
-    if (entry.actor) {
-      rowObj["Type"] = `Actor${entry.actor}`;
-      rowObj["Text/Question"] = entry.text;
-    }
-    if (entry?.question) {
-      rowObj["Type"] = "Question";
-      rowObj["Text/Question"] = entry.question;
-      const answers = formatAnswers(entry.answers);
-      const correctAnswers = returnCorrectAnswers(entry.answers);
-      rowObj["Answers (Questions Only)"] = answers;
-      rowObj["Correct Answers (Questions Only)"] = correctAnswers;
-    }
-    formattedArray.push(rowObj);
-  });
-  return formattedArray;
-};
-const downloadCSV = (text, filename) => {
-  const element = document.createElement("a");
-  const file = new Blob([text], {
-    type: "text/plain"
-  });
-  element.href = URL.createObjectURL(file);
-  const newFileName = filename.replace(" ", "-");
-  element.download = newFileName ? `roleplay-${newFileName}.csv` : "roleplayScript.csv";
-  document.body.appendChild(element); // Required for this to work in FireFox
-  element.click();
-};
-export const handleScriptDownload = (script, filename, t) => {
-  try {
-    const formattedScript = formatScript(script, t);
-    const parser = new Parser({
-      fields: ["Type", "Text/Question", "Answers (Questions Only)", "Correct Answers (Questions Only)"],
-      defaultValue: ""
-    });
-    const csv = parser.parse(formattedScript);
-    downloadCSV(csv, filename);
-  } catch (err) {
-    console.error(err);
-    alert("There was a problem downloading");
-  }
-};

package/dist/hooks/useClassroomState.js

@@ -1,55 +0,0 @@
-import { useState, useEffect } from "react";
-import { ReactQuery } from "@nualang/nualang-api-and-queries/Queries";
-import { classrooms } from "@nualang/nualang-api-and-queries/Queries";
-import { config } from "../config";
-export default function useClassroomState({
-  classroomId,
-  username,
-  memberId,
-  getClassroomMembers,
-  getClassroomMember,
-  visible
-}) {
-  const {
-    useQueryClient
-  } = ReactQuery;
-  const queryClient = useQueryClient();
-  const classroomMemberData = queryClient.getQueryData(classrooms.classroomKeys.itemMember(classroomId, username, memberId));
-  const [isMember, setIsMember] = useState(classroomMemberData?.Item ? true : false);
-  const [isChallengeModeStudent, setisChallengeModeStudent] = useState(classroomMemberData?.Item?.assignedLabels && classroomMemberData?.Item?.assignedLabels.isChallengeModeStudent === true);
-  const [isReadWriteModeStudent, setIsReadWriteModeStudent] = useState(classroomMemberData?.Item?.assignedLabels && classroomMemberData?.Item?.assignedLabels.isReadWriteModeStudent === true);
-  let filters = {
-    limit: config.limits.classroomMembers
-  };
-  const args = {
-    classroomId,
-    username,
-    filters
-  };
-  const memberArgs = {
-    ...args,
-    memberId
-  };
-  const queryOptions = {
-    enabled: visible && !!classroomId
-  };
-  const membersQuery = classrooms.useClassroomMembers(getClassroomMembers, args, queryOptions);
-  const memberQuery = classrooms.useClassroomMember(getClassroomMember, memberArgs, queryOptions);
-  useEffect(() => {
-    if (memberQuery.isSuccess) {
-      const isClassroomMember = memberQuery.data && memberQuery.data.Item ? true : false;
-      const isChallengeModeStudent = memberQuery.data?.Item?.assignedLabels && memberQuery.data?.Item?.assignedLabels.isChallengeModeStudent === true;
-      const isReadWriteModeStudent = memberQuery.data?.Item?.assignedLabels && memberQuery.data?.Item?.assignedLabels.isReadWriteModeStudent === true;
-      setIsMember(isClassroomMember);
-      setisChallengeModeStudent(isChallengeModeStudent);
-      setIsReadWriteModeStudent(isReadWriteModeStudent);
-    }
-  }, [memberQuery.data, memberQuery.isSuccess, memberId]);
-  return {
-    isMember,
-    membersQuery,
-    memberQuery,
-    isChallengeModeStudent,
-    isReadWriteModeStudent
-  };
-}

package/dist/hooks/useClassroomStateOld.js

@@ -1,81 +0,0 @@
-import { useState, useEffect, useReducer } from "react";
-let cancelRequest = false;
-const initialState = {
-  status: "idle",
-  error: null,
-  data: []
-};
-const fetchReducer = (state, action) => {
-  switch (action.type) {
-    case "FETCHING":
-      return {
-        ...initialState,
-        status: "fetching"
-      };
-    case "FETCHED":
-      return {
-        ...initialState,
-        status: "fetched",
-        data: action.payload
-      };
-    case "FETCH_ERROR":
-      return {
-        ...initialState,
-        status: "error",
-        error: action.payload
-      };
-    default:
-      return state;
-  }
-};
-const fetchData = async (classroomId, fetchFunc, dispatchFunc) => {
-  if (fetchFunc && dispatchFunc) {
-    dispatchFunc({
-      type: "FETCHING"
-    });
-    try {
-      const data = await fetchFunc(classroomId);
-      if (cancelRequest) return;
-      dispatchFunc({
-        type: "FETCHED",
-        payload: data.Items
-      });
-    } catch (error) {
-      if (cancelRequest) return;
-      dispatchFunc({
-        type: "FETCH_ERROR",
-        payload: error.message
-      });
-    }
-  }
-};
-export default function useClassroomState({
-  classroomId,
-  username,
-  getClassroomMembers,
-  visible
-}) {
-  const [isMember, setIsMember] = useState(false);
-  const [membersState, membersDispatch] = useReducer(fetchReducer, initialState);
-  useEffect(() => {
-    if (classroomId && visible && membersState.status === "idle") {
-      cancelRequest = false;
-      fetchData(classroomId, getClassroomMembers, membersDispatch);
-      return function cleanup() {
-        cancelRequest = true;
-      };
-    }
-  }, [visible, classroomId]);
-  useEffect(() => {
-    if (membersState.data && Array.isArray(membersState.data) && membersState.data.length) {
-      const isClassroomMember = (membersState.data || []).findIndex(({
-        memberId
-      }) => memberId === username) > -1;
-      setIsMember(isClassroomMember);
-    }
-  }, [membersState.data, username]);
-  return {
-    isMember,
-    membersState
-  };
-}