@magmamath/students-features 1.3.7-test-ids-rc.2 → 1.3.7

package/dist/typescript/module/features/voice/recording/components/VoiceRecordButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceRecordButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecordButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAIL,WAAW,EAGZ,MAAM,4BAA4B,CAAA;AAGnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAM7D,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,KAAK,EAAE,gBAAgB,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,iBAAiB,qBAAsB,sBAAsB,sBA2CzE,CAAA"}
+{"version":3,"file":"VoiceRecordButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecordButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAIL,WAAW,EAGZ,MAAM,4BAA4B,CAAA;AAGnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAK7D,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,KAAK,EAAE,gBAAgB,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,iBAAiB,qBAAsB,sBAAsB,sBA0CzE,CAAA"}

package/dist/typescript/module/features/voice/recording/components/VoiceRecordDeleteButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceRecordDeleteButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecordDeleteButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,sBAAsB,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,uBAAuB,4BAA6B,sBAAsB,sBAMtF,CAAA"}
+{"version":3,"file":"VoiceRecordDeleteButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecordDeleteButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,sBAAsB,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,uBAAuB,4BAA6B,sBAAsB,sBAMtF,CAAA"}

package/dist/typescript/module/features/voice/recording/components/VoiceRecordTimer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceRecordTimer.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecordTimer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAErE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAK7D,KAAK,qBAAqB,GAAG;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,EAAE,gBAAgB,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,gBAAgB,+CAI1B,qBAAqB,sBAWvB,CAAA"}
+{"version":3,"file":"VoiceRecordTimer.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecordTimer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAErE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAI7D,KAAK,qBAAqB,GAAG;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,EAAE,gBAAgB,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,gBAAgB,+CAI1B,qBAAqB,sBAWvB,CAAA"}

package/dist/typescript/module/features/voice/recording/modal/ModalFooterButtons.d.ts

@@ -6,9 +6,7 @@ type ModalFooterButtonsProps = {
     onConfirm: () => void;
     confirmLabel: TranslationKeys;
     confirmColor?: ButtonColor;
-    cancelTestID?: string;
-    confirmTestID?: string;
 };
