@magmamath/students-features 0.4.0-rc.0 → 0.4.0

package/src/features/endOfAssignment/model/model.ts

@@ -0,0 +1,57 @@
+import { createStore, createEvent, sample } from 'effector'
+import { EOAModalVariant, EOAModalData, EOAEventType } from '../types'
+
+export class EOAModel {
+  public readonly showPopUp = createEvent<EOAModalData>()
+  public readonly hidePopUp = createEvent()
+
+  public readonly practicePressed = createEvent()
+  public readonly leavePressed = createEvent()
+  public readonly goToFirstProblemPressed = createEvent()
+  public readonly updateRecommendations = createEvent<boolean>()
+  public readonly popUpTriggered = createEvent<EOAEventType>()
+
+  public readonly $popUpData = createStore<EOAModalData | null>(null)
+    .on(this.showPopUp, (_, payload) => payload)
+    .on(this.updateRecommendations, (state, hasRecommendations) => (state ? { ...state, hasRecommendations } : state))
+    .reset(this.hidePopUp)
+
+    public readonly $modalVariant = createStore<EOAModalVariant | null>(null)
+    .on(this.showPopUp, (_, popUpData) => {
+      if (!popUpData) return null;
+
+      const { isExam, stats, examFinished, eventType, cheatDetection } = popUpData;
+      const solvedAmount = stats?.solvedAmount ?? 0;
+      const goodDrawingAmount = stats?.goodDrawingAmount ?? 0;
+
+      if (!isExam) {
+        if (solvedAmount === 0) return EOAModalVariant.NO_CORRECT_ANSWERS;
+        if (solvedAmount > 0 && goodDrawingAmount > 0) return EOAModalVariant.HAS_GOOD_DRAWING;
+        return EOAModalVariant.HAS_CORRECT_ANSWERS;
+      }
+
+      if (eventType === EOAEventType.EXAM_PAUSED) return EOAModalVariant.EXAM_PAUSED;
+      if (eventType === EOAEventType.CHEAT_DETECTED) return EOAModalVariant.EXAM_SAFE_MODE_CHEAT_DETECTED;
+      if (eventType === EOAEventType.SUBMIT && !examFinished) {
+        return cheatDetection
+          ? EOAModalVariant.EXAM_SAFE_MODE_SUBMIT
+          : EOAModalVariant.EXAM_SUBMIT;
+      }
+
+      if (examFinished || eventType === EOAEventType.EXAM_FINISHED) {
+        return solvedAmount > 0
+          ? EOAModalVariant.EXAM_FINISHED_HAS_CORRECT_ANSWERS
+          : EOAModalVariant.EXAM_FINISHED_NO_CORRECT_ANSWERS;
+      }
+
+      return EOAModalVariant.EXAM_SAFE_MODE_LEAVE;
+    })
+    .reset(this.hidePopUp);
+
+
+  public readonly hidePopUpAndLeave = () => {
+    this.leavePressed()
+    this.hidePopUp()
+  }
+
+}

package/src/features/endOfAssignment/types.ts

@@ -0,0 +1,65 @@
+import { EOAModel } from "./model/model"
+
+export enum EOAEventType {
+  SUBMIT = 'SUBMIT',
+  EXAM_LEAVE = 'EXAM_LEAVE',
+  EXAM_PAUSED = 'EXAM_PAUSED',
+  EXAM_FINISHED = 'EXAM_FINISHED',
+  CHEAT_DETECTED = 'CHEAT_DETECTED',
+}
+
+export enum EOAModalVariant {
+  NO_CORRECT_ANSWERS = 'NO_CORRECT_ANSWERS',
+  HAS_CORRECT_ANSWERS = 'HAS_CORRECT_ANSWERS',
+  HAS_GOOD_DRAWING = 'HAS_GOOD_DRAWING',
+
+  EXAM_PAUSED = 'EXAM_PAUSED',
+  EXAM_SUBMIT = 'EXAM_SUBMIT',
+
+  EXAM_SAFE_MODE_SUBMIT = 'EXAM_SAFE_MODE_SUBMIT',
+  EXAM_SAFE_MODE_LEAVE = 'EXAM_SAFE_MODE_LEAVE',
+  EXAM_SAFE_MODE_CHEAT_DETECTED = 'EXAM_SAFE_MODE_CHEAT_DETECTED',
+
+  EXAM_FINISHED_HAS_CORRECT_ANSWERS = 'EXAM_FINISHED_HAS_CORRECT_ANSWERS',
+  EXAM_FINISHED_NO_CORRECT_ANSWERS = 'EXAM_FINISHED_NO_CORRECT_ANSWERS',
+}
+
+export enum AnimatedCardVariant {
+  GOOD_DRAWING = 'goodDrawing',
+  CORRECT_ANSWER = 'correctAnswers',
+}
+
+export type EOAModalContentProps = {
+  textContent: EOAModalText
+  model: EOAModel
+  onPracticePress?: () => void
+}
+
+export type EOAModalData = {
+  isExam: boolean
+  newerAssignmentAvailable?: boolean
+  examFinished?: boolean
+  cheatDetection?: boolean
+  eventType?: EOAEventType
+  stats: {
+    solvedAmount: number
+    goodDrawingAmount: number
+    problemsAmount: number
+  }
+  hasRecommendations?: boolean
+  user: { firstName: string; practiceMode: boolean }
+}
+
+export type EOAModalText = {
+  title?: string
+  subtitle?: string
+  description?: string
+  leftButtonText?: string
+  rightButtonText?: string
+  stats?: {
+    correctAnswers?: string
+    correctAnswersPlural?: string
+    goodCalculations?: string
+    goodCalculationsPlural?: string
+  }
+}

