@magmamath/students-features 0.6.1-8.rc-3 → 0.6.2

package/dist/typescript/module/features/gifCelebrations/types/model.types.d.ts

@@ -1,45 +0,0 @@
-import { Store } from 'effector';
-export type CustomGetCachePathMethod = (uri: string) => Promise<string | null>;
-export type CustomPrefetchMethod = (gifs: string[] | string) => Promise<unknown>;
-export type CustomLocalStorage = {
-    setItem: (key: string, value: string) => void;
-    getItem: (key: string) => string | null | undefined;
-};
-export type GroupNumber = number;
-export type GifCelebrationApiRequests = {
-    getGifs: () => Promise<GifResponse>;
-};
-export type GifCelebrationsModelProps = {
-    api: GifCelebrationApiRequests;
-    problemsAmount: Store<number>;
-    resolvedProblemsAmount: Store<number>;
-    customLocalStorage?: CustomLocalStorage;
-    customPrefetchMethod?: CustomPrefetchMethod;
-    customGetCachePathMethod?: CustomGetCachePathMethod;
-};
-export type GifsGroup = string[];
-export type GroupNumberString = `group${GroupNumber}`;
-export type GifsGroups = Record<GroupNumberString, GifsGroup>;
-export type GifObject = {
-    url: string;
-    group: GroupNumberString;
-    isShown?: boolean;
-};
-export type GifsStructure = Record<GroupNumberString, GifObject[]>;
-/**
- * Usually, the response contains 3 groups of gifs:
- * - group1: early celebrations
- * - group2: mid celebrations
- * - group3: party
- */
-export type GifResponse = {
-    data: GifsGroups;
-    ok: boolean;
-};
-export type GifsPayload = {
-    group: number;
-};
-export type ProblemsGifsTable = Record<number, GifObject>;
-export type ProgressValue = 0 | 1 | 2;
-export type TextComponentType = (text: string) => React.ReactNode;
-//# sourceMappingURL=model.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"model.types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/gifCelebrations/types/model.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,MAAM,MAAM,wBAAwB,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;AAC9E,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;AAChF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;CACpD,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,CAAA;AAEhC,MAAM,MAAM,yBAAyB,GAAG;IACtC,OAAO,EAAE,MAAM,OAAO,CAAC,WAAW,CAAC,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,GAAG,EAAE,yBAAyB,CAAA;IAC9B,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAC7B,sBAAsB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACrC,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;CACpD,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,EAAE,CAAA;AAChC,MAAM,MAAM,iBAAiB,GAAG,QAAQ,WAAW,EAAE,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAA;AAE7D,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,iBAAiB,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,iBAAiB,EAAE,SAAS,EAAE,CAAC,CAAA;AAClE;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,UAAU,CAAA;IAChB,EAAE,EAAE,OAAO,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;AACzD,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAErC,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA"}

package/dist/typescript/module/lib/effector/ControlledSample.d.ts

@@ -1,17 +0,0 @@
-import { Store, Effect, Event } from 'effector';
-type ControlledSampleParams<S = any, R = void> = {
-    clock: (Event<any> | Effect<any, any, any>)[];
-    source: Store<S>;
-    target: Effect<R, any, any>;
-    isActiveDefault?: boolean;
-    filter?: (payload: S, isActive: boolean) => boolean;
-    fn?: (payload: S, isActive: boolean) => R;
-};
-export declare class ControlledSample<S = any, R = void> {
-    readonly enable: import("effector").EventCallable<void>;
-    readonly disable: import("effector").EventCallable<void>;
-    readonly $isActive: Store<boolean>;
-    constructor({ clock, source, target, filter, fn, isActiveDefault, }: ControlledSampleParams<S, R>);
-}
-export {};
-//# sourceMappingURL=ControlledSample.d.ts.map

