@magmamath/students-features 0.6.3-rc-4 → 0.6.3

package/src/features/chatbot/model/translation.ts

@@ -129,6 +129,9 @@ export class ChatbotTranslation {
         textList: {
           messages: messages.map(({ message }) => message),
           defaultMessages: defaultMessages.map(({ message }) => message),
+          defaultMessagesOptions: defaultMessages.flatMap((message) =>
+            message.options.map((option) => option.text),
+          ),
           defaultOptions: defaultOptions.map(({ text }) => text),
           lastMessage: options.lastMessage || [],
           alternativesHints: options.alternatives?.hints || [],
@@ -139,6 +142,12 @@ export class ChatbotTranslation {
 
       translatedTextsList.defaultMessages.forEach((message, index) => {
         defaultMessages[index].translatedMessage = message
+        defaultMessages[index].options = defaultMessages[index].options.map((option) => {
+          return {
+            ...option,
+            translatedText: translatedTextsList.defaultMessagesOptions[index],
+          }
+        })
       })
       translatedTextsList.defaultOptions.forEach((message, index) => {
         defaultOptions[index].translatedText = message

package/src/features/problemSelector/components/ProblemSelectorButton.tsx

@@ -7,12 +7,11 @@ import {
   ButtonSize,
   ButtonStates,
   ButtonVariant,
-  FONT_FAMILY,
-  LockIcon,
   Typography,
 } from '@magmamath/react-native-ui'
 
-import { BADGE_COORDINATES, BUTTON_BORDER_WIDTH, BUTTON_SIZE, COLOR_SCHEME_MAP } from '../constants'
+import { BADGE_COORDINATES, BUTTON_SIZE, COLOR_SCHEME_MAP, ICON_SIZE } from '../constants'
+import { LockIcon } from '../../../shared/icons/LockIcon'
 
 import { ProblemSelectorButtonProps } from '../types'
 
@@ -38,16 +37,15 @@ export const ProblemSelectorButton = ({
         disabled={locked}
         icon={
           locked ? (
-            <LockIcon color={customColorScheme[ButtonStates.DISABLED]?.color} size="large" />
+            <LockIcon
+              height={ICON_SIZE.height}
+              width={ICON_SIZE.width}
+              color={customColorScheme[ButtonStates.DISABLED]?.color}
+            />
           ) : (
             <Typography
-              variant="h3"
-              style={[
-                styles.buttonText,
-                {
-                  color: customColorScheme[ButtonStates.DEFAULT]?.color,
-                },
-              ]}
+              variant="h2"
+              style={{ color: customColorScheme[ButtonStates.DEFAULT]?.color }}
             >
               {text ?? ''}
             </Typography>
@@ -78,11 +76,6 @@ const styles = StyleSheet.create({
   button: {
     width: BUTTON_SIZE,
     height: BUTTON_SIZE,
-    borderWidth: BUTTON_BORDER_WIDTH,
-  },
-  buttonText: {
-    textAlign: 'center',
-    fontWeight: 400,
-    fontFamily: FONT_FAMILY.buenosAires,
+    borderWidth: 2.75,
   },
 })

package/src/features/problemSelector/constants.ts

@@ -1,10 +1,9 @@
 import { ButtonColorPreset, ButtonStates, COLORS } from '@magmamath/react-native-ui'
-
 import { ProblemSelectorButtonState } from './types'
 
-export const BUTTON_SIZE = 49
-export const BUTTON_BORDER_WIDTH = 3
+export const BUTTON_SIZE = 49.5
 export const BADGE_COORDINATES = { top: 4, right: 4 }
+export const ICON_SIZE = { width: 23, height: 25 }
 export const PROBLEM_SELECTOR_CONTENT_WIDTH = 265
 
 export const PROBLEM_SELECTOR_BUTTON_STATE = {

package/src/shared/icons/LockIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import Svg, { Path, Rect } from 'react-native-svg'
+import { COLORS } from '@magmamath/react-native-ui'
+
+import { IconProps } from './icon.types'
+
+export const LockIcon = ({ width = 23, height = 25, color = COLORS.NEUTRAL_6 }: IconProps) => (
+  <Svg width={width} height={height} viewBox="0.5 1 23 25" fill="none">
+    <Path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4.183 8.91H3.44A2.578 2.578 0 00.862 11.49v11.068a2.578 2.578 0 002.578 2.578h17.12a2.578 2.578 0 002.578-2.578V11.49a2.578 2.578 0 00-2.578-2.578h-.743c-.119-1.421-.391-3.307-1.374-4.897C17.304 2.172 15.303.864 12 .864c-3.304 0-5.304 1.308-6.443 3.15-.983 1.59-1.255 3.476-1.374 4.897zm2.008 0h11.618c-.12-1.303-.369-2.714-1.067-3.844C16.002 3.87 14.68 2.864 12 2.864c-2.68 0-4.003 1.006-4.742 2.202-.699 1.13-.947 2.54-1.067 3.845zm-2.75 2H20.56c.319 0 .578.26.578.579v11.068c0 .32-.26.578-.578.578H3.44a.578.578 0 01-.578-.578V11.49c0-.32.26-.578.578-.578z"
+      fill={color}
+    />
+  </Svg>
+)

package/src/shared/translation/localization/en.json

@@ -13,8 +13,9 @@
   "time.yearsAgo": "years ago",
   "chat": {
     "anotherHint": "Give me another hint",
+    "giveHint": "Give me a hint",
     "answerAgain": "Answer again to get another hint!",
-    "errorMessage": "Sorry, I can't help with this issue at the moment 😔.",
+    "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
     "showError": "Show error"
   }

package/src/shared/translation/localization/gb.json

@@ -13,8 +13,9 @@
   "time.yearsAgo": "years ago",
   "chat": {
     "anotherHint": "Give me another hint",
+    "giveHint": "Give me a hint",
     "answerAgain": "Answer again to get another hint!",
-    "errorMessage": "Sorry, I can't help with this issue at the moment 😔.",
+    "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
     "showError": "Show error"
   }

package/src/shared/translation/localization/sw.json

@@ -13,8 +13,9 @@
   "time.yearsAgo": "år sedan",
   "chat": {
     "anotherHint": "Ge mig en ledtråd",
+    "giveHint": "Ge mig en ledtråd",
     "answerAgain": "Svara igen för att få en till ledtråd!",
-    "errorMessage": "Tyvärr kan jag inte hjälpa dig just nu 😔.",
+    "errorMessage": "Något gick snett! Försök igen",
     "howCanIHelp": "Hej! Hur kan jag hjälpa dig?",
     "showError": "Visa fel"
   }

package/dist/commonjs/lib/helpers/os.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getOSFromUserAgent = exports.IS_WEB_WINDOWS = exports.DeviceOS = void 0;
-let DeviceOS = exports.DeviceOS = /*#__PURE__*/function (DeviceOS) {
-  DeviceOS["Windows"] = "Windows";
-  DeviceOS["macOS"] = "macOS";
-  DeviceOS["UNIX"] = "UNIX";
-  DeviceOS["Linux"] = "Linux";
-  DeviceOS["iOS"] = "iOS";
-  DeviceOS["Android"] = "Android";
-  DeviceOS["ChromeOS"] = "ChromeOS";
-  DeviceOS["UnknownOS"] = "Unknown OS";
-  return DeviceOS;
-}({});
-const getOSFromUserAgent = () => {
-  const userAgent = window.navigator.userAgent;
-  if (userAgent.indexOf('CrOS') !== -1) return DeviceOS.ChromeOS;
-  if (userAgent.indexOf('Win') !== -1) return DeviceOS.Windows;
-  if (userAgent.indexOf('Mac') !== -1) return DeviceOS.macOS;
-  if (userAgent.indexOf('X11') !== -1) return DeviceOS.UNIX;
-  if (userAgent.indexOf('Linux') !== -1) return DeviceOS.Linux;
-  if (userAgent.match(/i(Pod|Phone|Pad)/)) return DeviceOS.iOS;
-  if (userAgent.indexOf('Android') !== -1) return DeviceOS.Android;
-  return DeviceOS.UnknownOS;
-};
-exports.getOSFromUserAgent = getOSFromUserAgent;
-const IS_WEB_WINDOWS = exports.IS_WEB_WINDOWS = [DeviceOS.Windows].includes(getOSFromUserAgent());
-//# sourceMappingURL=os.js.map

package/dist/commonjs/lib/helpers/os.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DeviceOS","exports","getOSFromUserAgent","userAgent","window","navigator","indexOf","ChromeOS","Windows","macOS","UNIX","Linux","match","iOS","Android","UnknownOS","IS_WEB_WINDOWS","includes"],"sourceRoot":"../../../../src","sources":["lib/helpers/os.ts"],"mappings":";;;;;;IAAYA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,0BAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA;AAWb,MAAME,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,SAAS,GAAGC,MAAM,CAACC,SAAS,CAACF,SAAS;EAE5C,IAAIA,SAAS,CAACG,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,OAAON,QAAQ,CAACO,QAAQ;EAC9D,IAAIJ,SAAS,CAACG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,OAAON,QAAQ,CAACQ,OAAO;EAC5D,IAAIL,SAAS,CAACG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,OAAON,QAAQ,CAACS,KAAK;EAC1D,IAAIN,SAAS,CAACG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,OAAON,QAAQ,CAACU,IAAI;EACzD,IAAIP,SAAS,CAACG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,OAAON,QAAQ,CAACW,KAAK;EAC5D,IAAIR,SAAS,CAACS,KAAK,CAAC,kBAAkB,CAAC,EAAE,OAAOZ,QAAQ,CAACa,GAAG;EAC5D,IAAIV,SAAS,CAACG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,OAAON,QAAQ,CAACc,OAAO;EAEhE,OAAOd,QAAQ,CAACe,SAAS;AAC3B,CAAC;AAAAd,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAEM,MAAMc,cAAc,GAAAf,OAAA,CAAAe,cAAA,GAAG,CAAChB,QAAQ,CAACQ,OAAO,CAAC,CAACS,QAAQ,CAACf,kBAAkB,CAAC,CAAC,CAAC","ignoreList":[]}

package/dist/module/lib/helpers/os.js

@@ -1,26 +0,0 @@
-"use strict";
-
-export let DeviceOS = /*#__PURE__*/function (DeviceOS) {
-  DeviceOS["Windows"] = "Windows";
-  DeviceOS["macOS"] = "macOS";
-  DeviceOS["UNIX"] = "UNIX";
-  DeviceOS["Linux"] = "Linux";
-  DeviceOS["iOS"] = "iOS";
-  DeviceOS["Android"] = "Android";
-  DeviceOS["ChromeOS"] = "ChromeOS";
-  DeviceOS["UnknownOS"] = "Unknown OS";
-  return DeviceOS;
-}({});
-export const getOSFromUserAgent = () => {
-  const userAgent = window.navigator.userAgent;
-  if (userAgent.indexOf('CrOS') !== -1) return DeviceOS.ChromeOS;
-  if (userAgent.indexOf('Win') !== -1) return DeviceOS.Windows;
-  if (userAgent.indexOf('Mac') !== -1) return DeviceOS.macOS;
-  if (userAgent.indexOf('X11') !== -1) return DeviceOS.UNIX;
-  if (userAgent.indexOf('Linux') !== -1) return DeviceOS.Linux;
-  if (userAgent.match(/i(Pod|Phone|Pad)/)) return DeviceOS.iOS;
-  if (userAgent.indexOf('Android') !== -1) return DeviceOS.Android;
-  return DeviceOS.UnknownOS;
-};
-export const IS_WEB_WINDOWS = [DeviceOS.Windows].includes(getOSFromUserAgent());
-//# sourceMappingURL=os.js.map

package/dist/module/lib/helpers/os.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DeviceOS","getOSFromUserAgent","userAgent","window","navigator","indexOf","ChromeOS","Windows","macOS","UNIX","Linux","match","iOS","Android","UnknownOS","IS_WEB_WINDOWS","includes"],"sourceRoot":"../../../../src","sources":["lib/helpers/os.ts"],"mappings":";;AAAA,WAAYA,QAAQ,0BAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA;AAWpB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,SAAS,GAAGC,MAAM,CAACC,SAAS,CAACF,SAAS;EAE5C,IAAIA,SAAS,CAACG,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,OAAOL,QAAQ,CAACM,QAAQ;EAC9D,IAAIJ,SAAS,CAACG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,OAAOL,QAAQ,CAACO,OAAO;EAC5D,IAAIL,SAAS,CAACG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,OAAOL,QAAQ,CAACQ,KAAK;EAC1D,IAAIN,SAAS,CAACG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,OAAOL,QAAQ,CAACS,IAAI;EACzD,IAAIP,SAAS,CAACG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,OAAOL,QAAQ,CAACU,KAAK;EAC5D,IAAIR,SAAS,CAACS,KAAK,CAAC,kBAAkB,CAAC,EAAE,OAAOX,QAAQ,CAACY,GAAG;EAC5D,IAAIV,SAAS,CAACG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,OAAOL,QAAQ,CAACa,OAAO;EAEhE,OAAOb,QAAQ,CAACc,SAAS;AAC3B,CAAC;AAED,OAAO,MAAMC,cAAc,GAAG,CAACf,QAAQ,CAACO,OAAO,CAAC,CAACS,QAAQ,CAACf,kBAAkB,CAAC,CAAC,CAAC","ignoreList":[]}

package/dist/typescript/commonjs/lib/helpers/os.d.ts

@@ -1,13 +0,0 @@
-export declare enum DeviceOS {
-    Windows = "Windows",
-    macOS = "macOS",
-    UNIX = "UNIX",
-    Linux = "Linux",
-    iOS = "iOS",
-    Android = "Android",
-    ChromeOS = "ChromeOS",
-    UnknownOS = "Unknown OS"
-}
-export declare const getOSFromUserAgent: () => DeviceOS;
-export declare const IS_WEB_WINDOWS: boolean;
-//# sourceMappingURL=os.d.ts.map

package/dist/typescript/commonjs/lib/helpers/os.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"os.d.ts","sourceRoot":"","sources":["../../../../../src/lib/helpers/os.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,SAAS,eAAe;CACzB;AAED,eAAO,MAAM,kBAAkB,gBAY9B,CAAA;AAED,eAAO,MAAM,cAAc,SAAoD,CAAA"}

package/dist/typescript/module/lib/helpers/os.d.ts

@@ -1,13 +0,0 @@
-export declare enum DeviceOS {
-    Windows = "Windows",
-    macOS = "macOS",
-    UNIX = "UNIX",
-    Linux = "Linux",
-    iOS = "iOS",
-    Android = "Android",
-    ChromeOS = "ChromeOS",
-    UnknownOS = "Unknown OS"
-}
-export declare const getOSFromUserAgent: () => DeviceOS;
-export declare const IS_WEB_WINDOWS: boolean;
-//# sourceMappingURL=os.d.ts.map

package/dist/typescript/module/lib/helpers/os.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"os.d.ts","sourceRoot":"","sources":["../../../../../src/lib/helpers/os.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,SAAS,eAAe;CACzB;AAED,eAAO,MAAM,kBAAkB,gBAY9B,CAAA;AAED,eAAO,MAAM,cAAc,SAAoD,CAAA"}

package/src/lib/helpers/os.ts

@@ -1,26 +0,0 @@
-export enum DeviceOS {
-  Windows = 'Windows',
-  macOS = 'macOS',
-  UNIX = 'UNIX',
-  Linux = 'Linux',
-  iOS = 'iOS',
-  Android = 'Android',
-  ChromeOS = 'ChromeOS',
-  UnknownOS = 'Unknown OS',
-}
-
-export const getOSFromUserAgent = () => {
-  const userAgent = window.navigator.userAgent
-
-  if (userAgent.indexOf('CrOS') !== -1) return DeviceOS.ChromeOS
-  if (userAgent.indexOf('Win') !== -1) return DeviceOS.Windows
-  if (userAgent.indexOf('Mac') !== -1) return DeviceOS.macOS
-  if (userAgent.indexOf('X11') !== -1) return DeviceOS.UNIX
-  if (userAgent.indexOf('Linux') !== -1) return DeviceOS.Linux
-  if (userAgent.match(/i(Pod|Phone|Pad)/)) return DeviceOS.iOS
-  if (userAgent.indexOf('Android') !== -1) return DeviceOS.Android
-
-  return DeviceOS.UnknownOS
-}
-
-export const IS_WEB_WINDOWS = [DeviceOS.Windows].includes(getOSFromUserAgent())