package/src/features/endOfAssignment/ui/EOABadge.tsx

@@ -0,0 +1,47 @@
+import React from 'react'
+import { View, StyleSheet } from 'react-native'
+
+import { CorrectIcon, COLORS } from '@magmamath/react-native-ui'
+import { ThumbUpIcon } from './ThumbUpIcon'
+import { AnimatedCardVariant } from '../types'
+
+type EOABadgeProps = {
+  variant: AnimatedCardVariant
+  size?: number
+  iconSize?: number
+  color?: string
+}
+
+export const EOABadge = ({
+  variant,
+  size = 70,
+  iconSize = 45,
+  color = COLORS.PRIMARY_GREEN,
+}: EOABadgeProps) => {
+  return (
+    <View
+      style={[
+        styles.container,
+        {
+          width: size,
+          height: size,
+          backgroundColor: color,
+        },
+      ]}
+    >
+      {variant === AnimatedCardVariant.CORRECT_ANSWER ? (
+        <CorrectIcon size={iconSize} color={COLORS.NEUTRAL_1} />
+      ) : (
+        <ThumbUpIcon size={iconSize} color={COLORS.NEUTRAL_1} />
+      )}
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 50,
+  },
+})

package/src/features/endOfAssignment/ui/PracticeButton.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+
+import { Button, ButtonColor } from '@magmamath/react-native-ui'
+
+type PracticeButtonProps = {
+  onPress: () => void
+  text?: string
+  colorScheme?: ButtonColor
+}
+
+export const PracticeButton = ({
+  onPress,
+  text = '',
+  colorScheme = ButtonColor.YELLOW,
+}: PracticeButtonProps) => {
+  return (
+    <Button
+      variant="primary"
+      colorScheme={colorScheme}
+      size="large"
+      style={{ text: { textTransform: 'uppercase' } }}
+      onPress={onPress}
+    >
+      {text}
+    </Button>
+  )
+}

package/src/features/endOfAssignment/ui/PracticeButtonGroup.tsx

