@magmamath/students-features 1.2.0 → 1.2.1-rc.10

package/src/features/pmProgress/shared/pmProgress.types.ts

@@ -0,0 +1,207 @@
+import { SolvingFlow } from './pmProgress.constants'
+import type { SkillsToPracticeDto } from '@matteappen/skills-utils/enhanceProgressData/types'
+
+type StatsSkill = {
+  userId: string
+  skillId: string
+  achievedSkills: number
+  failedSkills: number
+  totalSkills: number
+}
+
+export type StatsPayload = {
+  entityIds: string[]
+}
+
+export type StatsResponse = {
+  entityId: string
+  skills: StatsSkill[]
+}[]
+
+export type GetRecommendationsPayload = {
+  limit?: number
+}
+
+type Ability = {
+  functionName: string
+  problemCount: number
+  sectionId: string
+  visibility: unknown[]
+}
+
+export type Skill = {
+  _id: string
+  nameTranslations: string
+  shortDescriptionTranslations: string
+  descriptionTranslations: string
+  ability: Ability
+  theory: {
+    languageCode: string
+    theory: string
+  }[]
+  type?: SolvingFlow
+}
+
+type MappingTree = {
+  _id: string
+  parents: string[]
+  type: string
+  nameTranslations: string
+  shortDescriptionTranslations: string
+  descriptionTranslations: string
+  order: number
+  children: string[]
+  skills: string[]
+  originalId: string
+  originalPath: string
+  attributes: { grade: number }
+}
+
+export type TreeId = string
+
+export type SkillsMapping = Record<string, Skill & { difficulty: number }>
+
+export type TreeMappingResponse = {
+  rootId: string
+  skillsMapping: SkillsMapping
+  treeMapping: Record<string, MappingTree>
+}
+
+export enum RecommendationType {
+  MAGMA = 'magma',
+  TEACHER = 'teacher',
+}
+
+type Recommendation<T extends string = RecommendationType> = {
+  _id: string
+  type: T
+  skillId: string
+  teacherId: string
+  studentId: string
+  exerciseIds: string[]
+  failedAttempts: []
+  refreshedAt: string
+  createdAt: string
+  updatedAt: string
+}
+
+export type RecsResponse<T extends RecommendationType = RecommendationType.MAGMA> = {
+  offset: number
+  limit: number
+  total: number
+  items: Recommendation<T>[]
+}
+
+export type Recommendations = {
+  items: Skill[]
+  offset: number
+  limit: number
+  total: number
+}
+
+export type UserTimeframeStats = {
+  studentId: string
+  practiceModeStatsByTimeFrame: {
+    all: {
+      timeInPracticeMs: number
+      numberOfStars: number
+    }
+    week: {
+      timeInPracticeMs: number
+      numberOfStars: number
+    }
+    lastWeek: {
+      timeInPracticeMs: number
+      numberOfStars: number
+    }
+  }
+}
+
+export type SkillsCount = {
+  total: number
+  achieved: number
+  failed: number
+}
+
+export type DomainStandard = {
+  standardId: string
+  title: string
+  subtitle: string
+  skillIds: string[]
+  skillsToPractice?: SkillsToPracticeDto
+  skillsCount: SkillsCount
+  scorePercentage: number
+}
+
+export type Domain = {
+  domainId: string
+  title: string
+  color: string
+  borderColor: string
+  backgroundColor: string
+  standards: DomainStandard[]
+  skillsCount: SkillsCount
+  scorePercentage: number
+}
+
+// TODO: to /shared/user.types.ts and create full type? any sense to duplicate it??
+export type User = {
+  _id: string
+  fullName: string
+  grade: number
+  enrolledGrades: number[]
+  setting: {
+    practiceModeTreeId: string
+    practiceModeLockedGrades: number[]
+  }
+}
+
+export type Grade = {
+  name: string
+  value: number
+  isLocked: boolean
+}
+
+export type PmProgressGateProps = {
+  user: User
+}
+
+export type SetupInitialGradeProps = { tree: TreeMappingResponse; user: User }
+
+export type GetTreeContextFxParams = {
+  tree: TreeMappingResponse
+  stats: StatsResponse
+  user: User
+  grade: number
+}
+
+export type TreeContext = {
+  tree: TreeMappingResponse
+  stats: StatsResponse
+  treeWithStats: unknown
+}
+
+export type QueueBuilderData<T extends StartSolvingProps = StartSolvingProps> = {
+  domains: Domain[]
+  context: TreeContext
+} & T
+
+export type TeacherQueueData = QueueBuilderData<StartSolvingTeacher>
+export type MagmaQueueData = QueueBuilderData<StartSolvingMagma>
+export type StandardQueueData = QueueBuilderData<StartSolvingStandard>
+
+export type StartSolvingTeacher = {
+  type: SolvingFlow.TEACHER
+  skillId?: string
+}
+
+export type StartSolvingMagma = {
+  type: SolvingFlow.MAGMA
+}
+
+export type StartSolvingStandard = {
+  type: SolvingFlow.STANDARD
+  standardId: string
+}
+
+export type StartSolvingProps = StartSolvingTeacher | StartSolvingMagma | StartSolvingStandard

