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

package/src/features/profile/components/settings/TranslationLanguageRow.tsx

@@ -1,58 +0,0 @@
-import React from 'react'
-import { useUnit } from 'effector-react'
-import { StyleSheet } from 'react-native'
-import {
-  COLORS,
-  FilterDropdown,
-  FilterDropdownSize,
-  FilterDropdownVariant,
-  GlobeIcon,
-} from '@magmamath/react-native-ui'
-
-import { useText } from '../../../../i18n/i18n'
-import { useProfile } from '../../context/ProfileContext'
-import { SettingRow } from './SettingRow'
-
-const ICON_SIZE = 20
-
-export const TranslationLanguageRow = () => {
-  const t = useText()
-  const { model, onOpenTranslationModal } = useProfile()
-  const settings = useUnit(model.$settings)
-
-  return (
-    <SettingRow
-      icon={<GlobeIcon size={ICON_SIZE} color={COLORS.NEUTRAL_7} />}
-      label={t('profile.translationLanguage')}
-      style={styles.settingRow}
-    >
-      <FilterDropdown
-        variant={FilterDropdownVariant.SECONDARY}
-        size={FilterDropdownSize.MEDIUM}
-        value={settings.translationLanguage ?? undefined}
-        placeholder={t('profile.selectLanguage')}
-        disabled={settings.isTranslationLocked}
-        onPress={onOpenTranslationModal}
-        accessibilityLabel={t('profile.translationLanguage')}
-        style={{
-          text: styles.filterLabel,
-          container: styles.filterContainer,
-        }}
-      />
-    </SettingRow>
-  )
-}
-
-const styles = StyleSheet.create({
-  settingRow: {
-    paddingVertical: 0,
-  },
-  filterLabel: {
-    color: COLORS.NEUTRAL_7,
-    fontSize: 16,
-    fontWeight: '400',
-  },
-  filterContainer: {
-    maxWidth: 231,
-  },
-})

package/src/features/profile/context/ProfileContext.tsx

@@ -1,24 +0,0 @@
-import { createContext, useContext, type ReactNode } from 'react'
-
-import type { ProfileModel } from '../model/ProfileModel'
-
-export type ProfileContextValue = {
-  model: ProfileModel
-  onLogout: () => void
-  onOpenTranslationModal: () => void
-  onOpenJoinClass: () => void
-  showSolveMode?: boolean
-  versionInfo?: ReactNode
-}
-
-const ProfileContext = createContext<ProfileContextValue | null>(null)
-
-export function useProfile(): ProfileContextValue {
-  const value = useContext(ProfileContext)
-  if (!value) {
-    throw new Error('useProfile must be used within ProfileProvider')
-  }
-  return value
-}
-
-export const ProfileProvider = ProfileContext.Provider

package/src/features/profile/index.ts

@@ -1,11 +0,0 @@
-export { Profile } from './Profile'
-export { ProfileModel } from './model/ProfileModel'
-export type { ProfileApiProps } from './model/ProfileApi'
-export type { ProfileContextValue } from './context/ProfileContext'
-export { TranslationLanguageModal } from './components/modals/TranslationLanguageModal'
-export { JoinClassModal } from './components/modals/JoinClassModal'
-export { LogoutConfirmModal } from './components/modals/LogoutConfirmModal'
-export type { ProfileModalParams, LogoutModalParams } from './model/profileModal.types'
-export { JoinClassError } from './shared/JoinClassError'
-export * from './shared/profile.types'
-export * from './shared/profile.constants'

package/src/features/profile/model/ProfileApi.ts

@@ -1,23 +0,0 @@
-import { createEffect } from 'effector'
-
-import type {
-  JoinClassPayload,
-  JoinClassResult,
-  ProfileSettingsUpdate,
-} from '../shared/profile.types'
-
-export type ProfileApiProps = {
-  // `=> void` (not a Promise union) lets consumers wire an effector event or effect directly.
-  updateSettings: (payload: ProfileSettingsUpdate) => void
-  joinClass: (payload: JoinClassPayload) => Promise<JoinClassResult>
-}
-
-export class ProfileApi {
-  public readonly updateSettingsFx
-  public readonly joinClassFx
-
-  constructor(props: ProfileApiProps) {
-    this.updateSettingsFx = createEffect(props.updateSettings)
-    this.joinClassFx = createEffect(props.joinClass)
-  }
-}

