@magmamath/students-features 0.10.0 → 0.11.0-rc.0

package/dist/commonjs/features/celebrations/helpers.js

@@ -13,7 +13,10 @@ const isDateInRange = (currentDate, startDateStr, endDateStr) => {
   const [endDay, endMonth] = endDateStr.split('-').map(Number);
   const currentYear = currentDate.getFullYear();
   const startDate = new Date(currentYear, startMonth - 1, startDay);
-  const endDate = new Date(currentYear, endMonth - 1, endDay + 1);
+
+  // If end month is earlier than start month, it spans to next year
+  const endYear = endMonth < startMonth ? currentYear + 1 : currentYear;
+  const endDate = new Date(endYear, endMonth - 1, endDay + 1);
   return currentDate >= startDate && currentDate <= endDate;
 };
 const getIconForCurrentDate = () => {

package/dist/commonjs/features/celebrations/helpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Spark","require","_config","randomRange","min","max","Math","random","exports","isDateInRange","currentDate","startDateStr","endDateStr","startDay","startMonth","split","map","Number","endDay","endMonth","currentYear","getFullYear","startDate","Date","endDate","getIconForCurrentDate","celebration","CELEBRATION_ICON_CONFIG","activePeriod","start","end","Icon","MainIcon","generateParticle","variant","elementsCount","angle","rotation","sparkSize","mainSize","velocityMultiplier","friction","life","angularAcceleration","speedRange","CELEBRATION_VARIANTS","sparkSpeedMin","spark","sparkSpeedMax","mainSpeedMin","main","mainSpeedMax","particles","i","randomAngle","from","PI","to","randomSpeed","randomAngularAcceleration","push","id","size","type","velocity","x","cos","y","sin","rotationSpeed","Component","Spark","star"],"sourceRoot":"../../../../src","sources":["features/celebrations/helpers.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Spark","require","_config","randomRange","min","max","Math","random","exports","isDateInRange","currentDate","startDateStr","endDateStr","startDay","startMonth","split","map","Number","endDay","endMonth","currentYear","getFullYear","startDate","Date","endYear","endDate","getIconForCurrentDate","celebration","CELEBRATION_ICON_CONFIG","activePeriod","start","end","Icon","MainIcon","generateParticle","variant","elementsCount","angle","rotation","sparkSize","mainSize","velocityMultiplier","friction","life","angularAcceleration","speedRange","CELEBRATION_VARIANTS","sparkSpeedMin","spark","sparkSpeedMax","mainSpeedMin","main","mainSpeedMax","particles","i","randomAngle","from","PI","to","randomSpeed","randomAngularAcceleration","push","id","size","type","velocity","x","cos","y","sin","rotationSpeed","Component","Spark","star"],"sourceRoot":"../../../../src","sources":["features/celebrations/helpers.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/chatbot/TTS_HIGHLIGHTING.md

@@ -0,0 +1,120 @@
+# TTS Word-by-Word Highlighting
+
+## Overview
+
+Word-by-word text highlighting synchronized with text-to-speech playback in the chatbot. The feature is optional and enabled via `isWordHighlightEnabled` config flag.
+
+## How It Works
+
+```
+┌─────────────────────────────────────────────────────────────────┐
+│  1. User clicks TTS button on a message                         │
+│                           ↓                                     │
+│  2. Text is converted to SSML with word marks                   │
+│     "Hello world" → <speak><mark name="w_0"/>Hello              │
+│                            <mark name="w_1"/>world</speak>      │
+│                           ↓                                     │
+│  3. Google TTS API returns audio + timepoints                   │
+│     [{ markName: "w_0", timeSeconds: 0.0 },                     │
+│      { markName: "w_1", timeSeconds: 0.5 }]                     │
+│                           ↓                                     │
+│  4. Audio plays, onTimeUpdate fires via RAF loop                │
+│                           ↓                                     │
+│  5. Current time → find matching timepoint → word index         │
+│                           ↓                                     │
+│  6. $highlightedWordIndex updates → UI re-renders highlighted   │
+└─────────────────────────────────────────────────────────────────┘
+```
+
+## Usage
+
+```tsx
+// In students-web model setup
+chatModel.bot.setUpT2S({
+  audioProvider: createT2SAudioProvider(),
+  textSanitizer: removeKatexPartFromTextToSpeech,
+  isWordHighlightEnabled: true,
+})
+```
+
+## Architecture
+
+### ChatTTSModel (ChatTTSModel.ts)
+
+Handles TTS playback and word highlighting. Key design decisions:
+
+- **Map-based cache** — `audioCache: Map<string, AudioCache>` stores both `audioPath` and `timepoints` per message. When highlighting is off, `timepoints` is `[]`. Cache lives for the model's lifetime (cleared when user leaves the problem).
+- **`fetchAudio()` method** — encapsulates API call + audioContent decoding. Highlight vs non-highlight differences are ternaries (SSML vs plain text, `enableTimePointing`).
+- **`play()` is linear** — cache lookup → fetch if miss → store → activate highlight if enabled → play audio. No branching between highlight/non-highlight paths.
+- **Pause/resume guards** — `wordHighlightEnabled` check before toggling `setIsActive(false)`/`setIsActive(true)` on pause/resume.
+- **`wordHighlightEnabled` (private)** — stored result of `!!isWordHighlightEnabled && !!audioProvider.onTimeUpdate`. Set once at `setConfig`.
+- **`isWordHighlightEnabled` (public getter)** — read-only access for external consumers (e.g. `Chat.tsx`).
+
+### AudioProvider type
+
+```typescript
+type AudioProvider = {
+  play: (audioPath: string, onPlaybackComplete: () => void) => Promise<void>
+  pause: () => void
+  resume: () => void
+  stop: () => void
+  onTimeUpdate?: OnTimeUpdate  // optional — presence enables highlight capability
+}
+```
+
+`onTimeUpdate` is optional. It's the mechanism that syncs audio playback time with word highlights via a RAF loop. If the provider doesn't have it, highlighting won't activate even if `isWordHighlightEnabled: true`.
+
+### ChatTTSHighlightModel (ChatTTSHighlightModel.ts)
+
+Manages highlight state using Effector stores with declarative reset. Receives `OnTimeUpdate` callback directly (not the whole `AudioProvider`).
+
+- **`$isActive`** — gates `$highlightedWordIndex` computation. Toggled on pause/resume without resetting timepoints.
+- **`$highlightedWordIndex`** — derived store, returns `-1` when inactive or no match. Parses mark name via `WORD_MARK_REGEX`.
+- **`activate(timepoints, onTimeUpdate)`** — sets timepoints, enables highlighting, registers time update callback. Only triggers store updates when the highlighted word actually changes (`lastMark` comparison).
+- **`deactivate(onTimeUpdate)`** — stops listening, resets all state via declarative `.reset()` chain.
+- **All stores use `.reset(this.reset)`** — single `reset` event clears `$time`, `$timepoints`, and `$isActive`.
+
+### Helpers (helpers/ttsHighlight.ts)
+
+- **`textToSSML(text)`** — converts plain text to SSML with `<mark>` tags for word timing.
+- **`findCurrentMark(timepoints, time)`** — iterates backwards through timepoints to find the current mark. Efficient for linear playback.
+
+### Constants (constants.ts)
+
+- **`WORD_MARK_REGEX`** — `/^w_(\d+)$/` — extracts word index from mark names like `w_0`, `w_1`.
+
+### Naming conventions
+
+| Name | Scope | Purpose |
+|------|-------|---------|
+| `wordHighlight` | public instance | `ChatTTSHighlightModel` instance on `ChatTTSModel` |
+| `wordHighlightEnabled` | private field | Whether highlighting is active (set once at config) |
+| `isWordHighlightEnabled` | public getter | Read-only access to `wordHighlightEnabled` for external consumers |
+| `isWordHighlightEnabled` | T2SConfig field | Config flag passed to `setUpT2S()` |
+
+## Data Flow
+
+```
+AudioProvider.onTimeUpdate(callback)
+       ↓
+ChatTTSHighlightModel.activate(timepoints, onTimeUpdate)
+       ↓
+RAF loop → audio.currentTime → findCurrentMark() → only updates when mark changes
+       ↓
+$highlightedWordIndex = parse mark name "w_N" → N (or -1 if inactive/no match)
+       ↓
+Chat.tsx: model.t2s.isWordHighlightEnabled && isPlayingMessage ? highlightedWordIndex : -1
+       ↓
+ChatMessage → MessageContent → TTSHighlightRenderer({ text, highlightedIndex })
+```
+
+## Key Files
+
+| File | Purpose |
+|------|---------|
+| `model/ChatTTSModel.ts` | `ChatTTSModel` — TTS playback, caching, highlight orchestration |
+| `model/ChatTTSHighlightModel.ts` | Highlight state — timepoints, current time, `$isActive`, derived word index |
+| `helpers/ttsHighlight.ts` | `textToSSML` + `findCurrentMark` — SSML conversion and playback position lookup |
+| `constants.ts` | `WORD_MARK_REGEX` and audio config defaults |
+| `types/t2s.types.ts` | `AudioProvider`, `OnTimeUpdate`, `AudioStatus`, `AudioCache`, `TTSHighlightRendererProps` types |
+| `components/Chat/Chat.tsx` | Reads `isWordHighlightEnabled` and `$highlightedWordIndex`, passes to messages |

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

@@ -7,11 +7,14 @@ exports.Chat = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
 var _ChatMessage = require("../ChatMessage/ChatMessage.js");
 var _MessageLoader = require("../ChatMessage/MessageLoader.js");
 var _ChatInput = require("../ChatInput/ChatInput.js");
+var _CloseButton = require("./CloseButton.js");
 var _modelTypes = require("../../types/model.types.js");
 var _styleTypes = require("../../types/style.types.js");
+var _ConditionalWrapper = require("../../../../lib/components/ConditionalWrapper.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; }
@@ -24,61 +27,86 @@ const Chat = ({
   model,
   isHintFeedback,
   isTextToSpeechEnabled,
-  colorScheme = _styleTypes.ColorScheme.Blue
+  isInputDisabled,
+  colorScheme = _styleTypes.ColorScheme.Blue,
+  MessageWrapper,
+  TTSHighlightRenderer,
+  onPressClose
 }) => {
   const dimensions = (0, _reactNative.useWindowDimensions)();
   const ref = (0, _react.useRef)(null);
   const isOpen = (0, _effectorReact.useUnit)(model.$isOpen);
   const isHelpRequestPending = (0, _effectorReact.useUnit)(model.sendHelpRequestFx.pending);
   const isTextToSpeechPending = (0, _effectorReact.useUnit)(model.api.textToSpeechTextFx.pending);
+  const audioStatus = (0, _effectorReact.useUnit)(model.t2s.$status);
   const currentPlayingId = (0, _effectorReact.useUnit)(model.t2s.$currentPlayingId);
+  const highlightedWordIndex = (0, _effectorReact.useUnit)(model.t2s.wordHighlight.$highlightedWordIndex);
+  const isScrollActive = (0, _effectorReact.useUnit)(model.$isScrollActive);
   const isTranslated = (0, _effectorReact.useUnit)(model.translation.$isTranslated);
-  const audioStatus = (0, _effectorReact.useUnit)(model.t2s.$status);
   const errorSpottingEnabled = (0, _effectorReact.useUnit)(model.errorSpotting.$isEnabled);
   const messages = (0, _effectorReact.useStoreMap)(model.$currentChatData, ({
     messages
   }) => messages);
   const lastMessageId = messages.at(-1)?.id;
   const MAX_HEIGHT = dimensions.height - TOOLBAR_HEIGHT - BOTTOM_OFFSET;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  const shouldWrapMessage = MessageWrapper && isInputDisabled && messages.length === 1;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.container, {
       maxHeight: MAX_HEIGHT
     }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
       ref: ref,
       bounces: false,
       contentContainerStyle: styles.list,
       onContentSizeChange: (_, height) => {
-        ref.current?.scrollToEnd();
+        if (messages.length > 1) {
+          ref.current?.scrollToEnd();
+        }
         if (height >= MAX_HEIGHT) {
           model.setScrollActive(true);
         }
       },
-      children: [isOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.gap,
-        children: [messages.map(message => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatMessage.ChatMessage, {
-          isTranslated: isTranslated,
-          withIcon: !message.isOwnMessage && message.id === lastMessageId,
-          message: message,
-          variant: message.isOwnMessage ? _modelTypes.MessageVariant.SENT : _modelTypes.MessageVariant.RECEIVED,
-          colorScheme: colorScheme,
-          withErrorSpotting: errorSpottingEnabled && !message.isOwnMessage,
-          t2sState: {
-            isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
-            isActive: message.id === currentPlayingId,
-            isLoading: isTextToSpeechPending,
-            status: audioStatus,
-            disabled: isTextToSpeechPending
-          }
-        }, message.id)), isHelpRequestPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageLoader.MessageLoader, {
-          colorScheme: colorScheme
-        })]
-      }), isOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatInput.ChatInput, {
+      children: isOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.gap, isInputDisabled && styles.messagesWithoutInput],
+        children: [messages.map((message, index) => {
+          const key = `${message.id}-${index}`;
+          const isPlayingMessage = message.id === currentPlayingId;
+          const messageHighlightIndex = model.t2s.isWordHighlightEnabled && isPlayingMessage ? highlightedWordIndex : -1;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
+              withWrapper: shouldWrapMessage,
+              Wrapper: MessageWrapper,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatMessage.ChatMessage, {
+                isTranslated: isTranslated,
+                withIcon: !message.isOwnMessage && message.id === lastMessageId,
+                message: message,
+                variant: message.isOwnMessage ? _modelTypes.MessageVariant.SENT : _modelTypes.MessageVariant.RECEIVED,
+                colorScheme: colorScheme,
+                withErrorSpotting: errorSpottingEnabled && !message.isOwnMessage,
+                highlightedWordIndex: messageHighlightIndex,
+                TTSHighlightRenderer: TTSHighlightRenderer,
+                t2sState: {
+                  isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
+                  isActive: isPlayingMessage,
+                  isLoading: isTextToSpeechPending,
+                  status: audioStatus,
+                  disabled: isTextToSpeechPending
+                }
+              })
+            })
+          }, key);
+        }), isHelpRequestPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageLoader.MessageLoader, {})]
+      })
+    }), isOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.inputRow,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseButton.CloseButton, {
+        onPress: onPressClose
+      }), !isInputDisabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatInput.ChatInput, {
         isHintFeedback: isHintFeedback,
         colorScheme: colorScheme,
         hasMessages: messages.length > 1
       })]