@@ -0,0 +1,75 @@
+import React, { useEffect } from 'react'
+import { StyleSheet } from 'react-native'
+
+import Animated, {
+  useSharedValue,
+  withDelay,
+  FadeInRight,
+  Easing,
+  FadeInUp,
+  withTiming,
+} from 'react-native-reanimated'
+import { ButtonVariant, SPACING, Button } from '@magmamath/react-native-ui'
+
+import { PracticeButton } from './PracticeButton'
+
+type PracticeButtonGroupProps = {
+  textContent: { leftButtonText?: string; rightButtonText?: string }
+  isPracticeButtonVisible: boolean
+  onLeftButtonPress: () => void
+  onRightButtonPress: () => void
+  isExam?: boolean
+}
+
+export const PracticeButtonGroup = ({
+  textContent,
+  isPracticeButtonVisible,
+  onLeftButtonPress,
+  onRightButtonPress,
+  isExam,
+}: PracticeButtonGroupProps) => {
+  const buttonsContainerOpacity = useSharedValue(0)
+
+  console.log('rerender')
+
+  useEffect(() => {
+    buttonsContainerOpacity.value = withDelay(1000, withTiming(1, { duration: 500 }))
+  }, [])
+
+  return (
+    <Animated.View style={[styles.buttonsContainer, { opacity: buttonsContainerOpacity }]}>
+      <Animated.View
+        entering={
+          isPracticeButtonVisible
+            ? FadeInRight.delay(1000).duration(500).easing(Easing.ease)
+            : FadeInUp.duration(500)
+        }
+      >
+        <Button
+          variant={isPracticeButtonVisible ? ButtonVariant.TERTIARY : ButtonVariant.PRIMARY}
+          size="large"
+          colorScheme={isExam ? 'purple' : 'blue'}
+          style={{ text: { textTransform: 'uppercase' } }}
+          onPress={onLeftButtonPress}
+        >
+          {textContent.leftButtonText ?? ''}
+        </Button>
+      </Animated.View>
+      <Animated.View>
+        {isPracticeButtonVisible && (
+          <PracticeButton onPress={onRightButtonPress} text={textContent.rightButtonText ?? ''} />
+        )}
+      </Animated.View>
+    </Animated.View>
+  )
+}
+
+const styles = StyleSheet.create({
+  buttonsContainer: {
+    height: 62,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: SPACING[300],
+  },
+})

