@magmamath/students-features 0.6.14-rc.18 → 0.6.14-rc.2

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

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Alternatives = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _ChatBotModelContext = require("../../context/ChatBotModelContext.js");
+var _styleTypes = require("../../types/style.types.js");
+var _InputWithHintRow = require("./InputWithHintRow.js");
+var _HelpRequestOption = require("./HelpRequestOption.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var ChatMode = /*#__PURE__*/function (ChatMode) {
+  ChatMode[ChatMode["FREE_TEXT"] = 1] = "FREE_TEXT";
+  ChatMode[ChatMode["CHOICE"] = 2] = "CHOICE";
+  return ChatMode;
+}(ChatMode || {});
+const FreeTextChatInput = ({
+  options,
+  alternatives,
+  isTranslated,
+  disabled,
+  onPressAlternative,
+  colorScheme
+}) => {
+  const isDisabled = options.length === 0;
+  const choices = (isDisabled ? alternatives?.options.default : options) ?? [];
+  const option = choices[0];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputWithHintRow.InputWithHintRow, {
+      onPress: () => onPressAlternative(option.text, option.translatedText),
+      message: isTranslated ? option.translatedText : option.text,
+      disabled: isDisabled || disabled,
+      colorScheme: colorScheme
+    })
+  });
+};
+const OptionTextChatInput = ({
+  options,
+  alternatives,
+  onPressAlternative,
+  isTranslated,
+  colorScheme,
+  disabled
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: options.map(({
+      text,
+      translatedText
+    }, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelpRequestOption.HelpRequestOption, {
+      onPress: () => onPressAlternative(text, translatedText),
+      message: isTranslated ? translatedText : text,
+      disabled: disabled,
+      colorScheme: colorScheme
+    }, index))
+  });
+};
+const alternativesVariant = {
+  [ChatMode.FREE_TEXT]: FreeTextChatInput,
+  [ChatMode.CHOICE]: OptionTextChatInput
+};
+const Alternatives = ({
+  onPressAlternative,
+  hasMessages,
+  isHintFeedback,
+  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 options = (() => {
+    if (hasMessages) return lastMessageOptions;
+    if (isHintFeedback) return alternatives?.options.hints ?? [];
+    return alternatives?.options.default ?? [];
+  })();
+  const variant = ChatMode.FREE_TEXT; // props or even to model
+  const Component = alternativesVariant[variant];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    options: options,
+    alternatives: alternatives,
+    disabled: isHelpRequestPending,
+    isTranslated: isTranslated,
+    isTranslationPending: isTranslationPending,
+    onPressAlternative: onPressAlternative,
+    colorScheme: colorScheme
+  });
+};
+exports.Alternatives = Alternatives;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    width: 305,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginVertical: 8
+  }
+});
+//# sourceMappingURL=Alternatives.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_ChatBotModelContext","_styleTypes","_InputWithHintRow","_HelpRequestOption","_jsxRuntime","e","__esModule","default","ChatMode","FreeTextChatInput","options","alternatives","isTranslated","disabled","onPressAlternative","colorScheme","isDisabled","length","choices","option","jsx","View","style","styles","container","children","InputWithHintRow","onPress","text","translatedText","message","OptionTextChatInput","map","index","HelpRequestOption","alternativesVariant","FREE_TEXT","CHOICE","Alternatives","hasMessages","isHintFeedback","ColorScheme","Blue","model","useChatModel","useUnit","translation","$isTranslated","$alternatives","isTranslationPending","translateAllMessagesFx","pending","isHelpRequestPending","sendHelpRequestFx","lastMessageOptions","useStoreMap","$currentChatData","messages","lastMessage","at","hints","variant","Component","exports","StyleSheet","create","flex","width","alignItems","justifyContent","marginVertical"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/Alternatives.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/Alternatives/HelpRequestOption.js