-    })
+    })]
   });
 };
 exports.Chat = Chat;
@@ -87,16 +115,24 @@ const styles = _reactNative.StyleSheet.create({
     flex: 1,
     alignItems: 'flex-end',
     width: 378,
-    height: '100%'
+    height: '100%',
+    paddingRight: _reactNativeUi.SPACING['200']
   },
   list: {
     alignItems: 'flex-end',
-    paddingVertical: 2,
-    paddingRight: 6
+    paddingVertical: 2
+  },
+  messagesWithoutInput: {
+    marginBottom: _reactNativeUi.SPACING['200']
+  },
+  inputRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING['200']
   },
   gap: {
     flex: 1,
-    gap: 8
+    gap: _reactNativeUi.SPACING['200']
   }
 });
 //# sourceMappingURL=Chat.js.map

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

@@ -1 +1 @@
-{"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","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","jsx","View","style","styles","container","maxHeight","children","jsxs","ScrollView","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","map","message","ChatMessage","withIcon","isOwnMessage","variant","MessageVariant","SENT","RECEIVED","withErrorSpotting","t2sState","isEnabled","isActive","isLoading","status","disabled","MessageLoader","ChatInput","hasMessages","length","exports","StyleSheet","create","flex","alignItems","width","paddingVertical","paddingRight"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAGA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAAqD,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAErD,MAAMW,cAAc,GAAG,GAAG;AAC1B,MAAMC,aAAa,GAAGC,qBAAQ,CAACC,MAAM,CAAC;EACpCC,GAAG,EAAE,GAAG;EACRlB,OAAO,EAAE;AACX,CAAC,CAAC;AASK,MAAMmB,IAAI,GAAGA,CAAC;EACnBC,KAAK;EACLC,cAAc;EACdC,qBAAqB;EACrBC,WAAW,GAAGC,uBAAW,CAACC;AACjB,CAAC,KAAK;EACf,MAAMC,UAAU,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACxC,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAa,IAAI,CAAC;EACpC,MAAMC,MAAM,GAAG,IAAAC,sBAAO,EAACX,KAAK,CAACY,OAAO,CAAC;EAErC,MAAMC,oBAAoB,GAAG,IAAAF,sBAAO,EAACX,KAAK,CAACc,iBAAiB,CAACC,OAAO,CAAC;EACrE,MAAMC,qBAAqB,GAAG,IAAAL,sBAAO,EAACX,KAAK,CAACiB,GAAG,CAACC,kBAAkB,CAACH,OAAO,CAAC;EAE3E,MAAMI,gBAAgB,GAAG,IAAAR,sBAAO,EAACX,KAAK,CAACoB,GAAG,CAACC,iBAAiB,CAAC;EAC7D,MAAMC,YAAY,GAAG,IAAAX,sBAAO,EAACX,KAAK,CAACuB,WAAW,CAACC,aAAa,CAAC;EAC7D,MAAMC,WAAW,GAAG,IAAAd,sBAAO,EAACX,KAAK,CAACoB,GAAG,CAACM,OAAO,CAAC;EAC9C,MAAMC,oBAAoB,GAAG,IAAAhB,sBAAO,EAACX,KAAK,CAAC4B,aAAa,CAACC,UAAU,CAAC;EAEpE,MAAMC,QAAQ,GAAG,IAAAC,0BAAW,EAAC/B,KAAK,CAACgC,gBAAgB,EAAE,CAAC;IAAEF;EAAS,CAAC,KAAKA,QAAQ,CAAC;EAChF,MAAMG,aAAa,GAAGH,QAAQ,CAACI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAEC,EAAE;EAEzC,MAAMC,UAAU,GAAG9B,UAAU,CAAC+B,MAAM,GAAG3C,cAAc,GAAGC,aAAa;EAErE,oBACE,IAAAtB,WAAA,CAAAiE,GAAA,EAACxE,YAAA,CAAAyE,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,SAAS,EAAEP;IAAW,CAAC,CAAE;IAAAQ,QAAA,eACzD,IAAAvE,WAAA,CAAAwE,IAAA,EAAC/E,YAAA,CAAAgF,UAAU;MACTtC,GAAG,EAAEA,GAAI;MACTuC,OAAO,EAAE,KAAM;MACfC,qBAAqB,EAAEP,MAAM,CAACQ,IAAK;MACnCC,mBAAmB,EAAEA,CAACC,CAAC,EAAEd,MAAM,KAAK;QAClC7B,GAAG,CAAC4C,OAAO,EAAEC,WAAW,CAAC,CAAC;QAE1B,IAAIhB,MAAM,IAAID,UAAU,EAAE;UACxBpC,KAAK,CAACsD,eAAe,CAAC,IAAI,CAAC;QAC7B;MACF,CAAE;MAAAV,QAAA,GAEDlC,MAAM,iBACL,IAAArC,WAAA,CAAAwE,IAAA,EAAC/E,YAAA,CAAAyE,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACc,GAAI;QAAAX,QAAA,GACrBd,QAAQ,CAAC0B,GAAG,CAAEC,OAAO,iBACpB,IAAApF,WAAA,CAAAiE,GAAA,EAACtE,YAAA,CAAA0F,WAAW;UAEVpC,YAAY,EAAEA,YAAa;UAC3BqC,QAAQ,EAAE,CAACF,OAAO,CAACG,YAAY,IAAIH,OAAO,CAACtB,EAAE,KAAKF,aAAc;UAChEwB,OAAO,EAAEA,OAAQ;UACjBI,OAAO,EAAEJ,OAAO,CAACG,YAAY,GAAGE,0BAAc,CAACC,IAAI,GAAGD,0BAAc,CAACE,QAAS;UAC9E7D,WAAW,EAAEA,WAAY;UACzB8D,iBAAiB,EAAEtC,oBAAoB,IAAI,CAAC8B,OAAO,CAACG,YAAa;UACjEM,QAAQ,EAAE;YACRC,SAAS,EAAEjE,qBAAqB,IAAI,CAACuD,OAAO,CAACG,YAAY;YACzDQ,QAAQ,EAAEX,OAAO,CAACtB,EAAE,KAAKhB,gBAAgB;YACzCkD,SAAS,EAAErD,qBAAqB;YAChCsD,MAAM,EAAE7C,WAAW;YACnB8C,QAAQ,EAAEvD;UACZ;QAAE,GAbGyC,OAAO,CAACtB,EAcd,CACF,CAAC,EAEDtB,oBAAoB,iBAAI,IAAAxC,WAAA,CAAAiE,GAAA,EAACrE,cAAA,CAAAuG,aAAa;UAACrE,WAAW,EAAEA;QAAY,CAAE,CAAC;MAAA,CAChE,CACP,EAEAO,MAAM,iBACL,IAAArC,WAAA,CAAAiE,GAAA,EAACpE,UAAA,CAAAuG,SAAS;QACRxE,cAAc,EAAEA,cAAe;QAC/BE,WAAW,EAAEA,WAAY;QACzBuE,WAAW,EAAE5C,QAAQ,CAAC6C,MAAM,GAAG;MAAE,CAClC,CACF;IAAA,CACS;EAAC,CACT,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAA7E,IAAA,GAAAA,IAAA;AAED,MAAM0C,MAAM,GAAGoC,uBAAU,CAACC,MAAM,CAAC;EAC/BpC,SAAS,EAAE;IACTqC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,UAAU;IACtBC,KAAK,EAAE,GAAG;IACV5C,MAAM,EAAE;EACV,CAAC;EACDY,IAAI,EAAE;IACJ+B,UAAU,EAAE,UAAU;IACtBE,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE;EAChB,CAAC;EACD5B,GAAG,EAAE;IACHwB,IAAI,EAAE,CAAC;IACPxB,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_reactNativeUi","_ChatMessage","_MessageLoader","_ChatInput","_CloseButton","_modelTypes","_styleTypes","_ConditionalWrapper","_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","isInputDisabled","colorScheme","ColorScheme","Blue","MessageWrapper","TTSHighlightRenderer","onPressClose","dimensions","useWindowDimensions","ref","useRef","isOpen","useUnit","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","audioStatus","t2s","$status","currentPlayingId","$currentPlayingId","highlightedWordIndex","wordHighlight","$highlightedWordIndex","isScrollActive","$isScrollActive","isTranslated","translation","$isTranslated","errorSpottingEnabled","errorSpotting","$isEnabled","messages","useStoreMap","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","shouldWrapMessage","length","jsxs","View","style","styles","container","maxHeight","children","jsx","ScrollView","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","messagesWithoutInput","map","message","index","key","isPlayingMessage","messageHighlightIndex","isWordHighlightEnabled","Fragment","ConditionalWrapper","withWrapper","Wrapper","ChatMessage","withIcon","isOwnMessage","variant","MessageVariant","SENT","RECEIVED","withErrorSpotting","t2sState","isEnabled","isActive","isLoading","status","disabled","MessageLoader","inputRow","CloseButton","onPress","ChatInput","hasMessages","exports","StyleSheet","create","flex","alignItems","width","paddingRight","SPACING","paddingVertical","marginBottom","flexDirection"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CloseButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _CloseIcon = require("../../../../shared/icons/CloseIcon.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const COLOR_SCHEME = {
+  [_reactNativeUi.ButtonStates.DEFAULT]: {
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    raiseColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    color: _reactNativeUi.COLORS.NEUTRAL_10
+  },
+  [_reactNativeUi.ButtonStates.PRESSED]: {
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    raiseColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    color: _reactNativeUi.COLORS.NEUTRAL_1
+  },
+  [_reactNativeUi.ButtonStates.HOVER]: {
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    raiseColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    color: _reactNativeUi.COLORS.NEUTRAL_10
+  }
+};
+const CloseButton = ({
+  onPress
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+  onPress: onPress,
+  style: {
+    button: styles.button
+  },
+  variant: _reactNativeUi.ButtonVariant.PRIMARY,
+  size: _reactNativeUi.ButtonSize.MEDIUM,
+  colorScheme: _reactNativeUi.ButtonColor.WHITE,
+  raiseLevel: 5
+  // customColorScheme={COLOR_SCHEME}
+  ,
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.CloseIcon, {
+    width: 18,
+    height: 18
+  })
+});
+exports.CloseButton = CloseButton;
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    width: 38,
+    height: 38,
+    borderRadius: 36,
+    paddingHorizontal: 0,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5
+  }
+});
+//# sourceMappingURL=CloseButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_CloseIcon","_jsxRuntime","e","__esModule","default","COLOR_SCHEME","ButtonStates","DEFAULT","backgroundColor","COLORS","NEUTRAL_1","borderColor","NEUTRAL_5","raiseColor","color","NEUTRAL_10","PRESSED","NEUTRAL_4","HOVER","NEUTRAL_3","CloseButton","onPress","jsx","Button","style","button","styles","variant","ButtonVariant","PRIMARY","size","ButtonSize","MEDIUM","colorScheme","ButtonColor","WHITE","raiseLevel","children","CloseIcon","width","height","exports","StyleSheet","create","borderRadius","paddingHorizontal"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/CloseButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAQA,IAAAG,UAAA,GAAAH,OAAA;AAA8D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9D,MAAMG,YAAY,GAAG;EACnB,CAACC,2BAAY,CAACC,OAAO,GAAG;IACtBC,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,WAAW,EAAEF,qBAAM,CAACG,SAAS;IAC7BC,UAAU,EAAEJ,qBAAM,CAACG,SAAS;IAC5BE,KAAK,EAAEL,qBAAM,CAACM;EAChB,CAAC;EACD,CAACT,2BAAY,CAACU,OAAO,GAAG;IACtBR,eAAe,EAAEC,qBAAM,CAACQ,SAAS;IACjCN,WAAW,EAAEF,qBAAM,CAACG,SAAS;IAC7BC,UAAU,EAAEJ,qBAAM,CAACG,SAAS;IAC5BE,KAAK,EAAEL,qBAAM,CAACC;EAChB,CAAC;EACD,CAACJ,2BAAY,CAACY,KAAK,GAAG;IACpBV,eAAe,EAAEC,qBAAM,CAACU,SAAS;IACjCR,WAAW,EAAEF,qBAAM,CAACG,SAAS;IAC7BC,UAAU,EAAEJ,qBAAM,CAACG,SAAS;IAC5BE,KAAK,EAAEL,qBAAM,CAACM;EAChB;AACF,CAAC;AAMM,MAAMK,WAAW,GAAGA,CAAC;EAAEC;AAA0B,CAAC,kBACvD,IAAApB,WAAA,CAAAqB,GAAA,EAACvB,cAAA,CAAAwB,MAAM;EACLF,OAAO,EAAEA,OAAQ;EACjBG,KAAK,EAAE;IAAEC,MAAM,EAAEC,MAAM,CAACD;EAAO,CAAE;EACjCE,OAAO,EAAEC,4BAAa,CAACC,OAAQ;EAC/BC,IAAI,EAAEC,yBAAU,CAACC,MAAO;EACxBC,WAAW,EAAEC,0BAAW,CAACC,KAAM;EAC/BC,UAAU,EAAE;EACZ;EAAA;EAAAC,QAAA,eAEA,IAAApC,WAAA,CAAAqB,GAAA,EAACtB,UAAA,CAAAsC,SAAS;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE;AAAC,CAC9B,CACT;AAAAC,OAAA,CAAArB,WAAA,GAAAA,WAAA;AAED,MAAMM,MAAM,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EAC/BlB,MAAM,EAAE;IACNc,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVI,YAAY,EAAE,EAAE;IAChBC,iBAAiB,EAAE,CAAC;IACpBlC,WAAW,EAAEF,qBAAM,CAACG;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -4,70 +4,60 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChatControls = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _effectorReact = require("effector-react");
 var _ChatbotIcon = require("../../../../shared/icons/ChatbotIcon.js");
