@magmamath/students-features 1.3.2-rc.5 → 1.3.3-rc.1

package/src/features/keyboard/constants/keyboardLayouts.ts

@@ -5,7 +5,6 @@ import { TimeBasicLayout } from '../components/BasicLayout/TimeBasicLayout'
 import { CurrencyBasicLayout } from '../components/BasicLayout/CurrencyBasicLayout'
 import { UnitsLayout } from '../components/UnitsLayout/UnitsLayout'
 import { BasicPlusPlusLayout } from '../components/BasicPlusPlusLayout/BasicPlusPlusLayout'
-import { GeometryLayout } from '../components/GeometryLayout/GeometryLayout'
 import { MyScriptMathCharacterTypes } from '../../../types/characterTypes'
 import { MOBILE_LAYOUT_WIDTH } from './keyboard.constants'
 import { KeyboardType } from '../types/types'
@@ -56,16 +55,11 @@ export const KEYBOARD_LAYOUTS = {
   },
   [KeyboardType.BasicPlusPlus]: {
     Component: BasicPlusPlusLayout,
-    characterTypes: [] as MyScriptMathCharacterTypes[],
-    mobileBreakpoint: 1220,
-  },
-  [KeyboardType.Geometry]: {
-    Component: GeometryLayout,
     characterTypes: [
       MyScriptMathCharacterTypes.GEOM_ANGLES,
       MyScriptMathCharacterTypes.GEOM_COORDINATE,
     ],
-    mobileBreakpoint: 1300,
+    mobileBreakpoint: 1220,
   },
 }
 
@@ -101,7 +95,7 @@ export function isBasicPlusPlusLayout(charType?: number) {
   }
 
   return (
-    KEYBOARD_LAYOUTS[KeyboardType.Geometry].characterTypes.includes(charType) ||
+    KEYBOARD_LAYOUTS[KeyboardType.BasicPlusPlus].characterTypes.includes(charType) ||
     KEYBOARD_LAYOUTS[KeyboardType.AlgebraAdvanced].characterTypes.includes(charType)
   )
 }

package/src/features/keyboard/constants/keys/geometry.constants.tsx

@@ -5,15 +5,6 @@ import { DegreeIcon } from '../../../../shared/icons/keyboard/DegreeIcon'
 import { AngleIcon } from '../../../../shared/icons/keyboard/AngleIcon'
 import { ParallelIcon } from '../../../../shared/icons/keyboard/ParallelIcon'
 import { PerpendicularIcon } from '../../../../shared/icons/keyboard/PerpendicularIcon'
-import { TriangleIcon } from '../../../../shared/icons/keyboard/TriangleIcon'
-import { ThereforeIcon } from '../../../../shared/icons/keyboard/ThereforeIcon'
-import { ImpliesIcon } from '../../../../shared/icons/keyboard/ImpliesIcon'
-import { LineSegmentIcon } from '../../../../shared/icons/keyboard/LineSegmentIcon'
-import { RightDirectedSegmentIcon } from '../../../../shared/icons/keyboard/RightDirectedSegmentIcon'
-import { BidirectionalSegmentIcon } from '../../../../shared/icons/keyboard/BidirectionalSegmentIcon'
-import { LetterAIcon } from '../../../../shared/icons/keyboard/LetterAIcon'
-import { LetterBIcon } from '../../../../shared/icons/keyboard/LetterBIcon'
-import { LetterCIcon } from '../../../../shared/icons/keyboard/LetterCIcon'
 import { DEFAULT_KEY_ICON_PROPS } from '../keyboard.constants'
 
 export const MATH_GEOMETRY_SYMBOLS: MathOperatorsGroup = {
@@ -23,7 +14,7 @@ export const MATH_GEOMETRY_SYMBOLS: MathOperatorsGroup = {
     katexValue: '°',
   },
   ANGLE: {
-    icon: <AngleIcon {...DEFAULT_KEY_ICON_PROPS} size={20} />,
+    icon: <AngleIcon {...DEFAULT_KEY_ICON_PROPS} />,
     mathliveValue: '\\angle',
     katexValue: '∠',
   },
@@ -54,55 +45,4 @@ export const MATH_GEOMETRY_SYMBOLS: MathOperatorsGroup = {
       },
     },
   },
