@magmamath/students-features 1.8.4-rc.9 → 1.8.4

package/dist/typescript/module/features/profile/model/ProfileModel.d.ts

@@ -1,26 +0,0 @@
-import { type Store } from 'effector';
-import type { ProfileCanvasType } from '../shared/profile.constants';
-import type { NotifyJoinClass, ProfileSettings, ProfileUser } from '../shared/profile.types';
-import { ProfileApi, type ProfileApiProps } from './ProfileApi';
-import { ProfileJoinClassModel } from './ProfileJoinClassModel';
-import { ProfileLanguageModel } from './ProfileLanguageModel';
-type ProfileModelProps = {
-    api: ProfileApiProps;
-    notify: NotifyJoinClass;
-    $user: Store<ProfileUser | null>;
-    $settings: Store<ProfileSettings>;
-};
-export declare class ProfileModel {
-    readonly api: ProfileApi;
-    readonly joinClass: ProfileJoinClassModel;
-    readonly language: ProfileLanguageModel;
-    readonly setTextToSpeech: import("effector").EventCallable<boolean>;
-    readonly setTextSize: import("effector").EventCallable<number>;
-    readonly setCanvasType: import("effector").EventCallable<ProfileCanvasType>;
-    readonly $user: Store<ProfileUser | null>;
-    readonly $settings: Store<ProfileSettings>;
-    constructor({ api, notify, $user, $settings }: ProfileModelProps);
-    private init;
-}
-export {};
-//# sourceMappingURL=ProfileModel.d.ts.map

package/dist/typescript/module/features/profile/model/ProfileModel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProfileModel.d.ts","sourceRoot":"","sources":["../../../../../../src/features/profile/model/ProfileModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,KAAK,EAAE,MAAM,UAAU,CAAA;AAE1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAC5F,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,KAAK,iBAAiB,GAAG;IACvB,GAAG,EAAE,eAAe,CAAA;IACpB,MAAM,EAAE,eAAe,CAAA;IACvB,KAAK,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAChC,SAAS,EAAE,KAAK,CAAC,eAAe,CAAC,CAAA;CAClC,CAAA;AAED,qBAAa,YAAY;IACvB,SAAgB,GAAG,EAAE,UAAU,CAAA;IAC/B,SAAgB,SAAS,EAAE,qBAAqB,CAAA;IAChD,SAAgB,QAAQ,EAAE,oBAAoB,CAAA;IAE9C,SAAgB,eAAe,4CAAyB;IACxD,SAAgB,WAAW,2CAAwB;IACnD,SAAgB,aAAa,sDAAmC;IAEhE,SAAgB,KAAK,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAChD,SAAgB,SAAS,EAAE,KAAK,CAAC,eAAe,CAAC,CAAA;gBAErC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB;IAUhE,OAAO,CAAC,IAAI;CAmBb"}

package/dist/typescript/module/features/profile/model/profileModal.types.d.ts

@@ -1,14 +0,0 @@
-import type { ProfileModel } from './ProfileModel';
-export type ProfileModalParams = {
-    model: ProfileModel;
-};
-export type LogoutModalParams = {
-    onConfirm: () => void;
-};
-export type ProfileModalProps<Params = ProfileModalParams> = {
-    modal: {
-        closeModal: () => void;
-        params: Params;
-    };
-};
-//# sourceMappingURL=profileModal.types.d.ts.map

package/dist/typescript/module/features/profile/model/profileModal.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"profileModal.types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/profile/model/profileModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,YAAY,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,iBAAiB,CAAC,MAAM,GAAG,kBAAkB,IAAI;IAC3D,KAAK,EAAE;QACL,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;CACF,CAAA"}

package/dist/typescript/module/features/profile/shared/JoinClassError.d.ts

@@ -1,5 +0,0 @@
-export declare class JoinClassError extends Error {
-    readonly code: number | null;
-    constructor(code: number | null);
-}
-//# sourceMappingURL=JoinClassError.d.ts.map

