@magmamath/students-features 0.5.0 → 0.5.1-rc-0

package/dist/typescript/module/shared/translation/validation.types.d.ts

@@ -1,17 +0,0 @@
-import enTranslations from './localization/en.json';
-import swTranslations from './localization/sw.json';
-import gbTranslations from './localization/gb.json';
-type Extends<T, U> = T extends U ? true : false;
-type ExtendsAll<Candidate, Types extends unknown[]> = Types extends [infer Head, ...infer Tail] ? Extends<Candidate, Head> extends true ? ExtendsAll<Candidate, Tail> : false : true;
-type FindDominantType<Types extends unknown[]> = Types extends [
-    infer First,
-    ...infer Rest extends unknown[]
-] ? ExtendsAll<First, Rest> extends true ? First : FindDominantType<Rest> : never;
-type DominantTranslation = FindDominantType<[
-    typeof enTranslations,
-    typeof swTranslations,
-    typeof gbTranslations
-]>;
-export type ISValidTranslation<T extends DominantTranslation> = T;
-export {};
-//# sourceMappingURL=validation.types.d.ts.map

package/dist/typescript/module/shared/translation/validation.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"validation.types.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/validation.types.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wBAAwB,CAAA;AACnD,OAAO,cAAc,MAAM,wBAAwB,CAAA;AACnD,OAAO,cAAc,MAAM,wBAAwB,CAAA;AAEnD,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,GAAG,KAAK,CAAA;AAE/C,KAAK,UAAU,CAAC,SAAS,EAAE,KAAK,SAAS,OAAO,EAAE,IAAI,KAAK,SAAS,CAAC,MAAM,IAAI,EAAE,GAAG,MAAM,IAAI,CAAC,GAC3F,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,GACnC,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,GAC3B,KAAK,GACP,IAAI,CAAA;AAER,KAAK,gBAAgB,CAAC,KAAK,SAAS,OAAO,EAAE,IAAI,KAAK,SAAS;IAC7D,MAAM,KAAK;IACX,GAAG,MAAM,IAAI,SAAS,OAAO,EAAE;CAChC,GACG,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,IAAI,GAClC,KAAK,GACL,gBAAgB,CAAC,IAAI,CAAC,GACxB,KAAK,CAAA;AAET,KAAK,mBAAmB,GAAG,gBAAgB,CACzC;IAAC,OAAO,cAAc;IAAE,OAAO,cAAc;IAAE,OAAO,cAAc;CAAC,CACtE,CAAA;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,mBAAmB,IAAI,CAAC,CAAA"}

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

@@ -1,38 +0,0 @@
-import React from 'react'
-import { StyleSheet, View } from 'react-native'
-import { ErrorSpottingButton } from '../../errorSpotting/ErrorSpottingButton'
-import { MessageTextToSpeech } from './MessageTextToSpeech'
-import { ConversationMessage } from '../../types/units.types'
-import { IS_WEB } from '@magmamath/react-native-ui'
-import { T2SState } from '../../types/t2s.types'
-
-type MessageButtonsBlockProps = {
-  t2sState: T2SState
-  message: ConversationMessage
-}
-
-export const MessageButtonsBlock = ({ t2sState, message }: MessageButtonsBlockProps) => {
-  if (!t2sState.isEnabled && !message.isInitial) return null
-
-  return (
-    <View style={styles.container}>
-      {!!message.isInitial && <ErrorSpottingButton contextMessage={message} />}
-      {t2sState.isEnabled && <MessageTextToSpeech state={t2sState} message={message} />}
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    gap: 8,
-    marginLeft: 'auto',
-    ...(IS_WEB
-      ? { float: 'right' }
-      : {
-          position: 'absolute',
-          bottom: 8,
-          right: 8,
-        }),
-  },
-})

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

