@magmamath/students-features 0.8.0-rc.2 → 0.8.0-rc.4

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

@@ -173,7 +173,7 @@ export class ChatbotModel {
       // Use short text for another hint option if openChatEnabled
       if (alternatives?.chatAccess && alternatives?.isOpenChatEnabled && IS_WEB) {
         this.textManager.update((creator) => ({
-          anotherHintOption: creator.createOption('chat.giveHint'),
+          anotherHintOption: creator.createOption('chat.giveHintOpenChat'),
         }))
       }
     })
@@ -181,14 +181,10 @@ export class ChatbotModel {
 
   private createSendHelpRequestFx() {
     const effect = attach({
-      source: [this.$currentKey, this.$context, this.cache.$data],
-      mapParams: (params: SendHelpParams, [key, context, cache]) => ({
-        message: params.message,
-        translatedMessage: params.translatedMessage,
-        isFreeText: params.isFreeText,
-        cache,
-        context,
-        key,
+      source: { key: this.$currentKey, context: this.$context, cache: this.cache.$data },
+      mapParams: (params: SendHelpParams, source) => ({
+        ...params,
+        ...source,
       }),
       effect: createEffect(
         async ({ message, translatedMessage, key, context, isFreeText, cache }: SendHelpProps) => {

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

@@ -79,7 +79,7 @@ export class ChatBotThreadManager {
     const { type, data } = prepareChatRequestPayload(payload, threadItem)
 
     const result: SendMessageResponse | ChatHintResponse =
-      type === ChatRequestType.Freetext
+      type === ChatRequestType.FREETEXT
         ? await this.api.sendMessage(data)
         : await this.api.getHint(data)
 

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

@@ -125,22 +125,22 @@ export type ReinitConversationProps = {
 }
 
 export enum ChatRequestType {
-  Freetext = 'sendMessage',
-  Hint = 'getHint',
+  FREETEXT = 'sendMessage',
+  HINT = 'getHint',
 }
 
 type FreeTextWithConversationId = {
-  type: ChatRequestType.Freetext
+  type: ChatRequestType.FREETEXT
   data: Pick<SendMessagePayload, 'message' | 'conversationId'>
 }
 
 type FreeTextNewConversation = {
-  type: ChatRequestType.Freetext
+  type: ChatRequestType.FREETEXT
   data: SendMessagePayload
 }
 
 export type HintRequest = {
-  type: ChatRequestType.Hint
+  type: ChatRequestType.HINT
   data: ChatHintPayload
 }
 

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

@@ -37,8 +37,3 @@ export type ChatItem = {
   currentThread: IThreadItem | null
   conversationId?: string | null
 }
-
-export enum ChatInputMode {
-  FreeText = 1,
-  Option = 2,
-}

package/src/features/endOfAssignment/components/CheatDetected/CheatDetected.tsx

@@ -15,10 +15,12 @@ import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
 
 export const CheatDetected = ({ textContent, model }: EOAModalContentProps) => {
-  useKeyBoard((event) => {
-    if (event.key === KeyboardKeys.ENTER) {
-      model.hidePopUpAndLeave()
-    }
+  useKeyBoard({
+    callback: (event) => {
+      if (event.key === KeyboardKeys.ENTER) {
+        model.hidePopUpAndLeave()
+      }
+    },
   })
 
   return (

package/src/features/endOfAssignment/components/CorrectAnswer/CorrectAnswer.tsx

@@ -47,10 +47,12 @@ export const CorrectAnswer = ({ textContent, model, onPracticePress }: EOAModalC
     setCardsAnimationCompleted(true)
   }, [])
 
-  useKeyBoard((event) => {
-    if (event.key === KeyboardKeys.ENTER) {
-      isPracticeButtonVisible ? handlePracticeButtonPress() : model.hidePopUpAndLeave()
-    }
+  useKeyBoard({
+    callback: (event) => {
+      if (event.key === KeyboardKeys.ENTER) {
+        isPracticeButtonVisible ? handlePracticeButtonPress() : model.hidePopUpAndLeave()
+      }
+    },
   })
 
   return (

package/src/features/endOfAssignment/components/ExamLeave/ExamLeave.tsx

@@ -17,10 +17,12 @@ import { KeyboardKeys } from '../../../../lib/constants'
 export const ExamLeave = ({ textContent, model }: EOAModalContentProps) => {
   const handleDismiss = () => model.hidePopUp()
 
-  useKeyBoard((event) => {
-    if (event.key === KeyboardKeys.ENTER) {
-      model.hidePopUpAndLeave()
-    }
+  useKeyBoard({
+    callback: (event) => {
+      if (event.key === KeyboardKeys.ENTER) {
+        model.hidePopUpAndLeave()
+      }
+    },
   })
 
   return (

package/src/features/endOfAssignment/components/ExamPaused/ExamPaused.tsx

@@ -15,10 +15,12 @@ import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
 
 export const ExamPaused = ({ textContent, model }: EOAModalContentProps) => {
-  useKeyBoard((event) => {
-    if (event.key === KeyboardKeys.ENTER) {
-      model.hidePopUpAndLeave()
-    }
+  useKeyBoard({
+    callback: (event) => {
+      if (event.key === KeyboardKeys.ENTER) {
+        model.hidePopUpAndLeave()
+      }
+    },
   })
 
   return (

package/src/features/endOfAssignment/components/ExamSubmit/ExamSubmit.tsx

@@ -32,10 +32,12 @@ export const ExamSubmit = ({ textContent, model, onPracticePress }: EOAModalCont
     model.hidePopUp()
   }
 
-  useKeyBoard((event) => {
-    if (event.key === KeyboardKeys.ENTER) {
-      isPracticeButtonVisible ? handlePracticePress() : model.hidePopUpAndLeave()
-    }
+  useKeyBoard({
+    callback: (event) => {
+      if (event.key === KeyboardKeys.ENTER) {
+        isPracticeButtonVisible ? handlePracticePress() : model.hidePopUpAndLeave()
+      }
+    },
   })
 
   return (

package/src/features/endOfAssignment/components/NoAnswer/NoAnswer.tsx

@@ -61,11 +61,13 @@ export const NoAnswer = ({ model, textContent, onPracticePress }: EOAModalConten
 
   const buttons = getButtons()
 
-  useKeyBoard((event) => {
-    if (event.key === KeyboardKeys.ENTER) {
-      const primaryButton = buttons.at(-1)
-      primaryButton?.onPress()
-    }
+  useKeyBoard({
+    callback: (event) => {
+      if (event.key === KeyboardKeys.ENTER) {
+        const primaryButton = buttons.at(-1)
+        primaryButton?.onPress()
+      }
+    },
   })
 
   return (

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

@@ -3,8 +3,6 @@ import React from 'react'
 import { COLORS, HeadingVariants, IS_WEB, SPACING, Typography } from '@magmamath/react-native-ui'
 import { useUnit } from 'effector-react'
 import { $localization } from '../../../shared/translation'
-import { MessageBlock } from './MessageBlock'
-import { LavaIcon } from './LavaIcon'
 import { ExampleSolutionModalParams } from '../types'
 import { QuestionSection } from './QuestionSection'
 import { SolutionSection } from './SolutionSection'
@@ -40,8 +38,6 @@ export const ExampleSolutionModalContent = ({
         />
         <SolutionSection status={status} answer={result?.answer} />
       </View>
-      <MessageBlock status={status} style={styles.messageBlock} />
-      <LavaIcon status={status} style={styles.lavaIconContainer} />
     </View>
   )
 }

package/src/shared/hooks/useKeyDownListener.ts

@@ -2,11 +2,16 @@ import { useEffect, useRef } from 'react'
 
 import { KeyboardKeys } from '../../lib/constants'
 
-export const useKeyDownListener = (
-  callback: (event: KeyboardEvent) => void,
-  enabled = true,
+type UseKeyDownListenerParams = {
+  callback: (event: KeyboardEvent) => void
+  enabled?: boolean
+  overrideKeys?: KeyboardKeys[]
+}
+export const useKeyDownListener = ({
+  callback,
   overrideKeys = [KeyboardKeys.ENTER],
-) => {
+  enabled,
+}: UseKeyDownListenerParams) => {
   const callbackRef = useRef(callback)
   callbackRef.current = callback
 

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

@@ -14,6 +14,7 @@
   "chat": {
     "anotherHint": "Give me another hint",
     "giveHint": "I need a hint",
+    "giveHintOpenChat": "I need 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

@@ -14,6 +14,7 @@
   "chat": {
     "anotherHint": "Give me another hint",
     "giveHint": "I need a hint",
+    "giveHintOpenChat": "I need 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

@@ -14,6 +14,7 @@
   "chat": {
     "anotherHint": "Give me another hint",
     "giveHint": "I need a hint",
+    "giveHintOpenChat": "I need 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

@@ -14,6 +14,7 @@
   "chat": {
     "anotherHint": "Give me another hint",
     "giveHint": "I need a hint",
+    "giveHintOpenChat": "I need 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,9 @@
   "time.yearAgo": "år sedan",
   "time.yearsAgo": "år sedan",
   "chat": {
-    "anotherHint": "Ge mig en ledtråd",
-    "giveHint": "Ge ledtråd",
+    "anotherHint": "Ge mig en till ledtråd",
+    "giveHint": "Ge mig en ledtråd",
+    "giveHintOpenChat": "Ge 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?",

package/dist/commonjs/features/exampleSolution/components/LavaIcon.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LavaIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ExcitedLavaIcon = require("../../../shared/icons/ExcitedLavaIcon.js");
-var _index = require("../../../shared/icons/index.js");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _constants = require("../constants.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const LAVA_ICON_HEIGHT = 112;
-const LavaIcon = ({
-  status,
-  style
-}) => {
-  const opacityAnimation = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    return {
-      opacity: (0, _reactNativeReanimated.withTiming)(status === _constants.ExampleSolutionStatuses.LOADING ? 1 : 0, {
-        duration: 500
-      })
-    };
-  }, [status]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: [style, opacityAnimation],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.LavaIconInGlasses, {
-        height: 112
-      })
-    }), status !== _constants.ExampleSolutionStatuses.LOADING && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: style,
-      entering: _reactNativeReanimated.FadeIn,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExcitedLavaIcon.ExcitedLavaIcon, {
-        height: LAVA_ICON_HEIGHT
-      })
-    })]
-  });
-};
-exports.LavaIcon = LavaIcon;
-//# sourceMappingURL=LavaIcon.js.map

package/dist/commonjs/features/exampleSolution/components/LavaIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ExcitedLavaIcon","_index","_reactNativeReanimated","_interopRequireWildcard","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LAVA_ICON_HEIGHT","LavaIcon","status","style","opacityAnimation","useAnimatedStyle","opacity","withTiming","ExampleSolutionStatuses","LOADING","duration","jsxs","Fragment","children","jsx","View","LavaIconInGlasses","height","entering","FadeIn","ExcitedLavaIcon","exports"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/LavaIcon.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/exampleSolution/components/MessageBlock.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MessageBlock = void 0;
-var _reactNative = require("react-native");
-var _react = _interopRequireDefault(require("react"));
-var _reactNativeUi = require("@magmamath/react-native-ui");
-var _effectorReact = require("effector-react");
-var _index = require("../../../shared/translation/index.js");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _constants = require("../constants.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MessageBlock = ({
-  status,
-  style
-}) => {
-  const localization = (0, _effectorReact.useUnit)(_index.$localization);
-  const opacityAnimation = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    return {
-      opacity: (0, _reactNativeReanimated.withDelay)(2000, (0, _reactNativeReanimated.withTiming)(status === _constants.ExampleSolutionStatuses.LOADING ? 1 : 0, {
-        duration: 350
-      }))
-    };
-  }, [status]);
-  if (status === _constants.ExampleSolutionStatuses.CACHE) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-    layout: _reactNativeReanimated.LinearTransition.duration(250),
-    style: [styles.container, opacityAnimation, style],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-      variant: 'small',
-      numberOfLines: 1,
-      children: status === _constants.ExampleSolutionStatuses.LOADING ? localization.exampleSolution.letMeThink : localization.exampleSolution.aha
-    })
-  });
-};
-exports.MessageBlock = MessageBlock;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    padding: _reactNativeUi.SPACING[200],
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
-    height: 44,
-    borderRadius: 12,
-    borderBottomRightRadius: 2,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
-    shadowColor: _reactNativeUi.COLORS.NEUTRAL_10,
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 1,
-    elevation: 3
-  }
-});
-//# sourceMappingURL=MessageBlock.js.map

package/dist/commonjs/features/exampleSolution/components/MessageBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_effectorReact","_index","_reactNativeReanimated","_interopRequireWildcard","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MessageBlock","status","style","localization","useUnit","$localization","opacityAnimation","useAnimatedStyle","opacity","withDelay","withTiming","ExampleSolutionStatuses","LOADING","duration","CACHE","jsx","View","layout","LinearTransition","styles","container","children","Typography","variant","numberOfLines","exampleSolution","letMeThink","aha","exports","StyleSheet","create","padding","SPACING","backgroundColor","COLORS","NEUTRAL_3","height","borderRadius","borderBottomRightRadius","borderWidth","hairlineWidth","borderColor","NEUTRAL_5","shadowColor","NEUTRAL_10","shadowOffset","width","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/MessageBlock.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/exampleSolution/components/LavaIcon.js

@@ -1,36 +0,0 @@
-"use strict";
-
-import React from 'react';
-import { ExcitedLavaIcon } from "../../../shared/icons/ExcitedLavaIcon.js";
-import { LavaIconInGlasses } from "../../../shared/icons/index.js";
-import Animated, { FadeIn, useAnimatedStyle, withTiming } from 'react-native-reanimated';
-import { ExampleSolutionStatuses } from "../constants.js";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const LAVA_ICON_HEIGHT = 112;
-export const LavaIcon = ({
-  status,
-  style
-}) => {
-  const opacityAnimation = useAnimatedStyle(() => {
-    return {
-      opacity: withTiming(status === ExampleSolutionStatuses.LOADING ? 1 : 0, {
-        duration: 500
-      })
-    };
-  }, [status]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Animated.View, {
-      style: [style, opacityAnimation],
-      children: /*#__PURE__*/_jsx(LavaIconInGlasses, {
-        height: 112
-      })
-    }), status !== ExampleSolutionStatuses.LOADING && /*#__PURE__*/_jsx(Animated.View, {
-      style: style,
-      entering: FadeIn,
-      children: /*#__PURE__*/_jsx(ExcitedLavaIcon, {
-        height: LAVA_ICON_HEIGHT
-      })
-    })]
-  });
-};
-//# sourceMappingURL=LavaIcon.js.map

package/dist/module/features/exampleSolution/components/LavaIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","ExcitedLavaIcon","LavaIconInGlasses","Animated","FadeIn","useAnimatedStyle","withTiming","ExampleSolutionStatuses","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","LAVA_ICON_HEIGHT","LavaIcon","status","style","opacityAnimation","opacity","LOADING","duration","children","View","height","entering"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/LavaIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,0CAAuC;AACvE,SAASC,iBAAiB,QAAQ,gCAAuB;AACzD,OAAOC,QAAQ,IAAIC,MAAM,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,yBAAyB;AAExF,SAASC,uBAAuB,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtD,MAAMC,gBAAgB,GAAG,GAAG;AAO5B,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAqB,CAAC,KAAK;EAC5D,MAAMC,gBAAgB,GAAGb,gBAAgB,CAAC,MAAM;IAC9C,OAAO;MACLc,OAAO,EAAEb,UAAU,CAACU,MAAM,KAAKT,uBAAuB,CAACa,OAAO,GAAG,CAAC,GAAG,CAAC,EAAE;QAAEC,QAAQ,EAAE;MAAI,CAAC;IAC3F,CAAC;EACH,CAAC,EAAE,CAACL,MAAM,CAAC,CAAC;EAEZ,oBACEH,KAAA,CAAAF,SAAA;IAAAW,QAAA,gBACEb,IAAA,CAACN,QAAQ,CAACoB,IAAI;MAACN,KAAK,EAAE,CAACA,KAAK,EAAEC,gBAAgB,CAAE;MAAAI,QAAA,eAC9Cb,IAAA,CAACP,iBAAiB;QAACsB,MAAM,EAAE;MAAI,CAAE;IAAC,CACrB,CAAC,EAEfR,MAAM,KAAKT,uBAAuB,CAACa,OAAO,iBACzCX,IAAA,CAACN,QAAQ,CAACoB,IAAI;MAACN,KAAK,EAAEA,KAAM;MAACQ,QAAQ,EAAErB,MAAO;MAAAkB,QAAA,eAC5Cb,IAAA,CAACR,eAAe;QAACuB,MAAM,EAAEV;MAAiB,CAAE;IAAC,CAChC,CAChB;EAAA,CACD,CAAC;AAEP,CAAC","ignoreList":[]}

package/dist/module/features/exampleSolution/components/MessageBlock.js

@@ -1,53 +0,0 @@
-"use strict";
-
-import { StyleSheet } from 'react-native';
-import React from 'react';
-import { COLORS, SPACING, Typography } from '@magmamath/react-native-ui';
-import { useUnit } from 'effector-react';
-import { $localization } from "../../../shared/translation/index.js";
-import Animated, { LinearTransition, useAnimatedStyle, withDelay, withTiming } from 'react-native-reanimated';
-import { ExampleSolutionStatuses } from "../constants.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const MessageBlock = ({
-  status,
-  style
-}) => {
-  const localization = useUnit($localization);
-  const opacityAnimation = useAnimatedStyle(() => {
-    return {
-      opacity: withDelay(2000, withTiming(status === ExampleSolutionStatuses.LOADING ? 1 : 0, {
-        duration: 350
-      }))
-    };
-  }, [status]);
-  if (status === ExampleSolutionStatuses.CACHE) return null;
-  return /*#__PURE__*/_jsx(Animated.View, {
-    layout: LinearTransition.duration(250),
-    style: [styles.container, opacityAnimation, style],
-    children: /*#__PURE__*/_jsx(Typography, {
-      variant: 'small',
-      numberOfLines: 1,
-      children: status === ExampleSolutionStatuses.LOADING ? localization.exampleSolution.letMeThink : localization.exampleSolution.aha
-    })
-  });
-};
-const styles = StyleSheet.create({
-  container: {
-    padding: SPACING[200],
-    backgroundColor: COLORS.NEUTRAL_3,
-    height: 44,
-    borderRadius: 12,
-    borderBottomRightRadius: 2,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: COLORS.NEUTRAL_5,
-    shadowColor: COLORS.NEUTRAL_10,
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 1,
-    elevation: 3
-  }
-});
-//# sourceMappingURL=MessageBlock.js.map

package/dist/module/features/exampleSolution/components/MessageBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StyleSheet","React","COLORS","SPACING","Typography","useUnit","$localization","Animated","LinearTransition","useAnimatedStyle","withDelay","withTiming","ExampleSolutionStatuses","jsx","_jsx","MessageBlock","status","style","localization","opacityAnimation","opacity","LOADING","duration","CACHE","View","layout","styles","container","children","variant","numberOfLines","exampleSolution","letMeThink","aha","create","padding","backgroundColor","NEUTRAL_3","height","borderRadius","borderBottomRightRadius","borderWidth","hairlineWidth","borderColor","NEUTRAL_5","shadowColor","NEUTRAL_10","shadowOffset","width","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/MessageBlock.tsx"],"mappings":";;AAAA,SAAoBA,UAAU,QAAmB,cAAc;AAC/D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,OAAO,EAAEC,UAAU,QAAQ,4BAA4B;AACxE,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,aAAa,QAAQ,sCAA6B;AAC3D,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,EAChBC,SAAS,EACTC,UAAU,QACL,yBAAyB;AAChC,SAASC,uBAAuB,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOtD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAyB,CAAC,KAAK;EACpE,MAAMC,YAAY,GAAGb,OAAO,CAACC,aAAa,CAAC;EAE3C,MAAMa,gBAAgB,GAAGV,gBAAgB,CAAC,MAAM;IAC9C,OAAO;MACLW,OAAO,EAAEV,SAAS,CAChB,IAAI,EACJC,UAAU,CAACK,MAAM,KAAKJ,uBAAuB,CAACS,OAAO,GAAG,CAAC,GAAG,CAAC,EAAE;QAAEC,QAAQ,EAAE;MAAI,CAAC,CAClF;IACF,CAAC;EACH,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;EAEZ,IAAIA,MAAM,KAAKJ,uBAAuB,CAACW,KAAK,EAAE,OAAO,IAAI;EAEzD,oBACET,IAAA,CAACP,QAAQ,CAACiB,IAAI;IACZC,MAAM,EAAEjB,gBAAgB,CAACc,QAAQ,CAAC,GAAG,CAAE;IACvCL,KAAK,EAAE,CAACS,MAAM,CAACC,SAAS,EAAER,gBAAgB,EAAEF,KAAK,CAAE;IAAAW,QAAA,eAEnDd,IAAA,CAACV,UAAU;MAACyB,OAAO,EAAE,OAAQ;MAACC,aAAa,EAAE,CAAE;MAAAF,QAAA,EAC5CZ,MAAM,KAAKJ,uBAAuB,CAACS,OAAO,GACvCH,YAAY,CAACa,eAAe,CAACC,UAAU,GACvCd,YAAY,CAACa,eAAe,CAACE;IAAG,CAC1B;EAAC,CACA,CAAC;AAEpB,CAAC;AAED,MAAMP,MAAM,GAAG1B,UAAU,CAACkC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,OAAO,EAAEhC,OAAO,CAAC,GAAG,CAAC;IACrBiC,eAAe,EAAElC,MAAM,CAACmC,SAAS;IACjCC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,uBAAuB,EAAE,CAAC;IAC1BC,WAAW,EAAEzC,UAAU,CAAC0C,aAAa;IACrCC,WAAW,EAAEzC,MAAM,CAAC0C,SAAS;IAE7BC,WAAW,EAAE3C,MAAM,CAAC4C,UAAU;IAC9BC,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC;MACRV,MAAM,EAAE;IACV,CAAC;IACDW,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IAEfC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/typescript/commonjs/features/exampleSolution/components/LavaIcon.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { ExampleSolutionStatuses } from '../constants';
-type LavaIconProps = {
-    status: ExampleSolutionStatuses;
-    style?: StyleProp<ViewStyle>;
-};
-export declare const LavaIcon: ({ status, style }: LavaIconProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=LavaIcon.d.ts.map

package/dist/typescript/commonjs/features/exampleSolution/components/LavaIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LavaIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/LavaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAItD,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,uBAAuB,CAAA;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,QAAQ,sBAAuB,aAAa,sBAoBxD,CAAA"}

package/dist/typescript/commonjs/features/exampleSolution/components/MessageBlock.d.ts

@@ -1,10 +0,0 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import React from 'react';
-import { ExampleSolutionStatuses } from '../constants';
-type MessageBlockProps = {
-    status: ExampleSolutionStatuses;
-    style?: StyleProp<ViewStyle>;
-};
-export declare const MessageBlock: ({ status, style }: MessageBlockProps) => React.JSX.Element | null;
-export {};
-//# sourceMappingURL=MessageBlock.d.ts.map

package/dist/typescript/commonjs/features/exampleSolution/components/MessageBlock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/MessageBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,SAAS,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAEtD,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,uBAAuB,CAAA;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,YAAY,sBAAuB,iBAAiB,6BA0BhE,CAAA"}

package/dist/typescript/module/features/exampleSolution/components/LavaIcon.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { ExampleSolutionStatuses } from '../constants';
-type LavaIconProps = {
-    status: ExampleSolutionStatuses;
-    style?: StyleProp<ViewStyle>;
-};
-export declare const LavaIcon: ({ status, style }: LavaIconProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=LavaIcon.d.ts.map

package/dist/typescript/module/features/exampleSolution/components/LavaIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LavaIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/LavaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAItD,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,uBAAuB,CAAA;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,QAAQ,sBAAuB,aAAa,sBAoBxD,CAAA"}

package/dist/typescript/module/features/exampleSolution/components/MessageBlock.d.ts

@@ -1,10 +0,0 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import React from 'react';
-import { ExampleSolutionStatuses } from '../constants';
-type MessageBlockProps = {
-    status: ExampleSolutionStatuses;
-    style?: StyleProp<ViewStyle>;
-};
-export declare const MessageBlock: ({ status, style }: MessageBlockProps) => React.JSX.Element | null;
-export {};
-//# sourceMappingURL=MessageBlock.d.ts.map

package/dist/typescript/module/features/exampleSolution/components/MessageBlock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/MessageBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,SAAS,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAEtD,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,uBAAuB,CAAA;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,YAAY,sBAAuB,iBAAiB,6BA0BhE,CAAA"}

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

@@ -1,35 +0,0 @@
-import React from 'react'
-import { ExcitedLavaIcon } from '../../../shared/icons/ExcitedLavaIcon'
-import { LavaIconInGlasses } from '../../../shared/icons'
-import Animated, { FadeIn, useAnimatedStyle, withTiming } from 'react-native-reanimated'
-import { StyleProp, ViewStyle } from 'react-native'
-import { ExampleSolutionStatuses } from '../constants'
-
-const LAVA_ICON_HEIGHT = 112
-
-type LavaIconProps = {
-  status: ExampleSolutionStatuses
-  style?: StyleProp<ViewStyle>
-}
-
-export const LavaIcon = ({ status, style }: LavaIconProps) => {
-  const opacityAnimation = useAnimatedStyle(() => {
-    return {
-      opacity: withTiming(status === ExampleSolutionStatuses.LOADING ? 1 : 0, { duration: 500 }),
-    }
-  }, [status])
-
-  return (
-    <>
-      <Animated.View style={[style, opacityAnimation]}>
-        <LavaIconInGlasses height={112} />
-      </Animated.View>
-
-      {status !== ExampleSolutionStatuses.LOADING && (
-        <Animated.View style={style} entering={FadeIn}>
-          <ExcitedLavaIcon height={LAVA_ICON_HEIGHT} />
-        </Animated.View>
-      )}
-    </>
-  )
-}