package/dist/typescript/module/features/profile/shared/JoinClassError.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"JoinClassError.d.ts","sourceRoot":"","sources":["../../../../../../src/features/profile/shared/JoinClassError.ts"],"names":[],"mappings":"AACA,qBAAa,cAAe,SAAQ,KAAK;aACX,IAAI,EAAE,MAAM,GAAG,IAAI;gBAAnB,IAAI,EAAE,MAAM,GAAG,IAAI;CAIhD"}

package/dist/typescript/module/features/profile/shared/profile.constants.d.ts

@@ -1,20 +0,0 @@
-export declare enum ProfileCanvasType {
-    DRAWING = 1,
-    SPREADSHEET = 2
-}
-export declare const TEXT_SIZE: {
-    readonly MIN: 16;
-    readonly MAX: 32;
-    readonly STEP: 4;
-};
-export declare const CLASS_CODE_LENGTH = 6;
-export declare enum JoinClassStatus {
-    SUCCESS = "success",
-    ERROR = "error"
-}
-export declare enum JoinClassErrorCode {
-    CLASS_NOT_FOUND = 1021,
-    ALREADY_JOINED = 1030,
-    OTHER_DISTRICT = 1035
-}
-//# sourceMappingURL=profile.constants.d.ts.map

package/dist/typescript/module/features/profile/shared/profile.constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"profile.constants.d.ts","sourceRoot":"","sources":["../../../../../../src/features/profile/shared/profile.constants.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB;IAC3B,OAAO,IAAI;IACX,WAAW,IAAI;CAChB;AAED,eAAO,MAAM,SAAS;;;;CAIZ,CAAA;AAEV,eAAO,MAAM,iBAAiB,IAAI,CAAA;AAElC,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,oBAAY,kBAAkB;IAC5B,eAAe,OAAO;IACtB,cAAc,OAAO;IACrB,cAAc,OAAO;CACtB"}

package/dist/typescript/module/features/profile/shared/profile.helpers.d.ts

@@ -1,6 +0,0 @@
-import { Language } from '@magmamath/frontend-config';
-export declare const getAvailableLanguages: (search?: string) => Language[];
-export declare const snapTextSize: (value: number) => number;
-export declare const getJoinClassSuccessMessage: (className: string) => string;
-export declare const getJoinClassErrorMessage: (code: number | null) => string;
-//# sourceMappingURL=profile.helpers.d.ts.map

package/dist/typescript/module/features/profile/shared/profile.helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"profile.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/features/profile/shared/profile.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAwC,MAAM,4BAA4B,CAAA;AAK3F,eAAO,MAAM,qBAAqB,YAAa,MAAM,KAAG,QAAQ,EAY/D,CAAA;AAED,eAAO,MAAM,YAAY,UAAW,MAAM,KAAG,MAI5C,CAAA;AAQD,eAAO,MAAM,0BAA0B,cAAe,MAAM,KAAG,MACX,CAAA;AAEpD,eAAO,MAAM,wBAAwB,SAAU,MAAM,GAAG,IAAI,KAAG,MAC6B,CAAA"}

package/dist/typescript/module/features/profile/shared/profile.types.d.ts

@@ -1,27 +0,0 @@
-import type { Language } from '@magmamath/frontend-config';
-import type { JoinClassStatus, ProfileCanvasType } from './profile.constants';
-export type ProfileUser = {
-    fullName: string;
-    username: string;
-    schoolName: string;
-};
-export type ProfileSettings = {
-    textToSpeech: boolean;
-    textSize: number;
-    translationLanguage: Language | null;
-    canvasType: ProfileCanvasType;
-    isTranslationLocked: boolean;
-};
-export type ProfileSettingsUpdate = Partial<ProfileSettings>;
-export type JoinClassPayload = {
-    classCode: string;
-};
-export type JoinClassResult = {
-    name: string;
-};
-export type JoinClassNotification = {
-    status: JoinClassStatus;
-    message: string;
-};
-export type NotifyJoinClass = (notification: JoinClassNotification) => void;
-//# sourceMappingURL=profile.types.d.ts.map