package/src/features/endOfAssignment/ui/SparkIcon.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+
+import { IconProps } from '@magmamath/react-native-ui'
+import Svg, { Path } from 'react-native-svg'
+
+export const SparkIcon = ({ size = 12, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 22 22" fill="none">
+      <Path
+        d="M20.563 12.363c-3.688 1.348-6.782 4.42-8.24 8.244-.505 1.19-2.111 1.19-2.587 0-1.517-3.793-4.61-6.864-8.299-8.18-1.25-.502-1.25-2.352 0-2.79 3.688-1.348 6.782-4.42 8.24-8.244.505-1.19 2.111-1.19 2.587 0 1.517 3.793 4.61 6.864 8.299 8.18 1.25.502 1.25 2.352 0 2.79z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/features/endOfAssignment/ui/ThumbUpIcon.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+
+import { COLORS, IconProps } from '@magmamath/react-native-ui'
+import Svg, { Path } from 'react-native-svg'
+
+export const ThumbUpIcon = ({ size = 57, color = COLORS.NEUTRAL_1 }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 57 57" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M23.22 49.594c-2.143 0-4.284-.72-6.027-1.862l-.071-.048-.296-.197-.158.319a4.28 4.28 0 01-3.837 2.382H9.466a4.279 4.279 0 01-4.278-4.28V23.306a4.279 4.279 0 014.278-4.279h3.365c1.479 0 2.782.75 3.551 1.89l.19.282.265-.212c5.975-4.77 8.052-10.642 8.495-13.38.277-1.717 1.289-2.983 2.692-3.609 1.329-.593 2.835-.542 4.145-.08 2.702.951 4.96 3.765 4.472 7.79-.403 3.328-1.348 6.402-2.075 8.692l-.129.407h10.805c3.133 0 5.975 2.24 6.322 5.54.239 2.271.405 5.292.016 7.948-.35 2.397-.956 6.096-2.536 9.219-1.62 3.203-4.436 6.08-9.153 6.08h-16.67zm7.662-42.021c-.566-.2-1.025-.15-1.279-.036a.636.636 0 00-.262.201c-.091.12-.15.279-.184.486-.621 3.847-3.536 11.617-11.909 17.265l-.138.093v16.407l.025.058c.363.867 1.115 1.744 2.184 2.445 1.184.777 2.596 1.227 3.902 1.227h16.67c1.36 0 2.483-.376 3.422-1.07.932-.69 1.665-1.681 2.273-2.884 1.263-2.497 1.807-5.619 2.16-8.031.318-2.173.192-4.812-.035-6.981-.12-1.141-1.125-2.071-2.47-2.071h-11.91c-1.994 0-3.56-1.904-2.936-3.938.123-.4.255-.817.393-1.252l.003-.009c.737-2.327 1.627-5.14 2.003-8.242.13-1.066-.08-1.894-.465-2.506a2.835 2.835 0 00-1.447-1.162zM9.466 22.903a.404.404 0 00-.403.403v22.602c0 .224.18.404.403.404h3.365a.403.403 0 00.404-.403V23.306a.404.404 0 00-.404-.404H9.466z"
+        fill={color}
+      />
+    </Svg>
+  )
+}

package/src/index.ts

@@ -3,3 +3,5 @@ export type { LocalizationConfig } from './shared/translation'
 export { generateRandomId } from './lib/helpers/helpers'
 export * from './features/chatbot'
 export * from './features/feedback'
+export * from './features/celebrations'
+export * from './features/endOfAssignment'

package/src/lib/effector/createEntityFieldStore.ts

@@ -1,4 +1,4 @@
-import { createEvent, createStore, Event } from 'effector'
+import { createEvent, createStore } from 'effector'
 
 type UpdateField<T> = {
   key: string
@@ -19,14 +19,6 @@ export class EntityFieldStore<T> {
       return { ...state, [key]: data }
     })
     .reset(this.reset)
-
-  public on<EV>(
-    event: Event<EV>,
-    fn: (state: Record<string, T>, payload: EV) => Record<string, T> | void,
-  ) {
-    this.$state.on(event, fn)
-    return this
-  }
 }
 
 export function createEntityFieldStore<T>() {

package/src/shared/icons/Halloween.tsx

@@ -0,0 +1,33 @@
+import React from 'react'
+import Svg, { ClipPath, Defs, G, Path } from 'react-native-svg'
+
+import { COLORS, IconProps } from '@magmamath/react-native-ui'
+
+function Halloween({ size = 57, color = COLORS.NEUTRAL_8 }: IconProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 57 57" fill="none">
+      <G clipPath="url(#clip0_1279_48)" fill={color}>
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M48.971 21.733c-1.01-1.794.252-4.058 1.819-2.723 3.607 3.075 5.986 8.345 5.986 14.33 0 9.305-5.75 16.881-12.928 17.167 4.706-2.896 7.993-9.493 7.993-17.167 0-4.384-1.073-8.416-2.87-11.608zM8.58 21.733c1.01-1.794-.25-4.058-1.818-2.723C3.155 22.085.776 27.355.776 33.34c0 9.305 5.75 16.881 12.928 17.167-4.706-2.896-7.993-9.493-7.993-17.167 0-4.384 1.073-8.416 2.87-11.608z"
+        />
+        <Path d="M37.368 52.077c7.373 0 13.35-8.389 13.35-18.737 0-10.348-5.977-18.737-13.35-18.737-1.584 0-1.692 2.13-.517 3.191a15.07 15.07 0 012.386 2.786c2.38 3.539 3.717 8.338 3.717 13.343 0 5.005-1.337 9.805-3.717 13.343a15.084 15.084 0 01-2.36 2.763c-.772.7-.55 2.048.491 2.048zM20.184 52.077c-7.373 0-13.35-8.389-13.35-18.737 0-10.348 5.977-18.737 13.35-18.737 1.584 0 1.692 2.13.517 3.191a15.07 15.07 0 00-2.386 2.786c-2.38 3.539-3.717 8.338-3.717 13.343 0 5.005 1.337 9.805 3.717 13.343a15.084 15.084 0 002.36 2.763c.772.7.55 2.048-.491 2.048z" />
+        <Path d="M28.776 15.592c0-.298.242-.541.539-.523 3.17.2 6.182 2.161 8.434 5.51 2.38 3.54 3.717 8.34 3.717 13.344 0 5.005-1.337 9.805-3.717 13.343-2.252 3.35-5.264 5.31-8.434 5.51a.514.514 0 01-.539-.522V15.592z" />
+        <Path d="M28.776 15.592a.514.514 0 00-.539-.523c-3.17.2-6.182 2.161-8.434 5.51-2.38 3.54-3.717 8.34-3.717 13.344 0 5.005 1.337 9.805 3.717 13.343 2.252 3.35 5.264 5.31 8.434 5.51a.514.514 0 00.539-.522V15.592z" />
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M30.231 10.322c.091.551.228.912.273.999a1.887 1.887 0 11-3.35 1.737c-.289-.556-.516-1.334-.646-2.12-.134-.808-.193-1.793-.032-2.772.16-.974.566-2.098 1.503-2.955.975-.893 2.277-1.272 3.762-1.187a1.887 1.887 0 01-.215 3.768c-.706-.04-.933.142-.999.202-.104.096-.25.316-.327.784-.076.462-.056 1.014.031 1.544z"
+        />
+      </G>
+      <Defs>
+        <ClipPath id="clip0_1279_48">
+          <Path fill="#fff" transform="translate(.776 .26)" d="M0 0H56V56H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+
+export default Halloween

package/src/shared/icons/Pi.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+import { COLORS, IconProps } from '@magmamath/react-native-ui'
+
+function Pi({ size = 57, color = COLORS.NEUTRAL_8 }: IconProps) {
+  return (
+    <Svg width={57} height={size * 0.8421} viewBox="0 0 57 48" fill="none">
+      <Path
+        d="M2.311 10.528a5.23 5.23 0 00.244 7.63c2.166 1.926 5.52 1.836 7.572-.23l4.685-4.719a5.09 5.09 0 01.04-.04c.557-.55 1.37-.044 1.302.735a96.284 96.284 0 01-.666 5.732c-.546 3.688-1.358 7.523-2.543 10.924-1.209 3.468-2.669 6.084-4.272 7.7a5.23 5.23 0 00.246 7.63c2.167 1.925 5.52 1.835 7.572-.233 3.195-3.219 5.307-7.505 6.759-11.67 1.475-4.232 2.41-8.76 3.012-12.831.483-3.272.763-6.327.926-8.813a1.006 1.006 0 011.002-.942h2.357a1 1 0 011 1v23.505c0 6.436 5.464 11.367 11.84 11.367 7.233 0 13.389-5.587 13.389-12.831v-.872c0-3.093-2.6-5.315-5.443-5.315-2.843 0-5.443 2.222-5.443 5.315v.872c0 1.058-.958 2.202-2.502 2.202-.69 0-.955-.489-.955-.738V12.401a1 1 0 011-1h7.9c2.844 0 5.443-2.221 5.443-5.315 0-3.093-2.6-5.315-5.443-5.315H19.267c-4.614 0-9.059 1.803-12.27 5.038L2.31 10.528z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+
+export default Pi

package/src/shared/icons/Star.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+import { COLORS, IconProps } from '@magmamath/react-native-ui'
+
+function Star({ size = 57, color = COLORS.NEUTRAL_8 }: IconProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 57 57" fill="none">
+      <Path
+        d="M54.277 31.895c-9.835 3.594-18.085 11.785-21.971 21.982-1.349 3.176-5.632 3.176-6.901 0C21.36 43.764 13.11 35.573 3.275 32.062c-3.332-1.337-3.332-6.268 0-7.439C13.11 21.03 21.36 12.838 25.246 2.641c1.349-3.176 5.632-3.176 6.901 0 4.045 10.114 12.295 18.305 22.13 21.815 3.332 1.338 3.332 6.269 0 7.439z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+
+export default Star

package/src/shared/icons/Valentine.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+import { COLORS, IconProps } from '@magmamath/react-native-ui'
+
+function Valentine({ size = 57, color = COLORS.NEUTRAL_8 }: IconProps) {
+  return (
+    <Svg width={size} height={size * 0.8421} viewBox="0 0 57 48" fill="none">
+      <Path
+        d="M52.473 24.947L29.763 47.5a1.4 1.4 0 01-1.973 0L5.08 24.947A14.57 14.57 0 013.567 6.032C8.604-.884 18.487-1.994 24.931 3.633l2.924 2.554a1.4 1.4 0 001.842 0l2.924-2.554c6.444-5.627 16.327-4.517 21.363 2.399a14.57 14.57 0 01-1.511 18.915z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+
+export default Valentine

package/src/shared/icons/Winter.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+
+import { COLORS, IconProps } from '@magmamath/react-native-ui'
+
+function Winter({ size = 50, color = COLORS.NEUTRAL_8 }: IconProps) {
+  return (
+    <Svg width={size} height={size * 1.14} viewBox="0 0 50 57" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M24.72.26a2.66 2.66 0 012.66 2.66v4.829l1.302-.814a2.66 2.66 0 012.82 4.513l-4.122 2.576v8.154a2.66 2.66 0 01-5.321 0v-8.154l-4.122-2.576a2.66 2.66 0 112.82-4.513l1.302.814v-4.83a2.66 2.66 0 012.66-2.66zM10.8 11.413a2.66 2.66 0 012.752 2.566l.17 4.857 7.061 4.077a2.66 2.66 0 11-2.66 4.609l-7.062-4.078-4.291 2.282A2.66 2.66 0 014.27 21.03l1.356-.72-4.182-2.415a2.66 2.66 0 112.66-4.609L8.287 15.7l-.053-1.534a2.66 2.66 0 012.566-2.752zm27.84 0a2.66 2.66 0 012.565 2.752l-.053 1.534 4.182-2.415a2.66 2.66 0 112.66 4.609l-4.182 2.414 1.355.72a2.66 2.66 0 11-2.498 4.7l-4.29-2.283-7.062 4.078a2.66 2.66 0 11-2.661-4.609l7.062-4.077.17-4.857a2.66 2.66 0 012.751-2.566zM21.756 29.97a2.66 2.66 0 01-.974 3.634l-7.062 4.077-.17 4.857a2.66 2.66 0 01-5.317-.185l.053-1.535-4.182 2.415a2.66 2.66 0 01-2.66-4.608l4.182-2.415-1.356-.72A2.66 2.66 0 116.77 30.79l4.29 2.282 7.062-4.077a2.66 2.66 0 013.635.974zm5.925 0a2.66 2.66 0 013.635-.974l7.061 4.077 4.291-2.282a2.66 2.66 0 012.498 4.698l-1.355.721 4.182 2.415a2.66 2.66 0 11-2.66 4.608l-4.182-2.414.053 1.533a2.66 2.66 0 11-5.318.186l-.17-4.857-7.061-4.077a2.66 2.66 0 01-.974-3.634zm-2.962 1.71a2.66 2.66 0 012.66 2.66v8.155l4.122 2.575a2.66 2.66 0 01-2.82 4.513l-1.302-.813v4.828a2.66 2.66 0 11-5.321 0V48.77l-1.302.813a2.66 2.66 0 01-2.82-4.513l4.122-2.575V34.34a2.66 2.66 0 012.66-2.661z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+
+export default Winter

package/src/shared/icons/icon.types.ts

@@ -1,11 +1,8 @@
-import { StyleProp, ViewStyle } from 'react-native'
-
 export type IconProps = {
-  color?: string
-  className?: string
-  size?: number
-  strokeWidth?: string
-  width?: number
-  height?: number
-  style?: StyleProp<ViewStyle>
+    color?: string
+    className?: string
+    size?: number
+    strokeWidth?: string
+    width?: number
+    height?: number
 }

package/dist/commonjs/features/chatbot/context/ChatBotContext.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChatBotContext = void 0;
-exports.useChatModel = useChatModel;
-var _react = require("react");
-const ChatBotContext = exports.ChatBotContext = /*#__PURE__*/(0, _react.createContext)(null);
-function useChatModel() {
-  const context = (0, _react.useContext)(ChatBotContext);
-  if (!context) {
-    throw new Error('Something went wrong, you are probably trying to use component that is supposed to be inside ChatBotContext.Provider');
-  }
-  return context.model;
-}
-//# sourceMappingURL=ChatBotContext.js.map

package/dist/commonjs/features/chatbot/context/ChatBotContext.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","ChatBotContext","exports","createContext","useChatModel","context","useContext","Error","model"],"sourceRoot":"../../../../../src","sources":["features/chatbot/context/ChatBotContext.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOO,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,oBAAa,EAA6B,IAAI,CAAC;AAEtE,SAASC,YAAYA,CAAA,EAAG;EAC7B,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACL,cAAc,CAAC;EAC1C,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,sHACF,CAAC;EACH;EACA,OAAOF,OAAO,CAACG,KAAK;AACtB","ignoreList":[]}

package/dist/commonjs/features/chatbot/errorSpotting/ErrorSpottingButton.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ErrorSpottingButton = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNativeUi = require("@magmamath/react-native-ui");
-var _ChatBotContext = require("../context/ChatBotContext.js");
-var _effectorReact = require("effector-react");
-var _reactNative = require("react-native");
-var _HighlighterIcon = require("../../../shared/icons/HighlighterIcon.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ErrorSpottingButton = () => {
-  const model = (0, _ChatBotContext.useChatModel)();
-  const activeErrorSpotting = (0, _effectorReact.useUnit)(model.errorSpotting.$activeData);
-  const validationKey = (0, _effectorReact.useUnit)(model.errorSpotting.$validationKey);
-  const isLoading = (0, _effectorReact.useUnit)(model.errorSpotting.$isLoading);
-  const currentThread = (0, _effectorReact.useStoreMap)(model.$currentChatData, chatData => chatData.currentThread);
-  if (!currentThread?.strokes) return null;
-  const isActive = !!activeErrorSpotting?.isActive;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.container,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
-      style: buttonStyles,
-      disabled: validationKey !== currentThread.key,
-      isActive: isActive,
-      isLoading: isLoading,
-      variant: 'secondary',
-      colorScheme: 'blue',
-      size: 'small',
-      onPress: () => {
-        if (isLoading) return;
-        model.errorSpotting.errorSpottingPressed();
-      },
-      icon: isActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.StopIcon, {
-        color: _reactNativeUi.COLORS.NEUTRAL_1
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_HighlighterIcon.HighlighterIcon, {}),
-      children: "show error"
-    })
-  });
-};
-exports.ErrorSpottingButton = ErrorSpottingButton;
-const buttonStyles = _reactNative.StyleSheet.create({
-  container: {
-    marginLeft: 'auto'
-  },
-  text: {
-    textTransform: 'uppercase'
-  }
-});
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    width: '100%'
-  }
-});
-//# sourceMappingURL=ErrorSpottingButton.js.map

package/dist/commonjs/features/chatbot/errorSpotting/ErrorSpottingButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeUi","_ChatBotContext","_effectorReact","_reactNative","_HighlighterIcon","_jsxRuntime","e","__esModule","default","ErrorSpottingButton","model","useChatModel","activeErrorSpotting","useUnit","errorSpotting","$activeData","validationKey","$validationKey","isLoading","$isLoading","currentThread","useStoreMap","$currentChatData","chatData","strokes","isActive","jsx","View","style","styles","container","children","Button","buttonStyles","disabled","key","variant","colorScheme","size","onPress","errorSpottingPressed","icon","StopIcon","color","COLORS","NEUTRAL_1","HighlighterIcon","exports","StyleSheet","create","marginLeft","text","textTransform","width"],"sourceRoot":"../../../../../src","sources":["features/chatbot/errorSpotting/ErrorSpottingButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAAuE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhE,MAAMG,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,KAAK,GAAG,IAAAC,4BAAY,EAAC,CAAC;EAC5B,MAAMC,mBAAmB,GAAG,IAAAC,sBAAO,EAACH,KAAK,CAACI,aAAa,CAACC,WAAW,CAAC;EACpE,MAAMC,aAAa,GAAG,IAAAH,sBAAO,EAACH,KAAK,CAACI,aAAa,CAACG,cAAc,CAAC;EACjE,MAAMC,SAAS,GAAG,IAAAL,sBAAO,EAACH,KAAK,CAACI,aAAa,CAACK,UAAU,CAAC;EACzD,MAAMC,aAAa,GAAG,IAAAC,0BAAW,EAACX,KAAK,CAACY,gBAAgB,EAAGC,QAAQ,IAAKA,QAAQ,CAACH,aAAa,CAAC;EAE/F,IAAI,CAACA,aAAa,EAAEI,OAAO,EAAE,OAAO,IAAI;EAExC,MAAMC,QAAQ,GAAG,CAAC,CAACb,mBAAmB,EAAEa,QAAQ;EAChD,oBACE,IAAApB,WAAA,CAAAqB,GAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5B,IAAA1B,WAAA,CAAAqB,GAAA,EAAC1B,cAAA,CAAAgC,MAAM;MACLJ,KAAK,EAAEK,YAAa;MACpBC,QAAQ,EAAElB,aAAa,KAAKI,aAAa,CAACe,GAAI;MAC9CV,QAAQ,EAAEA,QAAS;MACnBP,SAAS,EAAEA,SAAU;MACrBkB,OAAO,EAAE,WAAY;MACrBC,WAAW,EAAE,MAAO;MACpBC,IAAI,EAAE,OAAQ;MACdC,OAAO,EAAEA,CAAA,KAAM;QACb,IAAIrB,SAAS,EAAE;QACfR,KAAK,CAACI,aAAa,CAAC0B,oBAAoB,CAAC,CAAC;MAC5C,CAAE;MACFC,IAAI,EAAEhB,QAAQ,gBAAG,IAAApB,WAAA,CAAAqB,GAAA,EAAC1B,cAAA,CAAA0C,QAAQ;QAACC,KAAK,EAAEC,qBAAM,CAACC;MAAU,CAAE,CAAC,gBAAG,IAAAxC,WAAA,CAAAqB,GAAA,EAACtB,gBAAA,CAAA0C,eAAe,IAAE,CAAE;MAAAf,QAAA,EAC9E;IAED,CAAQ;EAAC,CACL,CAAC;AAEX,CAAC;AAAAgB,OAAA,CAAAtC,mBAAA,GAAAA,mBAAA;AAED,MAAMwB,YAAY,GAAGe,uBAAU,CAACC,MAAM,CAAC;EACrCnB,SAAS,EAAE;IACToB,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,MAAMvB,MAAM,GAAGmB,uBAAU,CAACC,MAAM,CAAC;EAC/BnB,SAAS,EAAE;IACTuB,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/chatbot/errorSpotting/ErrorSpottingModel.js

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ErrorSpottingModel = void 0;
-var _effector = require("effector");
-class ErrorSpottingModel {
-  errorSpottingPressed = (0, _effector.createEvent)();
-  activeDataChanged = (0, _effector.createEvent)();
-  $validationKey = (0, _effector.createStore)(null);
-  $activeData = (0, _effector.createStore)(null).on(this.activeDataChanged, (state, payload) => {
-    if (typeof payload === 'function') return payload(state);
-    return payload;
-  }).on(this.$validationKey, (state, payload) => {
-    if (!state || payload === null) return state;
-    const isDisabled = payload !== state.validationKey;
-    return {
-      ...state,
-      isDisabled,
-      isActive: isDisabled ? false : state.isActive
-    };
-  });
-  constructor({
-    api,
-    $currentChatData
-  }) {
-    this.api = api;
-    this.$isLoading = api.spotErrorFx.pending;
-    this.$activeData.on($currentChatData, (state, payload) => {
-      if (!state || state.validationKey !== payload.currentThread?.key) return null;
-    });
-    (0, _effector.sample)({
-      clock: api.spotErrorFx.doneData,
-      source: {
-        chatData: $currentChatData,
-        activeSpotting: this.$activeData,
-        validationKey: this.$validationKey
-      },
-      fn: (source, result) => {
-        const key = source.chatData.currentThread?.key || null;
-        const currentKey = source.validationKey;
-        const isDisabled = !!currentKey && currentKey !== key;
-        return {
-          validationKey: key,
-          strokesIds: result.strokesIds,
-          isActive: !isDisabled,
-          isDisabled
-        };
-      },
-      target: this.$activeData
-    });
-    (0, _effector.sample)({
-      clock: this.errorSpottingPressed,
-      source: {
-        chatData: $currentChatData,
-        activeSpotting: this.$activeData
-      },
-      fn: source => source,
-      target: (0, _effector.createEffect)(({
-        chatData,
-        activeSpotting
-      }) => {
-        if (!chatData.currentThread?.strokes) return;
-        if (!activeSpotting) {
-          return this.api.spotErrorFx({
-            strokes: chatData.currentThread.strokes
-          });
-        }
-        this.toggleActiveSpotting();
-      })
-    });
-  }
-  toggleActiveSpotting() {
-    this.activeDataChanged(state => {
-      if (state) return {
-        ...state,
-        isActive: !state.isActive
-      };
-    });
-  }
-  bindStrokesValidation($store) {
-    (0, _effector.sample)({
-      source: $store,
-      target: this.$validationKey
-    });
-    return this;
-  }
-  abortPendingRequest() {
-    const isPending = this.api.spotErrorFx.pending.getState();
-    if (isPending) this.api.spotErrorFx.controller.abort();
-  }
-  reset() {
-    this.activeDataChanged(null);
-    this.abortPendingRequest();
-  }
-}
-exports.ErrorSpottingModel = ErrorSpottingModel;
-//# sourceMappingURL=ErrorSpottingModel.js.map

package/dist/commonjs/features/chatbot/errorSpotting/ErrorSpottingModel.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_effector","require","ErrorSpottingModel","errorSpottingPressed","createEvent","activeDataChanged","$validationKey","createStore","$activeData","on","state","payload","isDisabled","validationKey","isActive","constructor","api","$currentChatData","$isLoading","spotErrorFx","pending","currentThread","key","sample","clock","doneData","source","chatData","activeSpotting","fn","result","currentKey","strokesIds","target","createEffect","strokes","toggleActiveSpotting","bindStrokesValidation","$store","abortPendingRequest","isPending","getState","controller","abort","reset","exports"],"sourceRoot":"../../../../../src","sources":["features/chatbot/errorSpotting/ErrorSpottingModel.ts"],"mappings":"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","ignoreList":[]}