@@ -0,0 +1,208 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HelpRequestOption = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _studentsFeatures = require("@magmamath/students-features");
+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 }; }
+// import React, { useEffect, useRef, useState } from 'react'
+// import { Animated, Pressable, StyleSheet } from 'react-native'
+// import { ArrowUpIcon, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui'
+//
+// type HelpRequestOptionProps = {
+//   onPress: () => void
+//   message: string
+//   disabled: boolean
+//   hoverColor?: string
+// }
+//
+// export const HelpRequestOption = ({
+//   onPress,
+//   message,
+//   disabled = false,
+//   hoverColor = COLORS.PRIMARY_BLUE,
+// }: HelpRequestOptionProps) => {
+//   const [isHovered, setIsHovered] = useState(false)
+//   const hoverAnim = useRef(new Animated.Value(0)).current
+//
+//   const backgroundColor = hoverAnim.interpolate({
+//     inputRange: [0, 1],
+//     outputRange: [COLORS.NEUTRAL_1, hoverColor],
+//   })
+//   const textColor = hoverAnim.interpolate({
+//     inputRange: [0, 1],
+//     outputRange: [COLORS.NEUTRAL_10, COLORS.NEUTRAL_1],
+//   })
+//
+//   useEffect(() => {
+//     Animated.timing(hoverAnim, {
+//       toValue: isHovered ? 1 : 0,
+//       duration: 200,
+//       useNativeDriver: false,
+//     }).start()
+//   }, [isHovered, hoverAnim])
+//
+//   return (
+//     <Pressable
+//       onHoverIn={() => setIsHovered(true)}
+//       onHoverOut={() => setIsHovered(false)}
+//       onPress={onPress}
+//       style={styles.button}
+//       disabled={disabled}
+//       accessibilityState={{ disabled }}
+//       accessibilityRole="button"
+//     >
+//       <Animated.View
+//         style={[styles.textWrapper, { backgroundColor, borderColor: isHovered ? backgroundColor: COLORS.PRIMARY_BLUE }]}
+//       >
+//         <Animated.Text numberOfLines={1} style={[styles.text, { color: textColor }]}>
+//          I need a hint
+//         </Animated.Text>
+//         <ArrowUpIcon color={isHovered ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_10} />
+//       </Animated.View>
+//     </Pressable>
+//   )
+// }
+//
+// const styles = StyleSheet.create({
+//   button: {
+//     flexDirection: 'row',
+//     alignItems: 'flex-end',
+//     justifyContent: 'space-between',
+//     width: '100%',
+//   },
+//   text: {
+//     fontSize: 18,
+//     fontWeight: 400,
+//     fontFamily: FONT_FAMILY.buenosAires,
+//     color: COLORS.NEUTRAL_10,
+//   },
+//   textWrapper: {
+//     flex: 1,
+//     flexDirection: 'row',
+//     alignItems: 'center',
+//     justifyContent: 'space-between',
+//     maxWidth: 163,
+//     paddingHorizontal: SPACING[400],
+//     paddingVertical: SPACING[200],
+//     borderWidth: 1,
+//     borderRadius: 48,
+//     elevation: 3,
+//     shadowColor: '#333',
+//     shadowOffset: { width: 0, height: 1 },
+//     shadowOpacity: 0.25,
+//     shadowRadius: 3,
+//     backgroundColor: COLORS.NEUTRAL_1,
+//     borderColor: COLORS.PRIMARY_BLUE,
+//   },
+// })
+
+const HelpRequestOption = ({
+  onPress,
+  message,
+  disabled = false,
+  colorScheme = _studentsFeatures.ColorScheme.Blue,
+  visibleSv
+}) => {
+  const hoverSv = (0, _reactNativeReanimated.useSharedValue)(0);
+  const onHoverIn = () => {
+    if (!disabled) hoverSv.value = (0, _reactNativeReanimated.withTiming)(1, {
+      duration: 200
+    });
+  };
+  const onHoverOut = () => {
+    if (!disabled) hoverSv.value = (0, _reactNativeReanimated.withTiming)(0, {
+      duration: 200
+    });
+  };
+  const animatedWrapperStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(hoverSv.value, [0, 1], [_reactNativeUi.COLORS.NEUTRAL_1, _constants.MESSAGE_COLORS_MAP[colorScheme].sent.background]);
+    const borderColor = (0, _reactNativeReanimated.interpolateColor)(hoverSv.value, [0, 1], [_constants.MESSAGE_COLORS_MAP[colorScheme].sent.border, _constants.MESSAGE_COLORS_MAP[colorScheme].sent.border]);
+    return {
+      backgroundColor: disabled ? _reactNativeUi.COLORS.NEUTRAL_2 : backgroundColor,
+      borderColor: disabled ? _reactNativeUi.COLORS.NEUTRAL_5 : borderColor
+    };
+  }, [hoverSv, disabled, colorScheme]);
+  const animatedTextStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const color = (0, _reactNativeReanimated.interpolateColor)(hoverSv.value, [0, 1], [_reactNativeUi.COLORS.NEUTRAL_10, _reactNativeUi.COLORS.NEUTRAL_1]);
+    return {
+      color: disabled ? _reactNativeUi.COLORS.NEUTRAL_5 : color
+    };
+  }, [hoverSv, disabled]);
+  const animatedVisibilityStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    return {
+      opacity: visibleSv ? visibleSv.value : 1
+    };
+  }, [visibleSv]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onHoverIn: onHoverIn,
+    onHoverOut: onHoverOut,
+    onPress: onPress,
+    style: [styles.button, {
+      cursor: disabled ? 'auto' : 'pointer'
+    }],
+    disabled: disabled,
+    accessibilityState: {
+      disabled
+    },
+    accessibilityRole: "button",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+      style: [styles.textWrapper, animatedWrapperStyle, animatedVisibilityStyle],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+        numberOfLines: 1,
+        style: [styles.text, animatedTextStyle],
+        children: message
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+        style: animatedTextStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.ArrowUpIcon, {
+          color: 'currentColor',
+          size: 16
+        })
+      })]
+    })
+  });
+};
+exports.HelpRequestOption = HelpRequestOption;
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end'
+  },
+  text: {
+    fontSize: 18,
+    fontWeight: '400',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    color: _reactNativeUi.COLORS.NEUTRAL_10
+  },
+  textWrapper: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    width: 163,
+    paddingHorizontal: _reactNativeUi.SPACING[400],
+    paddingVertical: _reactNativeUi.SPACING[200],
+    borderWidth: 1,
+    borderRadius: 48,
+    elevation: 3,
+    shadowColor: '#333',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderColor: _reactNativeUi.COLORS.PRIMARY_BLUE
+  }
+});
+//# sourceMappingURL=HelpRequestOption.js.map