package/dist/typescript/module/features/profile/shared/profile.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"profile.types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/profile/shared/profile.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAE7E,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,mBAAmB,EAAE,QAAQ,GAAG,IAAI,CAAA;IACpC,UAAU,EAAE,iBAAiB,CAAA;IAC7B,mBAAmB,EAAE,OAAO,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,eAAe,CAAC,CAAA;AAE5D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,eAAe,CAAA;IACvB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,YAAY,EAAE,qBAAqB,KAAK,IAAI,CAAA"}

package/src/features/profile/Profile.tsx

@@ -1,83 +0,0 @@
-import React from 'react'
-import { ScrollView, StyleSheet, useWindowDimensions, View } from 'react-native'
-import { COLORS, SPACING } from '@magmamath/react-native-ui'
-
-import { isWeb } from '../../shared/common.constants'
-import { ProfileActions } from './components/actions/ProfileActions'
-import { AccountInfoCard } from './components/info/AccountInfoCard'
-import { LanguageSettingsCard } from './components/settings/LanguageSettingsCard'
-import { PreferencesCard } from './components/settings/PreferencesCard'
-import { TextSettingsCard } from './components/settings/TextSettingsCard'
-import { ProfileProvider, type ProfileContextValue } from './context/ProfileContext'
-
-type ProfileProps = ProfileContextValue
-
-const TWO_COLUMN_BREAKPOINT = 768
-const COLUMN_MAX_WIDTH = 560
-
-export const Profile = (props: ProfileProps) => {
-  const { showSolveMode, versionInfo } = props
-  const { width } = useWindowDimensions()
-  const isTwoColumn = width >= TWO_COLUMN_BREAKPOINT
-
-  return (
-    <ProfileProvider value={props}>
-      <ScrollView
-        style={styles.container}
-        contentContainerStyle={styles.scroll}
-        scrollEnabled={isWeb}
-        showsVerticalScrollIndicator={isWeb}
-      >
-        <View style={[styles.columns, !isTwoColumn && styles.columnsStacked]}>
-          <View style={[styles.column, isTwoColumn ? styles.columnWide : styles.columnStacked]}>
-            <LanguageSettingsCard />
-            <TextSettingsCard />
-          </View>
-          <View style={[styles.column, isTwoColumn ? styles.columnWide : styles.columnStacked]}>
-            {showSolveMode && <PreferencesCard />}
-            <AccountInfoCard />
-          </View>
-        </View>
-        <ProfileActions />
-        {versionInfo ? <View style={styles.version}>{versionInfo}</View> : null}
-      </ScrollView>
-    </ProfileProvider>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: COLORS.NEUTRAL_3,
-    flex: 1,
-  },
-  scroll: {
-    flexGrow: 1,
-    gap: SPACING['800'],
-    paddingHorizontal: SPACING['800'],
-    paddingVertical: SPACING['600'],
-  },
-  columns: {
-    flexDirection: 'row',
-    gap: SPACING['600'],
-    justifyContent: 'center',
-    width: '100%',
-  },
-  columnsStacked: {
-    alignItems: 'center',
-    flexDirection: 'column',
-  },
-  column: {
-    gap: SPACING['600'],
-    maxWidth: COLUMN_MAX_WIDTH,
-  },
-  columnWide: {
-    flex: 1,
-  },
-  columnStacked: {
-    width: '100%',
-  },
-  version: {
-    alignSelf: 'flex-end',
-    marginTop: 'auto',
-  },
-})

package/src/features/profile/__tests__/ProfileModel.test.ts