-export declare const ModalFooterButtons: ({ onCancel, onConfirm, confirmLabel, confirmColor, cancelTestID, confirmTestID, }: ModalFooterButtonsProps) => React.JSX.Element;
+export declare const ModalFooterButtons: ({ onCancel, onConfirm, confirmLabel, confirmColor, }: ModalFooterButtonsProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=ModalFooterButtons.d.ts.map

package/dist/typescript/module/features/voice/recording/modal/ModalFooterButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalFooterButtons.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/modal/ModalFooterButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAU,WAAW,EAAsC,MAAM,4BAA4B,CAAA;AAGpG,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AAEtE,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,EAAE,eAAe,CAAA;IAC7B,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,kBAAkB,sFAO5B,uBAAuB,sBA0BzB,CAAA"}
+{"version":3,"file":"ModalFooterButtons.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/modal/ModalFooterButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAU,WAAW,EAAsC,MAAM,4BAA4B,CAAA;AAGpG,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AAEtE,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,EAAE,eAAe,CAAA;IAC7B,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,kBAAkB,yDAK5B,uBAAuB,sBAwBzB,CAAA"}

package/dist/typescript/module/features/voice/recording/modal/VoiceRecordDeleteModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceRecordDeleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/modal/VoiceRecordDeleteModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAOxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAGpD,KAAK,oCAAoC,GAAG;IAC1C,KAAK,EAAE;QACL,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,MAAM,EAAE,sBAAsB,CAAA;KAC/B,CAAA;CACF,CAAA;AAED,eAAO,MAAM,sBAAsB,uCAEhC,oCAAoC,sBA2DtC,CAAA"}
+{"version":3,"file":"VoiceRecordDeleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/modal/VoiceRecordDeleteModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAOxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAEpD,KAAK,oCAAoC,GAAG;IAC1C,KAAK,EAAE;QACL,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,MAAM,EAAE,sBAAsB,CAAA;KAC/B,CAAA;CACF,CAAA;AAED,eAAO,MAAM,sBAAsB,uCAEhC,oCAAoC,sBAwDtC,CAAA"}

package/dist/typescript/module/features/voice/recording/modal/VoiceRecordUndoModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceRecordUndoModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/modal/VoiceRecordUndoModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAGpD,KAAK,yBAAyB,GAAG;IAC/B,KAAK,EAAE;QACL,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,MAAM,EAAE,sBAAsB,CAAA;KAC/B,CAAA;CACF,CAAA;AAED,eAAO,MAAM,oBAAoB,uCAE9B,yBAAyB,sBA6B3B,CAAA"}
+{"version":3,"file":"VoiceRecordUndoModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/modal/VoiceRecordUndoModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAEpD,KAAK,yBAAyB,GAAG;IAC/B,KAAK,EAAE;QACL,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,MAAM,EAAE,sBAAsB,CAAA;KAC/B,CAAA;CACF,CAAA;AAED,eAAO,MAAM,oBAAoB,uCAE9B,yBAAyB,sBA0B3B,CAAA"}

package/dist/typescript/module/index.d.ts

@@ -1,4 +1,3 @@
-export { TEST_IDS as FEATURES_TEST_IDS } from './config/dataTestIDs';
 export { useFeaturesLocalization, setFeaturesLocalization } from './shared/translation';
 export { generateRandomId } from './lib/helpers/helpers';
 export * from './features/chatbot';

package/dist/typescript/module/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA"}

package/dist/typescript/module/shared/components/PlayButton.d.ts

@@ -12,7 +12,6 @@ type MessageTextToSpeechProps = {
     activityIndicatorColor?: string;
     colorScheme?: ColorScheme;
     onPress?: () => void;
-    testID?: string;
 };
 export declare const PlayButton: ({ state: { status, disabled, isActive, isLoading }, colorScheme, onPress, activityIndicatorColor, ...props }: MessageTextToSpeechProps) => React.JSX.Element;
 export {};

package/dist/typescript/module/shared/components/PlayButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlayButton.d.ts","sourceRoot":"","sources":["../../../../../src/shared/components/PlayButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEpE,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAA;AAkCtE,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE;QACL,MAAM,CAAC,EAAE,WAAW,CAAA;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB,CAAA;IACD,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,UAAU,iHAMpB,wBAAwB,sBAqB1B,CAAA"}
+{"version":3,"file":"PlayButton.d.ts","sourceRoot":"","sources":["../../../../../src/shared/components/PlayButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEpE,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAA;AAkCtE,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE;QACL,MAAM,CAAC,EAAE,WAAW,CAAA;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB,CAAA;IACD,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,UAAU,iHAMpB,wBAAwB,sBAqB1B,CAAA"}

package/example/.expo/README.md

@@ -0,0 +1,8 @@
+> Why do I have a folder named ".expo" in my project?
+The ".expo" folder is created when an Expo project is started using "expo start" command.
+> What do the files contain?
+- "devices.json": contains information about devices that have recently opened this project. This is used to populate the "Development sessions" list in your development builds.
+- "settings.json": contains the server configuration that is used to serve the application manifest.
+> Should I commit the ".expo" folder?
+No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
+Upon project creation, the ".expo" folder is already added to your ".gitignore" file.

package/example/.expo/devices.json

@@ -0,0 +1,3 @@
+{
+  "devices": []
+}

package/example/app.json

@@ -0,0 +1,30 @@
+{
+  "expo": {
+    "name": "example",
+    "slug": "example",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "newArchEnabled": true,
+    "splash": {
+      "image": "./assets/splash-icon.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "magmamath.features.example"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "package": "magmamath.features.example"
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}

package/example/babel.config.js

@@ -0,0 +1,28 @@
+const path = require('path')
+const { getConfig } = require('react-native-builder-bob/babel-config')
+const pkg = require('../package.json')
+
+const root = path.resolve(__dirname, '..')
+
+module.exports = function (api) {
+  api.cache(true)
+
+  return getConfig(
+    {
+      presets: ['babel-preset-expo'],
+      plugins: [
+        [
+          'module-resolver',
+          {
+            extensions: ['.tsx', '.ts', '.js', '.json'],
+            alias: {
+              [pkg.name]: path.join(__dirname, '../', pkg.source),
+            },
+          },
+        ],
+        ['@babel/plugin-transform-private-methods', { loose: true }],
+      ],
+    },
+    { root, pkg },
+  )
+}

package/example/index.js

@@ -0,0 +1,8 @@
+import { registerRootComponent } from 'expo';
+
+import App from './src/App';
+
+// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
+// It also ensures that whether you load the app in Expo Go or in a native build,
+// the environment is set up appropriately
+registerRootComponent(App);

package/example/metro.config.js

@@ -0,0 +1,18 @@
+const path = require('path');
+const { getDefaultConfig } = require('@expo/metro-config');
+const { getConfig } = require('react-native-builder-bob/metro-config');
+const pkg = require('../package.json');
+
+const root = path.resolve(__dirname, '..');
+
+/**
+ * Metro configuration
+ * https://facebook.github.io/metro/docs/configuration
+ *
+ * @type {import('metro-config').MetroConfig}
+ */
+module.exports = getConfig(getDefaultConfig(__dirname), {
+  root,
+  pkg,
+  project: __dirname,
+});

package/example/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@magmamath/students-features-example",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "start": "expo start",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "web": "expo start --web"
+  },
+  "dependencies": {
+    "@expo/metro-runtime": "~4.0.0",
+    "expo": "~52.0.11",
+    "expo-status-bar": "~2.0.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-native": "0.76.3",
+    "react-native-web": "~0.19.13"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.0",
+    "react-native-builder-bob": "^0.33.3"
+  },
+  "private": true
+}

package/example/src/App.tsx

@@ -0,0 +1,8 @@
+import React from 'react'
+import { Text } from 'react-native'
+
+const App = () => {
+  return <Text>Hello</Text>
+}
+
+export default App

package/example/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "../tsconfig",
+  "compilerOptions": {
+    // Avoid expo-cli auto-generating a tsconfig
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "1.3.7-test-ids-rc.2",
+  "version": "1.3.7",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/chatbot/components/Chat/Chat.tsx

@@ -21,7 +21,6 @@ import { MessageItem } from './MessageItem'
 import { CHAT_CONTAINER_WIDTH } from '../../constants'
 import { useChatScroll } from '../../hooks/useChatScroll'
 import { useChatFade, FadeOverlays } from '../../hooks/useChatFade'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 const Separator = () => <View style={styles.separator} />
 const keyExtractor = (item: ConversationMessage, index: number) => `${item.id}-${index}`
@@ -116,7 +115,7 @@ export const Chat = ({
   if (!isOpen) return null
 
   return (
-    <View testID={TEST_IDS.CHAT_AREA} style={[styles.container, { maxHeight }]}>
+    <View style={[styles.container, { maxHeight }]}>
       <View style={styles.listWrapper}>
         <FlatList
           ref={listRef}

package/src/features/chatbot/components/Chat/ChatIcon.tsx

@@ -5,14 +5,13 @@ import { IS_WEB } from '@magmamath/react-native-ui'
 import { ChatbotIcon } from '../../../../shared/icons/ChatbotIcon'
 import { LavaIconInGlasses } from '../../../../shared/icons/LavaIconInGlasses'
 import { CHATBOT_ICON_SIZE } from '../../constants'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type ChatIconProps = {
   isLoading: boolean
 }
 
 export const ChatIcon = ({ isLoading }: ChatIconProps) => (
-  <View style={styles.container} testID={TEST_IDS.CHAT_ICON}>
+  <View style={styles.container}>
     {isLoading ? (
       <LavaIconInGlasses width={CHATBOT_ICON_SIZE.width} height={CHATBOT_ICON_SIZE.height} />
     ) : (

package/src/features/chatbot/components/Chat/CloseButton.tsx

@@ -2,7 +2,6 @@ import React from 'react'
 import { StyleSheet } from 'react-native'
 import { Button, ButtonColor, ButtonSize, ButtonVariant, COLORS } from '@magmamath/react-native-ui'
 import { CloseIcon } from '../../../../shared/icons/CloseIcon'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type CloseButtonProps = {
   onPress?: () => void
@@ -16,7 +15,6 @@ export const CloseButton = ({ onPress }: CloseButtonProps) => (
     size={ButtonSize.MEDIUM}
     colorScheme={ButtonColor.WHITE}
     raiseLevel={5}
-    testID={TEST_IDS.CHAT_CLOSE_BUTTON}
   >
     <CloseIcon width={18} height={18} />
   </Button>

package/src/features/chatbot/components/ChatControls/ChatControls.tsx

@@ -5,7 +5,6 @@ import { Button, ButtonColor, ButtonSize, ButtonVariant } from '@magmamath/react
 import { useUnit } from 'effector-react'
 import { ChatbotModel } from '../../model/ChatBotModel'
 import { ChatbotIcon } from '../../../../shared/icons/ChatbotIcon'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type ChatControlsProps = {
   model: ChatbotModel
@@ -44,7 +43,6 @@ export const ChatControls = ({
               raiseLevel={3}
               onPress={onPressHelpButton}
               style={{ text: styles.helpButtonText }}
-              testID={TEST_IDS.CHAT_GET_A_HINT_BUTTON}
             >
               {(isTranslated && getHint.translatedText) || getHint.text}
             </Button>

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

@@ -14,7 +14,6 @@ import { useKeyBoard } from '../../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../../lib/constants'
 
 import { SendMessageButton } from './SendMessageButton'
-import { TEST_IDS } from '../../../../../config/dataTestIDs'
 
 const MAX_AVAILABLE_MESSAGE_LENGTH = 500
 const COMPACT_WIDTH = 134
@@ -111,7 +110,6 @@ export const ChatTextInput = ({
         placeholder={placeholder}
         placeholderTextColor={COLORS.NEUTRAL_5}
         style={styles.input}
-        testID={TEST_IDS.OPEN_CHAT_TEXT_INPUT}
       />
       <SendMessageButton
         onPress={handleSendMessage}

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

@@ -6,7 +6,6 @@ import { HintButtonVariant, RequestHintButton } from '../RequestHintButton'
 import { useChatModel } from '../../../context/ChatBotModelContext'
 import { t } from '../../../../../shared/translation'
 import { ChatTextInput } from './ChatTextInput'
-import { TEST_IDS } from '../../../../../config/dataTestIDs'
 
 type FreeTextInputBlockProps = {
   optionLabel: string
@@ -39,7 +38,7 @@ export const FreeTextInputBlock = ({
   const handleOnChangeText = (text: string) => model.textInput.setValue(text)
 
   return (
-    <View style={styles.container} testID={TEST_IDS.OPEN_CHAT_INPUT_FIELD}>
+    <View style={styles.container}>
       <ChatTextInput
         value={inputValue}
         onSubmit={handleOnSubmit}

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

@@ -9,7 +9,6 @@ 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'
 
 type SendMessageButtonProps = {
   onPress: () => void
@@ -55,7 +54,6 @@ export const SendMessageButton = ({
       disabled={disabled}
       accessibilityState={{ disabled }}
       accessibilityRole="button"
-      testID={TEST_IDS.OPEN_CHAT_SEND_MESSAGE_BUTTON}
     >
       {IS_MOBILE ? (
         <Animated.View

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

@@ -14,7 +14,6 @@ import {
   SPACING,
 } from '@magmamath/react-native-ui'
 import { ColorScheme } from '@magmamath/students-features'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 import { INPUT_WIDTH, MESSAGE_COLORS_MAP } from '../../constants'
 
 export enum HintButtonVariant {
@@ -104,7 +103,6 @@ export const RequestHintButton = memo(
         disabled={disabled}
         accessibilityState={{ disabled }}
         accessibilityRole="button"
-        testID={TEST_IDS.CHAT_NEED_A_HINT_BUTTON}
       >
         <Animated.View style={[styles.content, animatedTextContainerStyle]}>
           <Animated.Text numberOfLines={1} style={[styles.text, animatedTextStyle, { fontSize }]}>

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

@@ -1,8 +1,7 @@
-import React from 'react'
+import React, { PropsWithChildren } 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'
 
 type MessageLoaderProps = {
   isLoading?: boolean
@@ -12,7 +11,7 @@ export const MessageLoader = ({ isLoading }: MessageLoaderProps) => {
   if (!isLoading) return null
 
   return (
-    <View style={styles.loader} testID={TEST_IDS.CHAT_MESSAGE_LOADER}>
+    <View style={styles.loader}>
       <Loader color={LoaderColor.GRAY} />
     </View>
   )

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

@@ -6,7 +6,6 @@ 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'
 
 type MessageTextToSpeechProps = {
   state: T2SState
@@ -35,7 +34,6 @@ export const MessageTextToSpeech = ({
       colorScheme={MESSAGE_COLORS_MAP[colorScheme][variant].icon}
       state={state}
       onPress={play}
-      testID={TEST_IDS.CHAT_TTS_BUTTON}
     />
   )
 }

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

@@ -7,7 +7,6 @@ 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'
 
 export const ReceivedMessage = ({
   message,
@@ -22,7 +21,7 @@ export const ReceivedMessage = ({
   const text = isTranslated ? message.translatedMessage : message.message
 
   return (
-    <View style={styles.container} testID={TEST_IDS.CHAT_MESSAGE_RECEIVED}>
+    <View style={styles.container}>
       <View style={[styles.iconWrapper, { opacity: withIcon ? 1 : 0 }]}>
         <ChatbotIcon width={CHATBOT_ICON_SIZE.width} height={CHATBOT_ICON_SIZE.height} />
       </View>

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

@@ -7,7 +7,6 @@ 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'
 
 export const SentMessage = React.memo(
   ({ message, isTranslated, colorScheme = ColorScheme.Blue }: VariantProps) => {
@@ -15,7 +14,6 @@ export const SentMessage = React.memo(
 
     return (
       <View
-        testID={TEST_IDS.CHAT_MESSAGE_SENT}
         style={[
           styles.container,
           { backgroundColor: MESSAGE_COLORS_MAP[colorScheme][MessageVariant.SENT].background },

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

@@ -6,7 +6,6 @@ import { StyleSheet } from 'react-native'
 import { HighlighterIcon } from '../../../shared/icons/HighlighterIcon'
 import { ConversationMessage } from '../types/units.types'
 import { useText } from '../../../shared/translation'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 type ErrorSpottingButtonProps = {
   contextMessage: ConversationMessage
@@ -33,7 +32,6 @@ export const ErrorSpottingButton = ({ contextMessage }: ErrorSpottingButtonProps
       variant={'secondary'}
       colorScheme={'blue'}
       size={'small'}
-      testID={TEST_IDS.CHAT_ERROR_SPOTTING_BUTTON}
       onPress={() => {
         model.errorSpotting.errorSpottingPressed({ message: contextMessage })
       }}

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

@@ -13,7 +13,6 @@ import {
 import { EOAModalContentProps } from '../../types'
 import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const CheatDetected = ({ textContent, model }: EOAModalContentProps) => {
   useKeyBoard({
@@ -25,7 +24,7 @@ export const CheatDetected = ({ textContent, model }: EOAModalContentProps) => {
   })
 
   return (
-    <View style={styles.container} testID={TEST_IDS.EOA_CHEAT_DETECTED}>
+    <View style={styles.container}>
       <Typography variant="h2" style={styles.title}>
         {textContent.title}
       </Typography>
@@ -40,7 +39,6 @@ export const CheatDetected = ({ textContent, model }: EOAModalContentProps) => {
         size={ButtonSize.LARGE}
         style={{ text: styles.buttonText }}
         onPress={model.hidePopUpAndLeave}
-        testID={TEST_IDS.EOA_LEAVE_BUTTON}
       >
         {textContent.leftButtonText}
       </Button>

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

@@ -12,7 +12,6 @@ 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'
 
 export const CorrectAnswer = ({ textContent, model, onPracticePress }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)
@@ -60,7 +59,6 @@ export const CorrectAnswer = ({ textContent, model, onPracticePress }: EOAModalC
 
   return (
     <View
-      testID={TEST_IDS.EOA_WITH_CORRECT_ANSWER}
       style={[
         styles.wrapper,
         modalVariant !== EOAModalVariant.HAS_GOOD_DRAWING && { alignItems: 'center' },

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

@@ -13,7 +13,6 @@ import {
 import { EOAModalContentProps } from '../../types'
 import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const ExamLeave = ({ textContent, model }: EOAModalContentProps) => {
   const handleDismiss = () => model.hidePopUp()
@@ -27,7 +26,7 @@ export const ExamLeave = ({ textContent, model }: EOAModalContentProps) => {
   })
 
   return (
-    <View style={styles.container} testID={TEST_IDS.EOA_EXAM_LEAVE}>
+    <View style={styles.container}>
       <Typography variant="h1" style={styles.description}>
         {textContent.description}
       </Typography>
@@ -38,7 +37,6 @@ export const ExamLeave = ({ textContent, model }: EOAModalContentProps) => {
           size={ButtonSize.LARGE}
           style={{ text: styles.buttonText }}
           onPress={handleDismiss}
-          testID={TEST_IDS.EOA_EXAM_STAY_BUTTON}
         >
           {textContent.leftButtonText}
         </Button>
@@ -49,7 +47,6 @@ export const ExamLeave = ({ textContent, model }: EOAModalContentProps) => {
           size={ButtonSize.LARGE}
           style={{ text: styles.buttonText }}
           onPress={model.hidePopUpAndLeave}
-          testID={TEST_IDS.EOA_LEAVE_BUTTON}
         >
           {textContent.rightButtonText}
         </Button>

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

@@ -15,7 +15,6 @@ 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'
 
 export const ExamPaused = ({ textContent, model }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)
@@ -29,7 +28,7 @@ export const ExamPaused = ({ textContent, model }: EOAModalContentProps) => {
   })
 
   return (
-    <View style={styles.container} testID={TEST_IDS.EOA_EXAM_PAUSED}>
+    <View style={styles.container}>
       <Typography variant="h2" style={styles.title}>
         {textContent.title}
       </Typography>
@@ -44,7 +43,6 @@ export const ExamPaused = ({ textContent, model }: EOAModalContentProps) => {
         size={ButtonSize.LARGE}
         style={{ text: styles.buttonText }}
         onPress={model.hidePopUpAndLeave}
-        testID={TEST_IDS.EOA_LEAVE_BUTTON}
       >
         {textContent.leftButtonText}
       </Button>

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

@@ -18,7 +18,6 @@ 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'
 
 export const ExamSubmit = ({ textContent, model, onPracticePress }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)
@@ -42,7 +41,7 @@ export const ExamSubmit = ({ textContent, model, onPracticePress }: EOAModalCont
   })
 
   return (
-    <View style={styles.container} testID={TEST_IDS.EOA_EXAM}>
+    <View style={styles.container}>
       <View style={styles.contentBackground}>
         {IS_MOBILE ? (
           <Image source={require('./blurred-card.png')} />
@@ -64,7 +63,6 @@ export const ExamSubmit = ({ textContent, model, onPracticePress }: EOAModalCont
           colorScheme={getEoaButtonColor(popUpData)}
           style={{ text: { textTransform: 'uppercase' } }}
           onPress={model.hidePopUpAndLeave}
-          testID={TEST_IDS.EOA_LEAVE_BUTTON}
         >
           {textContent.leftButtonText ?? ''}
         </Button>

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

@@ -23,7 +23,6 @@ import {
 
 import { ModalModel } from './model'
 import { ModalBackground } from './ModalBackground'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 const stopPropagation = {
   onTouchStart: (event: GestureResponderEvent) => {
@@ -72,10 +71,7 @@ export const Modal = ({
   if (!isVisible) return null
   return (
     <TouchableWithoutFeedback onPress={() => isDismissable && onClose?.()}>
-      <Animated.View
-        style={[styles.overlay, style?.overlay, modalModel.animatedStyle]}
-        testID={TEST_IDS.EOA_MODAL}
-      >
+      <Animated.View style={[styles.overlay, style?.overlay, modalModel.animatedStyle]}>
         <TouchableWithoutFeedback {...stopPropagation}>
           <View style={[styles.container, style?.container]}>
             {withBackground && <View style={styles.backgroundWrapper}>{<ModalBackground />}</View>}
@@ -85,7 +81,6 @@ export const Modal = ({
                   variant={ButtonVariant.TERTIARY}
                   icon={<CrossIcon size={18} color={COLORS.NEUTRAL_7} />}
                   onPress={onClose}
-                  testID={TEST_IDS.EOA_MODAL_CLOSE_BUTTON}
                 />
               </View>
             )}