@@ -1,52 +0,0 @@
-import { ConversationMessage } from '../../types/units.types'
-import { T2SState } from '../../types/t2s.types'
-import { Platform, StyleSheet, Text, View } from 'react-native'
-import { MessageButtonsBlock } from './MessageButtonsBlock'
-import { getSpacerSize } from './helpers'
-import React from 'react'
-
-type MessageContentProps = {
-  text: string
-  message: ConversationMessage
-  t2sState: T2SState
-}
-
-const MessageContentWeb = ({ message, text, t2sState }: MessageContentProps) => {
-  return (
-    <Text style={styles.messageText}>
-      {text}
-      <MessageButtonsBlock message={message} t2sState={t2sState} />
-    </Text>
-  )
-}
-
-const MessageContentMobile = ({ message, text, t2sState }: MessageContentProps) => {
-  return (
-    <>
-      <Text style={[styles.messageText, styles.mobileMessageText]}>
-        {text}
-        <View style={{ width: getSpacerSize(message, t2sState) }} />
-      </Text>
-      <MessageButtonsBlock message={message} t2sState={t2sState} />
-    </>
-  )
-}
-
-export const MessageContent = Platform.select({
-  web: MessageContentWeb,
-  default: MessageContentMobile,
-})
-
-const styles = StyleSheet.create({
-  messageText: {
-    flex: 1,
-    fontSize: 20,
-    fontWeight: 400,
-    fontFamily: 'Buenos Aires',
-    color: '#33334D',
-    width: '100%',
-  },
-  mobileMessageText: {
-    lineHeight: 27,
-  },
-})

package/src/features/chatbot/components/ChatMessage/helpers.ts

@@ -1,9 +0,0 @@
-import { ConversationMessage } from '../../types/units.types'
-import { T2SState } from '../../types/t2s.types'
-
-export function getSpacerSize(message: ConversationMessage, t2sState: T2SState) {
-  if (!t2sState.isEnabled && !message.isInitial) return 0
-  if (t2sState.isEnabled && message.isInitial) return 164
-  if (t2sState.isEnabled) return 34
-  return 133
-}

package/src/features/chatbot/context/ChatBotModelContext.ts

@@ -1,14 +0,0 @@
-import { createContext, useContext } from 'react'
-import { ChatbotModel } from '../model/ChatBotModel'
-
-export const ChatBotModelContext = createContext<ChatbotModel | null>(null)
-
-export function useChatModel() {
-  const model = useContext(ChatBotModelContext)
-  if (!model) {
-    throw new Error(
-      'Something went wrong, you are probably trying to use component that is supposed to be inside ChatBotContext.Provider',
-    )
-  }
-  return model
-}

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

@@ -1,53 +0,0 @@
-import React from 'react'
-import { Button, COLORS, StopIcon } from '@magmamath/react-native-ui'
-import { useChatModel } from '../context/ChatBotModelContext'
-import { useStoreMap, useUnit } from 'effector-react'
-import { StyleSheet } from 'react-native'
-import { HighlighterIcon } from '../../../shared/icons/HighlighterIcon'
-import { ConversationMessage } from '../types/units.types'
-import { useText } from '../../../shared/translation'
-
-type ErrorSpottingButtonProps = {
-  contextMessage: ConversationMessage
-}
-
-export const ErrorSpottingButton = ({ contextMessage }: ErrorSpottingButtonProps) => {
-  const t = useText()
-  const model = useChatModel()
-  const activeErrorSpotting = useUnit(model.errorSpotting.$activeData)
-  const validationKey = useUnit(model.errorSpotting.$validationKey)
-  const isLoading = useUnit(model.errorSpotting.$isLoading)
-  const currentThread = useStoreMap(model.$currentChatData, (chatData) => chatData.currentThread)
-
-  const threadId = contextMessage.threadId
-  if (!currentThread?.strokes || (threadId && currentThread.id !== threadId)) {
-    return null
-  }
-
-  const isActive = !!activeErrorSpotting?.isActive
-  return (
-    <Button
-      style={buttonStyles}
-      disabled={validationKey !== currentThread.strokesValidationKey}
-      isActive={isActive}
-      isLoading={isLoading}
-      variant={'secondary'}
-      colorScheme={'blue'}
-      size={'small'}
-      onPress={() => {
-        if (isLoading) return
-        model.errorSpotting.errorSpottingPressed({ message: contextMessage })
-      }}
-      icon={isActive ? <StopIcon color={COLORS.NEUTRAL_1} /> : <HighlighterIcon />}
-    >
-      {t('chat.showError')}
-    </Button>
-  )
-}
-
-const buttonStyles = StyleSheet.create({
-  text: {
-    textTransform: 'uppercase',
-    paddingTop: 0.5,
-  },
-})