-  TRIANGLE: {
-    icon: <TriangleIcon {...DEFAULT_KEY_ICON_PROPS} size={20} />,
-    mathliveValue: '\\triangle',
-    katexValue: '△',
-  },
-  THEREFORE: {
-    icon: <ThereforeIcon {...DEFAULT_KEY_ICON_PROPS} size={20} />,
-    mathliveValue: '\\therefore',
-    katexValue: '∴',
-  },
-  IMPLIES: {
-    icon: <ImpliesIcon {...DEFAULT_KEY_ICON_PROPS} size={20} />,
-    mathliveValue: '\\Rightarrow',
-    katexValue: '⇒',
-  },
-  LINE_SEGMENT: {
-    icon: <LineSegmentIcon {...DEFAULT_KEY_ICON_PROPS} size={20} />,
-    mathliveValue: '\\overline{\\placeholder{}}',
-    katexValue: 'LINE_SEGMENT',
-    spreadsheetValue: 'LINE_SEGMENT',
-    isSpecialSymbol: true,
-  },
-  RIGHT_DIRECTED_SEGMENT: {
-    icon: <RightDirectedSegmentIcon {...DEFAULT_KEY_ICON_PROPS} size={20} />,
-    mathliveValue: '\\overrightarrow{\\placeholder{}}',
-    katexValue: 'RIGHT_DIRECTED_SEGMENT',
-    spreadsheetValue: 'RIGHT_DIRECTED_SEGMENT',
-    isSpecialSymbol: true,
-  },
-  BIDIRECTIONAL_SEGMENT: {
-    icon: <BidirectionalSegmentIcon {...DEFAULT_KEY_ICON_PROPS} size={20} />,
-    mathliveValue: '\\overleftrightarrow{\\placeholder{}}',
-    katexValue: 'BIDIRECTIONAL_SEGMENT',
-    spreadsheetValue: 'BIDIRECTIONAL_SEGMENT',
-    isSpecialSymbol: true,
-  },
-  A: {
-    icon: <LetterAIcon {...DEFAULT_KEY_ICON_PROPS} />,
-    mathliveValue: '𝐴',
-    katexValue: 'A',
-  },
-  B: {
-    icon: <LetterBIcon {...DEFAULT_KEY_ICON_PROPS} />,
-    mathliveValue: '𝐵',
-    katexValue: 'B',
-  },
-  C: {
-    icon: <LetterCIcon {...DEFAULT_KEY_ICON_PROPS} />,
-    mathliveValue: '𝐶',
-    katexValue: 'C',
-  },
 } as const

package/src/features/keyboard/constants/keys/text.constants.tsx