-var _CloseIcon = require("../../../../shared/icons/CloseIcon.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+const HELP_BUTTON_TIMEOUT_MS = 5000;
 const ChatControls = ({
   model,
   onPressChatIcon,
-  onPressClose,
+  onPressHelpButton,
+  withHelpButton = false,
   ButtonWrapper = _react.default.Fragment,
   iconSize = {
-    width: 80,
-    height: 100
+    width: 70,
+    height: 90
   }
 }) => {
   const isOpen = (0, _effectorReact.useUnit)(model.$isOpen);
+  const [isHelpButtonVisible, setIsHelpButtonVisible] = (0, _react.useState)(withHelpButton);
+  (0, _react.useEffect)(() => {
+    const timeoutId = setTimeout(() => setIsHelpButtonVisible(false), HELP_BUTTON_TIMEOUT_MS);
+    return () => {
+      clearTimeout(timeoutId);
+      setIsHelpButtonVisible(false);
+    };
+  }, [withHelpButton]);
   if (isOpen) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.container,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
-        onPress: onPressClose,
-        style: {
-          button: styles.buttonClose
-        },
-        variant: _reactNativeUi.ButtonVariant.PRIMARY,
-        size: _reactNativeUi.ButtonSize.LARGE,
-        colorScheme: _reactNativeUi.ButtonColor.WHITE,
-        raiseLevel: 5,
-        customColorScheme: {
-          [_reactNativeUi.ButtonStates.DEFAULT]: {
-            backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
-            borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
-            raiseColor: _reactNativeUi.COLORS.NEUTRAL_5,
-            color: _reactNativeUi.COLORS.NEUTRAL_10
-          },
-          [_reactNativeUi.ButtonStates.PRESSED]: {
-            backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4,
-            borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
-            raiseColor: _reactNativeUi.COLORS.NEUTRAL_5,
-            color: _reactNativeUi.COLORS.NEUTRAL_1
-          },
-          [_reactNativeUi.ButtonStates.HOVER]: {
-            backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
-            borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
-            raiseColor: _reactNativeUi.COLORS.NEUTRAL_5,
-            color: _reactNativeUi.COLORS.NEUTRAL_10
-          }
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.CloseIcon, {})
-      })
-    });
+    return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.container,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonWrapper, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        onPress: onPressChatIcon,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatbotIcon.ChatbotIcon, {
-          width: iconSize?.width,
-          height: iconSize?.height
-        })
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.closedWrapper,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: onPressChatIcon,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatbotIcon.ChatbotIcon, {
+            width: iconSize?.width,
+            height: iconSize?.height
+          })
+        }), isHelpButtonVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+          variant: _reactNativeUi.ButtonVariant.PRIMARY,
+          colorScheme: _reactNativeUi.ButtonColor.WHITE,
+          size: _reactNativeUi.ButtonSize.MEDIUM,
+          raiseLevel: 3,
+          onPress: onPressHelpButton,
+          style: {
+            text: styles.helpButtonText
+          },
+          children: "Want some help?"
+        })]
       })
     })
   });