@@ -1,99 +0,0 @@
-import { createStore } from 'effector'
-import { Language } from '@magmamath/frontend-config'
-
-import { JoinClassError } from '../shared/JoinClassError'
-import { ProfileModel } from '../model/ProfileModel'
-import { JoinClassStatus, ProfileCanvasType } from '../shared/profile.constants'
-import type { JoinClassResult, ProfileSettings, ProfileUser } from '../shared/profile.types'
-
-const baseSettings: ProfileSettings = {
-  textToSpeech: false,
-  textSize: 16,
-  translationLanguage: null,
-  canvasType: ProfileCanvasType.DRAWING,
-  isTranslationLocked: false,
-}
-
-const createModel = (joinClass = jest.fn<Promise<JoinClassResult>, [unknown]>().mockResolvedValue({ name: 'Math' })) => {
-  const updateSettings = jest.fn().mockResolvedValue(undefined)
-  const notify = jest.fn()
-  const model = new ProfileModel({
-    api: { updateSettings, joinClass },
-    notify,
-    $user: createStore<ProfileUser | null>(null),
-    $settings: createStore<ProfileSettings>(baseSettings),
-  })
-  return { model, updateSettings, joinClass, notify }
-}
-
-describe('ProfileModel settings', () => {
-  it('persists text-to-speech changes', () => {
-    const { model, updateSettings } = createModel()
-    model.setTextToSpeech(true)
-    expect(updateSettings).toHaveBeenCalledWith({ textToSpeech: true })
-  })
-
-  it('persists text size changes', () => {
-    const { model, updateSettings } = createModel()
-    model.setTextSize(24)
-    expect(updateSettings).toHaveBeenCalledWith({ textSize: 24 })
-  })
-
-  it('persists canvas type changes', () => {
-    const { model, updateSettings } = createModel()
-    model.setCanvasType(ProfileCanvasType.SPREADSHEET)
-    expect(updateSettings).toHaveBeenCalledWith({ canvasType: ProfileCanvasType.SPREADSHEET })
-  })
-
-  it('persists translation language selection', () => {
-    const { model, updateSettings } = createModel()
-    model.language.selectLanguage(Language.FRENCH)
-    expect(updateSettings).toHaveBeenCalledWith({ translationLanguage: Language.FRENCH })
-  })
-
-  it('filters the language list by search', () => {
-    const { model } = createModel()
-    model.language.setSearch('french')
-    expect(model.language.$languages.getState()).toEqual([Language.FRENCH])
-  })
-})
-
-describe('ProfileModel join class', () => {
-  it('ignores incomplete codes', () => {
-    const { model, joinClass } = createModel()
-    model.joinClass.setCode('ABC')
-    expect(model.joinClass.$isComplete.getState()).toBe(false)
-    model.joinClass.submit()
-    expect(joinClass).not.toHaveBeenCalled()
-  })
-
-  it('submits a complete code, notifies success and resets', async () => {
-    const { model, joinClass, notify } = createModel()
-    model.joinClass.setCode('ABCDEF')
-    expect(model.joinClass.$isComplete.getState()).toBe(true)
-
-    model.joinClass.submit()
-    expect(joinClass).toHaveBeenCalledWith({ classCode: 'ABCDEF' })
-
-    await new Promise((resolve) => setTimeout(resolve, 0))
-    expect(notify).toHaveBeenCalledWith(
-      expect.objectContaining({ status: JoinClassStatus.SUCCESS })
-    )
-    expect(model.joinClass.$code.getState()).toBe('')
-  })
-
-  it('notifies an error when the request fails', async () => {
-    const joinClass = jest
-      .fn<Promise<JoinClassResult>, [unknown]>()
-      .mockRejectedValue(new JoinClassError(1021))
-    const { model, notify } = createModel(joinClass)
-
-    model.joinClass.setCode('ABCDEF')
-    model.joinClass.submit()
-
-    await new Promise((resolve) => setTimeout(resolve, 0))
-    expect(notify).toHaveBeenCalledWith(
-      expect.objectContaining({ status: JoinClassStatus.ERROR })
-    )
-  })
-})

package/src/features/profile/__tests__/profile.helpers.test.ts