@@ -7,19 +7,19 @@ import { DEFAULT_KEY_ICON_PROPS } from '../keyboard.constants'
 
 export const MATH_TEXT_SYMBOLS: MathOperatorsGroup = {
   A: {
-    label: 'A',
-    mathliveValue: 'A',
-    katexValue: 'A',
+    label: 'a',
+    mathliveValue: 'a',
+    katexValue: 'a',
   },
   B: {
-    label: 'B',
-    mathliveValue: 'B',
-    katexValue: 'B',
+    label: 'b',
+    mathliveValue: 'b',
+    katexValue: 'b',
   },
   C: {
-    label: 'C',
-    mathliveValue: 'C',
-    katexValue: 'C',
+    label: 'c',
+    mathliveValue: 'c',
+    katexValue: 'c',
   },
   F: {
     label: 'f',

package/src/features/keyboard/constants/keys/units.constants.tsx

@@ -460,6 +460,5 @@ export const MATH_TIME_UNITS: MathOperatorsGroup = {
     label: 'pm',
     mathliveValue: '\\mathrm{pm}',
     katexValue: 'pm',
-    mathQuillValue: 'pm',
   },
 } as const

package/src/features/keyboard/types/types.ts

@@ -23,7 +23,6 @@ export enum KeyboardType {
   BasicUnits = 'BasicUnits',
   BasicPlusPlus = 'BasicPlusPlus',
   BasicPlusPlusMobile = 'BasicPlusPlusMobile',
-  Geometry = 'Geometry',
   Numpad = 'Numpad',
   Underlined = 'Underlined',
 }

package/src/index.ts

@@ -1,4 +1,3 @@
-export { useFeaturesLocalization, setFeaturesLocalization } from './shared/translation'
 export { generateRandomId } from './lib/helpers/helpers'
 export * from './features/chatbot'
 export * from './features/feedback'

package/src/locales/schema.json

@@ -0,0 +1 @@
+{}

package/src/shared/icons/keyboard/AngleIcon.tsx

@@ -2,13 +2,11 @@ import React from 'react'
 import { IconProps } from './icon.types'
 import Svg, { Path } from 'react-native-svg'
 
-const ASPECT_RATIO = 20 / 18
-
 export const AngleIcon = ({ size = 20, color }: IconProps) => {
   return (
-    <Svg width={size} height={size / ASPECT_RATIO} viewBox="0 0 20 18" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
       <Path
-        d="M11.841 3.87043C12.1077 3.5183 12.6099 3.44943 12.962 3.71614C13.3142 3.98288 13.384 4.48502 13.1173 4.83723L7.17238 12.6866C7.12249 12.7525 7.16947 12.847 7.25209 12.847H14.5587C15.0004 12.8471 15.3584 13.2051 15.3585 13.6468C15.3585 14.0885 15.0004 14.4465 14.5587 14.4466H5.44154C5.13785 14.4466 4.85992 14.2752 4.72474 14.0032C4.58961 13.7314 4.62065 13.4065 4.80384 13.1644L11.841 3.87043Z"
+        d="M8.94912 6.74144C9.20676 6.46187 9.63941 6.41761 9.9501 6.65062C10.2606 6.88377 10.3389 7.31141 10.1425 7.63695L10.0995 7.70043L6.49991 12.5002H10.9999C11.4141 12.5002 11.7499 12.836 11.7499 13.2502C11.7499 13.6644 11.4141 14.0002 10.9999 14.0002H4.99991C4.71583 14.0002 4.45605 13.8393 4.32901 13.5852C4.20219 13.3312 4.22994 13.0272 4.4003 12.8L8.9003 6.80004L8.94912 6.74144Z"
         fill={color}
       />
     </Svg>

package/src/shared/icons/keyboard/BidirectionalSegmentIcon.tsx

@@ -1,17 +1,20 @@
 import React from 'react'
 import { IconProps } from './icon.types'
-import Svg, { Path, Rect } from 'react-native-svg'
+import Svg, { Path } from 'react-native-svg'
 
-const ASPECT_RATIO = 19 / 20
+const ASPECT_RATIO = 20 / 21
 
 export const BidirectionalSegmentIcon = ({ size = 20, color }: IconProps) => {
   return (
-    <Svg width={size} height={size / ASPECT_RATIO} viewBox="0 0 19 20" fill="none">
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 20 21" fill="none">
       <Path
-        d="M16.1464 1.52657C16.3173 1.35571 16.5813 1.33396 16.7754 1.46212L16.8535 1.52657L18.8535 3.52657L18.9179 3.6047C19.0461 3.79878 19.0243 4.06274 18.8535 4.23361L16.8535 6.23361C16.6582 6.42887 16.3417 6.42887 16.1464 6.23361C15.9512 6.03834 15.9512 5.72184 16.1464 5.52657L17.2929 4.38009H1.70699L2.85348 5.52657L2.91793 5.6047C3.0461 5.79878 3.02434 6.06274 2.85348 6.23361C2.68261 6.40447 2.41865 6.42622 2.22457 6.29806L2.14645 6.23361L0.146447 4.23361C-0.0488155 4.03834 -0.0488155 3.72184 0.146447 3.52657L2.14645 1.52657L2.22457 1.46212C2.41865 1.33396 2.68261 1.35571 2.85348 1.52657C3.02434 1.69744 3.0461 1.9614 2.91793 2.15548L2.85348 2.23361L1.70699 3.38009H17.2929L16.1464 2.23361L16.082 2.15548C15.9538 1.9614 15.9756 1.69744 16.1464 1.52657Z"
+        d="M16.6464 0.146692C16.8173 -0.0241721 17.0813 -0.0459256 17.2754 0.0822385L17.3535 0.146692L19.3535 2.14669L19.4179 2.22482C19.5461 2.4189 19.5243 2.68286 19.3535 2.85372L17.3535 4.85372C17.1582 5.04899 16.8417 5.04899 16.6464 4.85372C16.4512 4.65846 16.4512 4.34195 16.6464 4.14669L17.7929 3.00021H2.20699L3.35348 4.14669L3.41793 4.22482C3.5461 4.4189 3.52434 4.68286 3.35348 4.85372C3.18261 5.02459 2.91865 5.04634 2.72457 4.91818L2.64645 4.85372L0.646447 2.85372C0.451184 2.65846 0.451184 2.34195 0.646447 2.14669L2.64645 0.146692L2.72457 0.0822385C2.91865 -0.0459256 3.18261 -0.0241721 3.35348 0.146692C3.52434 0.317555 3.5461 0.581519 3.41793 0.775598L3.35348 0.853723L2.20699 2.00021H17.7929L16.6464 0.853723L16.582 0.775598C16.4538 0.581519 16.4756 0.317555 16.6464 0.146692Z"
+        fill={color}
+      />
+      <Path
+        d="M8.07948 17L7.70148 14.55H3.52948L2.01748 17H0.407484L6.55348 7.2H7.91149L9.52148 17H8.07948ZM4.32748 13.22H7.51948L6.87548 9.09L4.32748 13.22ZM16.4822 7.2C18.0922 7.2 18.8762 8.236 18.8762 9.342C18.8762 10.434 18.1762 11.54 16.8322 11.82C17.9662 12.128 18.4842 12.996 18.4842 13.906C18.4842 15.432 17.1402 17 14.8162 17H11.0502L13.3182 7.2H16.4822ZM12.7582 15.698H14.9842C16.3842 15.698 17.0562 14.788 17.0562 13.906C17.0562 13.164 16.4822 12.506 15.4042 12.506H13.5002L12.7582 15.698ZM13.7522 11.358H15.5722C16.7762 11.358 17.4482 10.49 17.4482 9.692C17.4482 8.95 16.9862 8.502 16.0202 8.502H14.4102L13.7522 11.358Z"
         fill={color}
       />
-      <Rect x="4.8801" y="8.87988" width="9.24" height="9.24" rx="1.548" stroke="#B3B3BC" />
     </Svg>
   )
 }

package/src/shared/icons/keyboard/LineSegmentIcon.tsx

@@ -1,17 +1,18 @@
 import React from 'react'
 import { IconProps } from './icon.types'
-import Svg, { Path, Rect } from 'react-native-svg'
-
-const ASPECT_RATIO = 19 / 20
+import Svg, { Path } from 'react-native-svg'
 
 export const LineSegmentIcon = ({ size = 20, color }: IconProps) => {
   return (
-    <Svg width={size} height={size / ASPECT_RATIO} viewBox="0 0 19 20" fill="none">
+    <Svg width={size} height={size} viewBox="0 0 20 20" fill="none">
+      <Path
+        d="M19 1C19.2761 1 19.5 1.22386 19.5 1.5C19.5 1.77614 19.2761 2 19 2H1C0.723858 2 0.5 1.77614 0.5 1.5C0.5 1.22386 0.723858 1 1 1H19Z"
+        fill={color}
+      />
       <Path
-        d="M18.5 3.37988C18.7761 3.37988 19 3.60374 19 3.87988C19 4.15603 18.7761 4.37988 18.5 4.37988H0.5C0.223858 4.37988 0 4.15603 0 3.87988C0 3.60374 0.223858 3.37988 0.5 3.37988H18.5Z"
+        d="M8.07948 16L7.70148 13.55H3.52948L2.01748 16H0.407484L6.55348 6.2H7.91149L9.52148 16H8.07948ZM4.32748 12.22H7.51948L6.87548 8.09L4.32748 12.22ZM16.4822 6.2C18.0922 6.2 18.8762 7.236 18.8762 8.342C18.8762 9.434 18.1762 10.54 16.8322 10.82C17.9662 11.128 18.4842 11.996 18.4842 12.906C18.4842 14.432 17.1402 16 14.8162 16H11.0502L13.3182 6.2H16.4822ZM12.7582 14.698H14.9842C16.3842 14.698 17.0562 13.788 17.0562 12.906C17.0562 12.164 16.4822 11.506 15.4042 11.506H13.5002L12.7582 14.698ZM13.7522 10.358H15.5722C16.7762 10.358 17.4482 9.49 17.4482 8.692C17.4482 7.95 16.9862 7.502 16.0202 7.502H14.4102L13.7522 10.358Z"
         fill={color}
       />
-      <Rect x="4.88" y="8.87988" width="9.24" height="9.24" rx="1.548" stroke="#B3B3BC" />
     </Svg>
   )
 }

package/src/shared/icons/keyboard/RightDirectedSegmentIcon.tsx

@@ -1,17 +1,20 @@
 import React from 'react'
 import { IconProps } from './icon.types'
-import Svg, { Path, Rect } from 'react-native-svg'
+import Svg, { Path } from 'react-native-svg'
 
-const ASPECT_RATIO = 19 / 20
+const ASPECT_RATIO = 20 / 21
 
 export const RightDirectedSegmentIcon = ({ size = 20, color }: IconProps) => {
   return (
-    <Svg width={size} height={size / ASPECT_RATIO} viewBox="0 0 19 20" fill="none">
+    <Svg width={size * ASPECT_RATIO} height={size} viewBox="0 0 20 21" fill="none">
       <Path
-        d="M16.1465 1.52657C16.3173 1.35571 16.5813 1.33396 16.7754 1.46212L16.8535 1.52657L18.8535 3.52657L18.918 3.6047C19.0461 3.79878 19.0244 4.06274 18.8535 4.23361L16.8535 6.23361C16.6583 6.42887 16.3417 6.42887 16.1465 6.23361C15.9512 6.03834 15.9512 5.72184 16.1465 5.52657L17.293 4.38009H0.5C0.223858 4.38009 0 4.15623 0 3.88009C0 3.60395 0.223858 3.38009 0.5 3.38009H17.293L16.1465 2.23361L16.082 2.15548C15.9539 1.9614 15.9756 1.69744 16.1465 1.52657Z"
+        d="M16.6465 0.146692C16.8173 -0.0241721 17.0813 -0.0459256 17.2754 0.0822385L17.3535 0.146692L19.3535 2.14669L19.418 2.22482C19.5461 2.4189 19.5244 2.68286 19.3535 2.85372L17.3535 4.85372C17.1583 5.04899 16.8417 5.04899 16.6465 4.85372C16.4512 4.65846 16.4512 4.34195 16.6465 4.14669L17.793 3.00021H1C0.723858 3.00021 0.5 2.77635 0.5 2.50021C0.5 2.22406 0.723858 2.00021 1 2.00021H17.793L16.6465 0.853723L16.582 0.775598C16.4539 0.581519 16.4756 0.317555 16.6465 0.146692Z"
+        fill={color}
+      />
+      <Path
+        d="M8.07948 17L7.70148 14.55H3.52948L2.01748 17H0.407484L6.55348 7.2H7.91149L9.52148 17H8.07948ZM4.32748 13.22H7.51948L6.87548 9.09L4.32748 13.22ZM16.4822 7.2C18.0922 7.2 18.8762 8.236 18.8762 9.342C18.8762 10.434 18.1762 11.54 16.8322 11.82C17.9662 12.128 18.4842 12.996 18.4842 13.906C18.4842 15.432 17.1402 17 14.8162 17H11.0502L13.3182 7.2H16.4822ZM12.7582 15.698H14.9842C16.3842 15.698 17.0562 14.788 17.0562 13.906C17.0562 13.164 16.4822 12.506 15.4042 12.506H13.5002L12.7582 15.698ZM13.7522 11.358H15.5722C16.7762 11.358 17.4482 10.49 17.4482 9.692C17.4482 8.95 16.9862 8.502 16.0202 8.502H14.4102L13.7522 11.358Z"
         fill={color}
       />
-      <Rect x="4.8801" y="8.87988" width="9.24" height="9.24" rx="1.548" stroke="#B3B3BC" />
     </Svg>
   )
 }

package/src/shared/translation/constants.ts

@@ -1,16 +1 @@
-import { Locale } from '@magmamath/frontend-config'
-import EN from './localization/en.json'
-import GB from './localization/gb.json'
-import SW from './localization/sw.json'
-import CA from './localization/ca.json'
-import SCT from './localization/sct.json'
-import DE from './localization/de.json'
-
-export const LOCALIZATION_CONFIGS = {
-  [Locale.US]: EN,
-  [Locale.GB]: GB,
-  [Locale.SE]: SW,
-  [Locale.CA]: CA,
-  [Locale.SCT]: SCT,
-  [Locale.DE]: DE,
-}
+export const NAMESPACE = 'students-features'

package/src/shared/translation/helpers.ts

@@ -1,47 +1,7 @@
-import { LOCALIZATION_CONFIGS } from './constants'
-import { $localization, setLocalization } from './model'
-import { GetText, TranslationKeys, Translations } from './types'
+import i18next from 'i18next'
+import { NAMESPACE } from './constants'
+import { GetText } from './types'
 
-export function getTranslation(config: Translations, key: TranslationKeys) {
-  const rawTranslation = config?.[key as keyof Translations]
-  if (typeof rawTranslation === 'string' || !key.includes('.')) {
-    return rawTranslation as string
-  }
-  const keys = key.split('.')
-  let translation = config
-  for (const k of keys) {
-    if (translation[k as keyof Translations] === undefined) return key
-    translation = translation[k as keyof Translations] as any
-  }
-  if (typeof translation === 'string') {
-    return translation
-  }
-  return key
-}
-
-export const getSubstitutedString = (str: string, substitutions: Record<string, string> = {}) => {
-  const substitutionsArray = Object.entries(substitutions)
-  let result = str
-
-  if (!substitutionsArray.length) return result
-
-  substitutionsArray.forEach(([key, value]) => {
-    result = result.replace(`{{${key}}}`, value)
-  })
-
-  return result
-}
-
-export const getText: GetText = (key: TranslationKeys, args = null) => {
-  const config = $localization.getState()
-
-  const translation = getTranslation(config, key)
-  if (args) return getSubstitutedString(translation, args)
-  return translation
-}
-
-export const setFeaturesLocalization = (
-  generator: ((config: typeof LOCALIZATION_CONFIGS) => Translations) | Translations,
-) => {
-  setLocalization(generator)
+export const getText: GetText = (key, args = null) => {
+  return i18next.t(key, { ns: NAMESPACE, ...(args || {}) })
 }

package/src/shared/translation/hooks.ts

@@ -1,25 +1,9 @@
-import { useUnit } from 'effector-react'
-import { $localization, setLocalization } from './model'
-import { GetText, Translations } from './types'
-import { useCallback, useEffect } from 'react'
-import { LOCALIZATION_CONFIGS } from './constants'
-import { getSubstitutedString, getTranslation } from './helpers'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { NAMESPACE } from './constants'
+import { GetText } from './types'
 
 export const useText = (): GetText => {
-  const config = useUnit($localization)
-  return useCallback<GetText>(
-    (key, args = null) => {
-      const translation = getTranslation(config, key)
-      return args ? getSubstitutedString(translation, args) : translation
-    },
-    [config],
-  )
-}
-
-export const useFeaturesLocalization = (
-  generator: ((config: typeof LOCALIZATION_CONFIGS) => Translations) | Translations,
-) => {
-  useEffect(() => {
-    setLocalization(generator)
-  }, [generator])
+  const { t } = useTranslation(NAMESPACE)
+  return useCallback<GetText>((key, args = null) => t(key, args ?? undefined), [t])
 }

package/src/shared/translation/index.ts

@@ -1,3 +1,3 @@
-export { useFeaturesLocalization, useText } from './hooks'
-export { setFeaturesLocalization, getText as t } from './helpers'
-export { $localization, setLocalization } from './model'
+export { useText } from './hooks'
+export { getText as t } from './helpers'
+export type { TranslationKeys, GetText } from './types'

package/src/shared/translation/types.ts

@@ -1,21 +1,2 @@
-import enTranslations from './localization/en.json'
-import swTranslations from './localization/sw.json'
-import gbTranslations from './localization/gb.json'
-import caTranslations from './localization/ca.json'
-import sctTranslations from './localization/sct.json'
-import deTranslations from './localization/de.json'
-
-import { RetrieveKeys } from '../../lib/types/keys'
-import { ISValidTranslation } from './validation.types'
-
-export type Translations = typeof enTranslations
-export type TranslationKeys = RetrieveKeys<Translations>
+export type TranslationKeys = string
 export type GetText = (key: TranslationKeys, args?: Record<string, string> | null) => string
-
-//  Validation of translations, do not remove
-type ISValidEN = ISValidTranslation<Translations>
-type ISValidSW = ISValidTranslation<typeof swTranslations>
-type ISValidGB = ISValidTranslation<typeof gbTranslations>
-type ISValidCA = ISValidTranslation<typeof caTranslations>
-type ISValidSCT = ISValidTranslation<typeof sctTranslations>
-type ISValidDE = ISValidTranslation<typeof deTranslations>

package/dist/commonjs/features/keyboard/components/GeometryLayout/GeometryLayout.js

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GeometryLayout = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _KeysList = require("../KeysList/KeysList.js");
-var _reactNative = require("react-native");
-var _reactNativeUi = require("@magmamath/react-native-ui");
-var _types = require("../../types/types.js");
-var _types2 = require("./types.js");
-var _helpers = require("../../helpers.js");
-var _helpers2 = require("./helpers.js");
-var _keyboardLayouts = require("../../constants/keyboardLayouts.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const GeometryLayout = ({
-  onLayoutChange,
-  keys,
-  ...props
-}) => {
-  const [selectedLayout, setSelectedLayout] = (0, _react.useState)(_types2.SelectedLayout.BASIC);
-  const {
-    width
-  } = (0, _reactNative.useWindowDimensions)();
-  const selectOptions = (0, _helpers2.getSelectOptions)({
-    selectedLayout,
-    setSelectedLayout,
-    onLayoutChange
-  });
-  const isDesktop = width > _keyboardLayouts.KEYBOARD_LAYOUTS[_types.KeyboardType.Geometry].mobileBreakpoint && !_reactNativeUi.IS_MOBILE;
-  const keyboardGroups = (0, _react.useMemo)(() => {
-    const geometry = (0, _helpers.getMainKeyboardGroup)(keys, _types.KeyboardType.Geometry);
-    const basic = (0, _helpers.getMainKeyboardGroup)(keys, isDesktop ? _types.KeyboardType.BasicPlusPlus : _types.KeyboardType.BasicPlusPlusMobile);
-    return new Map([[_types2.SelectedLayout.BASIC, basic], [_types2.SelectedLayout.GEOMETRY, geometry]]);
-  }, [isDesktop, keys]);
-  const currentKeys = keyboardGroups.get(selectedLayout)?.keys ?? [];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [isDesktop && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SelectGroup, {
-      numOfRows: 2,
-      options: selectOptions,
-      size: _reactNativeUi.SelectOptionSize.SMALL,
-      style: {
-        container: styles.optionContainer,
-        option: {
-          container: styles.option
-        }
-      },
-      color: props.color,
-      selectedOptions: [selectedLayout === _types2.SelectedLayout.BASIC ? selectOptions[0] : selectOptions[1]]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeysList.KeysList, {
-      keys: currentKeys,
-      numOfRows: 3,
-      ...props
-    })]
-  });
-};
-exports.GeometryLayout = GeometryLayout;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    display: 'flex',
-    flexDirection: 'row',
-    gap: _reactNativeUi.SPACING[400],
-    paddingRight: _reactNativeUi.SPACING[400]
-  },
-  optionContainer: {
-    flexGrow: 0,
-    flexShrink: 0,
-    flexBasis: _reactNativeUi.IS_MOBILE ? 60 : 'auto',
-    width: 'auto',
-    paddingRight: 18,
-    borderRightWidth: 1,
-    borderRightColor: _reactNativeUi.COLORS.NEUTRAL_3,
-    maxWidth: 65,
-    gap: 9
-  },
-  option: {
-    flexBasis: 45,
-    width: 44
-  }
-});
-//# sourceMappingURL=GeometryLayout.js.map