package/dist/commonjs/features/chatbot/components/Alternatives/HelpRequestOption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeUi","_studentsFeatures","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HelpRequestOption","onPress","message","disabled","colorScheme","ColorScheme","Blue","visibleSv","hoverSv","useSharedValue","onHoverIn","value","withTiming","duration","onHoverOut","animatedWrapperStyle","useAnimatedStyle","backgroundColor","interpolateColor","COLORS","NEUTRAL_1","MESSAGE_COLORS_MAP","sent","background","borderColor","border","NEUTRAL_2","NEUTRAL_5","animatedTextStyle","color","NEUTRAL_10","animatedVisibilityStyle","opacity","jsx","Pressable","style","styles","button","cursor","accessibilityState","accessibilityRole","children","jsxs","View","textWrapper","Text","numberOfLines","text","ArrowUpIcon","size","exports","StyleSheet","create","flexDirection","justifyContent","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","flex","alignItems","width","paddingHorizontal","SPACING","paddingVertical","borderWidth","borderRadius","elevation","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","PRIMARY_BLUE"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/HelpRequestOption.tsx"],"mappings":";;;;;;AA4FA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,uBAAA,CAAAH,OAAA;AAOA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAoD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAQ,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,SAAAN,wBAAAM,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;AAAA,SAAAlB,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAvGpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAuBO,MAAMmB,iBAAiB,GAAGA,CAAC;EAChCC,OAAO;EACPC,OAAO;EACPC,QAAQ,GAAG,KAAK;EAChBC,WAAW,GAAGC,6BAAW,CAACC,IAAI;EAC9BC;AACsB,CAAC,KAAK;EAC5B,MAAMC,OAAO,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAEjC,MAAMC,SAAS,GAAGA,CAAA,KAAM;IACtB,IAAI,CAACP,QAAQ,EAAEK,OAAO,CAACG,KAAK,GAAG,IAAAC,iCAAU,EAAC,CAAC,EAAE;MAAEC,QAAQ,EAAE;IAAI,CAAC,CAAC;EACjE,CAAC;EACD,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAI,CAACX,QAAQ,EAAEK,OAAO,CAACG,KAAK,GAAG,IAAAC,iCAAU,EAAC,CAAC,EAAE;MAAEC,QAAQ,EAAE;IAAI,CAAC,CAAC;EACjE,CAAC;EAED,MAAME,oBAAoB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAClD,MAAMC,eAAe,GAAG,IAAAC,uCAAgB,EACtCV,OAAO,CAACG,KAAK,EACb,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACQ,qBAAM,CAACC,SAAS,EAAEC,6BAAkB,CAACjB,WAAW,CAAC,CAACkB,IAAI,CAACC,UAAU,CACpE,CAAC;IACD,MAAMC,WAAW,GAAG,IAAAN,uCAAg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","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/{ChatInput/freeText/SendMessageButton.js → Alternatives/InputButton.js}

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SendMessageButton = void 0;
+exports.InputButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _studentsFeatures = require("@magmamath/students-features");
-var _constants = require("../../../constants.js");
+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 SendMessageButton = ({
+const InputButton = ({
   onPress,
   disabled = false,
   colorScheme = _studentsFeatures.ColorScheme.Blue
@@ -30,7 +30,7 @@ const SendMessageButton = ({
       duration: 200
     });
   };
-  const animatedIconStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+  const animatedWrapperStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(hoverSv.value, [0, 1], [_reactNativeUi.COLORS.NEUTRAL_1, _constants.MESSAGE_COLORS_MAP[colorScheme].sent.border]);
     const color = (0, _reactNativeReanimated.interpolateColor)(hoverSv.value, [0, 1], [_reactNativeUi.COLORS.NEUTRAL_10, _reactNativeUi.COLORS.NEUTRAL_1]);
     return {
@@ -51,16 +51,8 @@ const SendMessageButton = ({
       disabled
     },
     accessibilityRole: "button",
-    children: _reactNativeUi.IS_MOBILE ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: [styles.iconContainer, animatedIconStyle, {
-        borderColor: disabled ? _reactNativeUi.COLORS.NEUTRAL_5 : _constants.MESSAGE_COLORS_MAP[colorScheme].sent.border
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.ArrowUpIcon, {
-        color: 'currentColor',
-        size: 16
-      })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
-      style: [styles.webIconContainer, animatedIconStyle],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+      style: [styles.textWrapper, animatedWrapperStyle],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.ArrowUpIcon, {
         color: 'currentColor',
         size: 16
@@ -68,25 +60,24 @@ const SendMessageButton = ({
     })
   });
 };
-exports.SendMessageButton = SendMessageButton;
+exports.InputButton = InputButton;
 const styles = _reactNative.StyleSheet.create({
   button: {
     flexDirection: 'row',
-    justifyContent: 'flex-end',
-    height: 44,
-    width: 44
+    justifyContent: 'flex-end'
   },
-  iconContainer: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    padding: 12,
-    borderRadius: 21,
-    borderWidth: 1
+  text: {
+    fontSize: 18,
+    fontWeight: '400',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    color: _reactNativeUi.COLORS.NEUTRAL_10,
+    backgroundColor: 'purple'
   },
-  webIconContainer: {
+  textWrapper: {
     flex: 1,
     flexDirection: 'row',
     alignItems: 'center',
+    justifyContent: 'space-between',
     paddingHorizontal: 13,
     paddingVertical: 12,
     borderWidth: 1,
@@ -103,4 +94,4 @@ const styles = _reactNative.StyleSheet.create({
     borderColor: _reactNativeUi.COLORS.PRIMARY_BLUE
   }
 });
-//# sourceMappingURL=SendMessageButton.js.map
+//# sourceMappingURL=InputButton.js.map

package/dist/commonjs/features/chatbot/components/Alternatives/InputButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeUi","_studentsFeatures","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InputButton","onPress","disabled","colorScheme","ColorScheme","Blue","hoverSv","useSharedValue","onHoverIn","value","withTiming","duration","onHoverOut","animatedWrapperStyle","useAnimatedStyle","backgroundColor","interpolateColor","COLORS","NEUTRAL_1","MESSAGE_COLORS_MAP","sent","border","color","NEUTRAL_10","NEUTRAL_2","borderColor","NEUTRAL_5","jsx","Pressable","style","styles","button","cursor","accessibilityState","accessibilityRole","children","Text","textWrapper","ArrowUpIcon","size","exports","StyleSheet","create","flexDirection","justifyContent","text","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","flex","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","elevation","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","PRIMARY_BLUE"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/InputButton.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/Alternatives/InputWithHintRow.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputWithHintRow = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _HelpRequestOption = require("./HelpRequestOption.js");
+var _InputButton = require("./InputButton.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; }
+const COMPACT_WIDTH = 134;
+const InputWithHintRow = ({
+  onPress,
+  message,
+  disabled,
+  colorScheme
+}) => {
+  const [value, setValue] = (0, _react.useState)('');
+  const widthSv = (0, _reactNativeReanimated.useSharedValue)(COMPACT_WIDTH);
+  const arrowOpacitySv = (0, _reactNativeReanimated.useSharedValue)(1);
+  const hintVisibleSv = (0, _reactNativeReanimated.useSharedValue)(1);
+  const valueLengthSv = (0, _reactNativeReanimated.useSharedValue)(0);
+  const shouldDisable = value.trim().length > 0;
+  const animatedInputStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    width: widthSv.value
+  }), [widthSv]);
+  const handleChangeText = text => {
+    setValue(text);
+    valueLengthSv.value = text.trim().length;
+  };
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => valueLengthSv.value, currentLength => {
+    if (currentLength > 0) {
+      widthSv.value = (0, _reactNativeReanimated.withTiming)(305, {
+        duration: 200
+      });
+      arrowOpacitySv.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: 200
+      });
+      hintVisibleSv.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: 200
+      });
+    } else {
+      widthSv.value = (0, _reactNativeReanimated.withTiming)(COMPACT_WIDTH, {
+        duration: 200
+      });
+      arrowOpacitySv.value = (0, _reactNativeReanimated.withTiming)(1, {
+        duration: 200
+      });
+      hintVisibleSv.value = (0, _reactNativeReanimated.withTiming)(1, {
+        duration: 200
+      });
+    }
+  }, [valueLengthSv]);
+
+  // const handleFocus = () => {
+  //   widthSv.value = withTiming(305, { duration: 200 }) // expand full width (container limits it)
+  //   arrowOpacitySv.value = withTiming(0, { duration: 200 })
+  //   hintVisibleSv.value = withTiming(0, { duration: 200 })
+  //
+  //   // setIsFocused(true)
+  // }
+  //
+  // const handleBlur = () => {
+  //   if (value.trim().length > 0) return
+  //   widthSv.value = withTiming(COMPACT_WIDTH, { duration: 200 })
+  //   arrowOpacitySv.value = withTiming(1, { duration: 200 })
+  //   hintVisibleSv.value = withTiming(1, { duration: 200 })
+  //   // setIsFocused(false)
+  // }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+      style: [styles.inputWrapper, animatedInputStyle],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+        style: styles.input,
+        placeholder: "Type...",
+        placeholderTextColor: _reactNativeUi.COLORS.NEUTRAL_6,
+        value: value,
+        onChangeText: handleChangeText
+        // onFocus={handleFocus}
+        // onBlur={handleBlur}
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: [styles.arrowWrapper],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputButton.InputButton, {
+          onPress: () => {
+            onPress();
+            handleChangeText('');
+          },
+          disabled: value.trim().length < 1 || disabled,
+          colorScheme: colorScheme
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelpRequestOption.HelpRequestOption, {
+      visibleSv: hintVisibleSv,
+      disabled: disabled || shouldDisable,
+      onPress: onPress,
+      message: message,
+      colorScheme: colorScheme
+    })]
+  });
+};
+exports.InputWithHintRow = InputWithHintRow;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'relative',
+    width: '100%',
+    alignItems: 'flex-end',
+    height: 52,
+    justifyContent: 'center'
+  },
+  inputWrapper: {
+    position: 'absolute',
+    zIndex: 1,
+    right: _reactNativeUi.SPACING[200],
+    left: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    borderRadius: 200,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    paddingHorizontal: _reactNativeUi.SPACING[100],
+    paddingVertical: _reactNativeUi.SPACING[100],
+    overflow: 'hidden',
+    elevation: 3,
+    shadowColor: '#333',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3
+  },
+  input: {
+    flex: 1,
+    fontSize: 16,
+    minWidth: 60,
+    minHeight: 22,
+    fontWeight: '400',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    ...(_reactNative.Platform.OS === 'web' && {
+      outlineStyle: 'none'
+    }),
+    paddingHorizontal: _reactNativeUi.SPACING[100],
+    paddingVertical: _reactNativeUi.SPACING[200]
+  },
+  arrowWrapper: {
+    marginLeft: _reactNativeUi.SPACING[200]
+  }
+});
+//# sourceMappingURL=InputWithHintRow.js.map

