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

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

@@ -1,30 +1,33 @@
 import type { Store } from 'effector';
-import { GetAlternativesResponse, PostMessagePayload, PostMessageResponse, GoogleTranslatePayload, GoogleTranslateResponse, GoogleText2SpeechPayload, GoogleText2SpeechResponse, ChatAnswer, GetAlternativesPayload, Stroke } from './api.types';
+import { ChatHintPayload, ChatHintResponse, GetAlternativesPayload, GetAlternativesResponse, GoogleText2SpeechPayload, GoogleText2SpeechResponse, GoogleTranslatePayload, GoogleTranslateResponse, PostMessagePayload, PostMessageResponse } from './api.types';
 import { ExtendWithOptional } from '../../../lib/helpers/types';
-export type ConversationMessage = {
-    id: string;
-    message: string;
-    threadId: string;
-    options: ChatAnswer[];
-    isOwnMessage: boolean;
-    translatedMessage?: string;
-    endMessage?: boolean;
-};
+import { ChatAnswer, ConversationMessage, FullStrokeData } from './units.types';
 export type ChatbotMessages = {
     error: ConversationMessage;
     start: ConversationMessage;
     endMessage: ConversationMessage;
     anotherHintOption: ChatAnswer;
 };
+export type SpotErrorPayload = {
+    strokes: FullStrokeData[];
+};
+export type SpotErrorResponse = {
+    strokesIds: string[];
+};
+export type ChatbotApiRequests = {
+    getAlternatives: (props: GetAlternativesPayload) => Promise<GetAlternativesResponse>;
+    postMessage: (props: PostMessagePayload) => Promise<PostMessageResponse>;
+    postTranslateText: (props: GoogleTranslatePayload) => Promise<GoogleTranslateResponse>;
+    postTextToSpeech: (props: GoogleText2SpeechPayload) => Promise<GoogleText2SpeechResponse>;
+    spotError: (props: SpotErrorPayload) => Promise<SpotErrorResponse>;
+};
 export type ChatbotModelProps = {
     $key?: Store<string>;
-    api: {
-        getAlternatives: (props: GetAlternativesPayload) => Promise<GetAlternativesResponse>;
-        postMessage: (props: PostMessagePayload) => Promise<PostMessageResponse>;
-        postTranslateText: (props: GoogleTranslatePayload) => Promise<GoogleTranslateResponse>;
-        postTextToSpeech: (props: GoogleText2SpeechPayload) => Promise<GoogleText2SpeechResponse>;
+    api: Omit<ChatbotApiRequests, 'postMessage'> & {
+        requestHint: (props: ChatHintPayload) => Promise<ChatHintResponse>;
     };
     messages: ChatbotMessages;
+    threadMessagesLimit?: number;
 };
 export type SendHelpParams = {
     message: string;
@@ -32,8 +35,6 @@ export type SendHelpParams = {
 };
 export type SendHelpProps = SendHelpParams & {
     key: string;
-    isTranslated: boolean;
-    threadId: string;
     context: ChatbotContext | null;
 };
 export type SetHintMessageProps = {
@@ -55,9 +56,14 @@ export type ChatbotRenderer = {
     variant: MessageVariant;
     withTextToSpeech: boolean;
 };
-export type CreateMessageResponse = ExtendWithOptional<PostMessageResponse, ConversationMessage>;
+export type CreateMessageResponse = ExtendWithOptional<Omit<PostMessageResponse, 'thread'>, ConversationMessage>;
+type GetVisibleStrokesResponse = {
+    strokes: FullStrokeData[];
+    validationKey: string;
+};
 export type IChatDrawBoardAdapter = {
-    getVisibleStrokes(): Promise<Stroke[] | null>;
+    $strokesValidationKey: Store<string | null>;
+    getVisibleStrokes(): Promise<GetVisibleStrokesResponse | null>;
 };
 export type ChatbotContext = {
     language: string;
@@ -67,4 +73,5 @@ export type ChatbotContext = {
     translationTargetLanguage: string;
     imageDescription?: string;
 };
+export {};
 //# sourceMappingURL=model.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"model.types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/types/model.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"model.types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/types/model.types.ts"],"names":[],"mappings":"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"}

package/dist/typescript/module/features/chatbot/types/translation.types.d.ts

@@ -1,11 +1,12 @@
-import { ConversationMessage } from './model.types';
 import { GetAlternativesResponse } from './api.types';
+import { ConversationMessage } from './units.types';
 export type TranslateBatchFxProps = {
     messages: ConversationMessage[];
     targetLanguage: string;
     alternatives: GetAlternativesResponse | null;
 };
 export type TranslateMessageFxProps = {
+    preventTranslate?: boolean;
     messages: ConversationMessage[];
     targetLanguage: string;
 };

package/dist/typescript/module/features/chatbot/types/translation.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translation.types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/types/translation.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAErD,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,mBAAmB,EAAE,CAAA;IAC/B,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,uBAAuB,GAAG,IAAI,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,mBAAmB,EAAE,CAAA;IAC/B,cAAc,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,iCAAiC,GAAG;IAC9C,YAAY,EAAE,uBAAuB,CAAA;IACrC,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,kBAAkB,EAAE,MAAM,EAAE,CAAA;CAC7B,CAAA;AACD,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,EAAE,uBAAuB,GAAG,IAAI,CAAA;IAC5C,WAAW,EAAE,mBAAmB,GAAG,SAAS,CAAA;CAC7C,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC5B,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM,EAAE,CAAA;QACf,OAAO,EAAE,MAAM,EAAE,CAAA;KAClB,GAAG,IAAI,CAAA;CACT,CAAA;AAED,MAAM,MAAM,qBAAqB,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,IAAI;IACzE,QAAQ,EAAE,IAAI,CAAA;IACd,cAAc,EAAE,MAAM,CAAA;CACvB,CAAA"}
+{"version":3,"file":"translation.types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/types/translation.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAEnD,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,mBAAmB,EAAE,CAAA;IAC/B,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,uBAAuB,GAAG,IAAI,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,EAAE,mBAAmB,EAAE,CAAA;IAC/B,cAAc,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,iCAAiC,GAAG;IAC9C,YAAY,EAAE,uBAAuB,CAAA;IACrC,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,kBAAkB,EAAE,MAAM,EAAE,CAAA;CAC7B,CAAA;AACD,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,EAAE,uBAAuB,GAAG,IAAI,CAAA;IAC5C,WAAW,EAAE,mBAAmB,GAAG,SAAS,CAAA;CAC7C,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC5B,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM,EAAE,CAAA;QACf,OAAO,EAAE,MAAM,EAAE,CAAA;KAClB,GAAG,IAAI,CAAA;CACT,CAAA;AAED,MAAM,MAAM,qBAAqB,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,IAAI;IACzE,QAAQ,EAAE,IAAI,CAAA;IACd,cAAc,EAAE,MAAM,CAAA;CACvB,CAAA"}

package/dist/typescript/module/features/chatbot/types/units.types.d.ts

@@ -0,0 +1,31 @@
+export type Stroke = {
+    x: number[];
+    y: number[];
+};
+export type FullStrokeData = Stroke & {
+    id?: string;
+};
+export type IThreadItem = {
+    key: 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;
+};
+export type ChatItem = {
+    messages: ConversationMessage[];
+    isAvailable: boolean;
+    currentThread: IThreadItem | null;
+};
+//# sourceMappingURL=units.types.d.ts.map

package/dist/typescript/module/features/chatbot/types/units.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"units.types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/types/units.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,CAAC,EAAE,MAAM,EAAE,CAAA;IACX,CAAC,EAAE,MAAM,EAAE,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG;IACpC,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,CAAA;IAChC,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,mBAAmB,EAAE,CAAA;IAC/B,WAAW,EAAE,OAAO,CAAA;IACpB,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;CAClC,CAAA"}

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

@@ -1,3 +1,4 @@
+import { Event } from 'effector';
 type UpdateField<T> = {
     key: string;
 } & ({
@@ -11,6 +12,7 @@ export declare class EntityFieldStore<T> {
     readonly setField: import("effector").EventCallable<UpdateField<T>>;
     readonly reset: import("effector").EventCallable<void>;
     readonly $state: import("effector").StoreWritable<Record<string, T>>;
+    on<EV>(event: Event<EV>, fn: (state: Record<string, T>, payload: EV) => Record<string, T> | void): this;
 }
 export declare function createEntityFieldStore<T>(): EntityFieldStore<T>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"createEntityFieldStore.d.ts","sourceRoot":"","sources":["../../../../../src/lib/effector/createEntityFieldStore.ts"],"names":[],"mappings":"AAEA,KAAK,WAAW,CAAC,CAAC,IAAI;IACpB,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,CAAC;IAAE,IAAI,EAAE,CAAC,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,IAAI,CAAA;CAAE,CAAC,CAAA;AAEnF,qBAAa,gBAAgB,CAAC,CAAC;IAC7B,SAAgB,QAAQ,mDAAgC;IACxD,SAAgB,KAAK,yCAAgB;IAErC,SAAgB,MAAM,sDAUF;CACrB;AAED,wBAAgB,sBAAsB,CAAC,CAAC,yBAEvC"}
+{"version":3,"file":"createEntityFieldStore.d.ts","sourceRoot":"","sources":["../../../../../src/lib/effector/createEntityFieldStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,EAAE,MAAM,UAAU,CAAA;AAE1D,KAAK,WAAW,CAAC,CAAC,IAAI;IACpB,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,CAAC;IAAE,IAAI,EAAE,CAAC,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,IAAI,CAAA;CAAE,CAAC,CAAA;AAEnF,qBAAa,gBAAgB,CAAC,CAAC;IAC7B,SAAgB,QAAQ,mDAAgC;IACxD,SAAgB,KAAK,yCAAgB;IAErC,SAAgB,MAAM,sDAUF;IAEb,EAAE,CAAC,EAAE,EACV,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,EAChB,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,IAAI;CAK1E;AAED,wBAAgB,sBAAsB,CAAC,CAAC,yBAEvC"}

package/dist/typescript/module/lib/helpers/randomElements.d.ts

@@ -0,0 +1,2 @@
+export declare function getRandomElements<T>(array: T[], limit?: number): T[];
+//# sourceMappingURL=randomElements.d.ts.map

package/dist/typescript/module/lib/helpers/randomElements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"randomElements.d.ts","sourceRoot":"","sources":["../../../../../src/lib/helpers/randomElements.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,KAAK,SAAe,GAAG,CAAC,EAAE,CAqB1E"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './icon.types';
+export declare function HighlighterIcon({ size, color, style }: IconProps): React.JSX.Element;
+//# sourceMappingURL=HighlighterIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HighlighterIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/HighlighterIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,KAAK,EAAE,EAAE,SAAS,qBAexF"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './icon.types';
+export declare function StopIcon({ size, color, style }: IconProps): React.JSX.Element;
+//# sourceMappingURL=StopIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StopIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/StopIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAAwB,EAAE,KAAK,EAAE,EAAE,SAAS,qBAWjF"}

package/dist/typescript/module/shared/icons/icon.types.d.ts

@@ -1,3 +1,4 @@
+import { StyleProp, ViewStyle } from 'react-native';
 export type IconProps = {
     color?: string;
     className?: string;
@@ -5,5 +6,6 @@ export type IconProps = {
     strokeWidth?: string;
     width?: number;
     height?: number;
+    style?: StyleProp<ViewStyle>;
 };
 //# sourceMappingURL=icon.types.d.ts.map

package/dist/typescript/module/shared/icons/icon.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/icon.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA"}
+{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAEnD,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.3.3",
+  "version": "0.4.0-rc.0",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "dist/commonjs/index.js",
@@ -27,7 +27,7 @@
     "react-native-svg": "^15.10.0"
   },
   "devDependencies": {
-    "@magmamath/react-native-ui": "0.3.22",
+    "@magmamath/react-native-ui": "0.4.1-rc.0",
     "@react-native/eslint-config": "^0.73.1",
     "@release-it/conventional-changelog": "^9.0.2",
     "@types/jest": "^29.5.5",

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

@@ -13,6 +13,7 @@ type ChatMessageProps = {
   withTextToSpeech?: boolean
   audioStatus: AudioStatus
   renderer?: (props: ChatbotRenderer) => ReactNode
+  withErrorSpotting?: boolean
 }
 
 export type VariantProps = Omit<ChatMessageProps, 'variant'>

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

@@ -4,6 +4,7 @@ import { VariantProps } from './ChatMessage'
 import { ChatbotIcon } from '../../../../shared/icons/ChatbotIcon'
 import { MessageTextToSpeech } from './MessageTextToSpeech'
 import { MessageVariant } from '../../types/model.types'
+import { ErrorSpottingButton } from '../../errorSpotting/ErrorSpottingButton'
 
 export const ReceivedMessage = ({
   message,
@@ -13,6 +14,7 @@ export const ReceivedMessage = ({
   audioStatus,
   renderer,
   withTextToSpeech = true,
+  withErrorSpotting,
 }: VariantProps) => (
   <View style={styles.container}>
     <View style={styles.icon}>
@@ -24,6 +26,7 @@ export const ReceivedMessage = ({
         {renderer
           ? renderer({ message, variant: MessageVariant.RECEIVED, withTextToSpeech })
           : message}
+        {!!withErrorSpotting && <ErrorSpottingButton />}
       </Text>
       {withTextToSpeech && (
         <MessageTextToSpeech

package/src/features/chatbot/components/ChatMessages/ChatbotMessages.tsx

@@ -7,6 +7,7 @@ import { MessageLoader } from '../ChatMessage/MessageLoader'
 import { Alternatives } from '../Alternatives/Alternatives'
 import { AUDIO_CONFIG, DEFAULT_VOICE, TEXT_TO_SPEECH_CONFIG } from '../../constants'
 import { MessageVariant, ChatbotRenderer } from '../../types/model.types'
+import { ConversationMessage } from '../../types/units.types'
 
 type ChatbotMessagesProps = {
   model: ChatbotModel
@@ -26,6 +27,16 @@ const BOTTOM_OFFSET = Platform.select({
   default: 294,
 })
 
+function findListReceivedMessage(messages: ConversationMessage[]) {
+  let i = messages.length - 1
+  while (i >= 2) {
+    const message = messages[i]
+    if (!message.isOwnMessage && !message.endMessage) return messages[i]
+    i--
+  }
+  return null
+}
+
 export const ChatbotMessages = ({
   model,
   isHintFeedback,
@@ -63,6 +74,8 @@ export const ChatbotMessages = ({
     void model.sendHelpRequestFx({ message, translatedMessage })
   }
 
+  const lastReceivedMessage = findListReceivedMessage(messages)
+
   return (
     <View style={[styles.container, { maxHeight: MAX_HEIGHT }]}>
       <ScrollView
@@ -89,6 +102,7 @@ export const ChatbotMessages = ({
                 isTextToSpeechPending={isTextToSpeechPending}
                 variant={isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED}
                 withTextToSpeech={isTextToSpeechEnabled && !isOwnMessage}
+                withErrorSpotting={!isHelpRequestPending && lastReceivedMessage?.id === id}
               />
             ))}
 

package/src/features/chatbot/components/Chatbot.tsx

@@ -6,6 +6,7 @@ import { ChatControls } from './ChatControls/ChatControls'
 import { AUDIO_CONFIG, DEFAULT_VOICE } from '../constants'
 import { ChatbotRenderer } from '../types/model.types'
 import React from 'react'
+import { ChatBotContext } from '../context/ChatBotContext'
 
 type ChatbotProps = {
   model: ChatbotModel
@@ -48,7 +49,7 @@ export const Chatbot = ({
   }
 
   return (
-    <>
+    <ChatBotContext.Provider value={{ model }}>
       <ChatbotMessages
         model={model}
         renderer={renderer}
@@ -67,6 +68,6 @@ export const Chatbot = ({
         ButtonWrapper={ButtonWrapper}
         iconSize={iconSize}
       />
-    </>
+    </ChatBotContext.Provider>
   )
 }

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

@@ -0,0 +1,18 @@
+import { createContext, useContext } from 'react'
+import { ChatbotModel } from '../model/ChatBotModel'
+
+type ChatBotContextProps = {
+  model: ChatbotModel
+}
+
+export const ChatBotContext = createContext<ChatBotContextProps | null>(null)
+
+export function useChatModel() {
+  const context = 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
+}

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

@@ -0,0 +1,53 @@
+import React from 'react'
+import { Button, COLORS, StopIcon } from '@magmamath/react-native-ui'
+import { useChatModel } from '../context/ChatBotContext'
+import { useStoreMap, useUnit } from 'effector-react'
+import { StyleSheet, View } from 'react-native'
+import { HighlighterIcon } from '../../../shared/icons/HighlighterIcon'
+
+export const ErrorSpottingButton = () => {
+  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)
+
+  if (!currentThread?.strokes) return null
+
+  const isActive = !!activeErrorSpotting?.isActive
+  return (
+    <View style={styles.container}>
+      <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 ? <StopIcon color={COLORS.NEUTRAL_1} /> : <HighlighterIcon />}
+      >
+        show error
+      </Button>
+    </View>
+  )
+}
+
+const buttonStyles = StyleSheet.create({
+  container: {
+    marginLeft: 'auto',
+  },
+  text: {
+    textTransform: 'uppercase',
+  },
+})
+
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+  },
+})

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

@@ -0,0 +1,116 @@
+import { ChatbotAPI } from '../model/ChatbotApi'
+import { createEvent, createStore, sample, createEffect, Store } from 'effector'
+import { ChatItem } from '../types/units.types'
+
+type ErrorSpottingProps = {
+  api: ChatbotAPI
+  $currentChatData: Store<ChatItem>
+}
+
+type ActiveErrorSpottingData = {
+  isActive: boolean
+  isDisabled: boolean
+  strokesIds: string[]
+  validationKey: null | string
+}
+
+type ErrorSpottingReducerProps = {
+  chatData: ChatItem
+  activeSpotting: ActiveErrorSpottingData | null
+}
+
+export class ErrorSpottingModel {
+  private readonly api: ChatbotAPI
+
+  public readonly errorSpottingPressed = createEvent()
+  private readonly activeDataChanged = createEvent<
+    | ((state: ActiveErrorSpottingData | null) => ActiveErrorSpottingData | null | void)
+    | ActiveErrorSpottingData
+    | null
+  >()
+
+  public readonly $validationKey = createStore<string | null>(null)
+  public readonly $activeData = createStore<ActiveErrorSpottingData | null>(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 }
+    })
+
+  public readonly $isLoading
+
+  public constructor({ api, $currentChatData }: ErrorSpottingProps) {
+    this.api = api
+
+    this.$isLoading = api.spotErrorFx.pending
+
+    this.$activeData.on($currentChatData, (state, payload) => {
+      if (!state || state.validationKey !== payload.currentThread?.key) return null
+    })
+
+    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,
+    })
+
+    sample({
+      clock: this.errorSpottingPressed,
+      source: {
+        chatData: $currentChatData,
+        activeSpotting: this.$activeData,
+      },
+      fn: (source) => source,
+      target: createEffect(({ chatData, activeSpotting }: ErrorSpottingReducerProps) => {
+        if (!chatData.currentThread?.strokes) return
+        if (!activeSpotting) {
+          return this.api.spotErrorFx({ strokes: chatData.currentThread.strokes })
+        }
+        this.toggleActiveSpotting()
+      }),
+    })
+  }
+
+  private toggleActiveSpotting() {
+    this.activeDataChanged((state) => {
+      if (state) return { ...state, isActive: !state.isActive }
+    })
+  }
+
+  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/index.ts

@@ -3,11 +3,11 @@ export { ChatbotModel } from './model/ChatBotModel'
 export { AudioStatus, type AudioProvider } from './types/t2s.types'
 export {
   MessageVariant,
-  type ConversationMessage,
   type ChatbotRenderer,
   type ChatbotModelProps,
   type IChatDrawBoardAdapter,
 } from './types/model.types'
-export type { PostMessageResponse, ChatAnswer } from './types/api.types'
-export { ChatMessageHandler } from './model/ChatBotMessageHandler'
+export type { PostMessageResponse } from './types/api.types'
 export { DefaultMessagesCreator } from './model/DefaultMessageCreator'
+export type { ChatAnswer } from './types/units.types'
+export type { ConversationMessage } from './types/units.types'