@magmamath/students-features 0.6.9 → 0.6.11-rc.0

package/dist/module/features/chatbot/components/ChatMessage/SentMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","View","jsx","_jsx","SentMessage","memo","message","isTranslated","text","translatedMessage","style","styles","container","children","create","alignSelf","maxWidth","padding","borderRadius","borderBottomRightRadius","backgroundColor","fontSize","fontWeight","fontFamily","color"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/SentMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGrD,OAAO,MAAMC,WAAW,gBAAGN,KAAK,CAACO,IAAI,CAAC,CAAC;EAAEC,OAAO;EAAEC;AAA2B,CAAC,KAAK;EACjF,MAAMC,IAAI,GAAGD,YAAY,GAAGD,OAAO,CAACG,iBAAiB,GAAGH,OAAO,CAACA,OAAO;EAEvE,oBACEH,IAAA,CAACF,IAAI;IAACS,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5BV,IAAA,CAACH,IAAI;MAACU,KAAK,EAAEC,MAAM,CAACH,IAAK;MAAAK,QAAA,EAAEL;IAAI,CAAO;EAAC,CACnC,CAAC;AAEX,CAAC,CAAC;AAEF,MAAMG,MAAM,GAAGZ,UAAU,CAACe,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,SAAS,EAAE,UAAU;IACrBC,QAAQ,EAAE,GAAG;IACbC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,CAAC;IACfC,uBAAuB,EAAE,CAAC;IAC1BC,eAAe,EAAE;EACnB,CAAC;EACDZ,IAAI,EAAE;IACJa,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAE,cAAc;IAC1BC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","Text","View","BORDER_RADIUS","COLORS","FONT_FAMILY","SPACING","jsx","_jsx","SentMessage","memo","message","isTranslated","backgroundColor","PRIMARY_BLUE","text","translatedMessage","style","styles","container","children","create","alignSelf","maxWidth","padding","borderRadius","borderBottomRightRadius","fontSize","fontWeight","fontFamily","buenosAires","color","NEUTRAL_1"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/SentMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,aAAa,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIxF,OAAO,MAAMC,WAAW,gBAAGV,KAAK,CAACW,IAAI,CACnC,CAAC;EAAEC,OAAO;EAAEC,YAAY;EAAEC,eAAe,GAAGT,MAAM,CAACU;AAA2B,CAAC,KAAK;EAClF,MAAMC,IAAI,GAAGH,YAAY,GAAGD,OAAO,CAACK,iBAAiB,GAAGL,OAAO,CAACA,OAAO;EAEvE,oBACEH,IAAA,CAACN,IAAI;IAACe,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEN;IAAgB,CAAC,CAAE;IAAAO,QAAA,eACnDZ,IAAA,CAACP,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAACH,IAAK;MAAAK,QAAA,EAAEL;IAAI,CAAO;EAAC,CACnC,CAAC;AAEX,CACF,CAAC;AAED,MAAMG,MAAM,GAAGlB,UAAU,CAACqB,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,SAAS,EAAE,UAAU;IACrBC,QAAQ,EAAE,GAAG;IACbC,OAAO,EAAElB,OAAO,CAAC,GAAG,CAAC;IACrBmB,YAAY,EAAEtB,aAAa,CAAC,GAAG,CAAC;IAChCuB,uBAAuB,EAAE;EAC3B,CAAC;EACDX,IAAI,EAAE;IACJY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,GAAG;IACfC,UAAU,EAAExB,WAAW,CAACyB,WAAW;IACnCC,KAAK,EAAE3B,MAAM,CAAC4B;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/chatbot/components/ChatMessages/ChatbotMessages.js

@@ -7,6 +7,7 @@ import { ChatMessage } from "../ChatMessage/ChatMessage.js";
 import { MessageLoader } from "../ChatMessage/MessageLoader.js";
 import { Alternatives } from "../Alternatives/Alternatives.js";
 import { MessageVariant } from "../../types/model.types.js";