package/src/features/profile/model/ProfileJoinClassModel.ts

@@ -1,58 +0,0 @@
-import { createEffect, createEvent, restore, sample } from 'effector'
-
-import { JoinClassError } from '../shared/JoinClassError'
-import { CLASS_CODE_LENGTH, JoinClassStatus } from '../shared/profile.constants'
-import { getJoinClassErrorMessage, getJoinClassSuccessMessage } from '../shared/profile.helpers'
-import type { NotifyJoinClass } from '../shared/profile.types'
-import type { ProfileApi } from './ProfileApi'
-
-export class ProfileJoinClassModel {
-  public readonly reset = createEvent()
-  public readonly setCode = createEvent<string>()
-  public readonly submit = createEvent()
-
-  public readonly $code = restore(this.setCode, '').reset(this.reset)
-  public readonly $isComplete = this.$code.map((code) => code.length === CLASS_CODE_LENGTH)
-
-  constructor(
-    private readonly api: ProfileApi,
-    private readonly notify: NotifyJoinClass
-  ) {
-    this.init()
-  }
-
-  private init() {
-    const notifyFx = createEffect(this.notify)
-
-    sample({
-      clock: this.submit,
-      source: this.$code,
-      filter: (code) => code.length === CLASS_CODE_LENGTH,
-      fn: (classCode) => ({ classCode }),
-      target: this.api.joinClassFx,
-    })
-
-    sample({
-      clock: this.api.joinClassFx.done,
-      fn: ({ result }) => ({
-        status: JoinClassStatus.SUCCESS,
-        message: getJoinClassSuccessMessage(result.name),
-      }),
-      target: notifyFx,
-    })
-
-    sample({
-      clock: this.api.joinClassFx.fail,
-      fn: ({ error }) => ({
-        status: JoinClassStatus.ERROR,
-        message: getJoinClassErrorMessage(error instanceof JoinClassError ? error.code : null),
-      }),
-      target: notifyFx,
-    })
-
-    sample({
-      clock: this.api.joinClassFx.done,
-      target: this.reset,
-    })
-  }
-}

package/src/features/profile/model/ProfileLanguageModel.ts

@@ -1,26 +0,0 @@
-import { createEvent, restore, sample } from 'effector'
-import type { Language } from '@magmamath/frontend-config'
-
-import { getAvailableLanguages } from '../shared/profile.helpers'
-import type { ProfileApi } from './ProfileApi'
-
-export class ProfileLanguageModel {
-  public readonly reset = createEvent()
-  public readonly setSearch = createEvent<string>()
-  public readonly selectLanguage = createEvent<Language | null>()
-
-  public readonly $search = restore(this.setSearch, '').reset(this.reset)
-  public readonly $languages = this.$search.map((search) => getAvailableLanguages(search))
-
-  constructor(private readonly api: ProfileApi) {
-    this.init()
-  }
-
-  private init() {
-    sample({
-      clock: this.selectLanguage,
-      fn: (translationLanguage) => ({ translationLanguage }),
-      target: this.api.updateSettingsFx,
-    })
-  }
-}

package/src/features/profile/model/ProfileModel.ts

