@magmamath/students-features 0.6.13 → 0.6.14-rc.1

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

@@ -7,12 +7,63 @@ exports.Alternatives = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _effectorReact = require("effector-react");
-var _HelpRequestOption = require("./HelpRequestOption.js");
 var _ChatBotModelContext = require("../../context/ChatBotModelContext.js");
 var _styleTypes = require("../../types/style.types.js");
-var _constants = require("../../constants.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,
@@ -23,6 +74,7 @@ const Alternatives = ({
   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
   }) => {
@@ -34,17 +86,16 @@ const Alternatives = ({
     if (isHintFeedback) return alternatives?.options.hints ?? [];
     return alternatives?.options.default ?? [];
   })();
-  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: isTranslationPending,
-      hoverColor: _constants.CONTROLS_COLORS_MAP[colorScheme].hover
-    }, index))
+  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;
@@ -52,8 +103,9 @@ const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1,
     width: 305,
-    marginVertical: 8,
-    gap: 8
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginVertical: 8
   }
 });
 //# sourceMappingURL=Alternatives.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_HelpRequestOption","_ChatBotModelContext","_styleTypes","_constants","_jsxRuntime","e","__esModule","default","Alternatives","onPressAlternative","hasMessages","isHintFeedback","colorScheme","ColorScheme","Blue","model","useChatModel","isTranslated","useUnit","translation","$isTranslated","alternatives","$alternatives","isTranslationPending","translateAllMessagesFx","pending","lastMessageOptions","useStoreMap","$currentChatData","messages","lastMessage","at","options","hints","jsx","View","style","styles","container","children","map","text","translatedText","index","HelpRequestOption","onPress","message","disabled","hoverColor","CONTROLS_COLORS_MAP","hover","exports","StyleSheet","create","flex","width","marginVertical","gap"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/Alternatives.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAqD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS9C,MAAMG,YAAY,GAAGA,CAAC;EAC3BC,kBAAkB;EAClBC,WAAW;EACXC,cAAc;EACdC,WAAW,GAAGC,uBAAW,CAACC;AACT,CAAC,KAAK;EACvB,MAAMC,KAAK,GAAG,IAAAC,iCAAY,EAAC,CAAC;EAC5B,MAAMC,YAAY,GAAG,IAAAC,sBAAO,EAACH,KAAK,CAACI,WAAW,CAACC,aAAa,CAAC;EAC7D,MAAMC,YAAY,GAAG,IAAAH,sBAAO,EAACH,KAAK,CAACO,aAAa,CAAC;EACjD,MAAMC,oBAAoB,GAAG,IAAAL,sBAAO,EAACH,KAAK,CAACI,WAAW,CAACK,sBAAsB,CAACC,OAAO,CAAC;EACtF,MAAMC,kBAAkB,GAAG,IAAAC,0BAAW,EAACZ,KAAK,CAACa,gBAAgB,EAAE,CAAC;IAAEC;EAAS,CAAC,KAAK;IAC/E,MAAMC,WAAW,GAAGD,QAAQ,CAACE,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC,OAAOD,WAAW,EAAEE,OAAO,IAAI,EAAE;EACnC,CAAC,CAAC;EAEF,MAAMA,OAAO,GAAG,CAAC,MAAM;IACrB,IAAItB,WAAW,EAAE,OAAOgB,kBAAkB;IAC1C,IAAIf,cAAc,EAAE,OAAOU,YAAY,EAAEW,OAAO,CAACC,KAAK,IAAI,EAAE;IAC5D,OAAOZ,YAAY,EAAEW,OAAO,CAACzB,OAAO,IAAI,EAAE;EAC5C,CAAC,EAAE,CAAC;EAEJ,oBACE,IAAAH,WAAA,CAAA8B,GAAA,EAACpC,YAAA,CAAAqC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BP,OAAO,CAACQ,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC;IAAe,CAAC,EAAEC,KAAK,kBAC3C,IAAAvC,WAAA,CAAA8B,GAAA,EAAClC,kBAAA,CAAA4C,iBAAiB;MAEhBC,OAAO,EAAEA,CAAA,KAAMpC,kBAAkB,CAACgC,IAAI,EAAEC,cAAc,CAAE;MACxDI,OAAO,EAAE7B,YAAY,GAAIyB,cAAc,GAAcD,IAAK;MAC1DM,QAAQ,EAAExB,oBAAqB;MAC/ByB,UAAU,EAAEC,8BAAmB,CAACrC,WAAW,CAAC,CAACsC;IAAM,GAJ9CP,KAKN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAAAQ,OAAA,CAAA3C,YAAA,GAAAA,YAAA;AAED,MAAM6B,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,GAAG;IACVC,cAAc,EAAE,CAAC;IACjBC,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}
