@magmamath/students-features 1.3.19-rc.0 → 1.3.20

package/src/features/chatbot/components/ChatInput/FreeText/FreeTextInputBlock.tsx

@@ -6,7 +6,7 @@ import { HintButtonVariant, RequestHintButton } from '../RequestHintButton'
 import { useChatModel } from '../../../context/ChatBotModelContext'
 import { getText as t } from '../../../../../i18n/i18n'
 import { ChatTextInput } from './ChatTextInput'
-import { TEST_IDS } from '../../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type FreeTextInputBlockProps = {
   optionLabel: string

package/src/features/chatbot/components/ChatInput/FreeText/SendMessageButton.tsx

@@ -9,7 +9,7 @@ import Animated, {
 import { ArrowUpIcon, COLORS, IS_MOBILE } from '@magmamath/react-native-ui'
 import { ColorScheme } from '@magmamath/students-features'
 import { MESSAGE_COLORS_MAP } from '../../../constants'
-import { TEST_IDS } from '../../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type SendMessageButtonProps = {
   onPress: () => void

package/src/features/chatbot/components/ChatInput/RequestHintButton.tsx

@@ -14,7 +14,7 @@ import {
   SPACING,
 } from '@magmamath/react-native-ui'
 import { ColorScheme } from '@magmamath/students-features'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 import { INPUT_WIDTH, MESSAGE_COLORS_MAP } from '../../constants'
 
 export enum HintButtonVariant {

package/src/features/chatbot/components/ChatMessage/MessageLoader.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { StyleSheet, View } from 'react-native'
 import { BORDER_RADIUS, COLORS, Loader, LoaderColor } from '@magmamath/react-native-ui'
 import { SPACING } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type MessageLoaderProps = {
   isLoading?: boolean

package/src/features/chatbot/components/ChatMessage/MessageTextToSpeech.tsx

@@ -6,7 +6,7 @@ import { ConversationMessage } from '../../types/units.types'
 import { MessageVariant } from '../../types/model.types'
 import { ColorScheme } from '../../types/style.types'
 import { MESSAGE_COLORS_MAP } from '../../constants'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type MessageTextToSpeechProps = {
   state: T2SState

package/src/features/chatbot/components/ChatMessage/ReceivedMessage.tsx

@@ -7,7 +7,7 @@ import { ColorScheme } from '../../types/style.types'
 import { MessageVariant } from '../../types/model.types'
 import { VariantProps } from './ChatMessage'
 import { MessageContent } from './MessageContent'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 export const ReceivedMessage = ({
   message,

package/src/features/chatbot/components/ChatMessage/SentMessage.tsx

@@ -7,7 +7,7 @@ import { VariantProps } from './ChatMessage'
 import { MESSAGE_COLORS_MAP } from '../../constants'
 import { ColorScheme } from '../../types/style.types'
 import { MessageVariant } from '../../types/model.types'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 export const SentMessage = React.memo(
   ({ message, isTranslated, colorScheme = ColorScheme.Blue }: VariantProps) => {

package/src/features/chatbot/errorSpotting/ErrorSpottingButton.tsx

@@ -5,7 +5,7 @@ import { useStoreMap, useUnit } from 'effector-react'
 import { StyleSheet } from 'react-native'
 import { HighlighterIcon } from '../../../shared/icons/HighlighterIcon'
 import { ConversationMessage } from '../types/units.types'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 import { useText } from '../../../i18n/i18n'
 
 type ErrorSpottingButtonProps = {

package/src/features/endOfAssignment/components/CheatDetected/CheatDetected.tsx

@@ -13,7 +13,7 @@ import {
 import { EOAModalContentProps } from '../../types'
 import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 export const CheatDetected = ({ textContent, model }: EOAModalContentProps) => {
   useKeyBoard({

package/src/features/endOfAssignment/components/CorrectAnswer/CorrectAnswer.tsx

@@ -12,7 +12,7 @@ import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
 import { getEoaButtonColor } from '../../helpers'
 import { AssessmentScoreCard } from '../AssessmentScoreCard/AssessmentScoreCard'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 export const CorrectAnswer = ({ textContent, model, onPracticePress }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)

package/src/features/endOfAssignment/components/ExamLeave/ExamLeave.tsx

@@ -13,7 +13,7 @@ import {
 import { EOAModalContentProps } from '../../types'
 import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 export const ExamLeave = ({ textContent, model }: EOAModalContentProps) => {
   const handleDismiss = () => model.hidePopUp()

package/src/features/endOfAssignment/components/ExamPaused/ExamPaused.tsx

@@ -15,7 +15,7 @@ import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
 import { getEoaButtonColor } from '../../helpers'
 import { useUnit } from 'effector-react'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 export const ExamPaused = ({ textContent, model }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)

package/src/features/endOfAssignment/components/ExamSubmit/ExamSubmit.tsx

@@ -18,7 +18,7 @@ import { PracticeButton } from '../../ui/PracticeButton'
 import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
 import { getEoaButtonColor } from '../../helpers'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 export const ExamSubmit = ({ textContent, model, onPracticePress }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)

package/src/features/endOfAssignment/components/Modal/Modal.tsx

@@ -23,7 +23,7 @@ import {
 
 import { ModalModel } from './model'
 import { ModalBackground } from './ModalBackground'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 const stopPropagation = {
   onTouchStart: (event: GestureResponderEvent) => {

package/src/features/endOfAssignment/components/NoAnswer/NoAnswer.tsx

@@ -18,7 +18,7 @@ import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
 import { getEoaButtonColor } from '../../helpers'
 import { AssessmentScoreCard } from '../AssessmentScoreCard/AssessmentScoreCard'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 export const NoAnswer = ({ model, textContent, onPracticePress }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)

package/src/features/endOfAssignment/ui/PracticeButton.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 
 import { Button, ButtonColor } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type PracticeButtonProps = {
   onPress: () => void

package/src/features/endOfAssignment/ui/PracticeButtonGroup.tsx

@@ -11,7 +11,7 @@ import Animated, {
 import { ButtonVariant, SPACING, Button, ButtonSize, ButtonColor } from '@magmamath/react-native-ui'
 
 import { PracticeButton } from './PracticeButton'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type PracticeButtonGroupProps = {
   textContent: { leftButtonText?: string; rightButtonText?: string }

package/src/features/exampleSolution/components/ExampleSolutionModalContent.tsx

@@ -5,7 +5,7 @@ import { ExampleSolutionModalParams } from '../types'
 import { QuestionSection } from './QuestionSection'
 import { SolutionSection } from './SolutionSection'
 import { useExampleSolution } from '../hooks/useExampleSolution'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 import { useText } from '../../../i18n/i18n'
 
 type ExampleSolutionModalContentProps = {

package/src/features/exampleSolution/components/QuestionSection.tsx

@@ -3,7 +3,7 @@ import React from 'react'
 import { COLORS, Loader, LoaderColor, SPACING } from '@magmamath/react-native-ui'
 import Animated, { FadeOut } from 'react-native-reanimated'
 import { ExampleSolutionStatuses } from '../constants'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type QuestionSectionProps = {
   question?: string

package/src/features/exampleSolution/components/SolutionSection.tsx

@@ -11,7 +11,7 @@ import { COLORS, IS_WEB, SPACING } from '@magmamath/react-native-ui'
 import Animated, { FadeIn } from 'react-native-reanimated'
 import { ExampleSolutionStatuses } from '../constants'
 import gridImage from '../assets/grid.webp'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type SolutionSectionProps = {
   answer?: string

package/src/features/feedback/components/EmptyComment.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { StyleSheet, Text, View } from 'react-native'
 import { COLORS } from '@magmamath/react-native-ui'
 import { BUENOS_AIRES_FONT } from '../constants'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 import { useText } from '../../../i18n/i18n'
 
 export const EmptyComment = () => {

package/src/features/feedback/components/ListCardCommentsCount.tsx

@@ -3,7 +3,7 @@ import { Text, View, StyleSheet } from 'react-native'
 import { MessageBubbleIcon } from '../../../shared/icons/MessageBubbleIcon'
 import { COLORS } from '@magmamath/react-native-ui'
 import { BUENOS_AIRES_FONT } from '../constants'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type ListCardCommentsCountProps = {
   count: number

package/src/features/feedback/components/TeacherFeedbackButton.tsx

@@ -5,7 +5,7 @@ import { UnreadMessagesBadge } from './UnreadMessagesBadge'
 import { MessageBubbleIcon } from '../../../shared/icons/MessageBubbleIcon'
 import { XCloseIcon } from '../../../shared/icons/XCloseIcon'
 import { FeedbackButtonSize, TEACHER_FEEDBACK_BUTTON_ID } from '../constants'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 const ICON_SIZES = {
   [FeedbackButtonSize.LARGE]: 37,

package/src/features/feedback/components/TeacherFeedbackComments/TeacherComment.tsx

@@ -4,7 +4,7 @@ import { COLORS } from '@magmamath/react-native-ui'
 import { BUENOS_AIRES_FONT } from '../../constants'
 import { getRelativeTimeText } from '../../../../lib/helpers/helpers'
 import { TeacherComment as TeacherCommentEntity } from '../../types'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type TeacherCommentProps = {
   comment: TeacherCommentEntity

package/src/features/feedback/components/UnreadMessagesBadge.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Text, View, StyleSheet, Platform, StyleProp, ViewStyle, TextStyle } from 'react-native'
 import { COLORS } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type UnreadMessagesBadgeProps = {
   badgeContent?: number

package/src/features/formulaSheet/components/FormulaSheet.tsx

@@ -13,7 +13,7 @@ import {
 } from '@magmamath/react-native-ui'
 import { FormulaSheetModel } from '../model/model'
 import { FormulaSheetModal } from './FormulaSheetModal'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type FormulaSheetProps = {
   model: FormulaSheetModel

package/src/features/formulaSheet/components/FormulaSheetModal.tsx

@@ -10,7 +10,7 @@ import {
   LoaderType,
   SPACING,
 } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type FormulaSheetModalProps = {
   isLoading: boolean

package/src/features/keyboard/components/BasicLayout/BasicLayout.tsx

@@ -5,7 +5,7 @@ import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { IS_MOBILE } from '@magmamath/react-native-ui'
 import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts'
 import { getMainKeyboardGroup } from '../../helpers'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 export const BasicLayout = ({ keys, ...props }: KeyboardLayoutProps & PropsWithChildren) => {
   const keysByLocale = getMainKeyboardGroup(keys, KeyboardType.Basic)

package/src/features/keyboard/components/BasicLayout/CurrencyBasicLayout.tsx

@@ -4,7 +4,7 @@ import { KeysList } from '../KeysList/KeysList'
 import { BasicLayout } from './BasicLayout'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { getMainKeyboardGroup } from '../../helpers'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 export const CurrencyBasicLayout = ({ keys, ...props }: KeyboardLayoutProps) => {
   const keysGroup = getMainKeyboardGroup(keys, KeyboardType.BasicCurrency)

package/src/features/keyboard/components/BasicLayout/TimeBasicLayout.tsx

@@ -5,7 +5,7 @@ import { BasicLayout } from './BasicLayout'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { getMainKeyboardGroup } from '../../helpers'
 import { IS_MOBILE } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 export const TimeBasicLayout = ({ keys, ...props }: KeyboardLayoutProps) => {
   const keysGroup = getMainKeyboardGroup(keys, KeyboardType.BasicTime)

package/src/features/keyboard/components/BasicPlusLayout/BasicPlusLayout.tsx

@@ -5,7 +5,7 @@ import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { getMainKeyboardGroup } from '../../helpers'
 import { MOBILE_LAYOUT_WIDTH } from '../../constants/keyboard.constants'
 import { IS_MOBILE } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 export const BasicPlusLayout = ({ keys, ...props }: KeyboardLayoutProps) => {
   const { width } = useWindowDimensions()

package/src/features/keyboard/components/BasicPlusPlusLayout/BasicPlusPlusLayout.tsx

@@ -5,7 +5,7 @@ import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { getMainKeyboardGroup } from '../../helpers'
 import { IS_MOBILE } from '@magmamath/react-native-ui'
 import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 export const BasicPlusPlusLayout = ({ keys, ...props }: KeyboardLayoutProps) => {
   const { width } = useWindowDimensions()

package/src/features/keyboard/components/Keyboard.tsx

@@ -12,7 +12,7 @@ import { isMobileWidth } from '../helpers'
 import { KeyboardConfig } from '@magmamath/frontend-config'
 import { KeyboardKey, KeyboardKeyValue } from '../types/types'
 import { resolveKeyboard } from '../constants/keyboard.helpers'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type KeyboardProps = {
   onKeyPress: (key: KeyboardKeyValue) => void

package/src/features/keyboard/components/MainLayout/MainLayout.tsx

@@ -4,7 +4,7 @@ import { IS_MOBILE, IS_WEB, SelectOptionColor } from '@magmamath/react-native-ui
 import { getLayoutByCharType, isBasicPlusPlusLayout } from '../../constants/keyboardLayouts'
 import { UnderlinedLayout } from '../UnderlinedLayout/UnderlinedLayout'
 import { KeyboardKey, KeyboardKeyValue, ResolvedKeyboard } from '../../types/types'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type LayoutProps = {
   keys: ResolvedKeyboard

package/src/features/keyboard/components/Numpad/Numpad.tsx

@@ -5,7 +5,7 @@ import { SPACING } from '@magmamath/react-native-ui'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { useText } from '../../../../i18n/i18n'
 import { getMainKeyboardGroup } from '../../helpers'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type NumpadProps = {
   style?: StyleProp<ViewStyle>

package/src/features/keyboard/components/UnderlinedLayout/UnderlinedLayout.tsx

@@ -3,7 +3,7 @@ import { View } from 'react-native'
 import { KeysList } from '../KeysList/KeysList'
 import { KeyboardLayoutProps, KeyboardType, ResolvedKeyboard } from '../../types/types'
 import { getMainKeyboardGroup } from '../../helpers'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type UnderlinedLayoutProps = {
   keys: ResolvedKeyboard

package/src/features/keyboard/components/UnitsLayout/UnitsLayout.tsx

@@ -9,7 +9,7 @@ import { useUnitTabs } from './hooks/useUnitTabs'
 import { getMainKeyboardGroup } from '../../helpers'
 import { KeyboardUnitsGroupType, SelectedLayout } from './types'
 import { getSelectOptions } from './helpers'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 export const UnitsLayout = ({ onLayoutChange, keys, ...props }: KeyboardLayoutProps) => {
   const { width } = useWindowDimensions()

package/src/features/openEnded/components/OpenEndedAttemptsLimit.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { View, StyleSheet, Text } from 'react-native'
 import { SPACING, BORDER_RADIUS, COLORS } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type OEAttemptsLimitProps = {
   text: string

package/src/features/openEnded/components/OpenEndedScoreLabel.tsx

@@ -10,7 +10,7 @@ import {
 import { getScoreLabelColor } from '../oe.helpers'
 import { OpenEndedScoreLabelVariant } from '../oe.types'
 import { isWeb } from '../../../shared/common.constants'
-import { TEST_IDS } from '../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 type OpenEndedScoreLabelProps = {
   label: string

package/src/features/pmProgress/components/header/NextUp.tsx

@@ -3,7 +3,7 @@ import { StyleSheet, View } from 'react-native'
 import { COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui'
 import { SketchArrowRight } from '../../../../shared/icons/SketchArrowRight'
 import { SliceDiamondIcon } from '../../../../shared/icons/SliceDiamondIcon'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 import { useUnit } from 'effector-react'
 import { usePmProgress } from '../../context/PmProgressContext'
 import { OpeningLoaderId, SolvingFlow } from '../../shared/pmProgress.constants'
@@ -33,7 +33,11 @@ export const NextUp = () => {
               </Typography>
             </View>
             <View style={[styles.row, styles.tilted]}>
-              <Typography variant={HeadingVariants.H7} style={styles.muted} testID={TEST_IDS.PM_PROGRESS_NEXT_UP_DOMAIN_NAME}>
+              <Typography
+                variant={HeadingVariants.H7}
+                style={styles.muted}
+                testID={TEST_IDS.PM_PROGRESS_NEXT_UP_DOMAIN_NAME}
+              >
                 {nextUp.domain.title}
               </Typography>
               <View style={styles.diamond}>

package/src/features/pmProgress/components/header/PmProgressHeader.tsx

@@ -18,7 +18,7 @@ import { useStoreMap, useUnit } from 'effector-react'
 import { usePmProgress } from '../../context/PmProgressContext'
 import { formatGradeLabel } from '../../shared/pmProgress.helpers'
 import { MenuIcon } from '../../../../shared/icons/MenuIcon'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 import { NextUp } from './NextUp'
 import { BURGER_MENU_BREAKPOINT, MENU_MAX_HEIGHT } from '@magmamath/students-features'
 import { useText } from '../../../../i18n/i18n'

package/src/features/pmProgress/components/header/StartButton.tsx

@@ -11,7 +11,7 @@ import {
   SPACING,
   Typography,
 } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 import { useText } from '../../../../i18n/i18n'
 
 const PULSATION_COLOR = '#FFBE4E66'
@@ -66,18 +66,8 @@ export const StartButton = ({
       useNativeDriver: true,
     })
 
-    const resetAnimations = Animated.parallel([
-      Animated.timing(scaleAnimValue, { toValue: 0, duration: 0, useNativeDriver: true }),
-      Animated.timing(fadeAnimValue, { toValue: 1, duration: 0, useNativeDriver: true }),
-    ])
-
     const pulsation = Animated.loop(
-      Animated.sequence([
-        resetAnimations,
-        scaleAnimation,
-        Animated.delay(PULSE_DELAY),
-        fadeOutAnimation,
-      ]),
+      Animated.sequence([scaleAnimation, Animated.delay(PULSE_DELAY), fadeOutAnimation]),
     )
 
     pulsation.start()

package/src/features/pmProgress/components/insights/PmTimeframeStats.tsx

@@ -17,7 +17,7 @@ import { useUnit } from 'effector-react'
 import { formatTime } from '../../shared/pmProgress.helpers'
 import { InsightsTimeframe, STATS_MAX_HEIGHT } from '../../shared/pmProgress.constants'
 import { usePmProgress } from '../../context/PmProgressContext'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
+import { TEST_IDS } from '@magmamath/students-qa'
 import { useText } from '../../../../i18n/i18n'
 
 const optionStyle: SelectOptionProps['style'] = {
@@ -35,9 +35,24 @@ export const PmTimeframeStats = () => {
   const insights = useUnit(model.insights.$insights)
 
   const OPTIONS: SelectOptionProps[] = [
-    { key: InsightsTimeframe.WEEK, title: t('pmProgress.thisWeek'), style: optionStyle, testID: TEST_IDS.PM_PROGRESS_TIMEFRAME_TAB(InsightsTimeframe.WEEK) },
-    { key: InsightsTimeframe.LAST_WEEK, title: t('pmProgress.lastWeek'), style: optionStyle, testID: TEST_IDS.PM_PROGRESS_TIMEFRAME_TAB(InsightsTimeframe.LAST_WEEK) },
-    { key: InsightsTimeframe.ALL, title: t('pmProgress.allTime'), style: optionStyle, testID: TEST_IDS.PM_PROGRESS_TIMEFRAME_TAB(InsightsTimeframe.ALL) },
+    {
+      key: InsightsTimeframe.WEEK,
+      title: t('pmProgress.thisWeek'),
+      style: optionStyle,
+      testID: TEST_IDS.PM_PROGRESS_TIMEFRAME_TAB(InsightsTimeframe.WEEK),
+    },
+    {
+      key: InsightsTimeframe.LAST_WEEK,
+      title: t('pmProgress.lastWeek'),
+      style: optionStyle,
+      testID: TEST_IDS.PM_PROGRESS_TIMEFRAME_TAB(InsightsTimeframe.LAST_WEEK),
+    },
+    {
+      key: InsightsTimeframe.ALL,
+      title: t('pmProgress.allTime'),
+      style: optionStyle,
+      testID: TEST_IDS.PM_PROGRESS_TIMEFRAME_TAB(InsightsTimeframe.ALL),
+    },
   ]
 
   return (

package/src/features/pmProgress/components/list/Fluency.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { StyleSheet, View } from 'react-native'
-import { DomainCard } from './DomainCard'
+import { ListCard } from './ListCard'
 import { COLORS, SPACING } from '@magmamath/react-native-ui'
 import { SliceDiamondIcon } from '../../../../shared/icons/SliceDiamondIcon'
 import { useUnit } from 'effector-react'
@@ -28,7 +28,7 @@ export const Fluency = ({ data }: FluencyProps) => {
   return (
     <View style={styles.container}>
       <View style={styles.separator} />
-      <DomainCard
+      <ListCard
         title={t('pmProgress.fluency')}
         items={data.standards.map((standard) => ({ ...standard, id: standard.standardId }))}
         progress={data.scorePercentage}

package/src/features/pmProgress/components/list/{DomainCard.tsx → ListCard.tsx}

@@ -9,14 +9,14 @@ import {
   SPACING,
   Typography,
 } from '@magmamath/react-native-ui'
-import { StandardItem } from './StandardItem'
+import { ListItem } from './ListItem'
 import { useText } from '../../../../i18n/i18n'
 
 const HEADER_HEIGHT = 60
 const PROGRESS_BAR_WIDTH = 50
 const PROGRESS_BAR_HEIGHT = 10
 
-export type DomainCardItem = {
+export type ListCardItem = {
   id: string
   title: string
   subtitle: string
@@ -25,7 +25,13 @@ export type DomainCardItem = {
   testID?: string
 }
 
-type DomainCardProps<T extends DomainCardItem> = {
+function getVisibleItems<T>(items: T[], maxItems?: number) {
+  const visible = maxItems != null ? items.slice(0, maxItems) : items
+  const remainingCount = maxItems != null ? Math.max(0, items.length - maxItems) : 0
+  return { visible, remainingCount }
+}
+
+type ListCardProps<T extends ListCardItem> = {
   title: string
   icon: React.ReactElement
   color: string
@@ -39,15 +45,15 @@ type DomainCardProps<T extends DomainCardItem> = {
   rightContent?: React.ReactNode
   isFirst?: boolean
   isLast?: boolean
+  maxItems?: number
   expandedColor?: string
   isSkillsLeftHidden?: boolean
   isHighlighted?: boolean
   loadingItemId?: string | null
-  remainingItemsCount?: number
   testID?: string
 }
 
-export const DomainCard = <T extends DomainCardItem>({
+export const ListCard = <T extends ListCardItem>({
   title,
   icon,
   color,
@@ -62,15 +68,16 @@ export const DomainCard = <T extends DomainCardItem>({
   rightContent,
   isFirst,
   isLast,
+  maxItems,
   expandedColor = COLORS.NEUTRAL_3,
   isSkillsLeftHidden = false,
   loadingItemId = null,
-  remainingItemsCount = 0,
   testID,
-}: DomainCardProps<T>) => {
+}: ListCardProps<T>) => {
   const t = useText()
   const [isHovered, setIsHovered] = useState(false)
 
+  const { visible: standards, remainingCount } = getVisibleItems(items, maxItems)
   const withHighlight = isHovered || isExpanded || isHighlighted
 
   const Caret = isExpanded ? CaretDownIcon : CaretRightIcon
@@ -126,22 +133,22 @@ export const DomainCard = <T extends DomainCardItem>({
       </Pressable>
       {isExpanded && (
         <View style={[styles.items, isLast && styles.itemsLast]}>
-          {items.map((item) => (
-            <StandardItem
-              key={item.id}
-              title={item.title}
-              skillsLeft={item.skillsLeft}
-              subtitle={item.subtitle}
-              isFinished={item.isCompleted}
-              isLoading={loadingItemId === item.id}
+          {standards.map((standard) => (
+            <ListItem
+              key={standard.id}
+              title={standard.title}
+              skillsLeft={standard.skillsLeft}
+              subtitle={standard.subtitle}
+              isFinished={standard.isCompleted}
+              isLoading={loadingItemId === standard.id}
               isSkillsLeftHidden={isSkillsLeftHidden}
-              testID={item.testID}
-              onPress={() => onItemPress?.(item)}
+              testID={standard.testID}
+              onPress={() => onItemPress?.(standard)}
             />
           ))}
-          {remainingItemsCount > 0 && (
+          {remainingCount > 0 && (
             <Typography variant={HeadingVariants.H8} style={styles.moreText}>
-              {t('pmProgress.andMore', { count: `${remainingItemsCount}` })}
+              {t('pmProgress.andMore', { count: `${remainingCount}` })}
             </Typography>
           )}
         </View>