@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/utils/index.js

@@ -1,641 +0,0 @@
-/* eslint-disable no-useless-escape, no-plusplus */
-import deepEqual from "deep-equal";
-import RiveScript from "@nualang/rivescript";
-import currencyCodes from "./currency-code-map.json";
-export const capitalize = (text = "") => text.charAt(0).toUpperCase() + text.slice(1);
-export const convertToAlphanumeric = (str = "") => str.trim().replace(/[^a-zA-Z0-9 ]/g, "");
-export const markdownLinkRegex = /\[(.*)\]\(([^ ]+?)( "(.+)")?\)/;
-export const markdownImageLinkRegex = /!\[(.*)\]\(([^ ]+?)( "(.+)")?\)/;
-export const multipleOptionsRegex = /^\((.*)\)$/;
-const ranges = ["\ud83c[\udf00-\udfff]",
-// U+1F300 to U+1F3FF
-"\ud83d[\udc00-\ude4f]",
-// U+1F400 to U+1F64F
-"\ud83d[\ude80-\udeff]", "/(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|\ud83c[\ude32-\ude3a]|\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])/g", "/([#0-9]\u20E3)|[\xA9\xAE\u203C\u2047-\u2049\u2122\u2139\u3030\u303D\u3297\u3299][\uFE00-\uFEFF]?|[\u2190-\u21FF][\uFE00-\uFEFF]?|[\u2300-\u23FF][\uFE00-\uFEFF]?|[\u2460-\u24FF][\uFE00-\uFEFF]?|[\u25A0-\u25FF][\uFE00-\uFEFF]?|[\u2600-\u27BF][\uFE00-\uFEFF]?|[\u2900-\u297F][\uFE00-\uFEFF]?|[\u2B00-\u2BF0][\uFE00-\uFEFF]?|(?:\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDEFF])[\uFE00-\uFEFF]?|[\u20E3]|[\u26A0-\u2FFF]|\uD83E[\udd00-\uddff]|[\u00A0-\u269F]/"];
-const regex = new RegExp(ranges.join("|"), "g");
-const removeSymbs = (str = "") => str.trim().replace(/[`*~¡!?()_|+\-=?¿;:'’",.<>\{\}\[\]\\\/。、，！？；：「」『』（）【】《》〈〉…—·]/gi, "");
-const removeSymbolsFillInBlanks = (str = "") => str.trim().replace(/[!?;:,.\{\}\[\]\\\/。、，！？；：]/gi, "");
-const removeEmojis = (str = "") => str.replace(regex, "");
-export const containsInvalidSymbols = input => {
-  const invalidChars = /[`#^*_\[\];\\|<>\/~]/; // !()@,.'$%&+={}?:"  allowed
-
-  if (invalidChars.test(input)) {
-    return true;
-  }
-  return false;
-};
-
-// Same as containsInvalidSymbols but allows underscores
-export const containsInvalidCollaboratorSymbols = input => {
-  const invalidChars = /[`#^*\[\];\\|<>\/~]/; // !()@,.'$%&+={}?:"_ allowed
-
-  if (invalidChars.test(input)) {
-    return true;
-  }
-  return false;
-};
-export const removeExtraWhiteSpaces = (str = "") => str.replace(/\s+/g, " ").trim();
-export const removeAllSymbols = (str = "") => {
-  const removedEmojis = removeEmojis(str);
-  const removedSymbs = removeSymbs(removedEmojis);
-  return removeExtraWhiteSpaces(removedSymbs).toString();
-};
-export const removeAllSymbolsFillInBlanks = (str = "") => {
-  const removedSymbs = removeSymbolsFillInBlanks(str);
-  return removedSymbs.trim().toString();
-};
-export const removeSymbols = (str = "") => str.trim().replace(/[`*~¡!?()_|+\-=?¿;:'’",.<>\{\}\[\]\\\/]/gi, "");
-export function shuffle(array) {
-  for (let i = array.length - 1; i > 0; i--) {
-    let j = Math.floor(Math.random() * (i + 1));
-    [array[i], array[j]] = [array[j], array[i]];
-  }
-}
-export const jsonToRivescript = (json, rsConfig) => {
-  const tempRS = new RiveScript(rsConfig);
-  return tempRS.stringify(json);
-};
-export const rivescriptToJson = (rs, rsConfig) => {
-  const tempRS = new RiveScript(rsConfig);
-  tempRS.stream(rs);
-  tempRS.sortReplies();
-  return tempRS.deparse();
-};
-export const randomId = (min = 59999, max = 99999) => {
-  const minA = Math.ceil(min);
-  const maxA = Math.floor(max);
-  return Math.floor(Math.random() * (maxA - minA + 1)) + minA;
-};
-export const formatFileSize = fileSize => {
-  const fileSizes = ["B", "KB", "MB", "GB", "TB", "PB"];
-  let value = fileSize;
-  for (let i = 0; i < fileSizes.length; i += 1) {
-    if (value < 1000) {
-      return `${value.toFixed(2)} ${fileSizes[parseInt(i)]}`;
-    }
-    value /= 1000;
-  }
-  return "";
-};
-export const formatCourseMemberCompletions = (data = []) => {
-  let formatted = {};
-  data.forEach(item => {
-    if (Object.prototype.hasOwnProperty.call(formatted, item.createdBy)) {
-      formatted[`${item.createdBy}`].push(item);
-    } else {
-      formatted[`${item.createdBy}`] = [item];
-    }
-  });
-  return formatted;
-};
-export const getScoreValues = (type, id, completions) => {
-  const invalidExercisesCorrectness = ["bot", "roleplay-story"];
-  const validExercisesPronunciation = ["pronunciation", "bot", "speaking"];
-  let totalAnswers = 0;
-  let totalAnswersCorrect = 0;
-  let pronunciationScoreCount = 0;
-  let totalPronunciationScore = 0;
-  let percentCorrect = {
-    completed: 0,
-    total: 0,
-    percentage: 0
-  };
-  if (Array.isArray(completions)) {
-    completions.forEach(c => {
-      let idMatches = false;
-      if (type === "course") {
-        idMatches = id === c.courseId;
-      } else if (type === "section") {
-        idMatches = `${c.courseId}|${id}` === c.courseSectionId;
-      } else if (type === "topic") {
-        idMatches = `${c.courseSectionId}|${id}` === c.courseSectionTopicId;
-      }
-      if (idMatches) {
-        if (!invalidExercisesCorrectness.includes(c.exercise)) {
-          totalAnswers += c.totalAnswers;
-          totalAnswersCorrect += c.totalAnswersCorrect;
-        }
-        if (validExercisesPronunciation.includes(c.exercise) && c.avgPronunciationScore !== -1) {
-          totalPronunciationScore += c.avgPronunciationScore;
-          pronunciationScoreCount++;
-        }
-      }
-    });
-  }
-  percentCorrect.completed = totalAnswersCorrect;
-  percentCorrect.total = totalAnswers;
-  percentCorrect.percentage = totalAnswers > 0 ? Math.floor(totalAnswersCorrect / totalAnswers * 100) : 0;
-  const avgPronunciationScore = pronunciationScoreCount > 0 ? Math.floor(totalPronunciationScore / pronunciationScoreCount) : -1;
-  if (totalAnswers > 0) {
-    return [percentCorrect, avgPronunciationScore];
-  } else {
-    return [{
-      completed: 0,
-      total: 0,
-      percentage: 0
-    }, avgPronunciationScore];
-  }
-};
-export const calcTopicCompletions = (topic, completions = [], isSectionHidden, assignmentExercises, includeChallengeBots = false, isReadWriteModeStudent = false) => {
-  let isRoleplaysHidden;
-  let isPronunciationHidden;
-  let isBotsHidden;
-  let isListeningHidden;
-  let isTranslationHidden;
-  let isPhrases;
-  let completedExerciseCount = 0;
-  let totalExercises = 0;
-  if (topic.phrases && topic.phrases.length > 0 && !topic.phraseLists?.length) {
-    isPhrases = true;
-  }
-  if (isSectionHidden || topic.isTopicHidden) {
-    isRoleplaysHidden = true;
-    isBotsHidden = true;
-    isPronunciationHidden = true;
-    isListeningHidden = true;
-    isTranslationHidden = true;
-  } else if (assignmentExercises) {
-    isPronunciationHidden = true;
-    isListeningHidden = true;
-    isTranslationHidden = true;
-    assignmentExercises.forEach(e => {
-      if (e.phraseListId) return;
-      if (e.name === "pronunciation") {
-        isPronunciationHidden = false;
-      }
-      if (e.name === "listening") {
-        isListeningHidden = false;
-      }
-      if (e.name === "translation") {
-        isTranslationHidden = false;
-      }
-    });
-  } else if (topic && topic.hiddenExercises) {
-    topic.hiddenExercises.forEach(exercise => {
-      if (exercise === "roleplays") {
-        isRoleplaysHidden = true;
-      }
-      if (exercise === "chatbots") {
-        isBotsHidden = true;
-      }
-      if (exercise === "pronunciation") {
-        isPronunciationHidden = true;
-      }
-      if (exercise === "listening") {
-        isListeningHidden = true;
-      }
-      if (exercise === "translation") {
-        isTranslationHidden = true;
-      }
-    });
-  }
-  if (isPhrases) {
-    if (!isPronunciationHidden) {
-      totalExercises++;
-    }
-    if (!isListeningHidden) {
-      totalExercises++;
-    }
-    if (!isTranslationHidden) {
-      totalExercises++;
-    }
-  }
-  const completedPronunciation = Array.isArray(completions) ? completions.filter(c => c.topicId === topic.topicId && c.exercise === "pronunciation" && !c.phraseListId).length : 0;
-  const completedTranslation = Array.isArray(completions) ? completions.filter(c => c.topicId === topic.topicId && c.exercise === "translation" && !c.phraseListId).length : 0;
-  const completedListening = Array.isArray(completions) ? completions.filter(c => c.topicId === topic.topicId && c.exercise === "listening" && !c.phraseListId).length : 0;
-  if (isPhrases) {
-    completedExerciseCount += !isPronunciationHidden && completedPronunciation > 0 ? 1 : 0;
-    completedExerciseCount += !isTranslationHidden && completedTranslation > 0 ? 1 : 0;
-    completedExerciseCount += !isListeningHidden && completedListening > 0 ? 1 : 0;
-  }
-  let completedRoleplays = 0;
-  let completedGames = 0;
-  let totalNumberOfGames = 0;
-  let completedBots = 0;
-  const roleplays = topic.roleplays.map(roleplay => {
-    const isUnassignedRoleplay = assignmentExercises ? assignmentExercises && !assignmentExercises.some(e => e.roleplayId === roleplay.roleplayId) : false;
-    if (isRoleplaysHidden || roleplay.isRoleplayHidden || isSectionHidden || topic.isTopicHidden || isUnassignedRoleplay) {
-      return {
-        ...roleplay,
-        completedCount: 0
-      };
-    }
-    const roleplayCompletions = Array.isArray(completions) ? completions.filter(completion => completion.gameId && completion.roleplayId === roleplay.roleplayId) : [];
-    let numberOfRoleplayExercises = 0;
-    let numberOfCompletedRoleplayExercises = 0;
-
-    // Define all possible roleplay exercises and their config
-    const roleplayExercises = isReadWriteModeStudent ? [{
-      name: "roleplay-story",
-      hiddenKey: null
-    }, {
-      name: "roleplay-fill-in-the-blanks",
-      hiddenKey: "isFillInTheBlanksHidden"
-    }, {
-      name: "roleplay-act-it-out",
-      hiddenKey: "isActItOutHidden"
-    }] : [{
-      name: "roleplay-story",
-      hiddenKey: null
-    }, {
-      name: "roleplay-fill-in-the-blanks",
-      hiddenKey: "isFillInTheBlanksHidden"
-    }, {
-      name: "roleplay-act-it-out",
-      hiddenKey: "isActItOutHidden"
-    }, {
-      name: "roleplay-act-it-out-listening",
-      hiddenKey: "isActItOutListeningHidden"
-    }, {
-      name: "roleplay-act-it-out-speaking",
-      hiddenKey: "isActItOutSpeakingHidden"
-    }, {
-      name: "roleplay-act-it-out-listening-speaking",
-      hiddenKey: "isActItOutListeningSpeakingHidden"
-    }];
-    roleplayExercises.forEach(({
-      name,
-      hiddenKey
-    }) => {
-      // Check if the exercise is hidden
-      if (hiddenKey && roleplay?.[hiddenKey] === "true") {
-        return;
-      }
-      const isAssigned = !assignmentExercises || assignmentExercises.some(e => e.name === name && e.roleplayId === roleplay.roleplayId);
-      if (!isAssigned) {
-        return;
-      }
-      numberOfRoleplayExercises++;
-      totalNumberOfGames++;
-      totalExercises++;
-      const completedCount = Array.isArray(roleplayCompletions) ? roleplayCompletions.filter(c => c.exercise === name).length : 0;
-      if (completedCount > 0) {
-        numberOfCompletedRoleplayExercises++;
-        completedGames++;
-        completedExerciseCount++;
-      }
-    });
-    if (numberOfCompletedRoleplayExercises === numberOfRoleplayExercises) {
-      completedRoleplays++;
-    }
-    return {
-      ...roleplay,
-      completedCount: numberOfCompletedRoleplayExercises,
-      total: numberOfRoleplayExercises
-    };
-  });
-  const bots = topic.bots.map(bot => {
-    const isUnassignedBot = assignmentExercises ? assignmentExercises && !assignmentExercises.some(e => e.botId === bot.botId) : false;
-    if (isBotsHidden || bot.isBotHidden || bot.isChallengeBot && !includeChallengeBots || isSectionHidden || topic.isTopicHidden || isUnassignedBot) {
-      return {
-        ...bot,
-        completedCount: 0
-      };
-    }
-    const completedCount = Array.isArray(completions) ? completions.reduce((acc, completion) => {
-      if (completion && completion.exercise === "bot" && completion.botId === bot.botId) {
-        acc++;
-      }
-      return acc;
-    }, 0) : 0;
-    if (completedCount > 0) {
-      completedBots++;
-      completedExerciseCount++;
-    }
-    totalExercises++;
-    return {
-      ...bot,
-      completedCount
-    };
-  });
-  if (!assignmentExercises && topic.phraseLists?.length > 0) {
-    topic.phraseLists.forEach(phraseList => {
-      if (phraseList.isPhraseListHidden) return;
-      const hasMeaning = phraseList?.phrases?.some(p => p.definitions?.length > 0) && !phraseList?.hiddenPhraseGroupGames?.meaning;
-      const exerciseNames = ["translation", "listening", "pronunciation", ...(hasMeaning ? ["meaning"] : [])];
-      exerciseNames.forEach(exerciseName => {
-        totalExercises++;
-        const isCompleted = Array.isArray(completions) && completions.some(c => c.phraseListId === phraseList.phraseListId && c.exercise === exerciseName && c.topicId === topic.topicId);
-        if (isCompleted) completedExerciseCount++;
-      });
-    });
-  }
-  if (assignmentExercises) {
-    const phraseListExercises = assignmentExercises.filter(e => e.phraseListId);
-    const phraseListMap = {};
-    phraseListExercises.forEach(e => {
-      if (!phraseListMap[e.phraseListId]) phraseListMap[e.phraseListId] = [];
-      if (e.name) phraseListMap[e.phraseListId].push(e.name);
-    });
-    if (topic.phraseLists?.length > 0) {
-      Object.keys(phraseListMap).forEach(phraseListId => {
-        if (!phraseListMap[phraseListId].includes("meaning")) {
-          const pl = topic.phraseLists?.find(p => p.phraseListId === phraseListId);
-          const hasMeaning = pl?.phrases?.some(p => p.definitions?.length > 0) && !pl?.hiddenPhraseGroupGames?.meaning;
-          if (hasMeaning) phraseListMap[phraseListId].push("meaning");
-        }
-      });
-    }
-    Object.entries(phraseListMap).forEach(([phraseListId, exerciseNames]) => {
-      if (exerciseNames.length === 0) {
-        totalExercises++;
-        const isCompleted = Array.isArray(completions) && completions.some(c => c.phraseListId === phraseListId && c.topicId === topic.topicId);
-        if (isCompleted) completedExerciseCount++;
-        return;
-      }
-      exerciseNames.forEach(exerciseName => {
-        totalExercises++;
-        const isCompleted = Array.isArray(completions) && completions.some(c => c.phraseListId === phraseListId && c.exercise === exerciseName && c.topicId === topic.topicId);
-        if (isCompleted) completedExerciseCount++;
-      });
-    });
-  }
-  const scoreValues = getScoreValues("topic", topic.topicId, completions);
-  return {
-    ...topic,
-    roleplays,
-    bots,
-    completion: {
-      completed: completedExerciseCount,
-      total: totalExercises,
-      percentage: Math.floor(completedExerciseCount / totalExercises * 100),
-      pronunciation: {
-        completedCount: completedPronunciation
-      },
-      translation: {
-        completedCount: completedTranslation
-      },
-      listening: {
-        completedCount: completedListening
-      },
-      roleplays: {
-        completed: completedRoleplays,
-        completedCounts: roleplays.map(roleplay => ({
-          roleplayId: roleplay.roleplayId,
-          completedCount: roleplay.completedCount,
-          total: roleplay.total
-        })),
-        total: roleplays.length,
-        percentage: Math.floor(completedGames / totalNumberOfGames * 100)
-      },
-      bots: {
-        completed: completedBots,
-        completedCounts: bots.map(bot => ({
-          botId: bot.botId,
-          completedCount: bot.completedCount
-        })),
-        total: bots.length,
-        percentage: Math.floor(completedBots / bots.length * 100)
-      }
-    },
-    percentCorrect: scoreValues[0],
-    avgPronunciationScore: {
-      percentage: scoreValues[1]
-    }
-  };
-};
-export const calcCompletions = (sections = [], completions = [], assignmentExercises, includeChallengeBots = false, isReadWriteModeStudent = false) => sections.map(section => {
-  const topics = section.topics.map(topic => {
-    return calcTopicCompletions(topic, completions, section.isHidden, assignmentExercises?.filter(e => e.courseSectionTopicId === `${topic.courseSectionId}|${topic.topicId}`), includeChallengeBots, isReadWriteModeStudent);
-  });
-  const sectionExerciseCount = topics.reduce((currentValue, topic) => topic.completion.total + currentValue, 0);
-  const sectionCompletedExerciseCount = topics.reduce((currentValue, topic) => topic.completion.completed + currentValue, 0);
-  if (section.isHidden) {
-    return {
-      ...section,
-      completion: {
-        completed: 0,
-        total: 0,
-        percentage: 0
-      },
-      percentCorrect: {
-        completed: 0,
-        total: 0,
-        percentage: 0
-      },
-      avgPronunciationScore: {
-        percentage: -1
-      },
-      topics
-    };
-  }
-  const scoreValues = getScoreValues("section", section.sectionId, completions);
-  return {
-    ...section,
-    completion: {
-      completed: sectionCompletedExerciseCount,
-      total: sectionExerciseCount,
-      percentage: Math.floor(sectionCompletedExerciseCount / sectionExerciseCount * 100)
-    },
-    percentCorrect: scoreValues[0],
-    avgPronunciationScore: {
-      percentage: scoreValues[1]
-    },
-    topics
-  };
-});
-export const calcPercentageCompletion = (sections = []) => {
-  const result = sections.reduce((c, section) => {
-    if (c && section && section.completion) {
-      c.completed += section.completion.completed;
-      c.total += section.completion.total;
-      c.percentage = Math.floor(c.completed / c.total * 100);
-    }
-    c.completed = Math.round(c.completed);
-    c.total = Math.round(c.total);
-    c.percentage = Math.round(c.percentage);
-    return c;
-  }, {
-    completed: 0,
-    total: 0,
-    percentage: 0
-  });
-  return result;
-};
-
-/**
- * Compares an array from old and new props between renders. Used as the validation
- * function when using `memo()` on a component
- * @param prevProps
- * @param nextProps
- * @param key The array to compare props e.g. roleplays, courses
- * @param idField The unique object ID of an object e.g. courseId, roleplayId
- * @returns {this is *[]|boolean}
- */
-export const propsAreEqual = (prevProps, nextProps, key, idField) => {
-  const oldPropsArray = prevProps[key] || [];
-  const newPropsArray = nextProps[key] || [];
-  if (oldPropsArray.length !== newPropsArray.length) {
-    return false;
-  } else {
-    return newPropsArray.every(newArrayObject => {
-      const foundOldObject = oldPropsArray.find(oldCourse => oldCourse[idField] === newArrayObject[idField]);
-      if (!foundOldObject) {
-        return false;
-      } else {
-        const isEqual = deepEqual(foundOldObject, newArrayObject);
-        if (!isEqual) {
-          return false;
-        }
-      }
-      return true;
-    });
-  }
-};
-export async function getBase64ImageFromUrl(imageUrl) {
-  const res = await fetch(imageUrl);
-  const blob = await res.blob();
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.addEventListener("load", function () {
-      resolve(reader.result);
-    }, false);
-    reader.onerror = () => {
-      return reject(this);
-    };
-    reader.readAsDataURL(blob);
-  });
-}
-export const formatMarkdownNewlines = line => {
-  return line;
-  // Temp disable this feature -
-  // Causes some issues with matching correct answers and text highlighting during tts
-  // const split = line.split('\n').map((item) => item.trim());
-  // return split.join('  \n');
-};
-export function moveDecimal(number, decimalPlace) {
-  if (decimalPlace === 0) return number;
-  return number / Math.pow(10, decimalPlace);
-}
-export function formatCurrency(amountInCents, currency) {
-  const formatter = new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency
-  });
-  const decimalAmount = moveDecimal(amountInCents, currencyCodes[currency.toUpperCase()].decimal_digits);
-  return formatter.format(decimalAmount);
-}
-export const localeCompare = (a, b) => a.localeCompare(b, undefined, {
-  sensitivity: "base"
-});
-export const localeCompareCase = (a, b) => a.localeCompare(b, undefined, {
-  sensitivity: "case"
-});
-export const domainPattern = /^(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]$/i;
-export const validateDomain = (domain = "") => {
-  const result = domain.match(domainPattern);
-  return result && result[0] === result.input;
-};
-export const supportsAudioType = type => {
-  let audio;
-
-  // Allow user to create shortcuts, i.e. just "mp3"
-  let formats = {
-    mp3: "audio/mpeg",
-    mp4: "audio/mp4",
-    aif: "audio/x-aiff",
-    ogg: "audio/ogg"
-  };
-  if (!audio) {
-    audio = document.createElement("audio");
-  }
-  return audio.canPlayType(formats[type] || type);
-};
-export const replaceWordWithBlank = (blank, currentString) => {
-  let newString = currentString.replace(blank, "_____");
-  return newString;
-};
-export const formatNumberTotal = n => {
-  if (!n) return 0;
-  if (n < 1e3) return n;
-  if (n >= 1e3 && n < 1e6) return +(n / 1e3).toFixed(1) + "K";
-  if (n >= 1e6 && n < 1e9) return +(n / 1e6).toFixed(1) + "M";
-  if (n >= 1e9 && n < 1e12) return +(n / 1e9).toFixed(1) + "B";
-  if (n >= 1e12) return +(n / 1e12).toFixed(1) + "T";
-};
-export const checkIsGeneratedEmail = email => (email || "").endsWith("-generated@waysidepublishing.com");
-export const objToSearchString = obj => {
-  if (!obj) {
-    return "";
-  }
-  // Create a new object with only non-empty properties
-  const filteredObj = Object.fromEntries(Object.entries(obj).filter(([_, value]) => value !== "" && value !== null && value !== undefined));
-
-  // Then use this new object to create URLSearchParams
-  return new URLSearchParams(filteredObj).toString();
-};
-export const searchStringToObj = searchString => {
-  if (!searchString) {
-    return {};
-  }
-  return Object.fromEntries(new URLSearchParams(searchString));
-};
-export const getBrowserInfo = userAgent => {
-  let browser = "Other";
-  if (userAgent.includes("Firefox")) {
-    browser = "Mozilla Firefox";
-  } else if (userAgent.includes("SamsungBrowser")) {
-    browser = "Samsung Internet";
-  } else if (userAgent.includes("Opera") || userAgent.includes("OPR")) {
-    browser = "Opera";
-  } else if (userAgent.includes("Edge")) {
-    browser = "Microsoft Edge (Legacy)";
-  } else if (userAgent.includes("Edg")) {
-    browser = "Microsoft Edge (Chromium)";
-  } else if (userAgent.includes("Chrome")) {
-    browser = "Google Chrome or Chromium";
-  } else if (userAgent.includes("Safari")) {
-    browser = "Apple Safari";
-  }
-  return browser;
-};
-export const getMachineInfo = userAgent => {
-  let machineInfo = "Not found";
-  const regex = /\(([^)]+)\)/;
-  const matches = userAgent.match(regex);
-  if (matches?.length > 1) {
-    machineInfo = matches[1];
-  }
-  return machineInfo;
-};
-export const getMicrophoneInfo = async mediaDevices => {
-  try {
-    await mediaDevices.getUserMedia({
-      audio: true
-    });
-    const devices = await mediaDevices.enumerateDevices();
-    const microphones = devices?.filter(device => device.kind === "audioinput");
-    const availableMicrophoneNames = microphones?.filter(device => device.deviceId !== "default").map(device => device.label).join(", ") || "No available microphones detected";
-    const activeMicrophone = microphones?.length > 0 ? microphones.find(mic => mic.deviceId === "default") || microphones[0] : null;
-    const activeMicrophoneName = activeMicrophone?.label.split("Default - ").pop() || "No active microphone detected";
-    return [availableMicrophoneNames, activeMicrophoneName];
-  } catch (error) {
-    console.error("Error accessing the microphone:", error);
-  }
-};
-export const downsampleBuffer = (buffer, sampleRate, outSampleRate) => {
-  if (outSampleRate == sampleRate) {
-    return buffer;
-  }
-  if (outSampleRate > sampleRate) {
-    throw new Error("downsampling rate show be smaller than original sample rate");
-  }
-  var sampleRateRatio = sampleRate / outSampleRate;
-  var newLength = Math.round(buffer.length / sampleRateRatio);
-  var result = new Int16Array(newLength);
-  var offsetResult = 0;
-  var offsetBuffer = 0;
-  while (offsetResult < result.length) {
-    var nextOffsetBuffer = Math.round((offsetResult + 1) * sampleRateRatio);
-    var accum = 0,
-      count = 0;
-    for (var i = offsetBuffer; i < nextOffsetBuffer && i < buffer.length; i += 1) {
-      accum += buffer[i];
-      count += 1;
-    }
-    result[offsetResult] = Math.min(1, accum / count) * 0x7fff;
-    offsetResult += 1;
-    offsetBuffer = nextOffsetBuffer;
-  }
-  return result.buffer;
-};