@magmamath/students-features 0.6.14-rc.8 → 0.6.14

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

@@ -1,5 +1,3 @@
-import { ColorScheme } from './style.types'
-
 export type Stroke = {
   x: number[]
   y: number[]
@@ -37,23 +35,3 @@ export type ChatItem = {
   isAvailable: boolean
   currentThread: IThreadItem | null
 }
-
-export type ChatInputAreaProps = {
-  onPressAlternative: (message: string, translatedMessage?: string) => void
-  hasMessages: boolean
-  isHintFeedback: boolean
-  inputMode: ChatInputMode
-  colorScheme?: ColorScheme
-}
-
-export enum ChatInputMode {
-  FreeText = 1,
-  Option = 2,
-}
-
-export type ChatInputProps = {
-  message: string
-  disabled: boolean
-  onPress: () => void
-  colorScheme: ColorScheme
-}

package/src/features/exampleSolution/ExampleSolutionModal.tsx

@@ -18,12 +18,6 @@ export const ExampleSolutionModal = ({
       container: { paddingHorizontal: SPACING[800] },
     }}
     onClose={closeModal}
-    content={
-      <ExampleSolutionModalContent
-        model={params.model}
-        payload={params.payload}
-        cacheKey={params.cacheKey}
-      />
-    }
+    content={<ExampleSolutionModalContent params={params} />}
   />
 )

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

@@ -10,11 +10,13 @@ import { QuestionSection } from './QuestionSection'
 import { SolutionSection } from './SolutionSection'
 import { useExampleSolution } from '../hooks/useExampleSolution'
 