+{"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

@@ -4,59 +4,169 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HelpRequestOption = void 0;
-var _react = _interopRequireWildcard(require("react"));
+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 _ArrowRightIcon = require("../../../../shared/icons/ArrowRightIcon.js");
+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,
-  hoverColor = _reactNativeUi.COLORS.PRIMARY_BLUE
+  colorScheme = _studentsFeatures.ColorScheme.Blue,
+  visibleSv
 }) => {
-  const [isHovered, setIsHovered] = (0, _react.useState)(false);
-  const hoverAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const backgroundColor = hoverAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: [_reactNativeUi.COLORS.NEUTRAL_1, hoverColor]
-  });
-  const textColor = hoverAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: [_reactNativeUi.COLORS.NEUTRAL_10, _reactNativeUi.COLORS.NEUTRAL_1]
-  });
-  (0, _react.useEffect)(() => {
-    _reactNative.Animated.timing(hoverAnim, {
-      toValue: isHovered ? 1 : 0,
-      duration: 200,
-      useNativeDriver: false
-    }).start();
-  }, [isHovered, hoverAnim]);
+  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: () => setIsHovered(true),
-    onHoverOut: () => setIsHovered(false),
+    onHoverIn: onHoverIn,
+    onHoverOut: onHoverOut,
     onPress: onPress,
-    style: styles.button,
+    style: [styles.button, {
+      cursor: disabled ? 'auto' : 'pointer'
+    }],
     disabled: disabled,
     accessibilityState: {
       disabled
     },
     accessibilityRole: "button",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
-      style: [styles.textWrapper, {
-        backgroundColor,
-        borderColor: backgroundColor
-      }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.Text, {
+    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, {
-          color: textColor
-        }],
+        style: [styles.text, animatedTextStyle],
         children: message
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowRightIcon.ArrowRightIcon, {
-        color: isHovered ? _reactNativeUi.COLORS.NEUTRAL_1 : _reactNativeUi.COLORS.NEUTRAL_10
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+        style: animatedTextStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.ArrowUpIcon, {
+          color: 'currentColor',
+          size: 16
+        })
       })]
     })
   });
@@ -65,13 +175,11 @@ exports.HelpRequestOption = HelpRequestOption;
 const styles = _reactNative.StyleSheet.create({
   button: {
     flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    width: '100%'
+    justifyContent: 'flex-end'
   },
   text: {
-    fontSize: 20,
-    fontWeight: 400,
+    fontSize: 18,
+    fontWeight: '400',
     fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
     color: _reactNativeUi.COLORS.NEUTRAL_10
   },
@@ -80,7 +188,7 @@ const styles = _reactNative.StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-between',
-    maxWidth: 305,
+    width: 163,
     paddingHorizontal: _reactNativeUi.SPACING[400],
     paddingVertical: _reactNativeUi.SPACING[200],
     borderWidth: 1,
@@ -93,7 +201,8 @@ const styles = _reactNative.StyleSheet.create({
     },
     shadowOpacity: 0.25,
     shadowRadius: 3,
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderColor: _reactNativeUi.COLORS.PRIMARY_BLUE
   }
 });
 //# sourceMappingURL=HelpRequestOption.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_ArrowRightIcon","_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","hoverColor","COLORS","PRIMARY_BLUE","isHovered","setIsHovered","useState","hoverAnim","useRef","Animated","Value","current","backgroundColor","interpolate","inputRange","outputRange","NEUTRAL_1","textColor","NEUTRAL_10","useEffect","timing","toValue","duration","useNativeDriver","start","jsx","Pressable","onHoverIn","onHoverOut","style","styles","button","accessibilityState","accessibilityRole","children","jsxs","View","textWrapper","borderColor","Text","numberOfLines","text","color","ArrowRightIcon","exports","StyleSheet","create","flexDirection","alignItems","justifyContent","width","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","flex","maxWidth","paddingHorizontal","SPACING","paddingVertical","borderWidth","borderRadius","elevation","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Alternatives/HelpRequestOption.tsx"],"mappings":"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","ignoreList":[]}
+{"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/Alternatives/InputButton.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _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 InputButton = ({
+  onPress,
+  disabled = false,
+  colorScheme = _studentsFeatures.ColorScheme.Blue
+}) => {
+  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.border]);
+    const color = (0, _reactNativeReanimated.interpolateColor)(hoverSv.value, [0, 1], [_reactNativeUi.COLORS.NEUTRAL_10, _reactNativeUi.COLORS.NEUTRAL_1]);
+    return {
+      backgroundColor: disabled ? _reactNativeUi.COLORS.NEUTRAL_2 : backgroundColor,
+      borderColor: disabled ? _reactNativeUi.COLORS.NEUTRAL_5 : _constants.MESSAGE_COLORS_MAP[colorScheme].sent.border,
+      color: disabled ? _reactNativeUi.COLORS.NEUTRAL_5 : color
+    };
+  }, [hoverSv, disabled]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onHoverIn: onHoverIn,
+    onHoverOut: onHoverOut,
+    onPress: onPress,
+    style: [styles.button, disabled && {
+      cursor: 'auto'
+    }],
+    disabled: disabled,
+    accessibilityState: {
+      disabled
+    },
+    accessibilityRole: "button",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+      style: [styles.textWrapper, animatedWrapperStyle],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.ArrowUpIcon, {
+        color: 'currentColor',
+        size: 16
+      })
+    })
+  });
+};
+exports.InputButton = InputButton;
+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,
+    backgroundColor: 'purple'
+  },
+  textWrapper: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 13,
+    paddingVertical: 12,
+    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=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":[]}