package/dist/typescript/module/lib/effector/ControlledSample.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ControlledSample.d.ts","sourceRoot":"","sources":["../../../../../src/lib/effector/ControlledSample.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,EAAU,MAAM,EAAW,KAAK,EAAE,MAAM,UAAU,CAAA;AAE1F,KAAK,sBAAsB,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,IAAI,IAAI;IAC/C,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE,CAAA;IAC7C,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;IAChB,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAA;IACnD,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,CAAC,CAAA;CAC1C,CAAA;AAED,qBAAa,gBAAgB,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,IAAI;IAC7C,SAAgB,MAAM,yCAAgB;IACtC,SAAgB,OAAO,yCAAgB;IAEvC,SAAgB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;gBAE7B,EACV,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAA2C,EAC3C,EAAoD,EACpD,eAAuB,GACxB,EAAE,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC;CAehC"}

package/dist/typescript/module/shared/icons/ExcitedLavaIcon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from './icon.types';
-export declare const ExcitedLavaIcon: ({ width, height }: IconProps) => React.JSX.Element;
-//# sourceMappingURL=ExcitedLavaIcon.d.ts.map

package/dist/typescript/module/shared/icons/ExcitedLavaIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExcitedLavaIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/ExcitedLavaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,eAAO,MAAM,eAAe,sBAAkC,SAAS,sBAwhBtE,CAAA"}

package/dist/typescript/module/shared/icons/LavaIconInGlasses.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from './icon.types';
-export declare const LavaIconInGlasses: ({ width, height }: IconProps) => React.JSX.Element;
-//# sourceMappingURL=LavaIconInGlasses.d.ts.map

package/dist/typescript/module/shared/icons/LavaIconInGlasses.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LavaIconInGlasses.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/LavaIconInGlasses.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,eAAO,MAAM,iBAAiB,sBAAkC,SAAS,sBA4dxE,CAAA"}

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

@@ -1,19 +0,0 @@
-export * from './ArrowRightIcon';
-export * from './ChatbotIcon';
-export * from './CloseIcon';
-export * from './ExcitedLavaIcon';
-export * from './GlobeIcon';
-export * from './Halloween';
-export * from './HighlighterIcon';
-export * from './LavaIconInGlasses';
-export * from './MessageBubbleIcon';
-export * from './PauseIcon';
-export * from './Pi';
-export * from './PlayIcon';
-export * from './SpeakerIcon';
-export * from './Star';
-export * from './StopIcon';
-export * from './Valentine';
-export * from './Winter';
-export * from './XCloseIcon';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,MAAM,CAAA;AACpB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA"}

package/dist/typescript/module/types/common.types.d.ts

@@ -1,5 +0,0 @@
-export type Size = {
-    width: number;
-    height: number;
-};
-//# sourceMappingURL=common.types.d.ts.map

package/dist/typescript/module/types/common.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"common.types.d.ts","sourceRoot":"","sources":["../../../../src/types/common.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA"}

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

@@ -1,4 +0,0 @@
-export enum ColorScheme {
-  Blue = 'blue',
-  Yellow = 'yellow',
-}

package/src/features/exampleSolution/ExampleSolutionModal.tsx

@@ -1,23 +0,0 @@
-import React from 'react'
-import { BaseModal, SPACING } from '@magmamath/react-native-ui'
-import { ExampleSolutionModalContent } from './components/ExampleSolutionModalContent'
-import { ExampleSolutionModalParams } from './types'
-
-type ExampleSolutionModalComponentProps = {
-  modal: {
-    closeModal: () => void
-    params: ExampleSolutionModalParams
-  }
-}
-
-export const ExampleSolutionModal = ({
-  modal: { closeModal, params },
-}: ExampleSolutionModalComponentProps) => (
-  <BaseModal
-    style={{
-      container: { paddingHorizontal: SPACING[800] },
-    }}
-    onClose={closeModal}
-    content={<ExampleSolutionModalContent params={params} />}
-  />
-)

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