package/src/features/chatbot/errorSpotting/ErrorSpottingModel.ts

@@ -1,150 +0,0 @@
-import { ChatbotAPI } from '../model/ChatbotApi'
-import { createEvent, createStore, sample, createEffect, Store } from 'effector'
-import { ChatItem, ConversationMessage } from '../types/units.types'
-import { ChatbotContext } from '../types/model.types'
-
-type ErrorSpottingProps = {
-  api: ChatbotAPI
-  $currentChatData: Store<ChatItem>
-  $currentChatContext: Store<ChatbotContext | null>
-}
-
-type ActiveErrorSpottingData = {
-  isActive: boolean
-  isDisabled: boolean
-  strokesIds: string[]
-  validationKey: null | string
-}
-
-type ErrorSpottingReducerProps = {
-  chatData: ChatItem
-  activeSpotting: ActiveErrorSpottingData | null
-  message: ConversationMessage
-  context: ChatbotContext | null
-}
-
-const AUTO_CLOSE_TIMEOUT = 5000
-
-type ErrorSpottingPressedProps = {
-  message: ConversationMessage
-}
-
-export class ErrorSpottingModel {
-  private readonly api: ChatbotAPI
-
-  public readonly errorSpottingPressed = createEvent<ErrorSpottingPressedProps>()
-  private readonly activeDataChanged = createEvent<ActiveErrorSpottingData | null>()
-  public readonly spottingHidden = createEvent()
-
-  public readonly $validationKey = createStore<string | null>(null)
-  public readonly $activeData = createStore<ActiveErrorSpottingData | null>(null)
-    .on(this.activeDataChanged, (_, payload) => payload)
-    .on(this.spottingHidden, (state) => {
-      if (state) return { ...state, isActive: false }
-      return null
-    })
-    .on(this.$validationKey, (state, payload) => {
-      if (!state || payload === null) return state
-      const isDisabled = payload !== state.validationKey
-      return { ...state, isDisabled, isActive: isDisabled ? false : state.isActive }
-    })
-
-  public readonly $isLoading
-
-  private closeTimeout: NodeJS.Timeout | null = null
-
-  public constructor({ api, $currentChatData, $currentChatContext }: ErrorSpottingProps) {
-    this.api = api
-
-    this.$isLoading = api.spotErrorFx.pending
-
-    this.$activeData.on($currentChatData, (state, payload) => {
-      if (!state || state.validationKey !== payload.currentThread?.strokesValidationKey) return null
-    })
-
-    sample({
-      clock: api.spotErrorFx.doneData,
-      source: {
-        chatData: $currentChatData,
-        activeSpotting: this.$activeData,
-        validationKey: this.$validationKey,
-      },
-      fn: (source, result) => {
-        const key = source.chatData.currentThread?.strokesValidationKey || null
-        const currentKey = source.validationKey
-        const isDisabled = !!currentKey && currentKey !== key
-        return {
-          validationKey: key,
-          strokesIds: result.highlightedStrokeIds,
-          isActive: !isDisabled,
-          isDisabled,
-        }
-      },
-      target: this.$activeData,
-    })
-
-    sample({
-      clock: this.errorSpottingPressed,
-      source: {
-        context: $currentChatContext,
-        chatData: $currentChatData,
-        activeSpotting: this.$activeData,
-      },
-      fn: (source, { message }) => ({ ...source, message }),
-      target: createEffect(
-        ({ chatData, activeSpotting, message, context }: ErrorSpottingReducerProps) => {
-          if (!context) throw new Error('Trying to use error spotting in chat without context')
-          if (!chatData.currentThread?.strokes) return
-          if (!activeSpotting) {
-            return this.api
-              .spotErrorFx({
-                strokes: chatData.currentThread.strokes,
-                problemDescription: context.problem,
-                correctAnswer: context.problemAnswer,
-                userAnswer: context.answer ?? '',
-                hint: message.message,
-              })
-              .then(() => {
-                this.scheduleClose()
-              })
-          }
-          this.activeDataChanged({ ...activeSpotting, isActive: !activeSpotting.isActive })
-          this.scheduleClose()
-        },
-      ),
-    })
-
-    this.activeDataChanged.watch((spotting) => {
-      if ((!spotting || !spotting.isActive) && this.closeTimeout) {
-        clearTimeout(this.closeTimeout)
-        this.closeTimeout = null
-      }
-    })
-  }
-
-  private scheduleClose() {
-    if (this.closeTimeout) clearTimeout(this.closeTimeout)
-    this.closeTimeout = setTimeout(() => {
-      this.spottingHidden()
-      this.closeTimeout = null
-    }, AUTO_CLOSE_TIMEOUT)
-  }
-
-  public bindStrokesValidation($store: Store<string | null>) {
-    sample({
-      source: $store,
-      target: this.$validationKey,
-    })
-    return this
-  }
-
-  public abortPendingRequest() {
-    const isPending = this.api.spotErrorFx.pending.getState()
-    if (isPending) this.api.spotErrorFx.controller.abort()
-  }
-
-  public reset() {
-    this.activeDataChanged(null)
-    this.abortPendingRequest()
-  }
-}