package/src/index.ts

@@ -9,6 +9,7 @@ export * from './features/problemSelector'
 export * from './features/gifCelebrations'
 export * from './features/exampleSolution'
 export * from './features/keyboard'
+export * from './features/pmProgress'
 export * from './features/openEnded'
 export * from './shared/icons'
 export * from './features/voice'

package/src/shared/icons/PentagonIcon.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import Svg, { G, Path, Defs } from 'react-native-svg'
+import { IconProps } from './icon.types'
+
+export const PentagonIcon = ({ size = 32, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 32 31" fill="none">
+      <G filter="url(#filter0_dd_2255_6755)">
+        <Path
+          d="M14.025 2.573a3 3 0 013.527 0l9.788 7.111a3 3 0 011.09 3.355l-3.74 11.506a3 3 0 01-2.852 2.073H9.739a3 3 0 01-2.853-2.073L3.147 13.038a3 3 0 011.09-3.354l9.788-7.111z"
+          fill={color}
+        />
+      </G>
+      <Defs></Defs>
+    </Svg>
+  )
+}

package/src/shared/icons/SketchArrowRight.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+import { IconProps } from './icon.types'
+
+export const SketchArrowRight = ({ size = 46, color = '#4D4D63' }: IconProps) => {
+  const sizeRatio = 1.65
+  return (
+    <Svg width={size} height={size * sizeRatio} viewBox="0 0 46 28" fill="none">
+      <Path
+        d="M2 14.714c17.875-3.906 41.975-1.466 41.975-1.466m0 0s-7.319-9-11.4-11.248m11.4 11.248s-8.773 6.653-10.562 12.737"
+        stroke={color}
+        strokeWidth={4}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/SliceDiamondIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { G, Path } from 'react-native-svg'
+
+export const SliceDiamondIcon = ({ color, size = 28 }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 28 27" fill="none">
+      <G filter="url(#filter0_dd_1929_4175)">
+        <Path
+          d="M12.004 22.19a2.25 2.25 0 003.652 0l9.269-12.877a2.578 2.578 0 00-.27-3.329C18.677.005 8.983.005 3.005 5.984a2.578 2.578 0 00-.27 3.33l9.269 12.876z"
+          fill={color}
+        />
+      </G>
+    </Svg>
+  )
+}

package/src/shared/icons/StarIcon.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+import { IconProps } from './icon.types'
+import { COLORS } from '@magmamath/react-native-ui'
+
+export const StarIcon = ({ width = 25, color = COLORS.NEUTRAL_1 }: IconProps) => {
+  return (
+    <Svg width={width} height={width} viewBox="0 0 25 25" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.76.971c-.776-1.295-2.653-1.295-3.43 0L7.082 6.387l-5.565 1.39c-1.508.378-2.028 2.256-.929 3.355l4.128 4.128-1.368 6.502c-.35 1.659 1.394 2.973 2.892 2.18l5.795-3.068 3.865 2.147 2.007 1.004c1.497.748 3.196-.563 2.851-2.201l-1.381-6.564 4.128-4.128c1.099-1.099.579-2.977-.93-3.354L17.01 6.387 13.76.97zM8.796 7.416L12.046 2l3.249 5.416a2 2 0 001.23.91l5.565 1.392-4.129 4.128a2 2 0 00-.542 1.826l1.381 6.564-1.968-.984-3.827-2.126a2 2 0 00-1.907-.02l-5.794 3.068 1.368-6.502a2 2 0 00-.542-1.826L2 9.718l5.565-1.391a2 2 0 001.23-.911z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/shared/icons/TimerIcon.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+import { IconProps } from './icon.types'
+import { COLORS } from '@magmamath/react-native-ui'
+
+export const TimerIcon = ({ size = 25, color = COLORS.NEUTRAL_1 }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 21 23" fill="none">
+      <Path
+        d="M10.781 8.984a1.078 1.078 0 10-2.156 0v3.235H6.828a1.078 1.078 0 100 2.156h2.875c.596 0 1.078-.483 1.078-1.078V8.984z"
+        fill={color}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.547 0a1.078 1.078 0 100 2.156h1.078v1.497C3.773 4.189 0 8.303 0 13.297 0 18.656 4.344 23 9.703 23c5.359 0 9.703-4.344 9.703-9.703 0-2.28-.787-4.377-2.103-6.033l1.034-1.058.666.666a1.078 1.078 0 101.525-1.525l-2.875-2.875a1.078 1.078 0 10-1.525 1.525l.684.684-1.029 1.054a9.663 9.663 0 00-5.002-2.082V2.156h1.078a1.078 1.078 0 000-2.156H7.547zm-5.39 13.297a7.547 7.547 0 1115.093 0 7.547 7.547 0 01-15.094 0z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

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

@@ -57,5 +57,24 @@
     "transcriptions": "Transcriptions",
     "attempt": "Attempt {{number}}",
     "transcriptNotAvailable": "Transcript not available"
+  },
+  "pmProgress": {
+    "title": "Practice & Progress",
+    "startButton": "START",
+    "nextUp": "Next up!",
+    "teacherRecs": "Teacher recommendations",
+    "practiceButton": "PRACTICE",
+    "stars": "Practice stars",
+    "time": "Practice time",
+    "thisWeek": "This week",
+    "lastWeek": "Last week",
+    "allTime": "All time",
+    "fluency": "Fluency",
+    "andMore": "and {{count}} more...",
+    "skillsLeft": "skills left",
+    "skillLeft": "skill left",
+    "grade": "Grade",
+    "gradeK": "K",
+    "gradeOther": "Other"
   }
 }

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

@@ -57,5 +57,24 @@
     "transcriptions": "Transkriptionen",
     "attempt": "Versuch {{number}}",
     "transcriptNotAvailable": "Transkript nicht verfügbar"
+  },
+  "pmProgress": {
+    "title": "",
+    "startButton": "",
+    "nextUp": "",
+    "teacherRecs": "",
+    "practiceButton": "",
+    "stars": "",
+    "time": "",
+    "thisWeek": "",
+    "lastWeek": "",
+    "allTime": "",
+    "fluency": "",
+    "andMore": "",
+    "skillsLeft": "",
+    "skillLeft": "",
+    "grade": "",
+    "gradeK": "",
+    "gradeOther": ""
   }
 }

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