package/dist/commonjs/features/keyboard/components/GeometryLayout/GeometryLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_KeysList","_reactNative","_reactNativeUi","_types","_types2","_helpers","_helpers2","_keyboardLayouts","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GeometryLayout","onLayoutChange","keys","props","selectedLayout","setSelectedLayout","useState","SelectedLayout","BASIC","width","useWindowDimensions","selectOptions","getSelectOptions","isDesktop","KEYBOARD_LAYOUTS","KeyboardType","Geometry","mobileBreakpoint","IS_MOBILE","keyboardGroups","useMemo","geometry","getMainKeyboardGroup","basic","BasicPlusPlus","BasicPlusPlusMobile","Map","GEOMETRY","currentKeys","jsxs","View","style","styles","container","children","jsx","SelectGroup","numOfRows","options","size","SelectOptionSize","SMALL","optionContainer","option","color","selectedOptions","KeysList","exports","StyleSheet","create","display","flexDirection","gap","SPACING","paddingRight","flexGrow","flexShrink","flexBasis","borderRightWidth","borderRightColor","COLORS","NEUTRAL_3","maxWidth"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/GeometryLayout/GeometryLayout.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/keyboard/components/GeometryLayout/helpers.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getSelectOptions = getSelectOptions;
-var _react = _interopRequireDefault(require("react"));
-var _reactNativeUi = require("@magmamath/react-native-ui");
-var _AlgebraIcon = require("../../../../shared/icons/AlgebraIcon.js");
-var _GeometryIcon = require("../../../../shared/icons/GeometryIcon.js");
-var _types = require("./types.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function getSelectOptions({
-  selectedLayout,
-  setSelectedLayout,
-  onLayoutChange
-}) {
-  return [{
-    key: _types.SelectedLayout.BASIC,
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AlgebraIcon.AlgebraIcon, {
-      color: selectedLayout === _types.SelectedLayout.BASIC ? _reactNativeUi.COLORS.NEUTRAL_1 : _reactNativeUi.COLORS.NEUTRAL_9,
-      size: 22
-    }),
-    onPressIn: () => {
-      setSelectedLayout(_types.SelectedLayout.BASIC);
-      onLayoutChange?.(false);
-    }
-  }, {
-    key: _types.SelectedLayout.GEOMETRY,
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeometryIcon.GeometryIcon, {
-      color: selectedLayout === _types.SelectedLayout.GEOMETRY ? _reactNativeUi.COLORS.NEUTRAL_1 : _reactNativeUi.COLORS.NEUTRAL_9,
-      size: 16
-    }),
-    onPressIn: () => {
-      setSelectedLayout(_types.SelectedLayout.GEOMETRY);
-      onLayoutChange?.(true);
-    }
-  }];
-}
-//# sourceMappingURL=helpers.js.map