package/src/features/chatbot/model/ChatBoxTextManager.ts

@@ -1,18 +0,0 @@
-import { DefaultMessagesCreator } from './DefaultMessageCreator'
-import { TranslationKeys } from '../../../shared/translation/types'
-import { getText } from '../../../shared/translation/helpers'
-import { ChatbotMessages } from '../types/model.types'
-import { $localization } from '../../../shared/translation'
-
-export class ChatBotTextManager {
-  private readonly messagesCreator = new DefaultMessagesCreator<TranslationKeys>({
-    textGetter: getText,
-  }).bindToLanguageChanged($localization.updates)
-
-  public readonly messages: ChatbotMessages = {
-    error: this.messagesCreator.createMessage('chat.errorMessage'),
-    start: this.messagesCreator.createMessage('chat.howCanIHelp'),
-    endMessage: this.messagesCreator.createMessage('chat.answerAgain'),
-    anotherHintOption: this.messagesCreator.createOption('chat.anotherHint'),
-  }
-}

package/src/features/chatbot/model/ChatsCacheModel.ts

@@ -1,95 +0,0 @@
-import { createEvent } from 'effector'
-import { createEntityFieldStore } from '../../../lib/effector'
-import { ChatAnswer, ChatItem, ConversationMessage } from '../types/units.types'
-import { ThreadItem } from './ThreadItem'
-
-type ReinitChatThreadSettings = {
-  initialOption: ChatAnswer
-}
-
-type UpdateProps = {
-  key: string
-  data: Partial<ChatItem>
-}
-
-type AddMessagesProps = {
-  messages: ConversationMessage[]
-  thread?: ThreadItem | null
-}
-
-export function defaultChatData(props: Partial<ChatItem> = {}): ChatItem {
-  return {
-    messages: [],
-    isAvailable: false,
-    currentThread: null,
-    ...props,
-  }
-}
-
-export class ChatsCacheModel {
-  public readonly update = createEvent<UpdateProps>()
-  private readonly cache = createEntityFieldStore<ChatItem>().on(
-    this.update,
-    (state, { key, data }) => {
-      const currentData = state[key] ?? defaultChatData()
-      return { ...state, [key]: { ...currentData, ...data } }
-    },
-  )
-
-  public readonly $data = this.cache.$state
-  public readonly reset = this.cache.reset
-
-  public disableChat(key: string) {
-    this.cache.setField({
-      key,
-      fn: (current) =>
-        current ? { ...current, isAvailable: false } : defaultChatData({ isAvailable: false }),
-    })
-  }
-
-  public reinitChatThread(key: string, { initialOption }: ReinitChatThreadSettings) {
-    this.cache.setField({
-      key,
-      fn: (current) => {
-        if (!current || current.messages.length <= 1) return
-        const copy = [...current.messages]
-        while (copy.at(-1)?.endMessage) {
-          copy.pop()
-        }
-        const lastMessage = copy.at(-1)
-        if (!lastMessage) return
-        copy.splice(copy.length - 1, 1, {
-          ...lastMessage,
-          options: [initialOption],
-        })
-        return { ...current, messages: copy }
-      },
-    })
-  }
-
-  public setSingleMessage(key: string, message: ConversationMessage) {
-    this.cache.setField({
-      key,
-      fn: (current) => {
-        if (!current || current.messages.length > 1) return
-        return { ...current, messages: [message] }
-      },
-    })
-  }
-
-  public addMessages(key: string, { messages, thread = null }: AddMessagesProps) {
-    this.cache.setField({
-      key,
-      fn: (current) => {
-        if (!current) return defaultChatData({ messages, currentThread: thread })
-        const result = { ...current, messages: [...current.messages, ...messages] }
-        if (thread) result.currentThread = thread
-        return result
-      },
-    })
-  }
-
-  public add(key: string, data: ChatItem) {
-    this.cache.setField({ key, data })
-  }
-}