@@ -57,5 +57,24 @@
     "transcriptions": "Transcriptions",
     "attempt": "Attempt {{number}}",
     "transcriptNotAvailable": "Transcript not available"
+  },
+  "pmProgress": {
+    "title": "Practice & Progress",
+    "startButton": "START",
+    "nextUp": "Next up!",
+    "teacherRecs": "Teacher recommendations",
+    "practiceButton": "PRACTICE",
+    "stars": "Practice stars",
+    "time": "Practice time",
+    "thisWeek": "This week",
+    "lastWeek": "Last week",
+    "allTime": "All time",
+    "fluency": "Fluency",
+    "andMore": "and {{count}} more...",
+    "skillsLeft": "skills left",
+    "skillLeft": "skill left",
+    "grade": "Grade",
+    "gradeK": "K",
+    "gradeOther": "Other"
   }
 }

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

@@ -57,5 +57,24 @@
     "transcriptions": "Transcriptions",
     "attempt": "Attempt {{number}}",
     "transcriptNotAvailable": "Transcript not available"
+  },
+  "pmProgress": {
+    "title": "Practice & Progress",
+    "startButton": "START",
+    "nextUp": "Next up!",
+    "teacherRecs": "Teacher recommendations",
+    "practiceButton": "PRACTICE",
+    "stars": "Practice stars",
+    "time": "Practice time",
+    "thisWeek": "This week",
+    "lastWeek": "Last week",
+    "allTime": "All time",
+    "fluency": "Fluency",
+    "andMore": "and {{count}} more...",
+    "skillsLeft": "skills left",
+    "skillLeft": "skill left",
+    "grade": "Grade",
+    "gradeK": "K",
+    "gradeOther": "Other"
   }
 }

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

@@ -57,5 +57,24 @@
     "transcriptions": "Transcriptions",
     "attempt": "Attempt {{number}}",
     "transcriptNotAvailable": "Transcript not available"
+  },
+  "pmProgress": {
+    "title": "Practice & Progress",
+    "startButton": "START",
+    "nextUp": "Next up!",
+    "teacherRecs": "Teacher recommendations",
+    "practiceButton": "PRACTICE",
+    "stars": "Practice stars",
+    "time": "Practice time",
+    "thisWeek": "This week",
+    "lastWeek": "Last week",
+    "allTime": "All time",
+    "fluency": "Fluency",
+    "andMore": "and {{count}} more...",
+    "skillsLeft": "skills left",
+    "skillLeft": "skill left",
+    "grade": "Grade",
+    "gradeK": "K",
+    "gradeOther": "Other"
   }
 }

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

@@ -57,5 +57,24 @@
     "transcriptions": "Transkriptioner",
     "attempt": "Försök {{number}}",
     "transcriptNotAvailable": "Transkript inte tillgängligt"
+  },
+  "pmProgress": {
+    "title": "",
+    "startButton": "",
+    "nextUp": "",
+    "teacherRecs": "",
+    "practiceButton": "",
+    "stars": "",
+    "time": "",
+    "thisWeek": "",
+    "lastWeek": "",
+    "allTime": "",
+    "fluency": "",
+    "andMore": "",
+    "skillsLeft": "",
+    "skillLeft": "",
+    "grade": "",
+    "gradeK": "",
+    "gradeOther": ""
   }
 }