package/dist/commonjs/features/keyboard/components/GeometryLayout/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeUi","_AlgebraIcon","_GeometryIcon","_types","_jsxRuntime","e","__esModule","default","getSelectOptions","selectedLayout","setSelectedLayout","onLayoutChange","key","SelectedLayout","BASIC","title","jsx","AlgebraIcon","color","COLORS","NEUTRAL_1","NEUTRAL_9","size","onPressIn","GEOMETRY","GeometryIcon"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/GeometryLayout/helpers.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAwC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQjC,SAASG,gBAAgBA,CAAC;EAC/BC,cAAc;EACdC,iBAAiB;EACjBC;AACqB,CAAC,EAAE;EACxB,OAAO,CACL;IACEC,GAAG,EAAEC,qBAAc,CAACC,KAAK;IACzBC,KAAK,eACH,IAAAX,WAAA,CAAAY,GAAA,EAACf,YAAA,CAAAgB,WAAW;MACVC,KAAK,EAAET,cAAc,KAAKI,qBAAc,CAACC,KAAK,GAAGK,qBAAM,CAACC,SAAS,GAAGD,qBAAM,CAACE,SAAU;MACrFC,IAAI,EAAE;IAAG,CACV,CACF;IACDC,SAAS,EAAEA,CAAA,KAAM;MACfb,iBAAiB,CAACG,qBAAc,CAACC,KAAK,CAAC;MACvCH,cAAc,GAAG,KAAK,CAAC;IACzB;EACF,CAAC,EACD;IACEC,GAAG,EAAEC,qBAAc,CAACW,QAAQ;IAC5BT,KAAK,eACH,IAAAX,WAAA,CAAAY,GAAA,EAACd,aAAA,CAAAuB,YAAY;MACXP,KAAK,EAAET,cAAc,KAAKI,qBAAc,CAACW,QAAQ,GAAGL,qBAAM,CAACC,SAAS,GAAGD,qBAAM,CAACE,SAAU;MACxFC,IAAI,EAAE;IAAG,CACV,CACF;IACDC,SAAS,EAAEA,CAAA,KAAM;MACfb,iBAAiB,CAACG,qBAAc,CAACW,QAAQ,CAAC;MAC1Cb,cAAc,GAAG,IAAI,CAAC;IACxB;EACF,CAAC,CACF;AACH","ignoreList":[]}