package/src/features/chatbot/types/units.types.ts

@@ -1,37 +0,0 @@
-export type Stroke = {
-  x: number[]
-  y: number[]
-}
-export type FullStrokeData = Stroke & {
-  id: string
-}
-
-export type IThreadItem = {
-  id: string
-  strokesValidationKey: string | null
-  strokes: FullStrokeData[] | null
-  history: string[]
-}
-
-export type ChatAnswer = {
-  text: string
-  promptKey: string
-  translatedText?: string
-}
-
-export type ConversationMessage = {
-  id: string
-  message: string
-  options: ChatAnswer[]
-  isOwnMessage: boolean
-  translatedMessage?: string
-  endMessage?: boolean
-  isInitial?: boolean
-  threadId?: string
-}
-
-export type ChatItem = {
-  messages: ConversationMessage[]
-  isAvailable: boolean
-  currentThread: IThreadItem | null
-}

package/src/lib/effector/withEvent.ts

@@ -1,7 +0,0 @@
-import { createEvent } from 'effector'
-
-export function withEvent<T = void>(cb: (props: T) => void) {
-  const event = createEvent<T>()
-  event.watch(cb)
-  return event
-}

package/src/lib/types/keys.ts

@@ -1,18 +0,0 @@
-type JoinKeys<K extends string, P extends string> = `${K}.${P}`
-
-type NestedKeys<T, Prefix extends string = ''> = T extends object
-  ? T extends Array<any>
-    ? never
-    : {
-        [K in keyof T & string]: T[K] extends object
-          ?
-              | JoinKeys<Prefix extends '' ? K : `${Prefix}.${K}`, NestedKeys<T[K], ''>>
-              | (Prefix extends '' ? K : `${Prefix}.${K}`)
-          : Prefix extends ''
-            ? K
-            : `${Prefix}.${K}`
-      }[keyof T & string]
-  : never
-
-type FlattenKeys<T> = T extends string ? T : never
-export type RetrieveKeys<T> = FlattenKeys<NestedKeys<T>>

package/src/shared/icons/HighlighterIcon.tsx