package/dist/commonjs/features/chatbot/components/Alternatives/InputWithHintRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeUi","_HelpRequestOption","_InputButton","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","COMPACT_WIDTH","InputWithHintRow","onPress","message","disabled","colorScheme","value","setValue","useState","widthSv","useSharedValue","arrowOpacitySv","hintVisibleSv","valueLengthSv","shouldDisable","trim","length","animatedInputStyle","useAnimatedStyle","width","handleChangeText","text","useAnimatedReaction","currentLength","withTiming","duration","jsxs","View","style","styles","container","children","inputWrapper","jsx","TextInput","input","placeholder","placeholderTextColor","COLORS","NEUTRAL_6","onChangeText","arrowWrapper","InputButton","HelpRequestOption","visibleSv","exports","StyleSheet","create","position","alignItems","height","justifyContent","zIndex","right","SPACING","left","flexDirection","borderWidth","borderColor","NEUTRAL_5","borderRadius","backgroundColor","NEUTRAL_1","paddingHorizontal","paddingVertical","overflow","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","flex","fontSize","minWidth","minHeight","fontWeight","fontFamily","FONT_FAMILY","buenosAires","Platform","OS","outlineStyle","marginLeft"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/InputWithHintRow.tsx"],"mappings":"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","ignoreList":[]}