@magmamath/students-features 0.11.0-rc.21 → 0.11.0-rc.23

package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadeMask.web.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAiC,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,oBAAY,YAAY;IACtB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AACD,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;AAEnE,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CAC/C,CAAA;AAUD,eAAO,MAAM,YAAY,MAAO,iBAAiB,SAAS,CAAA;AAE1D,eAAO,MAAM,aAAa;;uBAKc,YAAY,GAAG,SAAS;;CAO/D,CAAA"}

package/dist/typescript/module/features/chatbot/components/Chat/useChatScroll.d.ts

@@ -10,7 +10,7 @@ export declare const useChatScroll: () => {
     listRef: import("react").RefObject<FlatList<any>>;
     scroll: import("react").MutableRefObject<ScrollState>;
     isScrolledUp: boolean;
-    fadeRef: import("react").MutableRefObject<import("./FadeMask").FadeUpdateFn | null>;
+    fadeRef: import("react").MutableRefObject<import("./FadeMask.web").FadeUpdateFn | null>;
     webMask: import("react-native").ViewStyle | undefined;
     handleScroll: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
     handleLayout: (e: {

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

@@ -9,7 +9,7 @@ export type ChatbotMessages = {
     start: ConversationMessage;
     endMessage: ConversationMessage;
     anotherHintOption: ChatAnswer;
-    wantHelp: ChatAnswer;
+    giveHint: ChatAnswer;
 };
 export type ChatbotApiRequests = {
     getAlternatives: (props: GetAlternativesPayload) => Promise<GetAlternativesResponse>;

package/dist/typescript/module/shared/translation/constants.d.ts

@@ -23,7 +23,6 @@ export declare const LOCALIZATION_CONFIGS: {
             howCanIHelp: string;
             showError: string;
             inputPlaceholder: string;
-            wantHelp: string;
         };
         gifCelebrations: {
             greatStart: string;
@@ -85,7 +84,6 @@ export declare const LOCALIZATION_CONFIGS: {
             howCanIHelp: string;
             showError: string;
             inputPlaceholder: string;
-            wantHelp: string;
         };
         gifCelebrations: {
             greatStart: string;
@@ -147,7 +145,6 @@ export declare const LOCALIZATION_CONFIGS: {
             howCanIHelp: string;
             showError: string;
             inputPlaceholder: string;
-            wantHelp: string;
         };
         gifCelebrations: {
             greatStart: string;
@@ -209,7 +206,6 @@ export declare const LOCALIZATION_CONFIGS: {
             howCanIHelp: string;
             showError: string;
             inputPlaceholder: string;
-            wantHelp: string;
         };
         gifCelebrations: {
             greatStart: string;
@@ -271,7 +267,6 @@ export declare const LOCALIZATION_CONFIGS: {
             howCanIHelp: string;
             showError: string;
             inputPlaceholder: string;
-            wantHelp: string;
         };
         gifCelebrations: {
             greatStart: string;
@@ -333,7 +328,6 @@ export declare const LOCALIZATION_CONFIGS: {
             howCanIHelp: string;
             showError: string;
             inputPlaceholder: string;
-            wantHelp: string;
         };
         gifCelebrations: {
             greatStart: string;

package/dist/typescript/module/shared/translation/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/constants.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOhC,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/constants.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOhC,CAAA"}

package/dist/typescript/module/shared/translation/model.d.ts

@@ -24,7 +24,6 @@ export declare const setLocalization: import("effector").EventCallable<{
         howCanIHelp: string;
         showError: string;
         inputPlaceholder: string;
-        wantHelp: string;
     };
     gifCelebrations: {
         greatStart: string;
@@ -86,7 +85,6 @@ export declare const $localization: import("effector").StoreWritable<{
         howCanIHelp: string;
         showError: string;
         inputPlaceholder: string;
-        wantHelp: string;
     };
     gifCelebrations: {
         greatStart: string;

package/dist/typescript/module/shared/translation/model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/model.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,YAAY,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAElD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cACD,OAAO,oBAAoB,KAAK,YAAY,EACpE,CAAA;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMzB,CAAA"}
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/model.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,YAAY,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAElD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cACD,OAAO,oBAAoB,KAAK,YAAY,EACpE,CAAA;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMzB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.11.0-rc.21",
+  "version": "0.11.0-rc.23",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/chatbot/components/Chat/{FadeMask.tsx → FadeMask.native.tsx}

@@ -1,17 +1,13 @@
 import React, { MutableRefObject, useCallback, useRef, useState } from 'react'
-import { StyleSheet, ViewStyle } from 'react-native'
-import { IS_WEB } from '@magmamath/react-native-ui'
+import { StyleSheet } from 'react-native'
+import { LinearGradient } from 'react-native-linear-gradient'
 
-export type FadePosition = 'top' | 'bottom' | 'both'
-export type FadeUpdateFn = (fade: FadePosition | undefined) => void
-
-const WEB_MASKS: Record<FadePosition, ViewStyle> = {
-  top: { maskImage: 'linear-gradient(to top, transparent, black 10%, black)' } as any,
-  bottom: { maskImage: 'linear-gradient(to bottom, transparent, black 10%, black)' } as any,
-  both: {
-    maskImage: 'linear-gradient(to top, transparent, black 10%, black 90%, transparent)',
-  } as any,
+export enum FadePosition {
+  TOP = 'top',
+  BOTTOM = 'bottom',
+  BOTH = 'both',
 }
+export type FadeUpdateFn = (fade: FadePosition | undefined) => void
 
 const FADE_HEIGHT = 35
 
@@ -19,13 +15,12 @@ type FadeOverlaysProps = {
   fadeRef: MutableRefObject<FadeUpdateFn | null>
 }
 
-const NativeFadeOverlays = ({ fadeRef }: FadeOverlaysProps) => {
-  const { LinearGradient } = require('react-native-linear-gradient')
+export const FadeOverlays = ({ fadeRef }: FadeOverlaysProps) => {
   const [fade, setFade] = useState<FadePosition | undefined>(undefined)
   fadeRef.current = setFade
 
-  const showTop = fade === 'top' || fade === 'both'
-  const showBottom = fade === 'bottom' || fade === 'both'
+  const showTop = fade === FadePosition.TOP || fade === FadePosition.BOTH
+  const showBottom = fade === FadePosition.BOTTOM || fade === FadePosition.BOTH
 
   return (
     <>
@@ -47,25 +42,7 @@ const NativeFadeOverlays = ({ fadeRef }: FadeOverlaysProps) => {
   )
 }
 
-const NoopOverlays = (_: FadeOverlaysProps) => null
-
-export const FadeOverlays = IS_WEB ? NoopOverlays : NativeFadeOverlays
-
-const useWebFadeUpdate = () => {
-  const fadeRef = useRef<FadeUpdateFn | null>(null)
-  const lastFade = useRef<FadePosition | undefined>(undefined)
-  const [webMask, setWebMask] = useState<ViewStyle | undefined>(undefined)
-
-  const updateFade = useCallback((fade: FadePosition | undefined) => {
-    if (fade === lastFade.current) return
-    lastFade.current = fade
-    setWebMask(fade ? WEB_MASKS[fade] : undefined)
-  }, [])
-
-  return { fadeRef, updateFade, webMask }
-}
-
-const useNativeFadeUpdate = () => {
+export const useFadeUpdate = () => {
   const fadeRef = useRef<FadeUpdateFn | null>(null)
   const lastFade = useRef<FadePosition | undefined>(undefined)
 
@@ -78,8 +55,6 @@ const useNativeFadeUpdate = () => {
   return { fadeRef, updateFade, webMask: undefined }
 }
 
-export const useFadeUpdate = IS_WEB ? useWebFadeUpdate : useNativeFadeUpdate
-
 const styles = StyleSheet.create({
   gradient: {
     position: 'absolute',

package/src/features/chatbot/components/Chat/FadeMask.ts

@@ -0,0 +1,2 @@
+export { FadePosition, FadeOverlays, useFadeUpdate } from './FadeMask.web'
+export type { FadeUpdateFn } from './FadeMask.web'

package/src/features/chatbot/components/Chat/FadeMask.web.tsx

@@ -0,0 +1,37 @@
+import { MutableRefObject, useCallback, useRef, useState } from 'react'
+import { ViewStyle } from 'react-native'
+
+export enum FadePosition {
+  TOP = 'top',
+  BOTTOM = 'bottom',
+  BOTH = 'both',
+}
+export type FadeUpdateFn = (fade: FadePosition | undefined) => void
+
+type FadeOverlaysProps = {
+  fadeRef: MutableRefObject<FadeUpdateFn | null>
+}
+
+const WEB_MASKS: Record<FadePosition, ViewStyle> = {
+  [FadePosition.TOP]: { maskImage: 'linear-gradient(to top, transparent, black 10%, black)' } as any,
+  [FadePosition.BOTTOM]: { maskImage: 'linear-gradient(to bottom, transparent, black 10%, black)' } as any,
+  [FadePosition.BOTH]: {
+    maskImage: 'linear-gradient(to top, transparent, black 10%, black 90%, transparent)',
+  } as any,
+}
+
+export const FadeOverlays = (_: FadeOverlaysProps) => null
+
+export const useFadeUpdate = () => {
+  const fadeRef = useRef<FadeUpdateFn | null>(null)
+  const lastFade = useRef<FadePosition | undefined>(undefined)
+  const [webMask, setWebMask] = useState<ViewStyle | undefined>(undefined)
+
+  const updateFade = useCallback((fade: FadePosition | undefined) => {
+    if (fade === lastFade.current) return
+    lastFade.current = fade
+    setWebMask(fade ? WEB_MASKS[fade] : undefined)
+  }, [])
+
+  return { fadeRef, updateFade, webMask }
+}

package/src/features/chatbot/components/Chat/useChatScroll.ts

@@ -19,11 +19,11 @@ const initialScrollState: ScrollState = {
   contentHeight: 0,
 }
 
-const computeFade = (s: ScrollState): FadePosition | undefined => {
-  if (!s.isScrollable) return undefined
-  if (s.isAtTop) return 'bottom'
-  if (s.isScrolledUp) return 'both'
-  return 'top'
+const computeFade = (scrollState: ScrollState) => {
+  if (!scrollState.isScrollable) return undefined
+  if (scrollState.isAtTop) return FadePosition.BOTTOM
+  if (scrollState.isScrolledUp) return FadePosition.BOTH
+  return FadePosition.TOP
 }
 
 export const useChatScroll = () => {

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

@@ -27,7 +27,7 @@ export const ChatControls = ({
 }: ChatControlsProps) => {
   const isOpen = useUnit(model.$isOpen)
   const isTranslated = useUnit(model.translation.$isTranslated)
-  const wantHelp = model.textManager.messages.wantHelp
+  const giveHint = model.textManager.messages.giveHint
   // const [isHelpButtonVisible, setIsHelpButtonVisible] = useState(withHelpButton)
 
   // useEffect(() => {
@@ -55,7 +55,7 @@ export const ChatControls = ({
               onPress={onPressHelpButton}
               style={{ text: styles.helpButtonText }}
             >
-              {(isTranslated && wantHelp.translatedText) || wantHelp.text}
+              {(isTranslated && giveHint.translatedText) || giveHint.text}
             </Button>
           )}
           <Pressable onPress={onPressChatIcon}>

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

@@ -16,7 +16,7 @@ export class ChatBotTextManager {
     start: this.messagesCreator.createMessage('chat.howCanIHelp'),
     endMessage: this.messagesCreator.createMessage('chat.answerAgain'),
     anotherHintOption: this.messagesCreator.createOption('chat.anotherHint'),
-    wantHelp: this.messagesCreator.createOption('chat.wantHelp'),
+    giveHint: this.messagesCreator.createOption('chat.giveHint'),
   }
   private readonly defaultMessages = { ...this.messages }
 

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

@@ -153,7 +153,7 @@ export class ChatbotTranslation {
       }
 
       const defaultMessages = [this.defaultMessages.error, this.defaultMessages.endMessage]
-      const defaultOptions = [this.defaultMessages.anotherHintOption, this.defaultMessages.wantHelp]
+      const defaultOptions = [this.defaultMessages.anotherHintOption, this.defaultMessages.giveHint]
       const options = getOptionsForTranslation({ lastMessage: messages.at(-1), alternatives })
 
       const translatedTextsList = await this.translateRequest({

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

@@ -25,7 +25,7 @@ export type ChatbotMessages = {
   start: ConversationMessage
   endMessage: ConversationMessage
   anotherHintOption: ChatAnswer
-  wantHelp: ChatAnswer
+  giveHint: ChatAnswer
 }
 
 export type ChatbotApiRequests = {

package/src/shared/translation/localization/ca.json

@@ -21,8 +21,7 @@
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
     "showError": "Show error",
-    "inputPlaceholder": "Type...",
-    "wantHelp": "Want some help?"
+    "inputPlaceholder": "Type..."
   },
   "gifCelebrations": {
     "greatStart": "Great start!",

package/src/shared/translation/localization/de.json

@@ -21,8 +21,7 @@
     "errorMessage": "Etwas ist schiefgelaufen! Versuch es erneut",
     "howCanIHelp": "Hi! Möchtest du Hilfe?",
     "showError": "Fehler anzeigen",
-    "inputPlaceholder": "Tippe...",
-    "wantHelp": "Brauchst du Hilfe?"
+    "inputPlaceholder": "Tippe..."
   },
   "gifCelebrations": {
     "greatStart": "Toller Start!",

package/src/shared/translation/localization/en.json

@@ -21,8 +21,7 @@
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
     "showError": "Show error",
-    "inputPlaceholder": "Type...",
-    "wantHelp": "Want some help?"
+    "inputPlaceholder": "Type..."
   },
   "gifCelebrations": {
     "greatStart": "Great start!",

package/src/shared/translation/localization/gb.json

@@ -21,8 +21,7 @@
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
     "showError": "Show error",
-    "inputPlaceholder": "Type...",
-    "wantHelp": "Want some help?"
+    "inputPlaceholder": "Type..."
   },
   "gifCelebrations": {
     "greatStart": "Great start!",

package/src/shared/translation/localization/sct.json

@@ -21,8 +21,7 @@
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",
     "showError": "Show error",
-    "inputPlaceholder": "Type...",
-    "wantHelp": "Want some help?"
+    "inputPlaceholder": "Type..."
   },
   "gifCelebrations": {
     "greatStart": "Great start!",

package/src/shared/translation/localization/sw.json

@@ -21,8 +21,7 @@
     "errorMessage": "Något gick snett! Försök igen",
     "howCanIHelp": "Hej! Hur kan jag hjälpa dig?",
     "showError": "Visa fel",
-    "inputPlaceholder": "Skriv...",
-    "wantHelp": "Vill du ha hjälp?"
+    "inputPlaceholder": "Skriv..."
   },
   "gifCelebrations": {
     "greatStart": "Bra start!",