@@ -1,57 +0,0 @@
-import { Language } from '@magmamath/frontend-config'
-
-import { JoinClassErrorCode } from '../shared/profile.constants'
-import {
-  getAvailableLanguages,
-  getJoinClassErrorMessage,
-  snapTextSize,
-} from '../shared/profile.helpers'
-
-// Echo the key so the error-code → key mapping is observable (i18next is not
-// initialised under jest, so the real getText returns undefined).
-jest.mock('../../../i18n/i18n', () => ({
-  getText: (key: string) => key,
-}))
-
-describe('profile.helpers', () => {
-  describe('snapTextSize', () => {
-    it('snaps to the nearest step and clamps to range', () => {
-      expect(snapTextSize(16)).toBe(16)
-      expect(snapTextSize(17)).toBe(16)
-      expect(snapTextSize(18)).toBe(20)
-      expect(snapTextSize(33)).toBe(32)
-      expect(snapTextSize(10)).toBe(16)
-    })
-  })
-
-  describe('getJoinClassErrorMessage', () => {
-    it('maps each known backend code to a distinct message', () => {
-      const messages = [
-        getJoinClassErrorMessage(JoinClassErrorCode.CLASS_NOT_FOUND),
-        getJoinClassErrorMessage(JoinClassErrorCode.ALREADY_JOINED),
-        getJoinClassErrorMessage(JoinClassErrorCode.OTHER_DISTRICT),
-      ]
-      expect(new Set(messages).size).toBe(messages.length)
-    })
-
-    it('falls back to the default message for unknown codes and null', () => {
-      const fallback = getJoinClassErrorMessage(null)
-      expect(getJoinClassErrorMessage(9999)).toBe(fallback)
-      expect(getJoinClassErrorMessage(JoinClassErrorCode.CLASS_NOT_FOUND)).not.toBe(fallback)
-    })
-  })
-
-  describe('getAvailableLanguages', () => {
-    it('lists priority languages first', () => {
-      const languages = getAvailableLanguages()
-      expect(languages[0]).toBe(Language.SPANISH)
-      expect(languages.length).toBeGreaterThan(5)
-    })
-
-    it('filters by search query', () => {
-      const languages = getAvailableLanguages('span')
-      expect(languages).toContain(Language.SPANISH)
-      expect(languages.every((language) => language.toLowerCase().includes('span'))).toBe(true)
-    })
-  })
-})

package/src/features/profile/components/actions/ProfileActions.tsx

@@ -1,65 +0,0 @@
-import React from 'react'
-import { StyleSheet, View } from 'react-native'
-import {
-  ButtonColor,
-  ButtonSize,
-  ButtonVariant,
-  ReanimatedButton,
-  SPACING,
-} from '@magmamath/react-native-ui'
-
-import { useText } from '../../../../i18n/i18n'
-import { useProfile } from '../../context/ProfileContext'
-
-export const ProfileActions = () => {
-  const t = useText()
-  const { onLogout, onOpenJoinClass } = useProfile()
-
-  return (
-    <View style={styles.container}>
-      <View style={styles.leftHalf}>
-        <ReanimatedButton
-          variant={ButtonVariant.SECONDARY}
-          colorScheme={ButtonColor.WHITE}
-          size={ButtonSize.LARGE}
-          onPress={onOpenJoinClass}
-          style={buttonStyle}
-        >
-          {t('profile.joinNewClass')}
-        </ReanimatedButton>
-      </View>
-      <View style={styles.rightHalf}>
-        <ReanimatedButton
-          variant={ButtonVariant.PRIMARY}
-          colorScheme={ButtonColor.ORANGE}
-          size={ButtonSize.LARGE}
-          onPress={onLogout}
-          style={buttonStyle}
-        >
-          {t('profile.logOut')}
-        </ReanimatedButton>
-      </View>
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    gap: SPACING['600'],
-    width: '100%',
-  },
-  leftHalf: {
-    alignItems: 'flex-end',
-    flex: 1,
-  },
-  rightHalf: {
-    alignItems: 'flex-start',
-    flex: 1,
-  },
-  text: {
-    textTransform: 'uppercase',
-  },
-})
-
-const buttonStyle = { text: styles.text }

package/src/features/profile/components/cards/ProfileCard.tsx