+type ExampleSolutionModalContentProps = {
+  params: ExampleSolutionModalParams
+}
+
 export const ExampleSolutionModalContent = ({
-  model,
-  payload,
-  cacheKey,
-}: ExampleSolutionModalParams) => {
+  params: { model, payload, cacheKey },
+}: ExampleSolutionModalContentProps) => {
   const { result, status } = useExampleSolution({ model, payload, cacheKey })
   const localization = useUnit($localization)
 
@@ -24,7 +26,11 @@ export const ExampleSolutionModalContent = ({
         {localization.exampleSolution.exampleSolution}
       </Typography>
       <View style={styles.content}>
-        <QuestionSection status={status} question={result?.question} />
+        <QuestionSection
+          status={status}
+          question={result?.question}
+          renderKatexComponent={model.renderKatexComponent}
+        />
         <SolutionSection status={status} answer={result?.answer} />
       </View>
       <MessageBlock status={status} style={styles.messageBlock} />
@@ -53,8 +59,8 @@ const styles = StyleSheet.create({
   },
   lavaIconContainer: {
     position: 'absolute',
-    bottom: -54,
-    right: -50,
+    bottom: -24,
+    right: -26,
   },
   loaderContainer: {
     paddingTop: 34,
@@ -65,7 +71,7 @@ const styles = StyleSheet.create({
   },
   messageBlock: {
     position: 'absolute',
-    right: 38,
-    bottom: -22,
+    right: 58,
+    bottom: -12,
   },
 })

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

@@ -1,20 +1,23 @@
-import { StyleSheet, View, ScrollView } from 'react-native'
+import { StyleSheet, View } from 'react-native'
 import React from 'react'
-import { COLORS, Loader, LoaderColor, SPACING, Typography } from '@magmamath/react-native-ui'
+import { COLORS, Loader, LoaderColor, SPACING } from '@magmamath/react-native-ui'
 import Animated, { FadeOut } from 'react-native-reanimated'
 import { ExampleSolutionStatuses } from '../constants'
 
 type QuestionSectionProps = {
   question?: string
   status: ExampleSolutionStatuses
+  renderKatexComponent: (katexString: string) => React.ReactNode
 }
 
-export const QuestionSection = ({ question, status }: QuestionSectionProps) => {
+export const QuestionSection = ({
+  question,
+  status,
+  renderKatexComponent,
+}: QuestionSectionProps) => {
   return (
     <View style={styles.container}>
-      <ScrollView style={styles.scrollView}>
-        <Typography>{question}</Typography>
-      </ScrollView>
+      {question && <View style={styles.katexContainer}>{renderKatexComponent(question)}</View>}
       {status === ExampleSolutionStatuses.LOADING && (
         <Animated.View exiting={FadeOut} style={styles.loaderContainer}>
           <Loader size="large" color={LoaderColor.BLUE} />
@@ -28,12 +31,13 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
   },
-  scrollView: {
+  katexContainer: {
     flex: 1,
   },
   loaderContainer: {
     paddingTop: 34,
     position: 'absolute',
+    zIndex: 100,
     width: '100%',
     height: '100%',
     backgroundColor: COLORS.NEUTRAL_1,

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

@@ -1,15 +1,21 @@
-import { StyleSheet, View, Image, Text } from 'react-native'
+import { StyleSheet, View, Image, ImageBackground, ScrollView } from 'react-native'
 import React from 'react'
 import { COLORS, IS_WEB, SPACING } from '@magmamath/react-native-ui'
 import Animated, { FadeIn } from 'react-native-reanimated'
 import { ExampleSolutionStatuses } from '../constants'
-import gridImage from '../assets/grid.png'
+import gridImage from '../assets/grid.webp'
 
 type SolutionSectionProps = {
   answer?: string
   status: ExampleSolutionStatuses
 }
 
+const CONTAINER_SIZES = {
+  width: 489,
+  height: 543,
+}
+const BORDER_WIDTH = 1
+
 const gridImagePath = !IS_WEB ? Image.resolveAssetSource(gridImage).uri : gridImage
 
 export const SolutionSection = ({ answer, status }: SolutionSectionProps) => {
@@ -19,51 +25,78 @@ export const SolutionSection = ({ answer, status }: SolutionSectionProps) => {
 
   return (
     <View style={styles.container}>
-      <Image
-        source={{ uri: gridImagePath }}
-        style={[styles.gridImage, IS_WEB && styles.gridImageWeb]}
-      />
-      {shouldShowAnswer && (
-        <Animated.ScrollView
-          style={styles.solutionScroll}
-          contentContainerStyle={styles.solutionScrollContent}
-          entering={status === 'cache' ? undefined : FadeIn.delay(1000).duration(500)}
-        >
-          <Text style={styles.solutionText}>{answer}</Text>
-        </Animated.ScrollView>
-      )}
+      <ScrollView
+        style={styles.solutionScroll}
+        contentContainerStyle={styles.solutionScrollContent}
+        bounces
+      >
+        {IS_WEB ? (
+          <ImageBackground
+            resizeMode="repeat"
+            style={[styles.gridImageWeb]}
+            source={{ uri: gridImagePath }}
+          >
+            {shouldShowAnswer && (
+              <Animated.Text
+                entering={status === 'cache' ? undefined : FadeIn.delay(1000).duration(500)}
+                style={styles.solutionText}
+              >
+                {answer}
+              </Animated.Text>
+            )}
+          </ImageBackground>
+        ) : (
+          <>
+            <ImageBackground
+              resizeMode="repeat"
+              style={styles.gridImageRn}
+              source={{ uri: gridImagePath }}
+            />
+            {shouldShowAnswer && (
+              <Animated.Text
+                entering={status === 'cache' ? undefined : FadeIn.delay(1000).duration(500)}
+                style={styles.solutionText}
+              >
+                {answer}
+              </Animated.Text>
+            )}
+          </>
+        )}
+      </ScrollView>
     </View>
   )
 }
 
 const styles = StyleSheet.create({
   container: {
-    width: 500,
+    width: CONTAINER_SIZES.width,
+    height: CONTAINER_SIZES.height,
     overflow: 'hidden',
     borderRadius: 8,
-    borderWidth: 1,
+    borderWidth: BORDER_WIDTH,
     borderColor: COLORS.NEUTRAL_5,
   },
-  gridImage: {
+  gridImageRn: {
+    top: -327,
     width: '100%',
-    height: '100%',
-    resizeMode: 'cover',
-    aspectRatio: 28 / 8,
+    height: '150%',
+    position: 'absolute',
   },
   gridImageWeb: {
-    transform: [{ scale: 3.5 }],
-  },
-  solutionScroll: {
-    position: 'absolute',
     width: '100%',
     height: '100%',
   },
+  solutionScroll: {
+    flex: 1,
+  },
   solutionScrollContent: {
-    paddingHorizontal: SPACING[800],
-    paddingVertical: SPACING[400],
+    minHeight: CONTAINER_SIZES.height - BORDER_WIDTH * 2,
+    width: '100%',
   },
   solutionText: {
     fontFamily: 'PlaypenSans-Light',
-    fontSize: 22,
+    fontSize: 28,
+    marginHorizontal: SPACING[800],
+    marginVertical: SPACING[400],
   },
 })

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

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

package/src/features/exampleSolution/types.ts

@@ -15,9 +15,10 @@ export type ExampleSolutionApiRequests = {
   generateExampleSolution: (body: ExampleSolutionPayload) => Promise<ExampleSolutionResponse>
 }
 export type ExampleSolutionErrorHandler = (errorMessage: string) => void
-export type GifCelebrationsModelProps = {
+export type ExampleSolutionModelProps = {
   api: ExampleSolutionApiRequests
   errorHandler?: ExampleSolutionErrorHandler
+  renderKatexComponent: (katexString: string) => React.ReactNode
 }
 export type ExampleSolutionModalParams = {
   cacheKey: string

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

@@ -12,8 +12,8 @@
   "time.yearAgo": "year ago",
   "time.yearsAgo": "years ago",
   "chat": {
-    "anotherHint": "I need a hint",
-    "giveHint": "I need a hint",
+    "anotherHint": "Give me another hint",
+    "giveHint": "Give me a hint",
     "answerAgain": "Answer again to get another hint!",
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",

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

@@ -12,8 +12,8 @@
   "time.yearAgo": "year ago",
   "time.yearsAgo": "years ago",
   "chat": {
-    "anotherHint": "I need a hint",
-    "giveHint": "I need a hint",
+    "anotherHint": "Give me another hint",
+    "giveHint": "Give me a hint",
     "answerAgain": "Answer again to get another hint!",
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",

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

@@ -12,8 +12,8 @@
   "time.yearAgo": "year ago",
   "time.yearsAgo": "years ago",
   "chat": {
-    "anotherHint": "I need a hint",
-    "giveHint": "I need a hint",
+    "anotherHint": "Give me another hint",
+    "giveHint": "Give me a hint",
     "answerAgain": "Answer again to get another hint!",
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",

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

@@ -12,8 +12,8 @@
   "time.yearAgo": "year ago",
   "time.yearsAgo": "years ago",
   "chat": {
-    "anotherHint": "I need a hint",
-    "giveHint": "I need a hint",
+    "anotherHint": "Give me another hint",
+    "giveHint": "Give me a hint",
     "answerAgain": "Answer again to get another hint!",
     "errorMessage": "Something went wrong! Try again",
     "howCanIHelp": "Hi! Do you want help?",

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

@@ -12,8 +12,8 @@
   "time.yearAgo": "år sedan",
   "time.yearsAgo": "år sedan",
   "chat": {
-    "anotherHint": "Ge ledtråd",
-    "giveHint": "Ge ledtråd",
+    "anotherHint": "Ge mig en ledtråd",
+    "giveHint": "Ge mig en ledtråd",
     "answerAgain": "Svara igen för att få en till ledtråd!",
     "errorMessage": "Något gick snett! Försök igen",
     "howCanIHelp": "Hej! Hur kan jag hjälpa dig?",
@@ -25,7 +25,7 @@
     "almostThere": "Nästan där"
   },
   "exampleSolution": {
-    "exampleSolution": "Lösnings exempel",
+    "exampleSolution": "Lösningsexempel",
     "letMeThink": "Låt mig tänka...",
     "aha": "Aha!",
     "errorMessage": "Något gick snett med att generera en exempellösning"

package/dist/commonjs/features/chatbot/components/Chat/Chat.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_ChatMessage","_MessageLoader","_ChatInput","_modelTypes","_styleTypes","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TOOLBAR_HEIGHT","BOTTOM_OFFSET","Platform","select","web","Chat","model","isHintFeedback","isTextToSpeechEnabled","inputMode","colorScheme","ColorScheme","Blue","dimensions","useWindowDimensions","ref","useRef","isOpen","useUnit","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","currentPlayingId","t2s","$currentPlayingId","isTranslated","translation","$isTranslated","audioStatus","$status","errorSpottingEnabled","errorSpotting","$isEnabled","messages","useStoreMap","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","askChatForHelp","message","translatedMessage","isFreeText","jsx","View","style","styles","container","maxHeight","children","jsxs","ScrollView","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","map","ChatMessage","withIcon","isOwnMessage","variant","MessageVariant","SENT","RECEIVED","withErrorSpotting","t2sState","isEnabled","isActive","isLoading","status","disabled","MessageLoader","ChatInput","onPressAlternative","hasMessages","length","exports","StyleSheet","create","flex","alignItems","width","paddingVertical","paddingRight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/ChatInput/ChatInput.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChatInput = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _effectorReact = require("effector-react");
-var _ChatBotModelContext = require("../../context/ChatBotModelContext.js");
-var _styleTypes = require("../../types/style.types.js");
-var _unitsTypes = require("../../types/units.types.js");
-var _InputOption = require("./InputOption.js");
-var _InputOptionWithTextArea = require("./InputOptionWithTextArea.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const chatInputVariant = {
-  [_unitsTypes.ChatInputMode.Option]: _InputOption.InputOption,
-  [_unitsTypes.ChatInputMode.FreeText]: _InputOptionWithTextArea.InputOptionWithTextArea
-};
-const ChatInput = ({
-  onPressAlternative,
-  hasMessages,
-  isHintFeedback,
-  inputMode,
-  colorScheme = _styleTypes.ColorScheme.Blue
-}) => {
-  const model = (0, _ChatBotModelContext.useChatModel)();
-  const isTranslated = (0, _effectorReact.useUnit)(model.translation.$isTranslated);
-  const alternatives = (0, _effectorReact.useUnit)(model.$alternatives);
-  const isTranslationPending = (0, _effectorReact.useUnit)(model.translation.translateAllMessagesFx.pending);
-  const isHelpRequestPending = (0, _effectorReact.useUnit)(model.sendHelpRequestFx.pending);
-  const lastMessageOptions = (0, _effectorReact.useStoreMap)(model.$currentChatData, ({
-    messages
-  }) => {
-    const lastMessage = messages.at(-1);
-    return lastMessage?.options ?? [];
-  });
-  const availableOption = (() => {
-    if (hasMessages && lastMessageOptions.length) return lastMessageOptions[0];
-    if (isHintFeedback && alternatives?.options.hints) return alternatives?.options.hints[0];
-    return alternatives?.options.default[0] ?? null;
-  })();
-  const buttonLabel = (isTranslated && !isTranslationPending ? availableOption?.translatedText : availableOption?.text) ?? '';
-  const Component = chatInputVariant[inputMode];
-  return availableOption?.text && /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-    message: buttonLabel,
-    onPress: () => onPressAlternative(availableOption.text, availableOption.translatedText),
-    disabled: isHelpRequestPending || hasMessages && lastMessageOptions.length === 0,
-    colorScheme: colorScheme
-  });
-};
-exports.ChatInput = ChatInput;
-//# sourceMappingURL=ChatInput.js.map

package/dist/commonjs/features/chatbot/components/ChatInput/ChatInput.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_effectorReact","_ChatBotModelContext","_styleTypes","_unitsTypes","_InputOption","_InputOptionWithTextArea","_jsxRuntime","e","__esModule","default","chatInputVariant","ChatInputMode","Option","InputOption","FreeText","InputOptionWithTextArea","ChatInput","onPressAlternative","hasMessages","isHintFeedback","inputMode","colorScheme","ColorScheme","Blue","model","useChatModel","isTranslated","useUnit","translation","$isTranslated","alternatives","$alternatives","isTranslationPending","translateAllMessagesFx","pending","isHelpRequestPending","sendHelpRequestFx","lastMessageOptions","useStoreMap","$currentChatData","messages","lastMessage","at","options","availableOption","length","hints","buttonLabel","translatedText","text","Component","jsx","message","onPress","disabled","exports"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatInput/ChatInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,wBAAA,GAAAN,OAAA;AAAmE,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnE,MAAMG,gBAAsE,GAAG;EAC7E,CAACC,yBAAa,CAACC,MAAM,GAAGC,wBAAW;EACnC,CAACF,yBAAa,CAACG,QAAQ,GAAGC;AAC5B,CAAC;AAEM,MAAMC,SAAS,GAAGA,CAAC;EACxBC,kBAAkB;EAClBC,WAAW;EACXC,cAAc;EACdC,SAAS;EACTC,WAAW,GAAGC,uBAAW,CAACC;AACR,CAAC,KAAK;EACxB,MAAMC,KAAK,GAAG,IAAAC,iCAAY,EAAC,CAAC;EAC5B,MAAMC,YAAY,GAAG,IAAAC,sBAAO,EAACH,KAAK,CAACI,WAAW,CAACC,aAAa,CAAC;EAC7D,MAAMC,YAAY,GAAG,IAAAH,sBAAO,EAACH,KAAK,CAACO,aAAa,CAAC;EACjD,MAAMC,oBAAoB,GAAG,IAAAL,sBAAO,EAACH,KAAK,CAACI,WAAW,CAACK,sBAAsB,CAACC,OAAO,CAAC;EACtF,MAAMC,oBAAoB,GAAG,IAAAR,sBAAO,EAACH,KAAK,CAACY,iBAAiB,CAACF,OAAO,CAAC;EAErE,MAAMG,kBAAkB,GAAG,IAAAC,0BAAW,EAACd,KAAK,CAACe,gBAAgB,EAAE,CAAC;IAAEC;EAAS,CAAC,KAAK;IAC/E,MAAMC,WAAW,GAAGD,QAAQ,CAACE,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC,OAAOD,WAAW,EAAEE,OAAO,IAAI,EAAE;EACnC,CAAC,CAAC;EAEF,MAAMC,eAAe,GAAG,CAAC,MAAM;IAC7B,IAAI1B,WAAW,IAAImB,kBAAkB,CAACQ,MAAM,EAAE,OAAOR,kBAAkB,CAAC,CAAC,CAAC;IAC1E,IAAIlB,cAAc,IAAIW,YAAY,EAAEa,OAAO,CAACG,KAAK,EAAE,OAAOhB,YAAY,EAAEa,OAAO,CAACG,KAAK,CAAC,CAAC,CAAC;IACxF,OAAOhB,YAAY,EAAEa,OAAO,CAAClC,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI;EACjD,CAAC,EAAE,CAAC;EAEJ,MAAMsC,WAAW,GACf,CAACrB,YAAY,IAAI,CAACM,oBAAoB,GAClCY,eAAe,EAAEI,cAAc,GAC/BJ,eAAe,EAAEK,IAAI,KAAK,EAAE;EAElC,MAAMC,SAAS,GAAGxC,gBAAgB,CAACU,SAAS,CAAC;EAE7C,OACEwB,eAAe,EAAEK,IAAI,iBACnB,IAAA3C,WAAA,CAAA6C,GAAA,EAACD,SAAS;IACRE,OAAO,EAAEL,WAAY;IACrBM,OAAO,EAAEA,CAAA,KAAMpC,kBAAkB,CAAC2B,eAAe,CAACK,IAAI,EAAEL,eAAe,CAACI,cAAc,CAAE;IACxFM,QAAQ,EAAEnB,oBAAoB,IAAKjB,WAAW,IAAImB,kBAAkB,CAACQ,MAAM,KAAK,CAAG;IACnFxB,WAAW,EAAEA;EAAY,CAC1B,CACF;AAEL,CAAC;AAAAkC,OAAA,CAAAvC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/ChatInput/InputOption.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InputOption = void 0;
-var _reactNative = require("react-native");
-var _react = _interopRequireDefault(require("react"));
-var _RequestHintButton = require("./RequestHintButton.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const InputOption = ({
-  message,
-  onPress,
-  colorScheme,
-  disabled
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.container,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RequestHintButton.RequestHintButton, {
-      onPress: onPress,
-      message: message,
-      disabled: disabled,
-      colorScheme: colorScheme,
-      variant: _RequestHintButton.OptionButtonVariant.Default
-    })
-  });
-};
-exports.InputOption = InputOption;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    width: 305,
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginVertical: 8
-  }
-});
-//# sourceMappingURL=InputOption.js.map

package/dist/commonjs/features/chatbot/components/ChatInput/InputOption.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_RequestHintButton","_jsxRuntime","e","__esModule","default","InputOption","message","onPress","colorScheme","disabled","jsx","View","style","styles","container","children","RequestHintButton","variant","OptionButtonVariant","Default","exports","StyleSheet","create","flex","width","alignItems","justifyContent","marginVertical"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatInput/InputOption.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,kBAAA,GAAAH,OAAA;AAAyD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGlD,MAAMG,WAAW,GAAGA,CAAC;EAAEC,OAAO;EAAEC,OAAO;EAAEC,WAAW;EAAEC;AAAyB,CAAC,KAAK;EAC1F,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5B,IAAAd,WAAA,CAAAS,GAAA,EAACV,kBAAA,CAAAgB,iBAAiB;MAChBT,OAAO,EAAEA,OAAQ;MACjBD,OAAO,EAAEA,OAAQ;MACjBG,QAAQ,EAAEA,QAAS;MACnBD,WAAW,EAAEA,WAAY;MACzBS,OAAO,EAAEC,sCAAmB,CAACC;IAAQ,CACtC;EAAC,CACE,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAf,WAAA,GAAAA,WAAA;AAED,MAAMQ,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,GAAG;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/ChatInput/InputOptionWithTextArea.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InputOptionWithTextArea = void 0;
-var _reactNative = require("react-native");
-var _react = _interopRequireDefault(require("react"));
-var _FreeTextInputBlock = require("./freeText/FreeTextInputBlock.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const InputOptionWithTextArea = ({
-  message,
-  disabled,
-  onPress,
-  colorScheme
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.container,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FreeTextInputBlock.FreeTextInputBlock, {
-      message: message,
-      onPress: onPress,
-      disabled: disabled,
-      colorScheme: colorScheme
-    })
-  });
-};
-exports.InputOptionWithTextArea = InputOptionWithTextArea;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    width: 305,
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginVertical: 8
-  }
-});
-//# sourceMappingURL=InputOptionWithTextArea.js.map

package/dist/commonjs/features/chatbot/components/ChatInput/InputOptionWithTextArea.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_FreeTextInputBlock","_jsxRuntime","e","__esModule","default","InputOptionWithTextArea","message","disabled","onPress","colorScheme","jsx","View","style","styles","container","children","FreeTextInputBlock","exports","StyleSheet","create","flex","width","alignItems","justifyContent","marginVertical"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatInput/InputOptionWithTextArea.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,mBAAA,GAAAH,OAAA;AAAkE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE3D,MAAMG,uBAAuB,GAAGA,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAA4B,CAAC,KAAK;EACtG,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5B,IAAAd,WAAA,CAAAS,GAAA,EAACV,mBAAA,CAAAgB,kBAAkB;MACjBV,OAAO,EAAEA,OAAQ;MACjBE,OAAO,EAAEA,OAAQ;MACjBD,QAAQ,EAAEA,QAAS;MACnBE,WAAW,EAAEA;IAAY,CAC1B;EAAC,CACE,CAAC;AAEX,CAAC;AAAAQ,OAAA,CAAAZ,uBAAA,GAAAA,uBAAA;AAED,MAAMQ,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,GAAG;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}