@@ -79,16 +69,16 @@ const styles = _reactNative.StyleSheet.create({
     justifyContent: 'flex-end',
     flexDirection: 'row',
     maxHeight: 100,
-    gap: 8,
+    gap: 2,
     paddingBottom: 5
   },
-  buttonClose: {
-    width: 50,
-    height: 50,
-    borderRadius: 50,
-    paddingHorizontal: 0,
-    borderWidth: 1.5,
-    borderColor: _reactNativeUi.COLORS.NEUTRAL_5
+  closedWrapper: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    gap: 8
+  },
+  helpButtonText: {
+    textTransform: 'uppercase'
   }
 });
 //# sourceMappingURL=ChatControls.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_ChatbotIcon","_CloseIcon","_jsxRuntime","e","__esModule","default","ChatControls","model","onPressChatIcon","onPressClose","ButtonWrapper","React","Fragment","iconSize","width","height","isOpen","useUnit","$isOpen","jsx","View","style","styles","container","children","Button","onPress","button","buttonClose","variant","ButtonVariant","PRIMARY","size","ButtonSize","LARGE","colorScheme","ButtonColor","WHITE","raiseLevel","customColorScheme","ButtonStates","DEFAULT","backgroundColor","COLORS","NEUTRAL_1","borderColor","NEUTRAL_5","raiseColor","color","NEUTRAL_10","PRESSED","NEUTRAL_4","HOVER","NEUTRAL_3","CloseIcon","Pressable","ChatbotIcon","exports","StyleSheet","create","alignItems","justifyContent","flexDirection","maxHeight","gap","paddingBottom","borderRadius","paddingHorizontal","borderWidth"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatControls/ChatControls.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_effectorReact","_ChatbotIcon","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HELP_BUTTON_TIMEOUT_MS","ChatControls","model","onPressChatIcon","onPressHelpButton","withHelpButton","ButtonWrapper","React","Fragment","iconSize","width","height","isOpen","useUnit","$isOpen","isHelpButtonVisible","setIsHelpButtonVisible","useState","useEffect","timeoutId","setTimeout","clearTimeout","jsx","View","style","styles","container","children","jsxs","closedWrapper","Pressable","onPress","ChatbotIcon","Button","variant","ButtonVariant","PRIMARY","colorScheme","ButtonColor","WHITE","size","ButtonSize","MEDIUM","raiseLevel","text","helpButtonText","exports","StyleSheet","create","alignItems","justifyContent","flexDirection","maxHeight","gap","paddingBottom","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatControls/ChatControls.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChatInput = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
 var _effectorReact = require("effector-react");
 var _ChatBotModelContext = require("../../context/ChatBotModelContext.js");
 var _styleTypes = require("../../types/style.types.js");
@@ -67,7 +68,8 @@ const styles = _reactNative.StyleSheet.create({
     width: 305,
     alignItems: 'center',
     justifyContent: 'center',
-    marginVertical: 8
+    marginVertical: _reactNativeUi.SPACING['200'],
+    marginLeft: 6
   }
 });
 //# sourceMappingURL=ChatInput.js.map