@@ -1,83 +0,0 @@
-import { StyleSheet, View } from 'react-native'
-import React from 'react'
-import { COLORS, HeadingVariants, IS_WEB, SPACING, Typography } from '@magmamath/react-native-ui'
-import { useUnit } from 'effector-react'
-import { $localization } from '../../../shared/translation'
-import { MessageBlock } from './MessageBlock'
-import { LavaIcon } from './LavaIcon'
-import { ExampleSolutionModalParams } from '../types'
-import { QuestionSection } from './QuestionSection'
-import { SolutionSection } from './SolutionSection'
-import { useExampleSolution } from '../hooks/useExampleSolution'
-
-type ExampleSolutionModalContentProps = {
-  params: ExampleSolutionModalParams
-}
-
-const CONTAINER_HEIGHT = 593
-
-export const ExampleSolutionModalContent = ({
-  params: { model, payload, cacheKey },
-}: ExampleSolutionModalContentProps) => {
-  const { result, status } = useExampleSolution({ model, payload, cacheKey })
-  const localization = useUnit($localization)
-
-  return (
-    <View
-      style={[
-        styles.container,
-        IS_WEB ? { maxHeight: CONTAINER_HEIGHT } : { height: CONTAINER_HEIGHT },
-      ]}
-    >
-      <Typography align="center" variant={HeadingVariants.H2} style={{ color: COLORS.NEUTRAL_9 }}>
-        {localization.exampleSolution.exampleSolution}
-      </Typography>
-      <View style={styles.content}>
-        <QuestionSection
-          status={status}
-          question={result?.question}
-          renderKatexComponent={model.renderKatexComponent}
-        />
-        <SolutionSection status={status} answer={result?.answer} />
-      </View>
-      <MessageBlock status={status} style={styles.messageBlock} />
-      <LavaIcon status={status} style={styles.lavaIconContainer} />
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    width: 880,
-  },
-  content: {
-    flex: 1,
-    flexDirection: 'row',
-    marginTop: SPACING[400],
-    gap: SPACING[400],
-  },
-  solutionContainer: {
-    width: 351,
-    overflow: 'hidden',
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: COLORS.NEUTRAL_5,
-  },
-  lavaIconContainer: {
-    position: 'absolute',
-    bottom: -24,
-    right: -26,
-  },
-  loaderContainer: {
-    paddingTop: 34,
-    position: 'absolute',
-    width: '100%',
-    height: '100%',
-    backgroundColor: COLORS.NEUTRAL_1,
-  },
-  messageBlock: {
-    position: 'absolute',
-    right: 58,
-    bottom: -12,
-  },
-})

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

@@ -1,35 +0,0 @@
-import React from 'react'
-import { ExcitedLavaIcon } from '../../../shared/icons/ExcitedLavaIcon'
-import { LavaIconInGlasses } from '../../../shared/icons'
-import Animated, { FadeIn, useAnimatedStyle, withTiming } from 'react-native-reanimated'
-import { StyleProp, ViewStyle } from 'react-native'
-import { ExampleSolutionStatuses } from '../constants'
-
-const LAVA_ICON_HEIGHT = 112
-
-type LavaIconProps = {
-  status: ExampleSolutionStatuses
-  style?: StyleProp<ViewStyle>
-}
-
-export const LavaIcon = ({ status, style }: LavaIconProps) => {
-  const opacityAnimation = useAnimatedStyle(() => {
-    return {
-      opacity: withTiming(status === ExampleSolutionStatuses.LOADING ? 1 : 0, { duration: 500 }),
-    }
-  }, [status])
-
-  return (
-    <>
-      <Animated.View style={[style, opacityAnimation]}>
-        <LavaIconInGlasses height={112} />
-      </Animated.View>
-
-      {status !== ExampleSolutionStatuses.LOADING && (
-        <Animated.View style={style} entering={FadeIn}>
-          <ExcitedLavaIcon height={LAVA_ICON_HEIGHT} />
-        </Animated.View>
-      )}
-    </>
-  )
-}

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