@@ -1,21 +0,0 @@
-import React from 'react'
-import Svg, { Path } from 'react-native-svg'
-import { IconProps } from './icon.types'
-import { COLORS } from '@magmamath/react-native-ui'
-
-export function HighlighterIcon({ size = 17, color = COLORS.NEUTRAL_9, style }: IconProps) {
-  return (
-    <Svg style={style} width={size} height={size} viewBox="0 0 17 17" fill="none">
-      <Path
-        d="M6.02 1.557a.596.596 0 011.108 0l.42 1.067c.06.153.182.275.336.335l1.066.42a.596.596 0 010 1.109l-1.066.42a.596.596 0 00-.336.336l-.42 1.066a.596.596 0 01-1.109 0L5.6 5.244a.596.596 0 00-.336-.336l-1.066-.42a.596.596 0 010-1.108l1.066-.42a.596.596 0 00.336-.336l.42-1.067z"
-        fill={color}
-      />
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8.843 3.338l-.974.73-2.11 1.583.26.66a.596.596 0 001.109 0l.42-1.067a.596.596 0 01.336-.336l1.066-.42a.596.596 0 000-1.108l-.107-.042zm.67-.502c.497.346.665.964.506 1.495l.476-.357 2.868 2.868-3.636 4.849-4.08-4.08.38-.286a1.316 1.316 0 01-.705-.74l-.185-.468-.898.674a.95.95 0 00-.33 1.065 1.75 1.75 0 00-.2.53l-.602 3.016-1.752 1.752a.95.95 0 00.297 1.545l1.83.784a1.35 1.35 0 001.487-.286l.966-.966 3.016-.604c.187-.037.366-.105.53-.199a.95.95 0 001.065-.33l5.445-7.26a2.25 2.25 0 00-.209-2.94L14.44 1.554a2.25 2.25 0 00-2.941-.209l-1.986 1.49zm3.866-.22a.75.75 0 00-.98-.07l-.692.519 2.565 2.565.52-.692a.75.75 0 00-.07-.98l-1.343-1.342zM3.797 12.832l-.807.808.99.425.525-.525-.708-.707zm2.015-.107l2.357-.47-3.086-3.087-.471 2.357 1.2 1.2z"
-        fill={color}
-      />
-    </Svg>
-  )
-}

package/src/shared/icons/StopIcon.tsx

@@ -1,17 +0,0 @@
-import React from 'react'
-import Svg, { Path } from 'react-native-svg'
-import { IconProps } from './icon.types'
-import { COLORS } from '@magmamath/react-native-ui'
-
-export function StopIcon({ size = 17, color = COLORS.NEUTRAL_9, style }: IconProps) {
-  return (
-    <Svg width={size} height={size} viewBox="0 0 17 17" fill="none" style={style}>
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M1.759 2.996c0-.967.784-1.752 1.752-1.752h10.496c.967 0 1.752.785 1.752 1.752v10.496c0 .968-.785 1.752-1.752 1.752H3.51a1.752 1.752 0 01-1.752-1.752V2.996z"
-        fill={color}
-      />
-    </Svg>
-  )
-}

package/src/shared/translation/validation.types.ts

@@ -1,26 +0,0 @@
-import enTranslations from './localization/en.json'
-import swTranslations from './localization/sw.json'
-import gbTranslations from './localization/gb.json'
-
-type Extends<T, U> = T extends U ? true : false
-
-type ExtendsAll<Candidate, Types extends unknown[]> = Types extends [infer Head, ...infer Tail]
-  ? Extends<Candidate, Head> extends true
-    ? ExtendsAll<Candidate, Tail>
-    : false
-  : true
-
-type FindDominantType<Types extends unknown[]> = Types extends [
-  infer First,
-  ...infer Rest extends unknown[],
-]
-  ? ExtendsAll<First, Rest> extends true
-    ? First
-    : FindDominantType<Rest>
-  : never
-
-type DominantTranslation = FindDominantType<
-  [typeof enTranslations, typeof swTranslations, typeof gbTranslations]
->
-
-export type ISValidTranslation<T extends DominantTranslation> = T