@nualang/nualang-ui-components 0.1.1206 → 0.1.1208

package/dist/Cards/SubscriptionPlan/SubscriptionPlan.js

@@ -86,7 +86,7 @@ const PlanFeaturesListItem = (0, _system.styled)("li")(({
   theme
 }) => ({
   display: "flex",
-  marginTop: theme.spacing(3)
+  marginTop: theme.spacing(2)
 }));
 const PlanFeaturesListItemLabel = (0, _system.styled)(_material.Typography)(() => ({
   display: "flex",
@@ -116,7 +116,7 @@ const Badge = (0, _system.styled)(_material.Typography)(({
   color: theme.palette.common.black,
   fontSize: theme.typography.pxToRem(10),
   borderRadius: "9px",
-  padding: "3px",
+  padding: theme.spacing(0.25, 1),
   display: "flex",
   alignItems: "center",
   marginBottom: "2px"
@@ -188,7 +188,7 @@ function SubscriptionPlan({
   currency
 }) {
   const [displayPlan, setDisplayPlan] = (0, _react.useState)(plan);
-  const [buyNowDisabled, setBuyNowDisabled] = (0, _react.useState)(true);
+  const [buyNowDisabled, setBuyNowDisabled] = (0, _react.useState)(plan?.planVersions?.length > 0 ? true : false);
   const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
   const open = Boolean(anchorEl);
   const [disableRippleEff, setDisableRippleEff] = (0, _react.useState)(false);
@@ -307,8 +307,9 @@ function SubscriptionPlan({
           onClick: () => plan.button.onClick(),
           bgPrimary: plan.bgPrimary,
           children: plan.button.buttonText
-        }), plan.planVersions && displayPlan && billingPeriod && currency && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          children: [displayPlan.subButton && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        }), displayPlan && billingPeriod && currency && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+          mt: 2,
+          children: [plan.planVersions && displayPlan.subButton && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PlanButton, {
               id: "plan-button",
               fullWidth: true,

package/dist/Misc/AnswerResult/AnswerResult.js

@@ -248,24 +248,23 @@ function AnswerResult({
     };
   }) : [];
   const correctWordsArray = exercise === "roleplay" ? nextScriptLine?.text?.split(" ") : currentPhrase && currentPhrase.phrase ? (0, _utils.removeExtraWhiteSpaces)(currentPhrase.phrase).split(" ") : [];
+  const handlePronunciationCheck = (word, phraseWordListIndex) => {
+    if (exercise === "pronunciation") {
+      return checkIsPronunciationCorrect(word.trim(), {
+        phrase: phraseWordList[phraseWordListIndex].trim(),
+        alternativeVersions: currentPhrase.alternativeVersions ? currentPhrase.alternativeVersions.map(altAns => {
+          return altAns ? (0, _utils.removeExtraWhiteSpaces)(altAns).split(" ")[phraseWordListIndex] : "";
+        }) : []
+      });
+    } else {
+      return checkIsPronunciationCorrect(word.trim(), phraseWordList[phraseWordListIndex].trim());
+    }
+  };
   const transcriptArray = transcript.split(" ").map((word, i) => {
-    const isWordCorrect = phraseWordList[i] && (exercise === "pronunciation" ? checkIsPronunciationCorrect(word.trim(), {
-      phrase: phraseWordList[i].trim(),
-      alternativeVersions: currentPhrase.alternativeVersions ? currentPhrase.alternativeVersions.map(altAns => {
-        return altAns ? (0, _utils.removeExtraWhiteSpaces)(altAns).split(" ")[i] : "";
-      }) : []
-    }) : checkIsPronunciationCorrect(word.trim(), phraseWordList[i].trim()));
-    const isWordNearCorrect = !isWordCorrect && (phraseWordList[i - 1] && checkIsPronunciationCorrect(word.trim(), {
-      phrase: phraseWordList[i - 1].trim(),
-      alternativeVersions: currentPhrase.alternativeVersions ? currentPhrase.alternativeVersions.map(altAns => {
-        return altAns ? (0, _utils.removeExtraWhiteSpaces)(altAns).split(" ")[i - 1] : "";
-      }) : []
-    }) || phraseWordList[i + 1] && checkIsPronunciationCorrect(word.trim(), {
-      phrase: phraseWordList[i + 1].trim(),
-      alternativeVersions: currentPhrase.alternativeVersions ? currentPhrase.alternativeVersions.map(altAns => {
-        return altAns ? (0, _utils.removeExtraWhiteSpaces)(altAns).split(" ")[i + 1] : "";
-      }) : []
-    }));
+    const isWordCorrect = phraseWordList[i] && handlePronunciationCheck(word, i);
+    const isPreviousWordCorrect = !isWordCorrect && phraseWordList[i - 1] && handlePronunciationCheck(word, i - 1);
+    const isNextWordCorrect = !isWordCorrect && phraseWordList[i + 1] && handlePronunciationCheck(word, i + 1);
+    const isWordNearCorrect = !isWordCorrect && (isPreviousWordCorrect || isNextWordCorrect);
     const wordIndex = (transcriptWords || []).findIndex(w => w.word === word.trim());
     let wordPronunciationScore = null;
     let wordPronunciationScorePercentage = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1206",
+  "version": "0.1.1208",
   "main": "dist/index.js",
   "files": [
     "dist",