@@ -1,57 +0,0 @@
-import { createEvent, sample, 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 class ProfileModel {
-  public readonly api: ProfileApi
-  public readonly joinClass: ProfileJoinClassModel
-  public readonly language: ProfileLanguageModel
-
-  public readonly setTextToSpeech = createEvent<boolean>()
-  public readonly setTextSize = createEvent<number>()
-  public readonly setCanvasType = createEvent<ProfileCanvasType>()
-
-  public readonly $user: Store<ProfileUser | null>
-  public readonly $settings: Store<ProfileSettings>
-
-  constructor({ api, notify, $user, $settings }: ProfileModelProps) {
-    this.api = new ProfileApi(api)
-    this.joinClass = new ProfileJoinClassModel(this.api, notify)
-    this.language = new ProfileLanguageModel(this.api)
-    this.$user = $user
-    this.$settings = $settings
-
-    this.init()
-  }
-
-  private init() {
-    sample({
-      clock: this.setTextToSpeech,
-      fn: (textToSpeech) => ({ textToSpeech }),
-      target: this.api.updateSettingsFx,
-    })
-
-    sample({
-      clock: this.setTextSize,
-      fn: (textSize) => ({ textSize }),
-      target: this.api.updateSettingsFx,
-    })
-
-    sample({
-      clock: this.setCanvasType,
-      fn: (canvasType) => ({ canvasType }),
-      target: this.api.updateSettingsFx,
-    })
-  }
-}

package/src/features/profile/model/profileModal.types.ts

@@ -1,16 +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
-  }
-}

package/src/features/profile/shared/JoinClassError.ts

@@ -1,7 +0,0 @@
-// Carries the backend error code so the library can map it to a message without parsing HTTP errors.
-export class JoinClassError extends Error {
-  constructor(public readonly code: number | null) {
-    super(code === null ? 'Join class failed' : `Join class failed (code ${code})`)
-    this.name = 'JoinClassError'
-  }
-}

package/src/features/profile/shared/profile.constants.ts

@@ -1,23 +0,0 @@
-export enum ProfileCanvasType {
-  DRAWING = 1,
-  SPREADSHEET = 2,
-}
-
-export const TEXT_SIZE = {
-  MIN: 16,
-  MAX: 32,
-  STEP: 4,
-} as const
-
-export const CLASS_CODE_LENGTH = 6
-
-export enum JoinClassStatus {
-  SUCCESS = 'success',
-  ERROR = 'error',
-}
-
-export enum JoinClassErrorCode {
-  CLASS_NOT_FOUND = 1021,
-  ALREADY_JOINED = 1030,
-  OTHER_DISTRICT = 1035,
-}

package/src/features/profile/shared/profile.helpers.ts

@@ -1,36 +0,0 @@
-import { Language, LANGUAGES_CONFIG, PRIORITY_LANGUAGES } from '@magmamath/frontend-config'
-
-import { getText, type TranslationKey } from '../../../i18n/i18n'
-import { JoinClassErrorCode, TEXT_SIZE } from './profile.constants'
-
-export const getAvailableLanguages = (search?: string): Language[] => {
-  const prioritySet = new Set<Language>(PRIORITY_LANGUAGES)
-
-  const otherLanguages = Object.values(Language).filter(
-    (language) => !LANGUAGES_CONFIG[language]?.baseName && !prioritySet.has(language)
-  )
-
-  const allLanguages = [...PRIORITY_LANGUAGES, ...otherLanguages]
-  if (!search) return allLanguages
-
-  const query = search.toLowerCase()
-  return allLanguages.filter((language) => language.toLowerCase().includes(query))
-}
-
-export const snapTextSize = (value: number): number => {
-  const { MIN, MAX, STEP } = TEXT_SIZE
-  const clamped = Math.min(MAX, Math.max(MIN, value))
-  return Math.round((clamped - MIN) / STEP) * STEP + MIN
-}
-
-const JOIN_CLASS_ERROR_KEYS: Record<number, TranslationKey> = {
-  [JoinClassErrorCode.CLASS_NOT_FOUND]: 'profile.joinClassErrorNotFound',
-  [JoinClassErrorCode.ALREADY_JOINED]: 'profile.joinClassErrorAlreadyJoined',
-  [JoinClassErrorCode.OTHER_DISTRICT]: 'profile.joinClassErrorOtherDistrict',
-}
-
-export const getJoinClassSuccessMessage = (className: string): string =>
-  getText('profile.joinClassSuccess', { className })
-
-export const getJoinClassErrorMessage = (code: number | null): string =>
-  getText((code !== null && JOIN_CLASS_ERROR_KEYS[code]) || 'profile.joinClassErrorDefault')

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

@@ -1,34 +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