@@ -1,67 +0,0 @@
-import { StyleProp, StyleSheet, ViewStyle } from 'react-native'
-import React from 'react'
-import { COLORS, SPACING, Typography } from '@magmamath/react-native-ui'
-import { useUnit } from 'effector-react'
-import { $localization } from '../../../shared/translation'
-import Animated, {
-  LinearTransition,
-  useAnimatedStyle,
-  withDelay,
-  withTiming,
-} from 'react-native-reanimated'
-import { ExampleSolutionStatuses } from '../constants'
-
-type MessageBlockProps = {
-  status: ExampleSolutionStatuses
-  style?: StyleProp<ViewStyle>
-}
-
-export const MessageBlock = ({ status, style }: MessageBlockProps) => {
-  const localization = useUnit($localization)
-
-  const opacityAnimation = useAnimatedStyle(() => {
-    return {
-      opacity: withDelay(
-        2000,
-        withTiming(status === ExampleSolutionStatuses.LOADING ? 1 : 0, { duration: 350 }),
-      ),
-    }
-  }, [status])
-
-  if (status === ExampleSolutionStatuses.CACHE) return null
-
-  return (
-    <Animated.View
-      layout={LinearTransition.duration(250)}
-      style={[styles.container, opacityAnimation, style]}
-    >
-      <Typography variant={'small'} numberOfLines={1}>
-        {status === ExampleSolutionStatuses.LOADING
-          ? localization.exampleSolution.letMeThink
-          : localization.exampleSolution.aha}
-      </Typography>
-    </Animated.View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    padding: SPACING[200],
-    backgroundColor: COLORS.NEUTRAL_3,
-    height: 44,
-    borderRadius: 12,
-    borderBottomRightRadius: 2,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: COLORS.NEUTRAL_5,
-
-    shadowColor: COLORS.NEUTRAL_10,
-    shadowOffset: {
-      width: 0,
-      height: 1,
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 1,
-
-    elevation: 3,
-  },
-})

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

@@ -1,60 +0,0 @@
-import { StyleSheet, View } from 'react-native'
-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'
-
-type QuestionSectionProps = {
-  question?: string
-  status: ExampleSolutionStatuses
-  renderKatexComponent: (katexString: string) => React.ReactNode
-}
-
-export const QuestionSection = ({
-  question,
-  status,
-  renderKatexComponent,
-}: QuestionSectionProps) => {
-  return (
-    <View style={styles.container}>
-      {question && <View style={styles.katexContainer}>{renderKatexComponent(question)}</View>}
-      {status === ExampleSolutionStatuses.LOADING && (
-        <Animated.View exiting={FadeOut} style={styles.loaderContainer}>
-          <Loader size="large" color={LoaderColor.BLUE} />
-        </Animated.View>
-      )}
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  katexContainer: {
-    flex: 1,
-  },
-  loaderContainer: {
-    paddingTop: 34,
-    position: 'absolute',
-    zIndex: 100,
-    width: '100%',
-    height: '100%',
-    backgroundColor: COLORS.NEUTRAL_1,
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-  },
-  errorContainer: {
-    position: 'absolute',
-    width: '100%',
-    height: '100%',
-    backgroundColor: COLORS.NEUTRAL_1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    padding: SPACING[400],
-  },
-  errorText: {
-    color: COLORS.PRIMARY_RED,
-    textAlign: 'center',
-  },
-})

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