package/dist/commonjs/features/keyboard/components/GeometryLayout/types.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectedLayout = void 0;
-let SelectedLayout = exports.SelectedLayout = /*#__PURE__*/function (SelectedLayout) {
-  SelectedLayout["BASIC"] = "basic";
-  SelectedLayout["GEOMETRY"] = "geometry";
-  return SelectedLayout;
-}({});
-//# sourceMappingURL=types.js.map

package/dist/commonjs/features/keyboard/components/GeometryLayout/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SelectedLayout","exports"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/components/GeometryLayout/types.ts"],"mappings":";;;;;;IAAYA,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}

package/dist/commonjs/features/keyboard/constants/groups/geometry.constants.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.KEYBOARD_GEOMETRY = void 0;
-var _index = require("../keys/index.js");
-const KEYBOARD_GEOMETRY = exports.KEYBOARD_GEOMETRY = {
-  keys: [_index.MATH_GEOMETRY_SYMBOLS.ANGLE, _index.MATH_GEOMETRY_SYMBOLS.TRIANGLE, _index.MATH_GEOMETRY_SYMBOLS.THEREFORE, _index.MATH_GEOMETRY_SYMBOLS.IMPLIES, _index.MATH_BASIC_OPERATORS.SIMILARITY, _index.MATH_GEOMETRY_SYMBOLS.LINE_SEGMENT, _index.MATH_GEOMETRY_SYMBOLS.RIGHT_DIRECTED_SEGMENT, _index.MATH_GEOMETRY_SYMBOLS.BIDIRECTIONAL_SEGMENT, _index.MATH_GEOMETRY_SYMBOLS.PERPENDICULAR, _index.MATH_BASIC_OPERATORS.APPROXIMATELY_EQUAL, _index.MATH_GEOMETRY_SYMBOLS.A, _index.MATH_GEOMETRY_SYMBOLS.B, _index.MATH_GEOMETRY_SYMBOLS.C, _index.MATH_GEOMETRY_SYMBOLS.PARALLEL, _index.MATH_BASIC_OPERATORS.CONGRUENT]
-};
-//# sourceMappingURL=geometry.constants.js.map