@@ -1,53 +0,0 @@
-import React, { ReactNode } from 'react'
-import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native'
-import {
-  BORDER_RADIUS,
-  COLORS,
-  HeadingVariants,
-  SHADOWS,
-  SPACING,
-  Typography,
-} from '@magmamath/react-native-ui'
-
-type ProfileCardProps = {
-  title: string
-  children: ReactNode
-  style?: StyleProp<ViewStyle>
-}
-
-export const ProfileCard = ({ title, children, style }: ProfileCardProps) => (
-  <View style={[styles.card, style]}>
-    <View style={styles.header}>
-      <Typography variant={HeadingVariants.H9} style={styles.title}>
-        {title}
-      </Typography>
-    </View>
-    <View style={styles.divider} />
-    <View style={styles.body}>{children}</View>
-  </View>
-)
-
-const styles = StyleSheet.create({
-  card: {
-    backgroundColor: COLORS.NEUTRAL_1,
-    borderRadius: BORDER_RADIUS['400'],
-    padding: SPACING['400'],
-    ...SHADOWS['1'],
-  },
-  header: {
-    paddingLeft: SPACING['200'],
-  },
-  title: {
-    color: COLORS.NEUTRAL_7,
-  },
-  divider: {
-    backgroundColor: COLORS.NEUTRAL_3,
-    height: 1,
-    marginHorizontal: SPACING['100'],
-    marginVertical: SPACING['200'],
-  },
-  body: {
-    gap: SPACING['400'],
-    justifyContent: 'center',
-  },
-})

package/src/features/profile/components/info/AccountInfoCard.tsx

@@ -1,73 +0,0 @@
-import React from 'react'
-import { useUnit } from 'effector-react'
-import { StyleSheet, View } from 'react-native'
-import { COLORS, HeadingVariants, InfoIcon, SPACING, Typography } from '@magmamath/react-native-ui'
-
-import { useText } from '../../../../i18n/i18n'
-import { useProfile } from '../../context/ProfileContext'
-import { ProfileCard } from '../cards/ProfileCard'
-
-const NOTE_ICON_SIZE = 20
-
-type InfoFieldProps = {
-  label: string
-  value: string
-}
-
-const InfoField = ({ label, value }: InfoFieldProps) => (
-  <View style={styles.field}>
-    <Typography variant={HeadingVariants.H8} style={styles.label}>
-      {label}
-    </Typography>
-    <Typography variant={HeadingVariants.H6} style={styles.value}>
-      {value}
-    </Typography>
-  </View>
-)
-
-export const AccountInfoCard = () => {
-  const t = useText()
-  const { model } = useProfile()
-  const user = useUnit(model.$user)
-
-  return (
-    <ProfileCard title={t('profile.accountInfo')}>
-      <InfoField label={t('profile.fullName')} value={user?.fullName ?? ''} />
-      <InfoField label={t('profile.username')} value={user?.username ?? ''} />
-      <InfoField label={t('profile.school')} value={user?.schoolName ?? ''} />
-      <View style={styles.noteDivider} />
-      <View style={styles.note}>
-        <InfoIcon size={NOTE_ICON_SIZE} color={COLORS.NEUTRAL_7} />
-        <Typography variant={HeadingVariants.H8} style={styles.noteText}>
-          {t('profile.changePasswordNote')}
-        </Typography>
-      </View>
-    </ProfileCard>
-  )
-}
-
-const styles = StyleSheet.create({
-  field: {
-    gap: SPACING['100'],
-  },
-  label: {
-    color: COLORS.NEUTRAL_7,
-  },
-  value: {
-    color: COLORS.NEUTRAL_9,
-  },
-  noteDivider: {
-    backgroundColor: COLORS.NEUTRAL_3,
-    height: 1,
-    marginHorizontal: SPACING['100'],
-  },
-  note: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    gap: SPACING['200'],
-  },
-  noteText: {
-    color: COLORS.NEUTRAL_7,
-    flexShrink: 1,
-  },
-})