@@ -1,112 +0,0 @@
-import {
-  StyleSheet,
-  View,
-  Image,
-  ImageBackground,
-  ScrollView,
-  useWindowDimensions,
-} from 'react-native'
-import React from 'react'
-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'
-
-type SolutionSectionProps = {
-  answer?: string
-  status: ExampleSolutionStatuses
-}
-
-const CONTAINER_SIZES = {
-  width: 489,
-  height: 543,
-}
-const BORDER_WIDTH = 1
-const CONTAINER_HEIGHT_OFFSET = 160
-
-const gridImagePath = !IS_WEB ? Image.resolveAssetSource(gridImage).uri : gridImage
-
-export const SolutionSection = ({ answer, status }: SolutionSectionProps) => {
-  const { height } = useWindowDimensions()
-
-  const shouldShowAnswer =
-    answer &&
-    (status === ExampleSolutionStatuses.DONE_DATA || status === ExampleSolutionStatuses.CACHE)
-
-  return (
-    <View style={[styles.container, IS_WEB && { maxHeight: height - CONTAINER_HEIGHT_OFFSET }]}>
-      <ScrollView
-        style={styles.solutionScroll}
-        contentContainerStyle={styles.solutionScrollContent}
-        bounces
-      >
-        {IS_WEB ? (
-          <ImageBackground
-            resizeMode="repeat"
-            style={[styles.gridImageWeb]}
-            source={{ uri: gridImagePath }}
-          >
-            {shouldShowAnswer && (
-              <Animated.Text
-                entering={status === 'cache' ? undefined : FadeIn.delay(1000).duration(500)}
-                style={styles.solutionText}
-              >
-                {answer}
-              </Animated.Text>
-            )}
-          </ImageBackground>
-        ) : (
-          <>
-            <ImageBackground
-              resizeMode="repeat"
-              style={styles.gridImageRn}
-              source={{ uri: gridImagePath }}
-            />
-            {shouldShowAnswer && (
-              <Animated.Text
-                entering={status === 'cache' ? undefined : FadeIn.delay(1000).duration(500)}
-                style={styles.solutionText}
-              >
-                {answer}
-              </Animated.Text>
-            )}
-          </>
-        )}
-      </ScrollView>
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    width: CONTAINER_SIZES.width,
-    height: CONTAINER_SIZES.height,
-    overflow: 'hidden',
-    borderRadius: 8,
-    borderWidth: BORDER_WIDTH,
-    borderColor: COLORS.NEUTRAL_5,
-  },
-  gridImageRn: {
-    top: -327,
-    width: '100%',
-    height: '150%',
-    position: 'absolute',
-  },
-  gridImageWeb: {
-    width: '100%',
-    height: '100%',
-  },
-  solutionScroll: {
-    flex: 1,
-  },
-  solutionScrollContent: {
-    minHeight: CONTAINER_SIZES.height - BORDER_WIDTH * 2,
-    width: '100%',
-  },
-  solutionText: {
-    fontFamily: 'PlaypenSans-Light',
-    fontSize: 28,
-    marginHorizontal: SPACING[800],
-    marginVertical: SPACING[400],
-  },
-})

package/src/features/exampleSolution/constants.ts

@@ -1,5 +0,0 @@
-export const enum ExampleSolutionStatuses {
-  LOADING = 'loading',
-  DONE_DATA = 'doneData',
-  CACHE = 'cache',
-}

package/src/features/exampleSolution/hooks/useExampleSolution.ts

@@ -1,66 +0,0 @@
-import { useEffect, useState } from 'react'
-import { useUnit } from 'effector-react'
-import { ExampleSolutionModalParams, ExampleSolutionResponse } from '../types'
-import { ExampleSolutionStatuses } from '../constants'
-
-const ANIMATION_DELAY = 600
-
-type UseExampleSolutionReturn = {
-  result: ExampleSolutionResponse | null
-  status: ExampleSolutionStatuses
-}
-
-export const useExampleSolution = ({
-  model,
-  payload,
-  cacheKey,
-}: ExampleSolutionModalParams): UseExampleSolutionReturn => {
-  const exampleSolutionsCache = useUnit(model.cache.$state)
-  const [result, setResult] = useState<ExampleSolutionResponse | null>(null)
-  const [status, setStatus] = useState<ExampleSolutionStatuses>(ExampleSolutionStatuses.LOADING)
-
-  useEffect(() => {
-    let timer: NodeJS.Timeout | null = null
-
-    const fetchExampleSolution = async () => {
-      try {
-        if (exampleSolutionsCache[cacheKey]) {
-          setResult(exampleSolutionsCache[cacheKey])
-          setStatus(ExampleSolutionStatuses.CACHE)
-          return
-        }
-
-        const startTime = Date.now()
-        const response = await model.api.generateExampleSolutionFx(payload)
-
-        setResult(response)
-        model.cache.addExampleSolution({ cacheKey, response })
-
-        const elapsedTime = Date.now() - startTime
-        if (elapsedTime >= ANIMATION_DELAY) {
-          setStatus(ExampleSolutionStatuses.DONE_DATA)
-        } else {
-          timer = setTimeout(() => {
-            setStatus(ExampleSolutionStatuses.DONE_DATA)
-          }, ANIMATION_DELAY - elapsedTime)
-        }
-      } catch (error) {
-        console.error('Failed to fetch example solution:', error)
-        setStatus(ExampleSolutionStatuses.DONE_DATA)
-      }
-    }
-
-    fetchExampleSolution()
-
-    return () => {
-      if (timer) {
-        clearTimeout(timer)
-      }
-    }
-  }, [])
-
-  return {
-    result,
-    status,
-  }
-}