package/dist/commonjs/features/keyboard/constants/groups/geometry.constants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_index","require","KEYBOARD_GEOMETRY","exports","keys","MATH_GEOMETRY_SYMBOLS","ANGLE","TRIANGLE","THEREFORE","IMPLIES","MATH_BASIC_OPERATORS","SIMILARITY","LINE_SEGMENT","RIGHT_DIRECTED_SEGMENT","BIDIRECTIONAL_SEGMENT","PERPENDICULAR","APPROXIMATELY_EQUAL","A","B","C","PARALLEL","CONGRUENT"],"sourceRoot":"../../../../../../src","sources":["features/keyboard/constants/groups/geometry.constants.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAMO,MAAMC,iBAAgC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC9CE,IAAI,EAAE,CACJC,4BAAqB,CAACC,KAAK,EAC3BD,4BAAqB,CAACE,QAAQ,EAC9BF,4BAAqB,CAACG,SAAS,EAC/BH,4BAAqB,CAACI,OAAO,EAC7BC,2BAAoB,CAACC,UAAU,EAC/BN,4BAAqB,CAACO,YAAY,EAClCP,4BAAqB,CAACQ,sBAAsB,EAC5CR,4BAAqB,CAACS,qBAAqB,EAC3CT,4BAAqB,CAACU,aAAa,EACnCL,2BAAoB,CAACM,mBAAmB,EACxCX,4BAAqB,CAACY,CAAC,EACvBZ,4BAAqB,CAACa,CAAC,EACvBb,4BAAqB,CAACc,CAAC,EACvBd,4BAAqB,CAACe,QAAQ,EAC9BV,2BAAoB,CAACW,SAAS;AAElC,CAAC","ignoreList":[]}

package/dist/commonjs/lib/types/keys.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=keys.js.map

package/dist/commonjs/lib/types/keys.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["lib/types/keys.ts"],"mappings":"","ignoreList":[]}