+import { COLORS } from '@magmamath/react-native-ui';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TOOLBAR_HEIGHT = 140;
 const BOTTOM_OFFSET = Platform.select({
@@ -26,6 +27,7 @@ export const ChatbotMessages = ({
   const currentPlayingId = useUnit(model.t2s.$currentPlayingId);
   const isTranslated = useUnit(model.translation.$isTranslated);
   const audioStatus = useUnit(model.t2s.$status);
+  const context = useUnit(model.$context);
   const messages = useStoreMap(model.$currentChatData, ({
     messages
   }) => messages);
@@ -53,19 +55,23 @@ export const ChatbotMessages = ({
       },
       children: [isOpen && /*#__PURE__*/_jsxs(View, {
         style: styles.gap,
-        children: [messages.map(message => /*#__PURE__*/_jsx(ChatMessage, {
-          isTranslated: isTranslated,
-          withIcon: !message.isOwnMessage && message.id === lastMessageId,
-          message: message,
-          variant: message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED,
-          t2sState: {
-            isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
-            isActive: message.id === currentPlayingId,
-            isLoading: isTextToSpeechPending,
-            status: audioStatus,
-            disabled: isTextToSpeechPending
-          }
-        }, message.id)), isHelpRequestPending && /*#__PURE__*/_jsx(MessageLoader, {})]
+        children: [messages.map(message => {
+          const backgroundColor = message.isOwnMessage ? context?.isPracticeMode ? COLORS.PRIMARY_YELLOW : COLORS.PRIMARY_BLUE : COLORS.NEUTRAL_3;
+          return /*#__PURE__*/_jsx(ChatMessage, {
+            isTranslated: isTranslated,
+            withIcon: !message.isOwnMessage && message.id === lastMessageId,
+            message: message,
+            variant: message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED,
+            backgroundColor: backgroundColor,
+            t2sState: {
+              isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
+              isActive: message.id === currentPlayingId,
+              isLoading: isTextToSpeechPending,
+              status: audioStatus,
+              disabled: isTextToSpeechPending
+            }
+          }, message.id);
+        }), isHelpRequestPending && /*#__PURE__*/_jsx(MessageLoader, {})]
       }), !isHelpRequestPending && isOpen && /*#__PURE__*/_jsx(Alternatives, {
         onPressAlternative: askChatForHelp,
         hasMessages: messages.length > 1,

package/dist/module/features/chatbot/components/ChatMessages/ChatbotMessages.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","Platform","ScrollView","StyleSheet","useWindowDimensions","View","useStoreMap","useUnit","ChatMessage","MessageLoader","Alternatives","MessageVariant","jsx","_jsx","jsxs","_jsxs","TOOLBAR_HEIGHT","BOTTOM_OFFSET","select","web","default","ChatbotMessages","model","isHintFeedback","isTextToSpeechEnabled","dimensions","ref","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","currentPlayingId","t2s","$currentPlayingId","isTranslated","translation","$isTranslated","audioStatus","$status","messages","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","askChatForHelp","message","translatedMessage","style","styles","container","maxHeight","children","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","map","withIcon","isOwnMessage","variant","SENT","RECEIVED","t2sState","isEnabled","isActive","isLoading","status","disabled","onPressAlternative","hasMessages","length","create","flex","alignItems","width","paddingVertical","paddingRight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessages/ChatbotMessages.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useRef","Platform","ScrollView","StyleSheet","useWindowDimensions","View","useStoreMap","useUnit","ChatMessage","MessageLoader","Alternatives","MessageVariant","COLORS","jsx","_jsx","jsxs","_jsxs","TOOLBAR_HEIGHT","BOTTOM_OFFSET","select","web","default","ChatbotMessages","model","isHintFeedback","isTextToSpeechEnabled","dimensions","ref","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","currentPlayingId","t2s","$currentPlayingId","isTranslated","translation","$isTranslated","audioStatus","$status","context","$context","messages","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","askChatForHelp","message","translatedMessage","style","styles","container","maxHeight","children","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","map","backgroundColor","isOwnMessage","isPracticeMode","PRIMARY_YELLOW","PRIMARY_BLUE","NEUTRAL_3","withIcon","variant","SENT","RECEIVED","t2sState","isEnabled","isActive","isLoading","status","disabled","onPressAlternative","hasMessages","length","create","flex","alignItems","width","paddingVertical","paddingRight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessages/ChatbotMessages.tsx"],"mappings":"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","ignoreList":[]}

package/dist/typescript/commonjs/features/chatbot/components/Alternatives/Alternatives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alternatives.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/Alternatives.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,iBAAiB,GAAG;IACvB,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,iBAAiB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACzE,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,YAAY,yDAItB,iBAAiB,sBA4BnB,CAAA"}
+{"version":3,"file":"Alternatives.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/Alternatives.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,KAAK,iBAAiB,GAAG;IACvB,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,iBAAiB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACzE,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,YAAY,yDAItB,iBAAiB,sBA8BnB,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/Alternatives/HelpRequestOption.d.ts

@@ -3,7 +3,8 @@ type HelpRequestOptionProps = {
     onPress: () => void;
     message: string;
     disabled: boolean;
+    hoverColor?: string;
 };
-export declare const HelpRequestOption: ({ onPress, message, disabled, }: HelpRequestOptionProps) => React.JSX.Element;
+export declare const HelpRequestOption: ({ onPress, message, disabled, hoverColor, }: HelpRequestOptionProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=HelpRequestOption.d.ts.map

package/dist/typescript/commonjs/features/chatbot/components/Alternatives/HelpRequestOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpRequestOption.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/HelpRequestOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,iBAAiB,oCAI3B,sBAAsB,sBAoCxB,CAAA"}
+{"version":3,"file":"HelpRequestOption.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/HelpRequestOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iBAAiB,gDAK3B,sBAAsB,sBAyCxB,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/ChatMessage.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Colors } from '@magmamath/react-native-ui';
 import { T2SState } from '../../types/t2s.types';
 import { MessageVariant } from '../../types/model.types';
 import { ConversationMessage } from '../../types/units.types';
@@ -8,6 +9,7 @@ type ChatMessageProps = {
     t2sState: T2SState;
     isTranslated?: boolean;
     withIcon?: boolean;
+    backgroundColor?: Colors;
 };
 export type VariantProps = Omit<ChatMessageProps, 'variant'>;
 export declare const ChatMessage: ({ variant, ...props }: ChatMessageProps) => React.JSX.Element;

package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/ChatMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ChatMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAG5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;AAO5D,eAAO,MAAM,WAAW,0BAA2B,gBAAgB,sBAGlE,CAAA"}
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ChatMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAInD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;AAO5D,eAAO,MAAM,WAAW,0BAA2B,gBAAgB,sBAGlE,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/SentMessage.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { VariantProps } from './ChatMessage';
-export declare const SentMessage: React.MemoExoticComponent<({ message, isTranslated }: VariantProps) => React.JSX.Element>;
+export declare const SentMessage: React.MemoExoticComponent<({ message, isTranslated, backgroundColor }: VariantProps) => React.JSX.Element>;
 //# sourceMappingURL=SentMessage.d.ts.map

package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/SentMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SentMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/SentMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,eAAO,MAAM,WAAW,wDAA0C,YAAY,uBAQ5E,CAAA"}
+{"version":3,"file":"SentMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/SentMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,eAAO,MAAM,WAAW,yEAC6C,YAAY,uBAShF,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/ChatMessages/ChatbotMessages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatbotMessages.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessages/ChatbotMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAGrC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMvD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;CAC/B,CAAA;AAQD,eAAO,MAAM,eAAe,sDAIzB,oBAAoB,sBAoEtB,CAAA"}
+{"version":3,"file":"ChatbotMessages.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessages/ChatbotMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAGrC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOvD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;CAC/B,CAAA;AAQD,eAAO,MAAM,eAAe,sDAIzB,oBAAoB,sBA8EtB,CAAA"}

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

@@ -73,6 +73,7 @@ export type ChatbotContext = {
     answer?: string | string[];
     translationTargetLanguage: string;
     imageDescription?: string;
+    isPracticeMode?: boolean;
 };
 export {};
 //# sourceMappingURL=model.types.d.ts.map

package/dist/typescript/commonjs/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/components/Alternatives/Alternatives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alternatives.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/Alternatives.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,iBAAiB,GAAG;IACvB,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,iBAAiB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACzE,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,YAAY,yDAItB,iBAAiB,sBA4BnB,CAAA"}
+{"version":3,"file":"Alternatives.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/Alternatives.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,KAAK,iBAAiB,GAAG;IACvB,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,iBAAiB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACzE,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,YAAY,yDAItB,iBAAiB,sBA8BnB,CAAA"}

package/dist/typescript/module/features/chatbot/components/Alternatives/HelpRequestOption.d.ts

@@ -3,7 +3,8 @@ type HelpRequestOptionProps = {
     onPress: () => void;
     message: string;
     disabled: boolean;
+    hoverColor?: string;
 };
-export declare const HelpRequestOption: ({ onPress, message, disabled, }: HelpRequestOptionProps) => React.JSX.Element;
+export declare const HelpRequestOption: ({ onPress, message, disabled, hoverColor, }: HelpRequestOptionProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=HelpRequestOption.d.ts.map

package/dist/typescript/module/features/chatbot/components/Alternatives/HelpRequestOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpRequestOption.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/HelpRequestOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,iBAAiB,oCAI3B,sBAAsB,sBAoCxB,CAAA"}
+{"version":3,"file":"HelpRequestOption.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Alternatives/HelpRequestOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAK1D,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iBAAiB,gDAK3B,sBAAsB,sBAyCxB,CAAA"}

package/dist/typescript/module/features/chatbot/components/ChatMessage/ChatMessage.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Colors } from '@magmamath/react-native-ui';
 import { T2SState } from '../../types/t2s.types';
 import { MessageVariant } from '../../types/model.types';
 import { ConversationMessage } from '../../types/units.types';
@@ -8,6 +9,7 @@ type ChatMessageProps = {
     t2sState: T2SState;
     isTranslated?: boolean;
     withIcon?: boolean;
+    backgroundColor?: Colors;
 };
 export type VariantProps = Omit<ChatMessageProps, 'variant'>;
 export declare const ChatMessage: ({ variant, ...props }: ChatMessageProps) => React.JSX.Element;

package/dist/typescript/module/features/chatbot/components/ChatMessage/ChatMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ChatMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAG5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;AAO5D,eAAO,MAAM,WAAW,0BAA2B,gBAAgB,sBAGlE,CAAA"}
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ChatMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAInD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;AAO5D,eAAO,MAAM,WAAW,0BAA2B,gBAAgB,sBAGlE,CAAA"}

package/dist/typescript/module/features/chatbot/components/ChatMessage/SentMessage.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { VariantProps } from './ChatMessage';
-export declare const SentMessage: React.MemoExoticComponent<({ message, isTranslated }: VariantProps) => React.JSX.Element>;
+export declare const SentMessage: React.MemoExoticComponent<({ message, isTranslated, backgroundColor }: VariantProps) => React.JSX.Element>;
 //# sourceMappingURL=SentMessage.d.ts.map

package/dist/typescript/module/features/chatbot/components/ChatMessage/SentMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SentMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/SentMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,eAAO,MAAM,WAAW,wDAA0C,YAAY,uBAQ5E,CAAA"}
+{"version":3,"file":"SentMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/SentMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,eAAO,MAAM,WAAW,yEAC6C,YAAY,uBAShF,CAAA"}

package/dist/typescript/module/features/chatbot/components/ChatMessages/ChatbotMessages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatbotMessages.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessages/ChatbotMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAGrC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMvD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;CAC/B,CAAA;AAQD,eAAO,MAAM,eAAe,sDAIzB,oBAAoB,sBAoEtB,CAAA"}
+{"version":3,"file":"ChatbotMessages.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessages/ChatbotMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAGrC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOvD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;CAC/B,CAAA;AAQD,eAAO,MAAM,eAAe,sDAIzB,oBAAoB,sBA8EtB,CAAA"}

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

@@ -73,6 +73,7 @@ export type ChatbotContext = {
     answer?: string | string[];
     translationTargetLanguage: string;
     imageDescription?: string;
+    isPracticeMode?: boolean;
 };
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.6.9",
+  "version": "0.6.11-rc.0",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",
@@ -28,6 +28,8 @@
   },
   "devDependencies": {
     "@magmamath/react-native-ui": "0.4.22",
+    "effector": "^23.2.3",
+    "effector-react": "^23.2.1",
     "@react-native/eslint-config": "^0.73.1",
     "@release-it/conventional-changelog": "^9.0.2",
     "@types/jest": "^29.5.5",

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

@@ -1,6 +1,8 @@
 import React from 'react'
 import { StyleSheet, View } from 'react-native'
 import { useStoreMap, useUnit } from 'effector-react'
+import { COLORS } from '@magmamath/react-native-ui'
+
 import { HelpRequestOption } from './HelpRequestOption'
 import { useChatModel } from '../../context/ChatBotModelContext'
 
@@ -23,6 +25,7 @@ export const Alternatives = ({
     const lastMessage = messages.at(-1)
     return lastMessage?.options ?? []
   })
+  const context = useUnit(model.$context)
 
   const options = (() => {
     if (hasMessages) return lastMessageOptions
@@ -38,6 +41,7 @@ export const Alternatives = ({
           onPress={() => onPressAlternative(text, translatedText)}
           message={isTranslated ? (translatedText as string) : text}
           disabled={isTranslationPending}
+          hoverColor={context?.isPracticeMode ? COLORS.PRIMARY_YELLOW : COLORS.PRIMARY_BLUE}
         />
       ))}
     </View>

package/src/features/chatbot/components/Alternatives/HelpRequestOption.tsx

@@ -1,44 +1,40 @@
-import React from 'react'
-import { useEffect, useRef, useState } from 'react'
-import { Animated, Platform, Pressable, StyleSheet } from 'react-native'
+import React, { useEffect, useRef, useState } from 'react'
+import { Animated, Pressable, StyleSheet } from 'react-native'
+import { COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui'
 import { ArrowRightIcon } from '../../../../shared/icons/ArrowRightIcon'
 
-const transitionColor = (isHovered: boolean, value: Animated.Value) =>
-  Animated.timing(value, {
-    toValue: isHovered ? 1 : 0,
-    duration: 200,
-    useNativeDriver: Platform.OS !== 'web',
-  }).start()
-
 type HelpRequestOptionProps = {
   onPress: () => void
   message: string
   disabled: boolean
+  hoverColor?: string
 }
 
 export const HelpRequestOption = ({
   onPress,
   message,
   disabled = false,
+  hoverColor = COLORS.PRIMARY_BLUE,
 }: HelpRequestOptionProps) => {
   const [isHovered, setIsHovered] = useState(false)
+  const hoverAnim = useRef(new Animated.Value(0)).current
 
-  const backgroundColor = useRef(new Animated.Value(0)).current
-  const backgroundInterpolation = backgroundColor.interpolate({
+  const backgroundColor = hoverAnim.interpolate({
     inputRange: [0, 1],
-    outputRange: ['#FFFFFF', '#55ABE0'],
+    outputRange: [COLORS.NEUTRAL_1, hoverColor],
   })
-
-  const textColor = useRef(new Animated.Value(0)).current
-  const textInterpolation = textColor.interpolate({
+  const textColor = hoverAnim.interpolate({
     inputRange: [0, 1],
-    outputRange: ['#33334D', '#FFFFFF'],
+    outputRange: [COLORS.NEUTRAL_10, COLORS.NEUTRAL_1],
   })
 
   useEffect(() => {
-    transitionColor(isHovered, backgroundColor)
-    transitionColor(isHovered, textColor)
-  }, [isHovered])
+    Animated.timing(hoverAnim, {
+      toValue: isHovered ? 1 : 0,
+      duration: 200,
+      useNativeDriver: false,
+    }).start()
+  }, [isHovered, hoverAnim])
 
   return (
     <Pressable
@@ -47,12 +43,16 @@ export const HelpRequestOption = ({
       onPress={onPress}
       style={styles.button}
       disabled={disabled}
+      accessibilityState={{ disabled }}
+      accessibilityRole="button"
     >
-      <Animated.View style={[styles.textWrapper, { backgroundColor: backgroundInterpolation }]}>
-        <Animated.Text numberOfLines={1} style={[styles.text, { color: textInterpolation }]}>
+      <Animated.View
+        style={[styles.textWrapper, { backgroundColor, borderColor: backgroundColor }]}
+      >
+        <Animated.Text numberOfLines={1} style={[styles.text, { color: textColor }]}>
           {message}
         </Animated.Text>
-        <ArrowRightIcon color={isHovered ? '#FFFFFF' : '#33334D'} />
+        <ArrowRightIcon color={isHovered ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_10} />
       </Animated.View>
     </Pressable>
   )
@@ -68,8 +68,8 @@ const styles = StyleSheet.create({
   text: {
     fontSize: 20,
     fontWeight: 400,
-    fontFamily: 'Buenos Aires',
-    color: '#33334D',
+    fontFamily: FONT_FAMILY.buenosAires,
+    color: COLORS.NEUTRAL_10,
   },
   textWrapper: {
     flex: 1,
@@ -77,16 +77,15 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'space-between',
     maxWidth: 305,
-    paddingHorizontal: 16,
-    paddingVertical: 8,
+    paddingHorizontal: SPACING[400],
+    paddingVertical: SPACING[200],
     borderWidth: 1,
     borderRadius: 48,
-    borderColor: '#55ABE0',
     elevation: 3,
     shadowColor: '#333',
     shadowOffset: { width: 0, height: 1 },
     shadowOpacity: 0.25,
     shadowRadius: 3,
-    backgroundColor: '#FFFFFF',
+    backgroundColor: COLORS.NEUTRAL_1,
   },
 })

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

@@ -1,4 +1,6 @@
 import React, { ComponentType } from 'react'
+import { Colors } from '@magmamath/react-native-ui'
+
 import { ReceivedMessage } from './ReceivedMessage'
 import { SentMessage } from './SentMessage'
 import { T2SState } from '../../types/t2s.types'
@@ -11,6 +13,7 @@ type ChatMessageProps = {
   t2sState: T2SState
   isTranslated?: boolean
   withIcon?: boolean
+  backgroundColor?: Colors
 }
 
 export type VariantProps = Omit<ChatMessageProps, 'variant'>

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

@@ -1,30 +1,33 @@
 import React from 'react'
 import { StyleSheet, Text, View } from 'react-native'
+import { BORDER_RADIUS, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui'
+
 import { VariantProps } from './ChatMessage'
 
-export const SentMessage = React.memo(({ message, isTranslated }: VariantProps) => {
-  const text = isTranslated ? message.translatedMessage : message.message
+export const SentMessage = React.memo(
+  ({ message, isTranslated, backgroundColor = COLORS.PRIMARY_BLUE }: VariantProps) => {
+    const text = isTranslated ? message.translatedMessage : message.message
 
-  return (
-    <View style={styles.container}>
-      <Text style={styles.text}>{text}</Text>
-    </View>
-  )
-})
+    return (
+      <View style={[styles.container, { backgroundColor }]}>
+        <Text style={styles.text}>{text}</Text>
+      </View>
+    )
+  },
+)
 
 const styles = StyleSheet.create({
   container: {
     alignSelf: 'flex-end',
     maxWidth: 305,
-    padding: 8,
-    borderRadius: 8,
+    padding: SPACING[200],
+    borderRadius: BORDER_RADIUS[200],
     borderBottomRightRadius: 0,
-    backgroundColor: '#55ABE0',
   },
   text: {
     fontSize: 20,
     fontWeight: 400,
-    fontFamily: 'Buenos Aires',
-    color: '#FFF',
+    fontFamily: FONT_FAMILY.buenosAires,
+    color: COLORS.NEUTRAL_1,
   },
 })

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

@@ -6,6 +6,7 @@ import { ChatMessage } from '../ChatMessage/ChatMessage'
 import { MessageLoader } from '../ChatMessage/MessageLoader'
 import { Alternatives } from '../Alternatives/Alternatives'
 import { MessageVariant } from '../../types/model.types'
+import { COLORS } from '@magmamath/react-native-ui'
 
 type ChatbotMessagesProps = {
   model: ChatbotModel
@@ -34,6 +35,7 @@ export const ChatbotMessages = ({
   const currentPlayingId = useUnit(model.t2s.$currentPlayingId)
   const isTranslated = useUnit(model.translation.$isTranslated)
   const audioStatus = useUnit(model.t2s.$status)
+  const context = useUnit(model.$context)
 
   const messages = useStoreMap(model.$currentChatData, ({ messages }) => messages)
   const lastMessageId = messages.at(-1)?.id
@@ -60,22 +62,31 @@ export const ChatbotMessages = ({
       >
         {isOpen && (
           <View style={styles.gap}>
-            {messages.map((message) => (
-              <ChatMessage
-                key={message.id}
-                isTranslated={isTranslated}
-                withIcon={!message.isOwnMessage && message.id === lastMessageId}
-                message={message}
-                variant={message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED}
-                t2sState={{
-                  isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
-                  isActive: message.id === currentPlayingId,
-                  isLoading: isTextToSpeechPending,
-                  status: audioStatus,
-                  disabled: isTextToSpeechPending,
-                }}
-              />
-            ))}
+            {messages.map((message) => {
+              const backgroundColor = message.isOwnMessage
+                ? context?.isPracticeMode
+                  ? COLORS.PRIMARY_YELLOW
+                  : COLORS.PRIMARY_BLUE
+                : COLORS.NEUTRAL_3
+
+              return (
+                <ChatMessage
+                  key={message.id}
+                  isTranslated={isTranslated}
+                  withIcon={!message.isOwnMessage && message.id === lastMessageId}
+                  message={message}
+                  variant={message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED}
+                  backgroundColor={backgroundColor}
+                  t2sState={{
+                    isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
+                    isActive: message.id === currentPlayingId,
+                    isLoading: isTextToSpeechPending,
+                    status: audioStatus,
+                    disabled: isTextToSpeechPending,
+                  }}
+                />
+              )
+            })}
 
             {isHelpRequestPending && <MessageLoader />}
           </View>

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

@@ -104,4 +104,5 @@ export type ChatbotContext = {
   answer?: string | string[]
   translationTargetLanguage: string
   imageDescription?: string
+  isPracticeMode?: boolean
 }

package/.editorconfig

@@ -1,15 +0,0 @@
-# EditorConfig helps developers define and maintain consistent
-# coding styles between different editors and IDEs
-# editorconfig.org
-
-root = true
-
-[*]
-
-indent_style = space
-indent_size = 2
-
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true

package/.eslintignore

@@ -1,2 +0,0 @@
-node_modules/
-./lib/

package/.eslintrc

@@ -1,22 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "es2020": true
-  },
-  "extends": [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:react-hooks/recommended",
-    "plugin:storybook/recommended",
-    "prettier"
-  ],
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "ecmaVersion": "latest",
-    "sourceType": "module"
-  },
-  "plugins": ["react-refresh"],
-  "rules": {
-    "react-refresh/only-export-components": "warn"
-  }
-}

package/.gitattributes

@@ -1,3 +0,0 @@
-*.pbxproj -text
-# specific for windows script files
-*.bat text eol=crlf