package/src/features/exampleSolution/index.ts

@@ -1,3 +0,0 @@
-export * from './ExampleSolutionModal'
-export * from './model/ExampleSolution.model'
-export * from './types'

package/src/features/exampleSolution/model/ExampleSolution.model.ts

@@ -1,15 +0,0 @@
-import { ExampleSolutionModelProps } from '../types'
-import { ExampleSolutionsApi } from './ExampleSolutionApi'
-import { ExampleSolutionCache } from './ExampleSolutionCache'
-
-export class ExampleSolutionModel {
-  public readonly api
-  public readonly cache = new ExampleSolutionCache()
-
-  public readonly renderKatexComponent: (katexString: string) => React.ReactNode
-
-  constructor({ api, errorHandler, renderKatexComponent }: ExampleSolutionModelProps) {
-    this.api = new ExampleSolutionsApi({ api, errorHandler })
-    this.renderKatexComponent = renderKatexComponent
-  }
-}

package/src/features/exampleSolution/model/ExampleSolutionApi.ts

@@ -1,33 +0,0 @@
-import { createControllerEffect } from './../../../lib/effector/createControllerEffect'
-import { ExampleSolutionApiRequests, ExampleSolutionErrorHandler } from '../types'
-import { $localization } from '../../../shared/translation'
-import { createEffect, sample, attach, StoreValue } from 'effector'
-
-type ExampleSolutionApiProps = {
-  api: ExampleSolutionApiRequests
-  errorHandler?: ExampleSolutionErrorHandler
-}
-
-export class ExampleSolutionsApi {
-  public readonly generateExampleSolutionFx
-  public readonly errorHandlerFx?: ExampleSolutionErrorHandler
-
-  public readonly errorHandlingFx = attach({
-    source: $localization,
-    effect: createEffect((localization: StoreValue<typeof $localization>) => {
-      if (!this.errorHandlerFx) return
-      const errorMessage = localization.exampleSolution.errorMessage
-      this.errorHandlerFx(errorMessage)
-    }),
-  })
-
-  constructor({ api, errorHandler }: ExampleSolutionApiProps) {
-    this.generateExampleSolutionFx = createControllerEffect(api.generateExampleSolution)
-    this.errorHandlerFx = errorHandler
-
-    sample({
-      clock: this.generateExampleSolutionFx.fail,
-      target: this.errorHandlingFx,
-    })
-  }
-}

package/src/features/exampleSolution/model/ExampleSolutionCache.ts

@@ -1,20 +0,0 @@
-import { createEvent, createStore } from 'effector'
-import { ExampleSolutionResponse } from '../types'
-
-type AddExampleSolution = {
-  cacheKey: string
-  response: ExampleSolutionResponse
-}
-
-export class ExampleSolutionCache {
-  public readonly addExampleSolution = createEvent<AddExampleSolution>()
-  public readonly $state = createStore<Record<string, ExampleSolutionResponse>>({}).on(
-    this.addExampleSolution,
-    (state, exampleSolution) => {
-      return {
-        ...state,
-        [exampleSolution.cacheKey]: exampleSolution.response,
-      }
-    },
-  )
-}