chat 1.0.8 → 3.0.0

package/lib/module/components/Chat/Bubble/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","useMemo","useCallback","View","Text","StyleSheet","LinearGradient","Media","isValidColor","color","test","Bubble","props","containerStyles","styles","container","isMe","meStyles","otherStyles","style","textStyles","textColor","text","textStyle","backgroundColor","Array","isArray","invalidColors","from","Set","filter","length","console","warn","propsRenderMedia","renderMedia","mediaContentType","media","url","mediaUrl","uri","mediaUri","height","mediaHeight","width","mediaWidth","contentType","propsRenderText","renderText","bubbleRef","gradient","memo","create","maxWidth","borderRadius","overflow","textAlign","fontSize","paddingHorizontal","paddingVertical","flex","marginLeft","marginRight"],"mappings":"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","sourcesContent":["import React, { useMemo, FunctionComponent, useCallback } from 'react'\nimport { BubbleProps } from '../types'\nimport { View, Text, StyleSheet } from 'react-native'\nimport { LinearGradient } from 'expo-linear-gradient'\nimport { MessageMedia } from '../../../classes/Message/types'\nimport Media from '../Media'\n\nconst isValidColor = (color: string) =>\n\t/(#(?:[0-9a-f]{ 2 }){ 2,4 }|(#[0-9a-f]{3})|(rgb|hsl)a?\\((-?\\d+%?[,\\s]+){2,3}\\s*[d\\.]+%?\\)|\\b(transparent|black|silver|gray|whitesmoke|maroon|red|purple|fuchsia|green|lime|olivedrab|yellow|navy|blue|teal|aquamarine|orange|aliceblue|antiquewhite|aqua|azure|beige|bisque|blanchedalmond|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|gainsboro|ghostwhite|goldenrod|gold|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavenderblush|lavender|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|limegreen|linen|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|oldlace|olive|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|thistle|tomato|turquoise|violet|wheat|white|yellowgreen|rebeccapurple)\\b)/i.test(\n\t\tcolor\n\t)\n\nconst Bubble: FunctionComponent<BubbleProps> = props => {\n\tconst containerStyles = useMemo(() => {\n\t\treturn [\n\t\t\tstyles.container,\n\t\t\tprops.isMe ? meStyles.container : otherStyles.container,\n\t\t\tprops.style\n\t\t]\n\t}, [props.style, props.isMe])\n\n\tconst textStyles = useMemo(() => {\n\t\tconst color = (props.textColor && { color: props.textColor }) || {}\n\t\treturn [\n\t\t\tstyles.text,\n\t\t\tprops.isMe ? meStyles.text : otherStyles.text,\n\t\t\tcolor,\n\t\t\tprops.textStyle\n\t\t]\n\t}, [props.textStyle, props.isMe, props.textColor])\n\n\tconst backgroundColor = useMemo(() => {\n\t\tlet color: string[] = []\n\t\tif (Array.isArray(props.backgroundColor)) {\n\t\t\tcolor = props.backgroundColor\n\t\t}\n\t\tif (typeof props.backgroundColor === 'string') {\n\t\t\tcolor = [props.backgroundColor, props.backgroundColor]\n\t\t}\n\t\tconst invalidColors = [\n\t\t\t...Array.from(new Set(color.filter(color => !isValidColor(color))))\n\t\t]\n\t\tif (invalidColors.length) {\n\t\t\tconsole.warn(\n\t\t\t\t`🍏 Juice warning: The background color value you gave to the Bubble component doesn't seem to be valid. Each color should be a HEX color or CSS color string, matching this format: #abc123, but instead, it got these: ${invalidColors}, which don't match the format. If you gave a valid CSS color and it works, you can ignore this.`\n\t\t\t)\n\t\t}\n\t\treturn (\n\t\t\tcolor || (props.isMe ? ['#7B16FF', '#7114EA'] : ['#f1f7f8', '#f8f8f8'])\n\t\t)\n\t}, [props.backgroundColor, props.isMe])\n\n\tconst { renderMedia: propsRenderMedia } = props\n\tconst renderMedia = useCallback(() => {\n\t\tif (propsRenderMedia === null) return null\n\n\t\tif (!props.mediaContentType) return null\n\n\t\tconst media: MessageMedia = {\n\t\t\turl: props.mediaUrl || '',\n\t\t\turi: props.mediaUri,\n\t\t\theight: props.mediaHeight || 0,\n\t\t\twidth: props.mediaWidth || 0,\n\t\t\tcontentType: props.mediaContentType\n\t\t}\n\t\tif (propsRenderMedia) return propsRenderMedia({ media })\n\n\t\treturn <Media {...media} />\n\t}, [\n\t\tprops.mediaUrl,\n\t\tprops.mediaUri,\n\t\tprops.mediaHeight,\n\t\tprops.mediaWidth,\n\t\tprops.mediaContentType,\n\t\tpropsRenderMedia\n\t])\n\n\tconst { text, renderText: propsRenderText } = props\n\tconst renderText = useCallback(() => {\n\t\tif (text) {\n\t\t\tif (propsRenderText) return propsRenderText({ style: textStyles, text })\n\t\t\treturn <Text style={textStyles}>{text}</Text>\n\t\t}\n\t\treturn null\n\t}, [textStyles, text, propsRenderText])\n\n\treturn (\n\t\t<View style={containerStyles} ref={props.bubbleRef}>\n\t\t\t<LinearGradient\n\t\t\t\tcolors={backgroundColor}\n\t\t\t\tstart={[0.1, 0.1]}\n\t\t\t\tend={[0.9, 0.9]}\n\t\t\t\tstyle={styles.gradient}\n\t\t\t>\n\t\t\t\t{renderMedia()}\n\t\t\t\t{renderText()}\n\t\t\t</LinearGradient>\n\t\t</View>\n\t)\n}\n\nexport default React.memo(Bubble)\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tmaxWidth: '80%',\n\t\tborderRadius: 20,\n\t\toverflow: 'hidden'\n\t},\n\ttext: {\n\t\ttextAlign: 'left',\n\t\tfontSize: 16,\n\t\tpaddingHorizontal: 12,\n\t\tpaddingVertical: 10\n\t},\n\tgradient: {\n\t\tflex: 1\n\t}\n})\n\nconst meStyles = StyleSheet.create({\n\tcontainer: {\n\t\t// backgroundColor: 'rgb(123, 22, 255)',\n\t\tmarginLeft: 5\n\t},\n\ttext: {\n\t\tcolor: 'white'\n\t}\n})\n\nconst otherStyles = StyleSheet.create({\n\tcontainer: {\n\t\t// backgroundColor: 'lightgray',\n\t\tmarginRight: 5\n\t},\n\ttext: {\n\t\tcolor: 'black'\n\t}\n})\n"]}

package/lib/module/components/Chat/Composer/Input/index.js

@@ -1,2 +0,0 @@
-import _extends from"@babel/runtime/helpers/extends";var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat/Composer/Input/index.tsx";import React from'react';import{TextInput,StyleSheet,View}from'react-native';var Input=function Input(props){return React.createElement(View,{style:[styles.container,props.containerStyle],__source:{fileName:_jsxFileName,lineNumber:7}},React.createElement(TextInput,_extends({},props.inputProps,{placeholder:props.placeholderText||'Type a new message...',placeholderTextColor:props.placeholderColor||'lightgray',selectionColor:props.tintColor||'blue',onChangeText:props.onChangeText,value:props.text,style:[styles.input,props.style],multiline:true,ref:props.inputRef,returnKeyLabel:props.sendOnKeyboardReturn?'Send':undefined,returnKeyType:props.sendOnKeyboardReturn?'send':undefined,onSubmitEditing:props.onSubmitEditing,__source:{fileName:_jsxFileName,lineNumber:8}})));};Input.displayName='Juice.Input';export default React.memo(Input);var styles=StyleSheet.create({container:{flex:1,flexDirection:'row',marginHorizontal:10,borderRadius:20,borderWidth:1,borderColor:'lightgray'},input:{flex:1,padding:10,paddingTop:10,fontSize:16}});
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat/Composer/Input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","TextInput","StyleSheet","View","Input","props","styles","container","containerStyle","inputProps","placeholderText","placeholderColor","tintColor","onChangeText","text","input","style","inputRef","sendOnKeyboardReturn","undefined","onSubmitEditing","displayName","memo","create","flex","flexDirection","marginHorizontal","borderRadius","borderWidth","borderColor","padding","paddingTop","fontSize"],"mappings":"sKAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CACA,OAASC,SAAT,CAAoBC,UAApB,CAAgCC,IAAhC,KAA4C,cAA5C,CAGA,GAAMC,CAAAA,KAAK,CAAG,QAARA,CAAAA,KAAQ,CAACC,KAAD,CAAuB,CACpC,MACC,qBAAC,IAAD,EAAM,KAAK,CAAE,CAACC,MAAM,CAACC,SAAR,CAAmBF,KAAK,CAACG,cAAzB,CAAb,gDACC,oBAAC,SAAD,aACKH,KAAK,CAACI,UADX,EAEC,WAAW,CAAEJ,KAAK,CAACK,eAAN,EAAyB,uBAFvC,CAGC,oBAAoB,CAAEL,KAAK,CAACM,gBAAN,EAA0B,WAHjD,CAIC,cAAc,CAAEN,KAAK,CAACO,SAAN,EAAmB,MAJpC,CAKC,YAAY,CAAEP,KAAK,CAACQ,YALrB,CAMC,KAAK,CAAER,KAAK,CAACS,IANd,CAOC,KAAK,CAAE,CAACR,MAAM,CAACS,KAAR,CAAeV,KAAK,CAACW,KAArB,CAPR,CAQC,SAAS,KARV,CASC,GAAG,CAAEX,KAAK,CAACY,QATZ,CAUC,cAAc,CAAEZ,KAAK,CAACa,oBAAN,CAA6B,MAA7B,CAAsCC,SAVvD,CAWC,aAAa,CAAEd,KAAK,CAACa,oBAAN,CAA6B,MAA7B,CAAsCC,SAXtD,CAYC,eAAe,CAAEd,KAAK,CAACe,eAZxB,iDADD,CADD,CAkBA,CAnBD,CAqBAhB,KAAK,CAACiB,WAAN,CAAoB,aAApB,CAEA,cAAerB,CAAAA,KAAK,CAACsB,IAAN,CAAWlB,KAAX,CAAf,CAEA,GAAME,CAAAA,MAAM,CAAGJ,UAAU,CAACqB,MAAX,CAAkB,CAChChB,SAAS,CAAE,CACViB,IAAI,CAAE,CADI,CAEVC,aAAa,CAAE,KAFL,CAGVC,gBAAgB,CAAE,EAHR,CAIVC,YAAY,CAAE,EAJJ,CAKVC,WAAW,CAAE,CALH,CAMVC,WAAW,CAAE,WANH,CADqB,CAShCd,KAAK,CAAE,CACNS,IAAI,CAAE,CADA,CAENM,OAAO,CAAE,EAFH,CAGNC,UAAU,CAAE,EAHN,CAINC,QAAQ,CAAE,EAJJ,CATyB,CAAlB,CAAf","sourcesContent":["import React from 'react'\nimport { TextInput, StyleSheet, View } from 'react-native'\nimport { InputProps } from '../../types'\n\nconst Input = (props: InputProps) => {\n\treturn (\n\t\t<View style={[styles.container, props.containerStyle]}>\n\t\t\t<TextInput\n\t\t\t\t{...props.inputProps}\n\t\t\t\tplaceholder={props.placeholderText || 'Type a new message...'}\n\t\t\t\tplaceholderTextColor={props.placeholderColor || 'lightgray'}\n\t\t\t\tselectionColor={props.tintColor || 'blue'}\n\t\t\t\tonChangeText={props.onChangeText}\n\t\t\t\tvalue={props.text}\n\t\t\t\tstyle={[styles.input, props.style]}\n\t\t\t\tmultiline\n\t\t\t\tref={props.inputRef}\n\t\t\t\treturnKeyLabel={props.sendOnKeyboardReturn ? 'Send' : undefined}\n\t\t\t\treturnKeyType={props.sendOnKeyboardReturn ? 'send' : undefined}\n\t\t\t\tonSubmitEditing={props.onSubmitEditing}\n\t\t\t/>\n\t\t</View>\n\t)\n}\n\nInput.displayName = 'Juice.Input'\n\nexport default React.memo(Input)\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tflex: 1,\n\t\tflexDirection: 'row',\n\t\tmarginHorizontal: 10,\n\t\tborderRadius: 20,\n\t\tborderWidth: 1,\n\t\tborderColor: 'lightgray'\n\t},\n\tinput: {\n\t\tflex: 1,\n\t\tpadding: 10,\n\t\tpaddingTop: 10,\n\t\tfontSize: 16\n\t}\n})\n"]}

package/lib/module/components/Chat/Composer/Send/index.js

@@ -1,2 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat/Composer/Send/index.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){_defineProperty(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}import React,{useCallback}from'react';import{Button,StyleSheet,TouchableOpacity,View}from'react-native';import{Ionicons}from'@expo/vector-icons';var Send=function Send(props){if(props.mode==='hidden')return null;var containerStyle=props.containerStyle;var Container=useCallback(function(_ref){var children=_ref.children;var style=_objectSpread({},styles.container,{},containerStyle||{});return React.createElement(View,{style:style,__source:{fileName:_jsxFileName,lineNumber:15}},children);},[containerStyle]);if(props.mode==='icon')return React.createElement(Container,{__source:{fileName:_jsxFileName,lineNumber:21}},React.createElement(TouchableOpacity,{onPress:props.onSend,style:[styles.button,{backgroundColor:props.tintColor||'blue'}],__source:{fileName:_jsxFileName,lineNumber:22}},React.createElement(Ionicons,{name:"ios-arrow-round-up",size:size*1.5,color:'white',__source:{fileName:_jsxFileName,lineNumber:23}})));return React.createElement(Container,{__source:{fileName:_jsxFileName,lineNumber:28}},React.createElement(Button,{title:"Send",onPress:props.onSend,color:props.tintColor||'blue',__source:{fileName:_jsxFileName,lineNumber:29}}));};export default React.memo(Send);var size=20;var styles=StyleSheet.create({container:{paddingRight:5,paddingBottom:5},button:{borderRadius:size,height:size*1.5,width:size*1.5,justifyContent:'center',alignItems:'center'}});
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat/Composer/Send/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","useCallback","Button","StyleSheet","TouchableOpacity","View","Ionicons","Send","props","mode","containerStyle","Container","children","style","styles","container","onSend","button","backgroundColor","tintColor","size","memo","create","paddingRight","paddingBottom","borderRadius","height","width","justifyContent","alignItems"],"mappings":"+8BAAA,MAAOA,CAAAA,KAAP,EAAgBC,WAAhB,KAAmC,OAAnC,CACA,OAASC,MAAT,CAAiBC,UAAjB,CAA6BC,gBAA7B,CAA+CC,IAA/C,KAA2D,cAA3D,CACA,OAASC,QAAT,KAAyB,oBAAzB,CAGA,GAAMC,CAAAA,IAAI,CAAG,QAAPA,CAAAA,IAAO,CAACC,KAAD,CAA4B,CACxC,GAAIA,KAAK,CAACC,IAAN,GAAe,QAAnB,CAA6B,MAAO,KAAP,CADW,GAEhCC,CAAAA,cAFgC,CAEbF,KAFa,CAEhCE,cAFgC,CAGxC,GAAMC,CAAAA,SAAS,CAAGV,WAAW,CAC5B,cAAkB,IAAfW,CAAAA,QAAe,MAAfA,QAAe,CACjB,GAAMC,CAAAA,KAAK,kBACPC,MAAM,CAACC,SADA,IAENL,cAAc,EAAI,EAFZ,CAAX,CAIA,MAAO,qBAAC,IAAD,EAAM,KAAK,CAAEG,KAAb,iDAAqBD,QAArB,CAAP,CACA,CAP2B,CAQ5B,CAACF,cAAD,CAR4B,CAA7B,CAUA,GAAIF,KAAK,CAACC,IAAN,GAAe,MAAnB,CACC,MACC,qBAAC,SAAD,kDACC,oBAAC,gBAAD,EAAkB,OAAO,CAAED,KAAK,CAACQ,MAAjC,CAAyC,KAAK,CAAE,CAACF,MAAM,CAACG,MAAR,CAAgB,CAAEC,eAAe,CAAEV,KAAK,CAACW,SAAN,EAAmB,MAAtC,CAAhB,CAAhD,iDACC,oBAAC,QAAD,EAAU,IAAI,CAAC,oBAAf,CAAoC,IAAI,CAAEC,IAAI,CAAG,GAAjD,CAAsD,KAAK,CAAE,OAA7D,iDADD,CADD,CADD,CAOD,MACC,qBAAC,SAAD,kDACC,oBAAC,MAAD,EAAQ,KAAK,CAAC,MAAd,CAAqB,OAAO,CAAEZ,KAAK,CAACQ,MAApC,CAA4C,KAAK,CAAER,KAAK,CAACW,SAAN,EAAmB,MAAtE,iDADD,CADD,CAKA,CA1BD,CA4BA,cAAenB,CAAAA,KAAK,CAACqB,IAAN,CAAWd,IAAX,CAAf,CAEA,GAAMa,CAAAA,IAAI,CAAG,EAAb,CAEA,GAAMN,CAAAA,MAAM,CAAGX,UAAU,CAACmB,MAAX,CAAkB,CAChCP,SAAS,CAAE,CACVQ,YAAY,CAAE,CADJ,CAEVC,aAAa,CAAE,CAFL,CADqB,CAKhCP,MAAM,CAAE,CACPQ,YAAY,CAAEL,IADP,CAEPM,MAAM,CAAEN,IAAI,CAAG,GAFR,CAGPO,KAAK,CAAEP,IAAI,CAAG,GAHP,CAIPQ,cAAc,CAAE,QAJT,CAKPC,UAAU,CAAE,QALL,CALwB,CAAlB,CAAf","sourcesContent":["import React, { useCallback } from 'react'\nimport { Button, StyleSheet, TouchableOpacity, View } from 'react-native'\nimport { Ionicons } from '@expo/vector-icons'\nimport { SendButtonProps } from '../../types'\n\nconst Send = (props: SendButtonProps) => {\n\tif (props.mode === 'hidden') return null\n\tconst { containerStyle } = props\n\tconst Container = useCallback(\n\t\t({ children }) => {\n\t\t\tconst style = {\n\t\t\t\t...styles.container,\n\t\t\t\t...(containerStyle || {}),\n\t\t\t}\n\t\t\treturn <View style={style}>{children}</View>\n\t\t},\n\t\t[containerStyle],\n\t)\n\tif (props.mode === 'icon')\n\t\treturn (\n\t\t\t<Container>\n\t\t\t\t<TouchableOpacity onPress={props.onSend} style={[styles.button, { backgroundColor: props.tintColor || 'blue' }]}>\n\t\t\t\t\t<Ionicons name=\"ios-arrow-round-up\" size={size * 1.5} color={'white'} />\n\t\t\t\t</TouchableOpacity>\n\t\t\t</Container>\n\t\t)\n\treturn (\n\t\t<Container>\n\t\t\t<Button title=\"Send\" onPress={props.onSend} color={props.tintColor || 'blue'} />\n\t\t</Container>\n\t)\n}\n\nexport default React.memo(Send)\n\nconst size = 20\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tpaddingRight: 5,\n\t\tpaddingBottom: 5,\n\t},\n\tbutton: {\n\t\tborderRadius: size,\n\t\theight: size * 1.5,\n\t\twidth: size * 1.5,\n\t\tjustifyContent: 'center',\n\t\talignItems: 'center',\n\t\t// padding: size / 2\n\t},\n})\n"]}

package/lib/module/components/Chat/Composer/index.js

@@ -1,2 +0,0 @@
-import _extends from"@babel/runtime/helpers/extends";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat/Composer/index.tsx";import React,{useState,useCallback,useMemo,useEffect}from'react';import uuid from'uuid';import{View,StyleSheet,Keyboard}from'react-native';import{isIphoneX,getBottomSpace}from'react-native-iphone-x-helper';import Input from'./Input';import Send from'./Send';var Composer=function Composer(props){var _ref2;var _useState=useState(props.initialText||''),_useState2=_slicedToArray(_useState,2),textState=_useState2[0],setText=_useState2[1];var _useMemo=useMemo(function(){return[props.text!==undefined?props.text:textState,props.text!==undefined?props.onInputTextChanged:setText];},[props.text,textState,props.onInputTextChanged]),_useMemo2=_slicedToArray(_useMemo,2),text=_useMemo2[0],onChangeText=_useMemo2[1];var _useState3=useState([]),_useState4=_slicedToArray(_useState3,2),mediaState=_useState4[0],setMedia=_useState4[1];var _ref=[props.media||mediaState,props.media&&props.onChangeMedia||setMedia],media=_ref[0],onChangeMedia=_ref[1];var _useState5=useState(false),_useState6=_slicedToArray(_useState5,2),keyboardOpen=_useState6[0],setKeyboardOpen=_useState6[1];useEffect(function(){var show=function show(){setKeyboardOpen(true);};var hide=function hide(){setKeyboardOpen(false);};Keyboard.addListener('keyboardWillShow',show);Keyboard.addListener('keyboardWillHide',hide);return function(){Keyboard.removeListener('keyboardWillShow',show);Keyboard.removeListener('keyboardWillHide',hide);};},[]);var user=props.user;var messagesReadyToSend=useMemo(function(){var messages=[];if(media&&media.length){;media.forEach(function(item){var message={user:user,text:'',id:uuid.v4(),createdAt:new Date(),media:item};messages.push(message);});}if(text){var message={user:user,text:text&&text.trim(),id:uuid.v4(),createdAt:new Date()};messages.push(message);}return messages;},[user,text,media]);var onSend=props.onSend;var send=useCallback(function(){if(messagesReadyToSend.length){if(onChangeText)onChangeText('');if(onChangeMedia)onChangeMedia([]);onSend(messagesReadyToSend);}},[onChangeText,onChangeMedia,messagesReadyToSend,onSend]);var textInputProps=props.textInputProps,renderTextInput=props.renderTextInput;var renderInput=useCallback(function(){if(renderTextInput===null)return null;var onSubmitEditing=function onSubmitEditing(){if(props.sendOnKeyboardReturn)send();};var inputProps={inputProps:textInputProps,onChangeText:onChangeText,text:text,containerStyle:props.inputContainerStyle,placeholderColor:props.placeholderColor,placeholderText:props.placeholderText,style:props.inputStyle,tintColor:props.tintColor,inputRef:props.inputRef,sendOnKeyboardReturn:props.sendOnKeyboardReturn,onSubmitEditing:onSubmitEditing};if(renderTextInput)return renderTextInput(inputProps);return React.createElement(Input,_extends({},inputProps,{__source:{fileName:_jsxFileName,lineNumber:107}}));},[onChangeText,text,textInputProps,renderTextInput,props.inputContainerStyle,props.placeholderColor,props.placeholderText,props.inputStyle,props.tintColor,props.inputRef,props.sendOnKeyboardReturn,send]);var renderSendButton=props.renderSendButton;var sendButtonMode=(_ref2=props.sendButtonMode==null?void 0:props.sendButtonMode({hasText:!!(text&&text.trim())}))!=null?_ref2:'icon';var renderSend=useCallback(function(){if(renderSendButton===null)return null;var sendProps={onSend:send,text:text,media:media,user:user,mode:sendButtonMode,containerStyle:props.sendButtonContainerStyle,tintColor:props.tintColor};if(renderSendButton)return renderSendButton(sendProps);return React.createElement(Send,_extends({},sendProps,{__source:{fileName:_jsxFileName,lineNumber:147}}));},[send,text,user,media,renderSendButton,sendButtonMode,props.sendButtonContainerStyle,props.tintColor]);var containerStyle=useMemo(function(){var paddingBottom=keyboardOpen&&isIphoneX()?10:getBottomSpace();return[styles.container,{paddingBottom:paddingBottom},props.containerStyle];},[props.containerStyle,keyboardOpen]);return React.createElement(View,{style:[containerStyle],__source:{fileName:_jsxFileName,lineNumber:165}},React.createElement(View,{style:styles.wrapper,__source:{fileName:_jsxFileName,lineNumber:166}},renderInput(),renderSend()));};Composer.displayName='Juice.Composer';export default React.memo(Composer);var styles=StyleSheet.create({container:{paddingBottom:10,paddingTop:5},wrapper:{flexDirection:'row',alignItems:'flex-end'}});
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat/Composer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","useState","useCallback","useMemo","useEffect","uuid","View","StyleSheet","Keyboard","isIphoneX","getBottomSpace","Input","Send","Composer","props","initialText","textState","setText","text","undefined","onInputTextChanged","onChangeText","mediaState","setMedia","media","onChangeMedia","keyboardOpen","setKeyboardOpen","show","hide","addListener","removeListener","user","messagesReadyToSend","messages","length","forEach","item","message","id","v4","createdAt","Date","push","trim","onSend","send","textInputProps","renderTextInput","renderInput","onSubmitEditing","sendOnKeyboardReturn","inputProps","containerStyle","inputContainerStyle","placeholderColor","placeholderText","style","inputStyle","tintColor","inputRef","renderSendButton","sendButtonMode","hasText","renderSend","sendProps","mode","sendButtonContainerStyle","paddingBottom","styles","container","wrapper","displayName","memo","create","paddingTop","flexDirection","alignItems"],"mappings":"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","sourcesContent":["import React, { useState, useCallback, useMemo, useEffect } from 'react'\nimport uuid from 'uuid'\nimport { View, StyleSheet, Keyboard } from 'react-native'\nimport { isIphoneX, getBottomSpace } from 'react-native-iphone-x-helper'\nimport { ComposerProps, InputProps, SendButtonProps } from '../types'\nimport Input from './Input'\nimport Send from './Send'\nimport { MessageMedia, NewMessageModel } from '../../../classes/Message/types'\n\n// const emptyMedia: ComposerProps['media'][] = []\n\nconst Composer = (props: ComposerProps) => {\n\t// First, we set up a state manager for the composer's text.\n\tconst [textState, setText] = useState(props.initialText || '')\n\t// if you pass a text prop, use that state instead\n\tconst [text, onChangeText] = useMemo(\n\t\t() => [\n\t\t\tprops.text !== undefined ? props.text : textState,\n\t\t\tprops.text !== undefined ? props.onInputTextChanged : setText,\n\t\t],\n\t\t[props.text, textState, props.onInputTextChanged]\n\t)\n\n\tconst [mediaState, setMedia] = useState<ComposerProps['media'][]>([])\n\tconst [media, onChangeMedia] = [\n\t\tprops.media || mediaState,\n\t\t(props.media && props.onChangeMedia) || setMedia,\n\t]\n\n\t// track whether or not the keyboard is open to style the bottom based on where or not you're on an iPhone X\n\tconst [keyboardOpen, setKeyboardOpen] = useState(false)\n\tuseEffect(() => {\n\t\tconst show = () => {\n\t\t\tsetKeyboardOpen(true)\n\t\t}\n\t\tconst hide = () => {\n\t\t\tsetKeyboardOpen(false)\n\t\t}\n\t\tKeyboard.addListener('keyboardWillShow', show)\n\t\tKeyboard.addListener('keyboardWillHide', hide)\n\t\treturn () => {\n\t\t\tKeyboard.removeListener('keyboardWillShow', show)\n\t\t\tKeyboard.removeListener('keyboardWillHide', hide)\n\t\t}\n\t}, [])\n\n\tconst { user } = props\n\tconst messagesReadyToSend = useMemo(() => {\n\t\tconst messages: NewMessageModel[] = []\n\t\tif (media && media.length) {\n\t\t\t;(media as MessageMedia[]).forEach((item: MessageMedia) => {\n\t\t\t\tconst message: NewMessageModel = {\n\t\t\t\t\tuser,\n\t\t\t\t\ttext: '',\n\t\t\t\t\tid: uuid.v4(),\n\t\t\t\t\tcreatedAt: new Date(),\n\t\t\t\t\tmedia: item,\n\t\t\t\t}\n\t\t\t\tmessages.push(message)\n\t\t\t})\n\t\t}\n\t\tif (text) {\n\t\t\tconst message: NewMessageModel = {\n\t\t\t\tuser,\n\t\t\t\ttext: text && text.trim(),\n\t\t\t\tid: uuid.v4(),\n\t\t\t\tcreatedAt: new Date(),\n\t\t\t}\n\t\t\tmessages.push(message)\n\t\t}\n\t\treturn messages\n\t}, [user, text, media])\n\n\tconst { onSend } = props\n\tconst send = useCallback(() => {\n\t\tif (messagesReadyToSend.length) {\n\t\t\tif (onChangeText) onChangeText('')\n\t\t\tif (onChangeMedia) onChangeMedia([])\n\t\t\tonSend(messagesReadyToSend)\n\t\t}\n\t}, [onChangeText, onChangeMedia, messagesReadyToSend, onSend])\n\n\tconst { textInputProps, renderTextInput } = props\n\tconst renderInput = useCallback(() => {\n\t\tif (renderTextInput === null) return null\n\n\t\tconst onSubmitEditing: InputProps['onSubmitEditing'] = () => {\n\t\t\tif (props.sendOnKeyboardReturn) send()\n\t\t}\n\n\t\tconst inputProps: InputProps = {\n\t\t\tinputProps: textInputProps,\n\t\t\tonChangeText,\n\t\t\ttext,\n\t\t\tcontainerStyle: props.inputContainerStyle,\n\t\t\tplaceholderColor: props.placeholderColor,\n\t\t\tplaceholderText: props.placeholderText,\n\t\t\tstyle: props.inputStyle,\n\t\t\ttintColor: props.tintColor,\n\t\t\tinputRef: props.inputRef,\n\t\t\tsendOnKeyboardReturn: props.sendOnKeyboardReturn,\n\t\t\tonSubmitEditing,\n\t\t}\n\n\t\tif (renderTextInput) return renderTextInput(inputProps)\n\n\t\treturn <Input {...inputProps} />\n\t}, [\n\t\tonChangeText,\n\t\ttext,\n\t\ttextInputProps,\n\t\trenderTextInput,\n\t\tprops.inputContainerStyle,\n\t\tprops.placeholderColor,\n\t\tprops.placeholderText,\n\t\tprops.inputStyle,\n\t\tprops.tintColor,\n\t\t// TODO leave or take out?\n\t\tprops.inputRef,\n\t\tprops.sendOnKeyboardReturn,\n\t\tsend,\n\t])\n\n\tconst { renderSendButton } = props\n\tconst sendButtonMode =\n\t\tprops.sendButtonMode?.({ hasText: !!(text && text.trim()) }) ?? 'icon'\n\tconst renderSend = useCallback(() => {\n\t\tif (renderSendButton === null) return null\n\n\t\t// const mode: ChatProps['sendButtonMode'] = {\n\t\t// \tempty: 'hidden',\n\t\t// \twithText: 'icon',\n\t\t// \t...(sendButtonMode || {}),\n\t\t// }\n\t\tconst sendProps: SendButtonProps = {\n\t\t\tonSend: send,\n\t\t\ttext,\n\t\t\tmedia: media as MessageMedia[],\n\t\t\tuser,\n\t\t\t// mode: (text && text.trim ? mode.withText : mode.empty) || 'icon',\n\t\t\tmode: sendButtonMode,\n\t\t\tcontainerStyle: props.sendButtonContainerStyle,\n\t\t\ttintColor: props.tintColor,\n\t\t}\n\t\tif (renderSendButton) return renderSendButton(sendProps)\n\n\t\treturn <Send {...sendProps} />\n\t}, [\n\t\tsend,\n\t\ttext,\n\t\tuser,\n\t\tmedia,\n\t\trenderSendButton,\n\t\tsendButtonMode,\n\t\tprops.sendButtonContainerStyle,\n\t\tprops.tintColor,\n\t])\n\n\tconst containerStyle = useMemo(() => {\n\t\tconst paddingBottom = keyboardOpen && isIphoneX() ? 10 : getBottomSpace()\n\t\treturn [styles.container, { paddingBottom }, props.containerStyle]\n\t}, [props.containerStyle, keyboardOpen])\n\n\treturn (\n\t\t<View style={[containerStyle]}>\n\t\t\t<View style={styles.wrapper}>\n\t\t\t\t{renderInput()}\n\t\t\t\t{renderSend()}\n\t\t\t</View>\n\t\t</View>\n\t)\n}\n\nComposer.displayName = 'Juice.Composer'\n\nexport default React.memo(Composer)\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tpaddingBottom: 10,\n\t\tpaddingTop: 5,\n\t},\n\twrapper: {\n\t\tflexDirection: 'row',\n\t\talignItems: 'flex-end',\n\t},\n})\n"]}

package/lib/module/components/Chat/Media/Image/index.js

@@ -1,2 +0,0 @@
-var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat/Media/Image/index.tsx";import React,{useMemo}from'react';import{Image,Dimensions}from'react-native';var Img=function Img(props){var dimensions=useMemo(function(){var aspectRatio=props.width/props.height;var isVertical=props.height>props.width;var _Dimensions$get=Dimensions.get('window'),screenWidth=_Dimensions$get.width;var width=isVertical?screenWidth*0.6:screenWidth*0.7;var height=width/aspectRatio;return{height:height,width:width};},[props.height,props.width]);return React.createElement(Image,{source:{uri:props.url||props.uri},style:dimensions,resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:16}});};Img.displayName='Juice.Image';export default React.memo(Img);
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat/Media/Image/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","useMemo","Image","Dimensions","Img","props","dimensions","aspectRatio","width","height","isVertical","get","screenWidth","uri","url","displayName","memo"],"mappings":"8GAAA,MAAOA,CAAAA,KAAP,EAAgBC,OAAhB,KAA+B,OAA/B,CACA,OAASC,KAAT,CAAgBC,UAAhB,KAA8C,cAA9C,CAGA,GAAMC,CAAAA,GAAG,CAAG,QAANA,CAAAA,GAAM,CAACC,KAAD,CAA8C,CACzD,GAAMC,CAAAA,UAAU,CAAGL,OAAO,CAAC,UAAkB,CAC5C,GAAMM,CAAAA,WAAW,CAAGF,KAAK,CAACG,KAAN,CAAcH,KAAK,CAACI,MAAxC,CACA,GAAMC,CAAAA,UAAU,CAAGL,KAAK,CAACI,MAAN,CAAeJ,KAAK,CAACG,KAAxC,CAF4C,oBAGbL,UAAU,CAACQ,GAAX,CAAe,QAAf,CAHa,CAG7BC,WAH6B,iBAGpCJ,KAHoC,CAI5C,GAAMA,CAAAA,KAAK,CAAGE,UAAU,CAAGE,WAAW,CAAG,GAAjB,CAAuBA,WAAW,CAAG,GAA7D,CACA,GAAMH,CAAAA,MAAM,CAAGD,KAAK,CAAGD,WAAvB,CAEA,MAAO,CAAEE,MAAM,CAANA,MAAF,CAAUD,KAAK,CAALA,KAAV,CAAP,CACA,CARyB,CAQvB,CAACH,KAAK,CAACI,MAAP,CAAeJ,KAAK,CAACG,KAArB,CARuB,CAA1B,CASA,MACC,qBAAC,KAAD,EACC,MAAM,CAAE,CAAEK,GAAG,CAAER,KAAK,CAACS,GAAN,EAAaT,KAAK,CAACQ,GAA1B,CADT,CAEC,KAAK,CAAEP,UAFR,CAGC,UAAU,CAAC,OAHZ,iDADD,CAOA,CAjBD,CAmBAF,GAAG,CAACW,WAAJ,CAAkB,aAAlB,CAEA,cAAef,CAAAA,KAAK,CAACgB,IAAN,CAAWZ,GAAX,CAAf","sourcesContent":["import React, { useMemo } from 'react'\nimport { Image, Dimensions, ImageStyle } from 'react-native'\nimport { MessageMedia } from '../../../../classes/Message/types'\n\nconst Img = (props: Omit<MessageMedia, 'contentType'>) => {\n\tconst dimensions = useMemo((): ImageStyle => {\n\t\tconst aspectRatio = props.width / props.height\n\t\tconst isVertical = props.height > props.width\n\t\tconst { width: screenWidth } = Dimensions.get('window')\n\t\tconst width = isVertical ? screenWidth * 0.6 : screenWidth * 0.7\n\t\tconst height = width / aspectRatio\n\n\t\treturn { height, width }\n\t}, [props.height, props.width])\n\treturn (\n\t\t<Image\n\t\t\tsource={{ uri: props.url || props.uri }}\n\t\t\tstyle={dimensions}\n\t\t\tresizeMode=\"cover\"\n\t\t/>\n\t)\n}\n\nImg.displayName = 'Juice.Image'\n\nexport default React.memo(Img)\n"]}

package/lib/module/components/Chat/Media/index.js

@@ -1,2 +0,0 @@
-import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat/Media/index.tsx";import React from'react';import Image from'./Image';var Media=function Media(_ref){var contentType=_ref.contentType,props=_objectWithoutProperties(_ref,["contentType"]);if(contentType==='image')return React.createElement(Image,_extends({},props,{__source:{fileName:_jsxFileName,lineNumber:6}}));if(contentType==='video')return null;return null;};export default React.memo(Media);
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat/Media/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","Image","Media","contentType","props","memo"],"mappings":"kPAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CAEA,MAAOC,CAAAA,KAAP,KAAkB,SAAlB,CAEA,GAAMC,CAAAA,KAAK,CAAG,QAARA,CAAAA,KAAQ,MAA6C,IAA1CC,CAAAA,WAA0C,MAA1CA,WAA0C,CAA1BC,KAA0B,gDAC1D,GAAID,WAAW,GAAK,OAApB,CAA6B,MAAO,qBAAC,KAAD,aAAWC,KAAX,kDAAP,CAC7B,GAAID,WAAW,GAAK,OAApB,CAA6B,MAAO,KAAP,CAC7B,MAAO,KAAP,CACA,CAJD,CAMA,cAAeH,CAAAA,KAAK,CAACK,IAAN,CAAWH,KAAX,CAAf","sourcesContent":["import React from 'react'\nimport { MessageMedia } from '../../../classes/Message/types'\nimport Image from './Image'\n\nconst Media = ({ contentType, ...props }: MessageMedia) => {\n\tif (contentType === 'image') return <Image {...props} />\n\tif (contentType === 'video') return null\n\treturn null\n}\n\nexport default React.memo(Media)\n"]}

package/lib/module/components/Chat/Message/Swiper/Action/index.js

@@ -1,2 +0,0 @@
-var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat/Message/Swiper/Action/index.tsx";import React from'react';import{View}from'react-native';export default(function(props){return React.createElement(View,{__source:{fileName:_jsxFileName,lineNumber:6}});});
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat/Message/Swiper/Action/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","View","props"],"mappings":"wHAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,KAAqB,cAArB,CAEA,eAAe,SAACC,KAAD,CAA6B,CAC3C,MAAO,qBAAC,IAAD,iDAAP,CACA,CAFD","sourcesContent":["import React from 'react'\nimport { SwipeableProps, SwipeActionProps } from '../../../types'\nimport { View } from 'react-native'\n\nexport default (props: SwipeActionProps) => {\n\treturn <View></View>\n}\n"]}

package/lib/module/components/Chat/Message/Swiper/index.js

@@ -1,2 +0,0 @@
-import _extends from"@babel/runtime/helpers/extends";var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat/Message/Swiper/index.tsx";import React,{useCallback}from'react';import Swipeable from'react-native-gesture-handler/Swipeable';import Action from'./Action';var Swiper=function Swiper(props){var renderSwipeAction=props.renderSwipeAction;var renderAction=useCallback(function(actionProps){if(renderSwipeAction)return renderSwipeAction(actionProps);return React.createElement(Action,_extends({},actionProps,{__source:{fileName:_jsxFileName,lineNumber:12}}));},[renderSwipeAction]);var swipeActions=props.swipeActions;var leftActions=swipeActions&&swipeActions.left;var rightActions=swipeActions&&swipeActions.right;var renderRightActions=useCallback(function(){if(rightActions){rightActions.forEach(function(action){});}},[rightActions]);var renderActionList=useCallback(function(){},[]);return React.createElement(Swipeable,{__source:{fileName:_jsxFileName,lineNumber:29}});};export default Swiper;
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat/Message/Swiper/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","useCallback","Swipeable","Action","Swiper","props","renderSwipeAction","renderAction","actionProps","swipeActions","leftActions","left","rightActions","right","renderRightActions","forEach","action","renderActionList"],"mappings":"sKAAA,MAAOA,CAAAA,KAAP,EAAgBC,WAAhB,KAAmC,OAAnC,CACA,MAAOC,CAAAA,SAAP,KAAsB,wCAAtB,CAEA,MAAOC,CAAAA,MAAP,KAAmB,UAAnB,CAEA,GAAMC,CAAAA,MAAM,CAAG,QAATA,CAAAA,MAAS,CAACC,KAAD,CAA2B,IACjCC,CAAAA,iBADiC,CACXD,KADW,CACjCC,iBADiC,CAEzC,GAAMC,CAAAA,YAAY,CAAGN,WAAW,CAC/B,SAACO,WAAD,CAAmC,CAClC,GAAIF,iBAAJ,CAAuB,MAAOA,CAAAA,iBAAiB,CAACE,WAAD,CAAxB,CAEvB,MAAO,qBAAC,MAAD,aAAYA,WAAZ,mDAAP,CACA,CAL8B,CAM/B,CAACF,iBAAD,CAN+B,CAAhC,CAFyC,GAWjCG,CAAAA,YAXiC,CAWhBJ,KAXgB,CAWjCI,YAXiC,CAYzC,GAAMC,CAAAA,WAAW,CAAGD,YAAY,EAAIA,YAAY,CAACE,IAAjD,CACA,GAAMC,CAAAA,YAAY,CAAGH,YAAY,EAAIA,YAAY,CAACI,KAAlD,CAEA,GAAMC,CAAAA,kBAAkB,CAAGb,WAAW,CAAC,UAAM,CAC5C,GAAIW,YAAJ,CAAkB,CACjBA,YAAY,CAACG,OAAb,CAAqB,SAAAC,MAAM,CAAI,CAAE,CAAjC,EACA,CACD,CAJqC,CAInC,CAACJ,YAAD,CAJmC,CAAtC,CAMA,GAAMK,CAAAA,gBAAgB,CAAGhB,WAAW,CAAC,UAAM,CAAE,CAAT,CAAW,EAAX,CAApC,CAEA,MAAO,qBAAC,SAAD,kDAAP,CACA,CAxBD,CA0BA,cAAeG,CAAAA,MAAf","sourcesContent":["import React, { useCallback } from 'react'\nimport Swipeable from 'react-native-gesture-handler/Swipeable'\nimport { SwipeableProps, SwipeActionProps } from '../../types'\nimport Action from './Action'\n\nconst Swiper = (props: SwipeableProps) => {\n\tconst { renderSwipeAction } = props\n\tconst renderAction = useCallback(\n\t\t(actionProps: SwipeActionProps) => {\n\t\t\tif (renderSwipeAction) return renderSwipeAction(actionProps)\n\n\t\t\treturn <Action {...actionProps} />\n\t\t},\n\t\t[renderSwipeAction]\n\t)\n\n\tconst { swipeActions } = props\n\tconst leftActions = swipeActions && swipeActions.left\n\tconst rightActions = swipeActions && swipeActions.right\n\n\tconst renderRightActions = useCallback(() => {\n\t\tif (rightActions) {\n\t\t\trightActions.forEach(action => {})\n\t\t}\n\t}, [rightActions])\n\n\tconst renderActionList = useCallback(() => {}, [])\n\n\treturn <Swipeable></Swipeable>\n}\n\nexport default Swiper\n"]}

package/lib/module/components/Chat/Message/Touchable/index.js

@@ -1,2 +0,0 @@
-var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat/Message/Touchable/index.tsx";import React,{useRef,useCallback}from'react';import{LongPressGestureHandler,State,TapGestureHandler}from'react-native-gesture-handler';var Touchable=function Touchable(props){var doubleTapRef=useRef(null);var onLongPress=props.onLongPress,onPress=props.onPress,handleDoubleTap=props.onDoubleTap,id=props.id;var onHandlerStateChange=useCallback(function(event){if(event.nativeEvent.state===State.ACTIVE){if(onLongPress)onLongPress(id);}},[onLongPress,id]);var onSingleTap=useCallback(function(event){if(event.nativeEvent.state===State.ACTIVE){if(onPress)onPress(id);}},[onPress,id]);var onDoubleTap=useCallback(function(event){if(event.nativeEvent.state===State.ACTIVE){if(handleDoubleTap)handleDoubleTap(id);}},[handleDoubleTap,id]);return React.createElement(LongPressGestureHandler,{onHandlerStateChange:onHandlerStateChange,minDurationMs:props.longPressDelay||500,__source:{fileName:_jsxFileName,lineNumber:39}},React.createElement(TapGestureHandler,{onHandlerStateChange:onSingleTap,waitFor:doubleTapRef,__source:{fileName:_jsxFileName,lineNumber:43}},React.createElement(TapGestureHandler,{maxDelayMs:props.doubleTapDelay||500,ref:doubleTapRef,onHandlerStateChange:onDoubleTap,numberOfTaps:2,__source:{fileName:_jsxFileName,lineNumber:47}},props.children)));};export default Touchable;
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat/Message/Touchable/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","useRef","useCallback","LongPressGestureHandler","State","TapGestureHandler","Touchable","props","doubleTapRef","onLongPress","onPress","handleDoubleTap","onDoubleTap","id","onHandlerStateChange","event","nativeEvent","state","ACTIVE","onSingleTap","longPressDelay","doubleTapDelay","children"],"mappings":"oHAAA,MAAOA,CAAAA,KAAP,EAAgBC,MAAhB,CAAwBC,WAAxB,KAA8D,OAA9D,CAGA,OACCC,uBADD,CAECC,KAFD,CAGCC,iBAHD,KAIO,8BAJP,CAMA,GAAMC,CAAAA,SAA4C,CAAG,QAA/CA,CAAAA,SAA+C,CAAAC,KAAK,CAAI,CAC7D,GAAMC,CAAAA,YAAY,CAAGP,MAAM,CAAoB,IAApB,CAA3B,CAD6D,GAErDQ,CAAAA,WAFqD,CAEMF,KAFN,CAErDE,WAFqD,CAExCC,OAFwC,CAEMH,KAFN,CAExCG,OAFwC,CAElBC,eAFkB,CAEMJ,KAFN,CAE/BK,WAF+B,CAEDC,EAFC,CAEMN,KAFN,CAEDM,EAFC,CAG7D,GAAMC,CAAAA,oBAAoB,CAAGZ,WAAW,CACvC,SAAAa,KAAK,CAAI,CACR,GAAIA,KAAK,CAACC,WAAN,CAAkBC,KAAlB,GAA4Bb,KAAK,CAACc,MAAtC,CAA8C,CAC7C,GAAIT,WAAJ,CAAiBA,WAAW,CAACI,EAAD,CAAX,CAEjB,CACD,CANsC,CAOvC,CAACJ,WAAD,CAAcI,EAAd,CAPuC,CAAxC,CASA,GAAMM,CAAAA,WAAW,CAAGjB,WAAW,CAC9B,SAAAa,KAAK,CAAI,CACR,GAAIA,KAAK,CAACC,WAAN,CAAkBC,KAAlB,GAA4Bb,KAAK,CAACc,MAAtC,CAA8C,CAC7C,GAAIR,OAAJ,CAAaA,OAAO,CAACG,EAAD,CAAP,CACb,CACD,CAL6B,CAM9B,CAACH,OAAD,CAAUG,EAAV,CAN8B,CAA/B,CAQA,GAAMD,CAAAA,WAAW,CAAGV,WAAW,CAC9B,SAAAa,KAAK,CAAI,CACR,GAAIA,KAAK,CAACC,WAAN,CAAkBC,KAAlB,GAA4Bb,KAAK,CAACc,MAAtC,CAA8C,CAC7C,GAAIP,eAAJ,CAAqBA,eAAe,CAACE,EAAD,CAAf,CACrB,CACD,CAL6B,CAM9B,CAACF,eAAD,CAAkBE,EAAlB,CAN8B,CAA/B,CAQA,MACC,qBAAC,uBAAD,EACC,oBAAoB,CAAEC,oBADvB,CAEC,aAAa,CAAEP,KAAK,CAACa,cAAN,EAAwB,GAFxC,iDAIC,oBAAC,iBAAD,EACC,oBAAoB,CAAED,WADvB,CAEC,OAAO,CAAEX,YAFV,iDAIC,oBAAC,iBAAD,EACC,UAAU,CAAED,KAAK,CAACc,cAAN,EAAwB,GADrC,CAEC,GAAG,CAAEb,YAFN,CAGC,oBAAoB,CAAEI,WAHvB,CAIC,YAAY,CAAE,CAJf,iDAMEL,KAAK,CAACe,QANR,CAJD,CAJD,CADD,CAoBA,CAhDD,CAkDA,cAAehB,CAAAA,SAAf","sourcesContent":["import React, { useRef, useCallback, FunctionComponent } from 'react'\n\nimport { TouchableProps } from '../../types'\nimport {\n\tLongPressGestureHandler,\n\tState,\n\tTapGestureHandler\n} from 'react-native-gesture-handler'\n\nconst Touchable: FunctionComponent<TouchableProps> = props => {\n\tconst doubleTapRef = useRef<TapGestureHandler>(null)\n\tconst { onLongPress, onPress, onDoubleTap: handleDoubleTap, id } = props\n\tconst onHandlerStateChange = useCallback(\n\t\tevent => {\n\t\t\tif (event.nativeEvent.state === State.ACTIVE) {\n\t\t\t\tif (onLongPress) onLongPress(id)\n\t\t\t\t// alert(\"I'm being pressed for so long\")\n\t\t\t}\n\t\t},\n\t\t[onLongPress, id]\n\t)\n\tconst onSingleTap = useCallback(\n\t\tevent => {\n\t\t\tif (event.nativeEvent.state === State.ACTIVE) {\n\t\t\t\tif (onPress) onPress(id)\n\t\t\t}\n\t\t},\n\t\t[onPress, id]\n\t)\n\tconst onDoubleTap = useCallback(\n\t\tevent => {\n\t\t\tif (event.nativeEvent.state === State.ACTIVE) {\n\t\t\t\tif (handleDoubleTap) handleDoubleTap(id)\n\t\t\t}\n\t\t},\n\t\t[handleDoubleTap, id]\n\t)\n\treturn (\n\t\t<LongPressGestureHandler\n\t\t\tonHandlerStateChange={onHandlerStateChange}\n\t\t\tminDurationMs={props.longPressDelay || 500}\n\t\t>\n\t\t\t<TapGestureHandler\n\t\t\t\tonHandlerStateChange={onSingleTap}\n\t\t\t\twaitFor={doubleTapRef}\n\t\t\t>\n\t\t\t\t<TapGestureHandler\n\t\t\t\t\tmaxDelayMs={props.doubleTapDelay || 500}\n\t\t\t\t\tref={doubleTapRef}\n\t\t\t\t\tonHandlerStateChange={onDoubleTap}\n\t\t\t\t\tnumberOfTaps={2}\n\t\t\t\t>\n\t\t\t\t\t{props.children}\n\t\t\t\t</TapGestureHandler>\n\t\t\t</TapGestureHandler>\n\t\t</LongPressGestureHandler>\n\t)\n}\n\nexport default Touchable\n"]}

package/lib/module/components/Chat/Message/index.js

@@ -1,2 +0,0 @@
-import _extends from"@babel/runtime/helpers/extends";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat/Message/index.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){_defineProperty(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}import React,{useCallback,useRef,useMemo,useEffect}from'react';import{View,StyleSheet,Text}from'react-native';import Bubble from'../Bubble';import{Avatar,Initials}from'../../index';import{getInitials}from'../../../helpers/getInitials';import{Transitioning,Transition}from'react-native-reanimated';import Touchable from'./Touchable';var Message=function Message(props){var bubble=useRef();var transitionRef=useRef();var mounted=useRef(false);var renderAvatar=props.renderAvatar,avatar=props.avatar,avatarImageProps=props.avatarImageProps,showAvatar=props.showAvatar,name=props.name,renderInitials=props.renderInitials,initialsBackgroundColor=props.initialsBackgroundColor,initialsTextColor=props.initialsTextColor;useEffect(function(){if(mounted.current){transitionRef.current&&transitionRef.current.animateNextTransition();}else{mounted.current=true;}},[props.avatar,props.text,renderAvatar]);var renderFooter=props.renderFooter;var footer=useCallback(function(){return renderFooter?renderFooter({id:props.id}):null;},[props.id,renderFooter]);var containerStyle=useMemo(function(){return[styles.container,props.isMe?meStyles.container:otherStyles.container,props.messageContainerStyle];},[props.isMe,props.messageContainerStyle]);var wrapperStyle=useMemo(function(){return[styles.wrapper,props.isMe?meStyles.wrapper:otherStyles.wrapper,props.messageWrapperStyle];},[props.isMe,props.messageWrapperStyle]);var avatarSize=renderAvatar===null?0:props.avatarSize||35;var maybeRenderName=useCallback(function(){var style=_objectSpread({},styles.name,{},props.isMe?meStyles.name:otherStyles.name);return props.showName&&props.name?React.createElement(Text,{style:[style,props.nameStyle],__source:{fileName:_jsxFileName,lineNumber:87}},props.name):null;},[props.showName,props.name,props.nameStyle,props.isMe]);var renderAvatarOrInitials=useCallback(function(){if(renderAvatar===null)return null;var opacity=showAvatar===false?0:1;var size=avatarSize;if(avatar){var avatarProps={avatar:avatar,imageProps:avatarImageProps,size:size,ImageComponent:props.AvatarImageComponent};if(renderAvatar)return renderAvatar(avatarProps);return React.createElement(AvatarContainer,{opacity:opacity,showAvatar:!!showAvatar,__source:{fileName:_jsxFileName,lineNumber:106}},React.createElement(Avatar,_extends({},avatarProps,{__source:{fileName:_jsxFileName,lineNumber:107}})));}var initialsProps={initials:getInitials(name),size:size,textColor:initialsTextColor,backgroundColor:initialsBackgroundColor||props.tintColor};if(renderInitials)return renderInitials(initialsProps);return React.createElement(AvatarContainer,{opacity:opacity,showAvatar:!!showAvatar,__source:{fileName:_jsxFileName,lineNumber:119}},React.createElement(Initials,_extends({},initialsProps,{__source:{fileName:_jsxFileName,lineNumber:120}})));},[avatar,avatarImageProps,avatarSize,renderAvatar,showAvatar,name,renderInitials,initialsBackgroundColor,initialsTextColor,props.tintColor,props.AvatarImageComponent]);var bubbleBackgroundColor=props.bubbleBackgroundColor,id=props.id,userId=props.userId,userName=props.userName,createdAt=props.createdAt,text=props.text,system=props.system;var backgroundColor=useMemo(function(){var fallback=props.isMe?['#7B16FF','#7114EA']:['#f1f7f8','#f8f8f8'];if(!bubbleBackgroundColor)return fallback;var colors=[];if(typeof bubbleBackgroundColor==='string'){colors=[bubbleBackgroundColor,bubbleBackgroundColor];}else if(Array.isArray(bubbleBackgroundColor)){colors=bubbleBackgroundColor;}else if(typeof bubbleBackgroundColor==='function'){var background=bubbleBackgroundColor({createdAt:createdAt,id:id,user:{name:userName!=null?userName:'',id:userId!=null?userId:'',avatar:avatar!=null?avatar:''},text:text,system:system});if(Array.isArray(background)){colors=background;}else if(typeof background==='string'){colors=[background,background];}}if(!colors.length){console.warn("\uD83C\uDF47 Juice.Chat issue: It looks like you tried to set the message bubble background color, but something was off, so we're using the default colors. You should be passing either a string, array, or function to the bubbleBackgroundColor, like this: bubbleBackgroundColor={{ "+(props.isMe?'me':'others')+": 'blue' }}. Instead, you passed this: "+bubbleBackgroundColor+".");return fallback;}return colors;},[props.isMe,bubbleBackgroundColor,createdAt,id,userName,userId,avatar,text,system]);var renderBubble=function renderBubble(){return React.createElement(Bubble,{text:props.text,isMe:props.isMe,style:props.bubbleStyle,textStyle:props.bubbleTextStyle,bubbleRef:bubble,backgroundColor:backgroundColor,textColor:props.bubbleTextColor,mediaContentType:props.mediaContentType,mediaHeight:props.mediaHeight,mediaWidth:props.mediaWidth,mediaUri:props.mediaUri,mediaUrl:props.mediaUrl,renderMedia:props.renderMedia,renderText:props.renderText,__source:{fileName:_jsxFileName,lineNumber:204}});};var outerStyle=useMemo(function(){return props.createsNewBunch?{marginTop:10}:{};},[props.createsNewBunch]);return React.createElement(Touchable,{id:props.id,longPressDelay:props.longPressDelay,doubleTapDelay:props.doubleTapDelay,onDoubleTap:props.onDoubleTap,onPress:props.onPress,onLongPress:props.onLongPress,__source:{fileName:_jsxFileName,lineNumber:227}},React.createElement(Transitioning.View,{style:outerStyle,transition:transition,ref:transitionRef,__source:{fileName:_jsxFileName,lineNumber:235}},React.createElement(View,{style:containerStyle,__source:{fileName:_jsxFileName,lineNumber:240}},React.createElement(View,{style:wrapperStyle,__source:{fileName:_jsxFileName,lineNumber:241}},renderAvatarOrInitials(),React.createElement(View,{style:{flex:1,justifyContent:'flex-start'},__source:{fileName:_jsxFileName,lineNumber:243}},maybeRenderName(),React.createElement(View,{style:wrapperStyle,__source:{fileName:_jsxFileName,lineNumber:245}},renderBubble()))),footer())));};var transition=React.createElement(Transition.Together,{__source:{fileName:_jsxFileName,lineNumber:258}},React.createElement(Transition.Change,{interpolation:"easeOut",__source:{fileName:_jsxFileName,lineNumber:259}}),React.createElement(Transition.In,{type:"fade",__source:{fileName:_jsxFileName,lineNumber:260}}));var AvatarContainer=React.memo(function AvatarContainer(_ref){var children=_ref.children,opacity=_ref.opacity;return React.createElement(View,{style:{opacity:opacity},__source:{fileName:_jsxFileName,lineNumber:270}},children);});Message.displayName='Message';export default React.memo(Message);var styles=StyleSheet.create({outer:{},container:{marginTop:1,alignItems:'flex-end',paddingHorizontal:10},wrapper:{flex:1,alignItems:'flex-end',justifyContent:'flex-start'},name:{marginHorizontal:10,fontSize:14,color:'gray',paddingVertical:5}});var meStyles=StyleSheet.create({container:{justifyContent:'flex-end'},wrapper:{flexDirection:'row-reverse'},name:{textAlign:'right'}});var otherStyles=StyleSheet.create({container:{justifyContent:'flex-end'},wrapper:{flexDirection:'row'},name:{textAlign:'left'}});
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat/Message/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","useCallback","useRef","useMemo","useEffect","View","StyleSheet","Text","Bubble","Avatar","Initials","getInitials","Transitioning","Transition","Touchable","Message","props","bubble","transitionRef","mounted","renderAvatar","avatar","avatarImageProps","showAvatar","name","renderInitials","initialsBackgroundColor","initialsTextColor","current","animateNextTransition","text","renderFooter","footer","id","containerStyle","styles","container","isMe","meStyles","otherStyles","messageContainerStyle","wrapperStyle","wrapper","messageWrapperStyle","avatarSize","maybeRenderName","style","showName","nameStyle","renderAvatarOrInitials","opacity","size","avatarProps","imageProps","ImageComponent","AvatarImageComponent","initialsProps","initials","textColor","backgroundColor","tintColor","bubbleBackgroundColor","userId","userName","createdAt","system","fallback","colors","Array","isArray","background","user","length","console","warn","renderBubble","bubbleStyle","bubbleTextStyle","bubbleTextColor","mediaContentType","mediaHeight","mediaWidth","mediaUri","mediaUrl","renderMedia","renderText","outerStyle","createsNewBunch","marginTop","longPressDelay","doubleTapDelay","onDoubleTap","onPress","onLongPress","transition","flex","justifyContent","AvatarContainer","memo","children","displayName","create","outer","alignItems","paddingHorizontal","marginHorizontal","fontSize","color","paddingVertical","flexDirection","textAlign"],"mappings":"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","sourcesContent":["import React, {\n\tuseCallback,\n\tuseRef,\n\tMutableRefObject,\n\tuseMemo,\n\tFunctionComponent,\n\tuseEffect,\n\tRefObject,\n} from 'react'\nimport { View, StyleSheet, Text } from 'react-native'\nimport { MessageProps } from '../types'\nimport { NewMessageModel } from '../../../classes/Message/types'\n// import { NewMessageModel } from '../../../classes/Message/types'\nimport Bubble from '../Bubble'\nimport { Avatar, Initials } from '../../index'\nimport { InitialsProps, AvatarProps } from '../../../components/Inbox/types'\n// TODO update imports for these\nimport { getInitials } from '../../../helpers/getInitials'\nimport {\n\tTransitioning,\n\tTransitioningView,\n\tTransition,\n} from 'react-native-reanimated'\nimport Touchable from './Touchable'\n// import { AvatarProps, InitialsProps } from '../../Inbox/types'\n// import { getInitials } from '../../../helpers/getInitials'\n\nconst Message = <Model extends NewMessageModel = NewMessageModel>(\n\tprops: MessageProps<Model>\n) => {\n\tconst bubble = useRef<View>()\n\tconst transitionRef = useRef<TransitioningView>()\n\tconst mounted = useRef(false)\n\n\tconst {\n\t\trenderAvatar,\n\t\tavatar,\n\t\tavatarImageProps,\n\t\tshowAvatar,\n\t\tname,\n\t\trenderInitials,\n\t\tinitialsBackgroundColor,\n\t\tinitialsTextColor,\n\t} = props\n\n\tuseEffect(() => {\n\t\tif (mounted.current) {\n\t\t\t// console.log('message updated', props.text)\n\t\t\ttransitionRef.current && transitionRef.current.animateNextTransition()\n\t\t} else {\n\t\t\tmounted.current = true\n\t\t}\n\t}, [props.avatar, props.text, renderAvatar])\n\n\tconst { renderFooter } = props\n\n\tconst footer = useCallback(\n\t\t() => (renderFooter ? renderFooter({ id: props.id }) : null),\n\t\t[props.id, renderFooter]\n\t)\n\n\tconst containerStyle = useMemo(() => {\n\t\treturn [\n\t\t\tstyles.container,\n\t\t\tprops.isMe ? meStyles.container : otherStyles.container,\n\t\t\tprops.messageContainerStyle,\n\t\t]\n\t}, [props.isMe, props.messageContainerStyle])\n\n\tconst wrapperStyle = useMemo(() => {\n\t\treturn [\n\t\t\tstyles.wrapper,\n\t\t\tprops.isMe ? meStyles.wrapper : otherStyles.wrapper,\n\t\t\tprops.messageWrapperStyle,\n\t\t]\n\t}, [props.isMe, props.messageWrapperStyle])\n\n\t// no avatar size if it's rendered null. this var is used in different spots\n\tconst avatarSize = renderAvatar === null ? 0 : props.avatarSize || 35\n\n\tconst maybeRenderName = useCallback(() => {\n\t\tconst style = {\n\t\t\t...styles.name,\n\t\t\t...(props.isMe ? meStyles.name : otherStyles.name),\n\t\t}\n\t\treturn props.showName && props.name ? (\n\t\t\t<Text style={[style, props.nameStyle]}>{props.name}</Text>\n\t\t) : null\n\t}, [props.showName, props.name, props.nameStyle, props.isMe])\n\n\tconst renderAvatarOrInitials = useCallback(() => {\n\t\tif (renderAvatar === null) return null\n\t\t// we make opacity 0 instead of hiding it to maintain the same width from the side\n\t\tconst opacity = showAvatar === false ? 0 : 1\n\t\tconst size = avatarSize\n\n\t\tif (avatar) {\n\t\t\tconst avatarProps: AvatarProps = {\n\t\t\t\tavatar: avatar,\n\t\t\t\timageProps: avatarImageProps,\n\t\t\t\tsize,\n\t\t\t\tImageComponent: props.AvatarImageComponent,\n\t\t\t}\n\t\t\tif (renderAvatar) return renderAvatar(avatarProps)\n\t\t\treturn (\n\t\t\t\t<AvatarContainer opacity={opacity} showAvatar={!!showAvatar}>\n\t\t\t\t\t<Avatar {...avatarProps} />\n\t\t\t\t</AvatarContainer>\n\t\t\t)\n\t\t}\n\t\tconst initialsProps: InitialsProps = {\n\t\t\tinitials: getInitials(name),\n\t\t\tsize,\n\t\t\ttextColor: initialsTextColor,\n\t\t\tbackgroundColor: initialsBackgroundColor || props.tintColor,\n\t\t}\n\t\tif (renderInitials) return renderInitials(initialsProps)\n\t\treturn (\n\t\t\t<AvatarContainer opacity={opacity} showAvatar={!!showAvatar}>\n\t\t\t\t<Initials {...initialsProps} />\n\t\t\t</AvatarContainer>\n\t\t)\n\t}, [\n\t\tavatar,\n\t\tavatarImageProps,\n\t\tavatarSize,\n\t\trenderAvatar,\n\t\tshowAvatar,\n\t\tname,\n\t\trenderInitials,\n\t\tinitialsBackgroundColor,\n\t\tinitialsTextColor,\n\t\tprops.tintColor,\n\t\tprops.AvatarImageComponent,\n\t])\n\n\tconst {\n\t\tbubbleBackgroundColor,\n\t\tid,\n\t\tuserId,\n\t\tuserName,\n\t\tcreatedAt,\n\t\ttext,\n\t\tsystem,\n\t} = props\n\tconst backgroundColor = useMemo(() => {\n\t\tconst fallback = props.isMe\n\t\t\t? ['#7B16FF', '#7114EA']\n\t\t\t: ['#f1f7f8', '#f8f8f8']\n\t\tif (!bubbleBackgroundColor) return fallback\n\t\tlet colors: string[] = []\n\t\tif (typeof bubbleBackgroundColor === 'string') {\n\t\t\tcolors = [bubbleBackgroundColor, bubbleBackgroundColor]\n\t\t} else if (Array.isArray(bubbleBackgroundColor)) {\n\t\t\tcolors = bubbleBackgroundColor\n\t\t} else if (typeof bubbleBackgroundColor === 'function') {\n\t\t\tconst background = bubbleBackgroundColor({\n\t\t\t\tcreatedAt,\n\t\t\t\tid,\n\t\t\t\tuser: {\n\t\t\t\t\tname: userName ?? '',\n\t\t\t\t\tid: userId ?? '',\n\t\t\t\t\tavatar: avatar ?? '',\n\t\t\t\t},\n\t\t\t\ttext,\n\t\t\t\tsystem,\n\t\t\t})\n\t\t\t// const background = bubbleBackgroundColor({\n\t\t\t// \tuser: {\n\t\t\t// \t\tavatar: props.avatar || '',\n\t\t\t// \t\tid: props.userId || '',\n\t\t\t// \t\tname: props.userName || '',\n\t\t\t// \t},\n\t\t\t// \tid: props.id,\n\t\t\t// })\n\t\t\tif (Array.isArray(background)) {\n\t\t\t\tcolors = background\n\t\t\t} else if (typeof background === 'string') {\n\t\t\t\tcolors = [background, background]\n\t\t\t}\n\t\t}\n\t\tif (!colors.length) {\n\t\t\tconsole.warn(\n\t\t\t\t`🍇 Juice.Chat issue: It looks like you tried to set the message bubble background color, but something was off, so we're using the default colors. You should be passing either a string, array, or function to the bubbleBackgroundColor, like this: bubbleBackgroundColor={{ ${\n\t\t\t\t\tprops.isMe ? 'me' : 'others'\n\t\t\t\t}: 'blue' }}. Instead, you passed this: ${bubbleBackgroundColor}.`\n\t\t\t)\n\t\t\treturn fallback\n\t\t}\n\t\treturn colors\n\t}, [\n\t\tprops.isMe,\n\t\tbubbleBackgroundColor,\n\t\tcreatedAt,\n\t\tid,\n\t\tuserName,\n\t\tuserId,\n\t\tavatar,\n\t\ttext,\n\t\tsystem,\n\t])\n\tconst renderBubble = () => {\n\t\treturn (\n\t\t\t<Bubble\n\t\t\t\ttext={props.text}\n\t\t\t\tisMe={props.isMe}\n\t\t\t\tstyle={props.bubbleStyle}\n\t\t\t\ttextStyle={props.bubbleTextStyle}\n\t\t\t\tbubbleRef={bubble as MutableRefObject<View>}\n\t\t\t\tbackgroundColor={backgroundColor}\n\t\t\t\ttextColor={props.bubbleTextColor}\n\t\t\t\tmediaContentType={props.mediaContentType}\n\t\t\t\tmediaHeight={props.mediaHeight}\n\t\t\t\tmediaWidth={props.mediaWidth}\n\t\t\t\tmediaUri={props.mediaUri}\n\t\t\t\tmediaUrl={props.mediaUrl}\n\t\t\t\trenderMedia={props.renderMedia}\n\t\t\t\trenderText={props.renderText}\n\t\t\t/>\n\t\t)\n\t}\n\tconst outerStyle = useMemo(\n\t\t() => (props.createsNewBunch ? { marginTop: 10 } : {}),\n\t\t[props.createsNewBunch]\n\t)\n\treturn (\n\t\t<Touchable\n\t\t\tid={props.id}\n\t\t\tlongPressDelay={props.longPressDelay}\n\t\t\tdoubleTapDelay={props.doubleTapDelay}\n\t\t\tonDoubleTap={props.onDoubleTap}\n\t\t\tonPress={props.onPress}\n\t\t\tonLongPress={props.onLongPress}\n\t\t>\n\t\t\t<Transitioning.View\n\t\t\t\tstyle={outerStyle}\n\t\t\t\ttransition={transition}\n\t\t\t\tref={transitionRef as RefObject<TransitioningView>}\n\t\t\t>\n\t\t\t\t<View style={containerStyle}>\n\t\t\t\t\t<View style={wrapperStyle}>\n\t\t\t\t\t\t{renderAvatarOrInitials()}\n\t\t\t\t\t\t<View style={{ flex: 1, justifyContent: 'flex-start' }}>\n\t\t\t\t\t\t\t{maybeRenderName()}\n\t\t\t\t\t\t\t<View style={wrapperStyle}>{renderBubble()}</View>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t\t{footer()}\n\t\t\t\t</View>\n\t\t\t</Transitioning.View>\n\t\t</Touchable>\n\t)\n}\n\nconst transition = (\n\t// <Transition.Sequence>\n\t// {/* <Transition.Out type=\"fade\" /> */}\n\t<Transition.Together>\n\t\t<Transition.Change interpolation=\"easeOut\" />\n\t\t<Transition.In type=\"fade\" />\n\t</Transition.Together>\n\t// </Transition.Sequence>\n)\n\nconst AvatarContainer: FunctionComponent<{\n\tshowAvatar: boolean\n\topacity: 0 | 1\n}> = React.memo(function AvatarContainer({ children, opacity }) {\n\treturn (\n\t\t<View\n\t\t\tstyle={{\n\t\t\t\topacity,\n\t\t\t\t// transform: [{ rotate: !showAvatar ? '180deg' : '0deg' }],\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</View>\n\t)\n})\n\nMessage.displayName = 'Message'\n\nexport default React.memo(Message)\n\nconst styles = StyleSheet.create({\n\touter: {},\n\tcontainer: {\n\t\tmarginTop: 1,\n\t\talignItems: 'flex-end',\n\t\tpaddingHorizontal: 10,\n\t},\n\t// wrapper is concerned with which side the avatar is on relative to the bubble\n\twrapper: {\n\t\tflex: 1,\n\t\talignItems: 'flex-end',\n\t\tjustifyContent: 'flex-start',\n\t},\n\tname: {\n\t\tmarginHorizontal: 10,\n\t\tfontSize: 14,\n\t\tcolor: 'gray',\n\t\tpaddingVertical: 5,\n\t},\n})\n\nconst meStyles = StyleSheet.create({\n\tcontainer: {\n\t\tjustifyContent: 'flex-end',\n\t},\n\twrapper: {\n\t\tflexDirection: 'row-reverse',\n\t},\n\tname: {\n\t\ttextAlign: 'right',\n\t},\n})\n\nconst otherStyles = StyleSheet.create({\n\tcontainer: {\n\t\tjustifyContent: 'flex-end',\n\t},\n\twrapper: {\n\t\tflexDirection: 'row',\n\t},\n\tname: {\n\t\ttextAlign: 'left',\n\t},\n})\n"]}

package/lib/module/components/Chat/SystemMessage/index.js

@@ -1,2 +0,0 @@
-var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat/SystemMessage/index.tsx";import React from'react';import{View,Text,StyleSheet}from'react-native';import moment from'moment';var SystemMessage=React.memo(function(props){return React.createElement(View,{style:[styles.container,props.containerStyle],__source:{fileName:_jsxFileName,lineNumber:8}},React.createElement(Text,{style:styles.date,__source:{fileName:_jsxFileName,lineNumber:9}},props.dateToStringFunc?props.dateToStringFunc(props.createdAt):moment(props.createdAt).calendar(undefined,{lastDay:'[Yesterday]',sameDay:'LT',nextDay:'[Tomorrow at] LT',lastWeek:'dddd',nextWeek:'[Next] dddd',sameElse:'L'})),React.createElement(Text,{style:styles.text,__source:{fileName:_jsxFileName,lineNumber:21}},props.text));});export default SystemMessage;var styles=StyleSheet.create({container:{paddingHorizontal:10,paddingVertical:5},date:{color:'gray',textAlign:'center',fontSize:14},text:{color:'gray',fontWeight:'500',textAlign:'center',fontSize:14}});
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat/SystemMessage/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","View","Text","StyleSheet","moment","SystemMessage","memo","props","styles","container","containerStyle","date","dateToStringFunc","createdAt","calendar","undefined","lastDay","sameDay","nextDay","lastWeek","nextWeek","sameElse","text","create","paddingHorizontal","paddingVertical","color","textAlign","fontSize","fontWeight"],"mappings":"gHAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CACA,OAASC,IAAT,CAAeC,IAAf,CAAqBC,UAArB,KAAuC,cAAvC,CACA,MAAOC,CAAAA,MAAP,KAAmB,QAAnB,CAGA,GAAMC,CAAAA,aAAa,CAAGL,KAAK,CAACM,IAAN,CAAW,SAACC,KAAD,CAA+B,CAC/D,MACC,qBAAC,IAAD,EAAM,KAAK,CAAE,CAACC,MAAM,CAACC,SAAR,CAAmBF,KAAK,CAACG,cAAzB,CAAb,gDACC,oBAAC,IAAD,EAAM,KAAK,CAAEF,MAAM,CAACG,IAApB,gDACEJ,KAAK,CAACK,gBAAN,CACEL,KAAK,CAACK,gBAAN,CAAuBL,KAAK,CAACM,SAA7B,CADF,CAEET,MAAM,CAACG,KAAK,CAACM,SAAP,CAAN,CAAwBC,QAAxB,CAAiCC,SAAjC,CAA4C,CAC5CC,OAAO,CAAE,aADmC,CAE5CC,OAAO,CAAE,IAFmC,CAG5CC,OAAO,CAAE,kBAHmC,CAI5CC,QAAQ,CAAE,MAJkC,CAK5CC,QAAQ,CAAE,aALkC,CAM5CC,QAAQ,CAAE,GANkC,CAA5C,CAHJ,CADD,CAaC,oBAAC,IAAD,EAAM,KAAK,CAAEb,MAAM,CAACc,IAApB,iDAA2Bf,KAAK,CAACe,IAAjC,CAbD,CADD,CAiBA,CAlBqB,CAAtB,CAoBA,cAAejB,CAAAA,aAAf,CAEA,GAAMG,CAAAA,MAAM,CAAGL,UAAU,CAACoB,MAAX,CAAkB,CAChCd,SAAS,CAAE,CACVe,iBAAiB,CAAE,EADT,CAEVC,eAAe,CAAE,CAFP,CADqB,CAKhCd,IAAI,CAAE,CACLe,KAAK,CAAE,MADF,CAELC,SAAS,CAAE,QAFN,CAGLC,QAAQ,CAAE,EAHL,CAL0B,CAUhCN,IAAI,CAAE,CACLI,KAAK,CAAE,MADF,CAELG,UAAU,CAAE,KAFP,CAGLF,SAAS,CAAE,QAHN,CAILC,QAAQ,CAAE,EAJL,CAV0B,CAAlB,CAAf","sourcesContent":["import React from 'react'\nimport { View, Text, StyleSheet } from 'react-native'\nimport moment from 'moment'\nimport { SystemMessageProps } from '../types'\n\nconst SystemMessage = React.memo((props: SystemMessageProps) => {\n\treturn (\n\t\t<View style={[styles.container, props.containerStyle]}>\n\t\t\t<Text style={styles.date}>\n\t\t\t\t{props.dateToStringFunc\n\t\t\t\t\t? props.dateToStringFunc(props.createdAt)\n\t\t\t\t\t: moment(props.createdAt).calendar(undefined, {\n\t\t\t\t\t\t\tlastDay: '[Yesterday]',\n\t\t\t\t\t\t\tsameDay: 'LT',\n\t\t\t\t\t\t\tnextDay: '[Tomorrow at] LT',\n\t\t\t\t\t\t\tlastWeek: 'dddd',\n\t\t\t\t\t\t\tnextWeek: '[Next] dddd',\n\t\t\t\t\t\t\tsameElse: 'L'\n\t\t\t\t\t  })}\n\t\t\t</Text>\n\t\t\t<Text style={styles.text}>{props.text}</Text>\n\t\t</View>\n\t)\n})\n\nexport default SystemMessage\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tpaddingHorizontal: 10,\n\t\tpaddingVertical: 5\n\t},\n\tdate: {\n\t\tcolor: 'gray',\n\t\ttextAlign: 'center',\n\t\tfontSize: 14\n\t},\n\ttext: {\n\t\tcolor: 'gray',\n\t\tfontWeight: '500',\n\t\ttextAlign: 'center',\n\t\tfontSize: 14\n\t}\n})\n"]}

package/lib/module/components/Chat/TypingFooter/index.js

@@ -1,2 +0,0 @@
-import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat/TypingFooter/index.tsx";import React,{useMemo}from'react';import{StyleSheet,View,Text}from'react-native';import TypingIndicator from'../../TypingIndicator';export default React.memo(function(_ref){var typingText=_ref.typingText,containerStyle=_ref.containerStyle,numberOfUsersTyping=_ref.numberOfUsersTyping,indicatorProps=_objectWithoutProperties(_ref,["typingText","containerStyle","numberOfUsersTyping"]);var extension=useMemo(function(){if(!numberOfUsersTyping)return'';return numberOfUsersTyping>1?'are':'is';},[numberOfUsersTyping]);return React.createElement(View,{style:[styles.container,containerStyle],__source:{fileName:_jsxFileName,lineNumber:19}},React.createElement(View,{style:styles.wrapper,__source:{fileName:_jsxFileName,lineNumber:20}},React.createElement(TypingIndicator,_extends({},indicatorProps,{__source:{fileName:_jsxFileName,lineNumber:21}})),!!typingText&&!!numberOfUsersTyping&&React.createElement(Text,{style:styles.text,__source:{fileName:_jsxFileName,lineNumber:23}},typingText," ",extension," typing...")));});var styles=StyleSheet.create({container:{alignItems:'flex-start',padding:10,paddingBottom:5},wrapper:{flexDirection:'row',alignItems:'center'},text:{color:'gray',fontStyle:'italic',marginLeft:10}});
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat/TypingFooter/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","useMemo","StyleSheet","View","Text","TypingIndicator","memo","typingText","containerStyle","numberOfUsersTyping","indicatorProps","extension","styles","container","wrapper","text","create","alignItems","padding","paddingBottom","flexDirection","color","fontStyle","marginLeft"],"mappings":"yPAAA,MAAOA,CAAAA,KAAP,EAAgBC,OAAhB,KAA+B,OAA/B,CACA,OAASC,UAAT,CAAqBC,IAArB,CAA2BC,IAA3B,KAAuC,cAAvC,CAGA,MAAOC,CAAAA,eAAP,KAA4B,uBAA5B,CAEA,cAAeL,CAAAA,KAAK,CAACM,IAAN,CACd,cAKyB,IAJxBC,CAAAA,UAIwB,MAJxBA,UAIwB,CAHxBC,cAGwB,MAHxBA,cAGwB,CAFxBC,mBAEwB,MAFxBA,mBAEwB,CADrBC,cACqB,sFACxB,GAAMC,CAAAA,SAAS,CAAGV,OAAO,CAAC,UAAM,CAC/B,GAAI,CAACQ,mBAAL,CAA0B,MAAO,EAAP,CAC1B,MAAOA,CAAAA,mBAAmB,CAAG,CAAtB,CAA0B,KAA1B,CAAkC,IAAzC,CACA,CAHwB,CAGtB,CAACA,mBAAD,CAHsB,CAAzB,CAIA,MACC,qBAAC,IAAD,EAAM,KAAK,CAAE,CAACG,MAAM,CAACC,SAAR,CAAmBL,cAAnB,CAAb,iDACC,oBAAC,IAAD,EAAM,KAAK,CAAEI,MAAM,CAACE,OAApB,iDACC,oBAAC,eAAD,aAAqBJ,cAArB,mDADD,CAEE,CAAC,CAACH,UAAF,EAAgB,CAAC,CAACE,mBAAlB,EACA,oBAAC,IAAD,EAAM,KAAK,CAAEG,MAAM,CAACG,IAApB,iDACER,UADF,KACeI,SADf,cAHF,CADD,CADD,CAYA,CAvBa,CAAf,CA0BA,GAAMC,CAAAA,MAAM,CAAGV,UAAU,CAACc,MAAX,CAAkB,CAChCH,SAAS,CAAE,CACVI,UAAU,CAAE,YADF,CAEVC,OAAO,CAAE,EAFC,CAGVC,aAAa,CAAE,CAHL,CADqB,CAMhCL,OAAO,CAAE,CACRM,aAAa,CAAE,KADP,CAERH,UAAU,CAAE,QAFJ,CANuB,CAUhCF,IAAI,CAAE,CACLM,KAAK,CAAE,MADF,CAELC,SAAS,CAAE,QAFN,CAGLC,UAAU,CAAE,EAHP,CAV0B,CAAlB,CAAf","sourcesContent":["import React, { useMemo } from 'react'\nimport { StyleSheet, View, Text } from 'react-native'\n// import Juice from 'usechat'\nimport { TypingFooterProps } from '../types'\nimport TypingIndicator from '../../TypingIndicator'\n\nexport default React.memo(\n\t({\n\t\ttypingText,\n\t\tcontainerStyle,\n\t\tnumberOfUsersTyping,\n\t\t...indicatorProps\n\t}: TypingFooterProps) => {\n\t\tconst extension = useMemo(() => {\n\t\t\tif (!numberOfUsersTyping) return ''\n\t\t\treturn numberOfUsersTyping > 1 ? 'are' : 'is'\n\t\t}, [numberOfUsersTyping])\n\t\treturn (\n\t\t\t<View style={[styles.container, containerStyle]}>\n\t\t\t\t<View style={styles.wrapper}>\n\t\t\t\t\t<TypingIndicator {...indicatorProps} />\n\t\t\t\t\t{!!typingText && !!numberOfUsersTyping && (\n\t\t\t\t\t\t<Text style={styles.text}>\n\t\t\t\t\t\t\t{typingText} {extension} typing...\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t)\n\t}\n)\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\talignItems: 'flex-start',\n\t\tpadding: 10,\n\t\tpaddingBottom: 5\n\t},\n\twrapper: {\n\t\tflexDirection: 'row',\n\t\talignItems: 'center'\n\t},\n\ttext: {\n\t\tcolor: 'gray',\n\t\tfontStyle: 'italic',\n\t\tmarginLeft: 10\n\t}\n})\n"]}

package/lib/module/components/Chat/index.js

@@ -1,2 +0,0 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _extends from"@babel/runtime/helpers/extends";var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat/index.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){_defineProperty(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}import React,{useMemo,useRef,useEffect,useCallback}from'react';import{SafeAreaView,View,StyleSheet,Animated,KeyboardAvoidingView,Alert,Clipboard}from'react-native';import{Transitioning,Transition}from'react-native-reanimated';import Message from'./Message';import Composer from'./Composer';import SystemMessage from'./SystemMessage';import TypingFooter from'./TypingFooter';function Chat(props){var checkForBrokenProps=function checkForBrokenProps(){if(!props.user.name){console.error('Breaking error: Messages component is missing a name in the user prop.');}if(!props.user.id){console.error('Breaking error: Messages component is missing an id in the user prop.');}};checkForBrokenProps();var ref=props.chatRef;var inputRef=useRef();var flatListRef=useRef();var componentRef=useRef();useEffect(function(){componentRef.current={focusInput:function focusInput(){var _inputRef$current;return(_inputRef$current=inputRef.current)==null?void 0:_inputRef$current.focus();},blurInput:function blurInput(){var _inputRef$current2;return(_inputRef$current2=inputRef.current)==null?void 0:_inputRef$current2.blur();},scrollToEnd:function scrollToEnd(){var _flatListRef$current;return(_flatListRef$current=flatListRef.current)==null?void 0:_flatListRef$current.getNode().scrollToEnd();},scrollToIndex:function scrollToIndex(params){var _flatListRef$current2;return(_flatListRef$current2=flatListRef.current)==null?void 0:_flatListRef$current2.getNode().scrollToIndex(params);},scrollToItem:function scrollToItem(params){var _flatListRef$current3;return(_flatListRef$current3=flatListRef.current)==null?void 0:_flatListRef$current3.getNode().scrollToItem(params);},scrollToOffset:function scrollToOffset(params){var _flatListRef$current4;return(_flatListRef$current4=flatListRef.current)==null?void 0:_flatListRef$current4.getNode().scrollToOffset(params);}};if(ref)ref.current=componentRef.current;});var transitionRef=useRef(null);var mounted=useRef(false);var scrollY=useMemo(function(){return props.animatedScrollNode||new Animated.Value(0);},[props.animatedScrollNode]);var onScroll=Animated.event([{nativeEvent:{contentOffset:{y:scrollY}}}],{useNativeDriver:true});var messagesRef=useRef(props.messages);useEffect(function(){var latestMessageIsNew=(props.messages[0]&&props.messages[0].id)!==(messagesRef.current[0]&&messagesRef.current[0].id);if(latestMessageIsNew&&flatListRef.current){var iSentLastMessage=props.messages[0]&&props.messages[0].user&&props.messages[0].user.id===props.user.id;if(iSentLastMessage&&!props.disableScrollToBottomOnSend)flatListRef.current.getNode().scrollToOffset({offset:0});else if(props.scrollToBottomOnAllNewMessages)flatListRef.current.getNode().scrollToOffset({offset:0});}},[props.disableScrollToBottomOnSend,props.scrollToBottomOnAllNewMessages,props.messages,props.user.id]);var onViewableItemsChangedRef=useRef(props.onViewableItemsChanged);var onViewMessagesRef=useRef(props.onViewMessages);var messagesDict=useRef({});useEffect(function(){onViewableItemsChangedRef.current=props.onViewableItemsChanged;onViewMessagesRef.current=props.onViewMessages;messagesRef.current=props.messages;messagesDict.current={};if(props.messages){props.messages.forEach(function(message){messagesDict.current[message.id]=message;});}},[props.onViewableItemsChanged,props.onViewMessages,props.messages]);var onViewableItemsChanged=useCallback(function(info){if(onViewableItemsChangedRef.current)onViewableItemsChangedRef.current(info);if(onViewMessagesRef.current){var visibleMessages=info.viewableItems.filter(function(i){return i.isViewable;}).map(function(i){return i.item;});var latestMessageId=messagesRef.current&&messagesRef.current[0]&&messagesRef.current[0].id;onViewMessagesRef.current({visibleMessages:visibleMessages,latestMessageId:latestMessageId});}},[]);var numberOfUsersTyping=useMemo(function(){var _ref,_props$namesOfUsersTy;return(_ref=(_props$namesOfUsersTy=props.namesOfUsersTyping)==null?void 0:_props$namesOfUsersTy.length)!=null?_ref:0;},[props.namesOfUsersTyping]);useEffect(function(){if(!props.disableTransitions&&(mounted.current||!props.disableTransitionOnMount)&&transitionRef.current)transitionRef.current.animateNextTransition();else mounted.current=true;},[props.disableTransitionOnMount,numberOfUsersTyping,props.messages,props.disableTransitions]);var onPressMessage=props.onPressMessage,onDoubleTapMessage=props.onDoubleTapMessage,onLongPressMessage=props.onLongPressMessage;var onPressItem=useCallback(function(id){var _messagesDict$current;var message=(_messagesDict$current=messagesDict.current)==null?void 0:_messagesDict$current[id];if(onPressMessage)onPressMessage(message);},[onPressMessage]);var onDoubleTapItem=useCallback(function(id){var _messagesDict$current2;var message=(_messagesDict$current2=messagesDict.current)==null?void 0:_messagesDict$current2[id];if(onDoubleTapMessage)onDoubleTapMessage(message);},[onDoubleTapMessage]);var onLongPressItem=useCallback(function(id){var _messagesDict$current3;var message=(_messagesDict$current3=messagesDict.current)==null?void 0:_messagesDict$current3[id];if(onLongPressMessage)return onLongPressMessage(message);if(message&&message.text){Alert.alert('Message',message.text,[{text:'Copy text',onPress:function onPress(){Clipboard.setString(message.text);},style:'cancel'},{text:'Go back'}]);}},[onLongPressMessage]);var renderItem=function renderItem(info){var _message$media,_message$media2,_message$media3,_message$media4,_message$media5;if(props.renderItem)return props.renderItem(info);if(props.renderMessage===null)return null;var message=info.item,index=info.index;if(message.system){var systemProps={text:message.text,createdAt:message.createdAt,textStyle:props.systemMessageTextStyle,containerStyle:props.systemMessageContainerStyle,dateToStringFunc:props.systemMessageDateToStringFunc,dateStyle:props.systemMessageDateStyle};if(props.renderSystemMessage===null)return null;if(props.renderSystemMessage)return props.renderSystemMessage(systemProps);return React.createElement(SystemMessage,_extends({},systemProps,{__source:{fileName:_jsxFileName,lineNumber:268}}));}var isMe=message.user.id===props.user.id;var messageCreatesNewBunch=!(props.messages[index+1]&&props.messages[index+1].user&&props.messages[index+1].user.id===(props.messages[index]&&props.messages[index].user&&props.messages[index].user.id));var isMostRecentMessageInBunch=!(props.messages[index-1]&&props.messages[index-1].user&&props.messages[index-1].user.id===(props.messages[index]&&props.messages[index].user&&props.messages[index].user.id));var showName=props.showNameForEveryMessage||messageCreatesNewBunch;if(isMe&&!props.showMyName)showName=false;var showAvatar=props.showAvatarForEveryMessage||isMostRecentMessageInBunch;var renderAvatar=props.renderAvatar;if(isMe&&props.hideMyAvatar){renderAvatar=null;}var bubbleStyle=props.bubbleStyle==null?void 0:props.bubbleStyle({isMe:isMe});var messageContainerStyle=props.messageContainerStyle==null?void 0:props.messageContainerStyle({isMe:isMe});var bubbleTextStyle=props.bubbleTextStyle==null?void 0:props.bubbleTextStyle({isMe:isMe});var messageWrapperStyle=props.messageWrapperStyle==null?void 0:props.messageWrapperStyle({isMe:isMe});var bubbleBackgroundColor=props.bubbleBackgroundColor==null?void 0:props.bubbleBackgroundColor({isMe:isMe});var bubbleTextColor=props.bubbleTextColor==null?void 0:props.bubbleTextColor({isMe:isMe});var initialsBackgroundColor=props.initialsBackgroundColor==null?void 0:props.initialsBackgroundColor({isMe:isMe});var initialsTextColor=props.initialsTextColor==null?void 0:props.initialsTextColor({isMe:isMe});var messageProps={messageContainerStyle:messageContainerStyle,bubbleStyle:bubbleStyle,bubbleTextStyle:bubbleTextStyle,messageWrapperStyle:messageWrapperStyle,delivered:true,isMe:isMe,renderFooter:props.renderMessageFooter,imageProps:props.imageProps,name:message.user.name,system:message.system,text:message.text,read:true,renderMedia:props.renderMessageMedia,onLongPress:onLongPressItem,onPress:onPressItem,onDoubleTap:onDoubleTapItem,doubleTapDelay:props.messageDoubleTapDelay,disableSwipeActions:props.disableSwipeActions,swipeActions:props.swipeActions,longPressDelay:props.messageLongPressDelay,id:message.id,showName:showName,avatar:message.user.avatar,avatarImageProps:props.avatarImageProps,avatarSize:props.avatarSize,renderAvatar:renderAvatar,showAvatar:showAvatar,initialsBackgroundColor:initialsBackgroundColor,initialsTextColor:initialsTextColor,renderInitials:props.renderInitials,nameStyle:props.nameStyle,tintColor:props.tintColor,swipeActionWidth:props.swipeActionWidth,renderSwipeAction:props.renderSwipeAction,bubbleBackgroundColor:bubbleBackgroundColor,bubbleTextColor:bubbleTextColor,userId:message.user.id,userName:message.user.name,AvatarImageComponent:props.AvatarImageComponent,mediaHeight:(_message$media=message.media)==null?void 0:_message$media.height,mediaWidth:(_message$media2=message.media)==null?void 0:_message$media2.width,mediaUri:(_message$media3=message.media)==null?void 0:_message$media3.uri,mediaContentType:(_message$media4=message.media)==null?void 0:_message$media4.contentType,mediaUrl:(_message$media5=message.media)==null?void 0:_message$media5.url,createsNewBunch:messageCreatesNewBunch,renderText:props.renderMessageText,createdAt:message.createdAt};if(props.renderMessage)return props.renderMessage(messageProps);return React.createElement(Message,_extends({},messageProps,{__source:{fileName:_jsxFileName,lineNumber:372}}));};var keyExtractor=useMemo(function(){return props.keyExtractor||function(_ref2){var id=_ref2.id;return id;};},[props.keyExtractor]);var namesOfUsersTyping=useMemo(function(){return props.namesOfUsersTyping||[];},[props.namesOfUsersTyping]);var typingText=namesOfUsersTyping.join(', ');var renderTypingIndicator=props.renderTypingIndicator,typingIndicatorProps=props.typingIndicatorProps;var ListFooterComponent=useCallback(function(){if(renderTypingIndicator===null||!numberOfUsersTyping)return null;return React.createElement(TypingFooter,_extends({typingText:props.showTypingText?typingText:'',numberOfUsersTyping:numberOfUsersTyping},typingIndicatorProps,{__source:{fileName:_jsxFileName,lineNumber:437}}));},[typingText,props.showTypingText,renderTypingIndicator,numberOfUsersTyping,typingIndicatorProps]);var flatListProps=props.flatListProps,_props$keyboardDismis=props.keyboardDismissMode,keyboardDismissMode=_props$keyboardDismis===void 0?'interactive':_props$keyboardDismis,_props$keyboardShould=props.keyboardShouldPersistTaps,keyboardShouldPersistTaps=_props$keyboardShould===void 0?'handled':_props$keyboardShould,extraData=props.extraData,messages=props.messages,contentContainerStyle=props.contentContainerStyle;var renderList=function renderList(){return React.createElement(Animated.FlatList,_extends({},flatListProps,{ref:flatListRef,data:messages,keyExtractor:keyExtractor,renderItem:renderItem,extraData:extraData,ListHeaderComponent:ListFooterComponent,inverted:true,onScroll:onScroll,onViewableItemsChanged:onViewableItemsChanged,keyboardShouldPeristTaps:keyboardShouldPersistTaps,keyboardDismissMode:keyboardDismissMode,contentContainerStyle:_objectSpread({},styles.contentContainer,{},contentContainerStyle||{}),initialNumToRender:20,__source:{fileName:_jsxFileName,lineNumber:461}}));};var renderHeader=function renderHeader(){if(props.renderHeader)return props.renderHeader();return null;};var renderFooter=function renderFooter(){if(props.renderFooter)return props.renderFooter();return null;};var renderComposer=function renderComposer(){if(props.renderComposer===null)return null;var composerProps={onInputTextChanged:props.onInputTextChanged,text:props.text,initialText:props.initialText,placeholderColor:props.placeholderColor,placeholderText:props.placeholderText,renderSendButton:props.renderSendButton,renderTextInput:props.renderTextInput,textInputProps:props.textInputProps,media:props.media,onChangeMedia:props.onChangeMedia,user:props.user,onSend:props.onSend,sendButtonMode:props.sendButtonMode,containerStyle:props.composerContainerStyle,inputContainerStyle:props.inputContainerStyle,inputStyle:props.inputStyle,tintColor:props.tintColor,inputRef:inputRef,sendButtonContainerStyle:props.sendButtonContainerStyle,sendOnKeyboardReturn:props.sendOnKeyboardReturn};if(props.renderComposer)return props.renderComposer(composerProps);return React.createElement(Composer,_extends({},composerProps,{__source:{fileName:_jsxFileName,lineNumber:531}}));};var Container=props.ContainerComponent||(props.safeArea?SafeAreaView:View);var KeyboardView=props.avoidKeyboard===false?View:KeyboardAvoidingView;var transition=useMemo(function(){return props.transitionConfig||true&&React.createElement(Transition.Together,{__source:{fileName:_jsxFileName,lineNumber:545}},React.createElement(Transition.Change,{interpolation:"easeInOut",__source:{fileName:_jsxFileName,lineNumber:547}}),React.createElement(Transition.In,{type:"fade",__source:{fileName:_jsxFileName,lineNumber:548}}));},[props.transitionConfig]);var containerStyle=useMemo(function(){return _objectSpread({},styles.container,{},props.containerStyle);},[props.containerStyle]);return React.createElement(Transitioning.View,{ref:transitionRef,transition:transition,style:containerStyle,__source:{fileName:_jsxFileName,lineNumber:561}},React.createElement(Container,{style:containerStyle,__source:{fileName:_jsxFileName,lineNumber:566}},React.createElement(KeyboardView,{style:containerStyle,behavior:"padding",__source:{fileName:_jsxFileName,lineNumber:567}},renderHeader(),renderList(),renderFooter(),renderComposer())));}Chat.append=function(state,messages){return[].concat(_toConsumableArray(messages),_toConsumableArray(state));};export default Chat;var styles=StyleSheet.create({container:{flex:1},contentContainer:{flexGrow:1,marginTop:5}});
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","useMemo","useRef","useEffect","useCallback","SafeAreaView","View","StyleSheet","Animated","KeyboardAvoidingView","Alert","Clipboard","Transitioning","Transition","Message","Composer","SystemMessage","TypingFooter","Chat","props","checkForBrokenProps","user","name","console","error","id","ref","chatRef","inputRef","flatListRef","componentRef","current","focusInput","focus","blurInput","blur","scrollToEnd","getNode","scrollToIndex","params","scrollToItem","scrollToOffset","transitionRef","mounted","scrollY","animatedScrollNode","Value","onScroll","event","nativeEvent","contentOffset","y","useNativeDriver","messagesRef","messages","latestMessageIsNew","iSentLastMessage","disableScrollToBottomOnSend","offset","scrollToBottomOnAllNewMessages","onViewableItemsChangedRef","onViewableItemsChanged","onViewMessagesRef","onViewMessages","messagesDict","forEach","message","info","visibleMessages","viewableItems","filter","i","isViewable","map","item","latestMessageId","numberOfUsersTyping","namesOfUsersTyping","length","disableTransitions","disableTransitionOnMount","animateNextTransition","onPressMessage","onDoubleTapMessage","onLongPressMessage","onPressItem","onDoubleTapItem","onLongPressItem","text","alert","onPress","setString","style","renderItem","renderMessage","index","system","systemProps","createdAt","textStyle","systemMessageTextStyle","containerStyle","systemMessageContainerStyle","dateToStringFunc","systemMessageDateToStringFunc","dateStyle","systemMessageDateStyle","renderSystemMessage","isMe","messageCreatesNewBunch","isMostRecentMessageInBunch","showName","showNameForEveryMessage","showMyName","showAvatar","showAvatarForEveryMessage","renderAvatar","hideMyAvatar","bubbleStyle","messageContainerStyle","bubbleTextStyle","messageWrapperStyle","bubbleBackgroundColor","bubbleTextColor","initialsBackgroundColor","initialsTextColor","messageProps","delivered","renderFooter","renderMessageFooter","imageProps","read","renderMedia","renderMessageMedia","onLongPress","onDoubleTap","doubleTapDelay","messageDoubleTapDelay","disableSwipeActions","swipeActions","longPressDelay","messageLongPressDelay","avatar","avatarImageProps","avatarSize","renderInitials","nameStyle","tintColor","swipeActionWidth","renderSwipeAction","userId","userName","AvatarImageComponent","mediaHeight","media","height","mediaWidth","width","mediaUri","uri","mediaContentType","contentType","mediaUrl","url","createsNewBunch","renderText","renderMessageText","keyExtractor","typingText","join","renderTypingIndicator","typingIndicatorProps","ListFooterComponent","showTypingText","flatListProps","keyboardDismissMode","keyboardShouldPersistTaps","extraData","contentContainerStyle","renderList","styles","contentContainer","renderHeader","renderComposer","composerProps","onInputTextChanged","initialText","placeholderColor","placeholderText","renderSendButton","renderTextInput","textInputProps","onChangeMedia","onSend","sendButtonMode","composerContainerStyle","inputContainerStyle","inputStyle","sendButtonContainerStyle","sendOnKeyboardReturn","Container","ContainerComponent","safeArea","KeyboardView","avoidKeyboard","transition","transitionConfig","container","append","state","create","flex","flexGrow","marginTop"],"mappings":"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","sourcesContent":["import React, {\n\tuseMemo,\n\tuseRef,\n\tuseEffect,\n\tuseCallback,\n\tMutableRefObject,\n} from 'react'\nimport {\n\tFlatList,\n\tListRenderItemInfo,\n\tSafeAreaView,\n\tView,\n\tStyleSheet,\n\tAnimated,\n\tViewToken,\n\tTextInput,\n\tKeyboardAvoidingView,\n\tAlert,\n\tClipboard,\n} from 'react-native'\nimport {\n\tTransitioning,\n\tTransition,\n\tTransitioningView,\n} from 'react-native-reanimated'\nimport { NewMessageModel } from '../../classes/Message/types'\nimport Message from './Message'\nimport {\n\tChatProps,\n\tMessageProps,\n\tComposerProps,\n\tSystemMessageProps,\n\tChatRef,\n} from './types'\nimport Composer from './Composer'\nimport SystemMessage from './SystemMessage'\nimport TypingFooter from './TypingFooter'\n\nfunction Chat<MessageModel extends NewMessageModel = NewMessageModel>(\n\tprops: ChatProps<MessageModel>\n) {\n\tconst checkForBrokenProps = () => {\n\t\tif (!props.user.name) {\n\t\t\tconsole.error(\n\t\t\t\t'Breaking error: Messages component is missing a name in the user prop.'\n\t\t\t)\n\t\t}\n\t\tif (!props.user.id) {\n\t\t\tconsole.error(\n\t\t\t\t'Breaking error: Messages component is missing an id in the user prop.'\n\t\t\t)\n\t\t}\n\t}\n\tcheckForBrokenProps()\n\t// \"constructor\" variables\n\tconst { chatRef: ref } = props\n\tconst inputRef = useRef<TextInput>()\n\tconst flatListRef = useRef<typeof Animated.ScrollView>()\n\t// const flatListRef = useRef<typeof Animated.FlatList<MessageModel>>()\n\tconst componentRef = useRef<ChatRef<MessageModel>>()\n\n\tuseEffect(() => {\n\t\tcomponentRef.current = {\n\t\t\tfocusInput: () => inputRef.current?.focus(),\n\t\t\tblurInput: () => inputRef.current?.blur(),\n\t\t\tscrollToEnd: () => flatListRef.current?.getNode().scrollToEnd(),\n\t\t\tscrollToIndex: params =>\n\t\t\t\tflatListRef.current?.getNode().scrollToIndex(params),\n\t\t\tscrollToItem: params =>\n\t\t\t\tflatListRef.current?.getNode().scrollToItem(params),\n\t\t\tscrollToOffset: params =>\n\t\t\t\tflatListRef.current?.getNode().scrollToOffset(params),\n\t\t}\n\t\tif (ref) ref.current = componentRef.current\n\t})\n\n\t// if (!componentRef.current) {\n\t// \tcomponentRef.current = {\n\t// \t\tfocusInput: () => inputRef.current && inputRef.current.focus(),\n\t// \t\tblurInput: () => inputRef.current && inputRef.current.blur(),\n\t// \t\tscrollToEnd: () =>\n\t// \t\t\tflatListRef.current && flatListRef.current.getNode().scrollToEnd(),\n\t// \t\tscrollToIndex: params =>\n\t// \t\t\tflatListRef.current &&\n\t// \t\t\tflatListRef.current.getNode().scrollToIndex(params),\n\t// \t\tscrollToItem: params =>\n\t// \t\t\tflatListRef.current &&\n\t// \t\t\tflatListRef.current.getNode().scrollToItem(params),\n\t// \t\tscrollToOffset: params =>\n\t// \t\t\tflatListRef.current &&\n\t// \t\t\tflatListRef.current.getNode().scrollToOffset(params),\n\t// \t}\n\t// \tif (ref) ref.current = componentRef.current\n\t// }\n\n\t// used to shuffle/transition the inbox when it changes\n\tconst transitionRef = useRef<TransitioningView>(null)\n\tconst mounted = useRef(false)\n\n\t// track animated position of scroll\n\tconst scrollY: Animated.Value = useMemo(\n\t\t() => props.animatedScrollNode || new Animated.Value(0),\n\t\t[props.animatedScrollNode]\n\t)\n\n\t// upate position of scroll variable\n\tconst onScroll = Animated.event(\n\t\t[{ nativeEvent: { contentOffset: { y: scrollY } } }],\n\t\t{ useNativeDriver: true }\n\t)\n\n\tconst messagesRef = useRef(props.messages)\n\n\t// effect to handle new messages coming in / scrolling to bottom\n\t// TODO we may have to use getNode() for the animated flatlist, right?\n\tuseEffect(() => {\n\t\tconst latestMessageIsNew =\n\t\t\t(props.messages[0] && props.messages[0].id) !==\n\t\t\t(messagesRef.current[0] && messagesRef.current[0].id)\n\t\t// const numberOfMessagesIncreased =\n\t\t// \tprops.messages.length > messagesRef.current.length\n\t\tif (\n\t\t\tlatestMessageIsNew &&\n\t\t\t// numberOfMessagesIncreased &&\n\t\t\tflatListRef.current\n\t\t) {\n\t\t\tconst iSentLastMessage =\n\t\t\t\tprops.messages[0] &&\n\t\t\t\tprops.messages[0].user &&\n\t\t\t\tprops.messages[0].user.id === props.user.id\n\t\t\tif (iSentLastMessage && !props.disableScrollToBottomOnSend)\n\t\t\t\tflatListRef.current.getNode().scrollToOffset({ offset: 0 })\n\t\t\telse if (props.scrollToBottomOnAllNewMessages)\n\t\t\t\tflatListRef.current.getNode().scrollToOffset({ offset: 0 })\n\t\t}\n\t}, [\n\t\tprops.disableScrollToBottomOnSend,\n\t\tprops.scrollToBottomOnAllNewMessages,\n\t\tprops.messages,\n\t\tprops.user.id,\n\t])\n\n\t// 💩 a super way of handling viewable items not on the fly. (easy way to track viewed messages)\n\t// TODO abstract this to a different custom hook.\n\tconst onViewableItemsChangedRef = useRef(props.onViewableItemsChanged)\n\tconst onViewMessagesRef = useRef(props.onViewMessages)\n\t// track the messages in a non-array too for fast querying.\n\tconst messagesDict = useRef<{ [id: string]: MessageModel }>({})\n\t// ...onto the effect 😅\n\tuseEffect(() => {\n\t\t// make updated methods available to onviewable items changed\n\t\tonViewableItemsChangedRef.current = props.onViewableItemsChanged\n\t\tonViewMessagesRef.current = props.onViewMessages\n\t\tmessagesRef.current = props.messages\n\t\tmessagesDict.current = {}\n\t\tif (props.messages) {\n\t\t\tprops.messages.forEach(message => {\n\t\t\t\tmessagesDict.current[message.id] = message\n\t\t\t})\n\t\t}\n\t}, [props.onViewableItemsChanged, props.onViewMessages, props.messages])\n\n\tconst onViewableItemsChanged: FlatList<\n\t\tMessageModel\n\t>['props']['onViewableItemsChanged'] = useCallback(\n\t\t(info: { viewableItems: ViewToken[]; changed: ViewToken[] }) => {\n\t\t\tif (onViewableItemsChangedRef.current)\n\t\t\t\tonViewableItemsChangedRef.current(info)\n\n\t\t\tif (onViewMessagesRef.current) {\n\t\t\t\tconst visibleMessages = info.viewableItems\n\t\t\t\t\t.filter(i => i.isViewable)\n\t\t\t\t\t.map(i => i.item)\n\t\t\t\tconst latestMessageId =\n\t\t\t\t\tmessagesRef.current &&\n\t\t\t\t\tmessagesRef.current[0] &&\n\t\t\t\t\tmessagesRef.current[0].id\n\t\t\t\tonViewMessagesRef.current({\n\t\t\t\t\tvisibleMessages,\n\t\t\t\t\tlatestMessageId,\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\t[]\n\t)\n\t// END OF THAT 💩\n\n\tconst numberOfUsersTyping = useMemo(\n\t\t() => props.namesOfUsersTyping?.length ?? 0,\n\t\t[props.namesOfUsersTyping]\n\t)\n\t// effect to handle animating the screen if the messages changed or people typing just changed\n\tuseEffect(() => {\n\t\tif (\n\t\t\t!props.disableTransitions &&\n\t\t\t// if we've already mounted, or we want to transition even if we haven't...\n\t\t\t(mounted.current || !props.disableTransitionOnMount) &&\n\t\t\t// and assuming the transition component is initialized...\n\t\t\ttransitionRef.current\n\t\t)\n\t\t\t// animate\n\t\t\ttransitionRef.current.animateNextTransition()\n\t\telse mounted.current = true\n\t}, [\n\t\tprops.disableTransitionOnMount,\n\t\tnumberOfUsersTyping,\n\t\tprops.messages,\n\t\tprops.disableTransitions,\n\t])\n\n\tconst { onPressMessage, onDoubleTapMessage, onLongPressMessage } = props\n\tconst onPressItem = useCallback(\n\t\tid => {\n\t\t\tconst message = messagesDict.current?.[id]\n\t\t\tif (onPressMessage) onPressMessage(message)\n\t\t},\n\t\t[onPressMessage]\n\t)\n\n\tconst onDoubleTapItem = useCallback(\n\t\tid => {\n\t\t\tconst message = messagesDict.current?.[id]\n\t\t\tif (onDoubleTapMessage) onDoubleTapMessage(message)\n\t\t},\n\t\t[onDoubleTapMessage]\n\t)\n\n\tconst onLongPressItem = useCallback(\n\t\tid => {\n\t\t\tconst message = messagesDict.current?.[id]\n\t\t\tif (onLongPressMessage) return onLongPressMessage(message)\n\t\t\tif (message && message.text) {\n\t\t\t\tAlert.alert('Message', message.text, [\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: 'Copy text',\n\t\t\t\t\t\tonPress: () => {\n\t\t\t\t\t\t\tClipboard.setString(message.text)\n\t\t\t\t\t\t},\n\t\t\t\t\t\tstyle: 'cancel',\n\t\t\t\t\t},\n\t\t\t\t\t{ text: 'Go back' },\n\t\t\t\t])\n\t\t\t}\n\t\t},\n\t\t[onLongPressMessage]\n\t)\n\n\tconst renderItem = (info: ListRenderItemInfo<MessageModel>) => {\n\t\tif (props.renderItem) return props.renderItem(info)\n\t\tif (props.renderMessage === null) return null\n\n\t\tconst { item: message, index } = info\n\n\t\tif (message.system) {\n\t\t\tconst systemProps: SystemMessageProps = {\n\t\t\t\ttext: message.text,\n\t\t\t\tcreatedAt: message.createdAt,\n\t\t\t\ttextStyle: props.systemMessageTextStyle,\n\t\t\t\tcontainerStyle: props.systemMessageContainerStyle,\n\t\t\t\tdateToStringFunc: props.systemMessageDateToStringFunc,\n\t\t\t\tdateStyle: props.systemMessageDateStyle,\n\t\t\t}\n\n\t\t\tif (props.renderSystemMessage === null) return null\n\t\t\tif (props.renderSystemMessage)\n\t\t\t\treturn props.renderSystemMessage(systemProps)\n\n\t\t\treturn <SystemMessage {...systemProps} />\n\t\t}\n\n\t\tconst isMe = message.user.id === props.user.id\n\n\t\t// indicates that the previous message was sent by someone else, so this starts a new bunch\n\t\tconst messageCreatesNewBunch = !(\n\t\t\tprops.messages[index + 1] &&\n\t\t\tprops.messages[index + 1].user &&\n\t\t\tprops.messages[index + 1].user.id ===\n\t\t\t\t(props.messages[index] &&\n\t\t\t\t\tprops.messages[index].user &&\n\t\t\t\t\tprops.messages[index].user.id)\n\t\t)\n\n\t\tconst isMostRecentMessageInBunch = !(\n\t\t\tprops.messages[index - 1] &&\n\t\t\tprops.messages[index - 1].user &&\n\t\t\tprops.messages[index - 1].user.id ===\n\t\t\t\t(props.messages[index] &&\n\t\t\t\t\tprops.messages[index].user &&\n\t\t\t\t\tprops.messages[index].user.id)\n\t\t)\n\n\t\t// show name if the previous message was sent by someone else\n\t\t// also, only show my own name if specified, since that's kinda weird to show my own. beat my dribble\n\t\tlet showName = props.showNameForEveryMessage || messageCreatesNewBunch\n\t\tif (isMe && !props.showMyName) showName = false\n\n\t\t// by default, only show avatar for a the bottom of a bunch\n\t\tconst showAvatar =\n\t\t\tprops.showAvatarForEveryMessage || isMostRecentMessageInBunch\n\t\tlet renderAvatar = props.renderAvatar\n\t\t// and we hide the avatar if we say to\n\t\tif (isMe && props.hideMyAvatar) {\n\t\t\t// showAvatar = false\n\t\t\trenderAvatar = null\n\t\t}\n\n\t\tconst bubbleStyle = props.bubbleStyle?.({ isMe })\n\t\tconst messageContainerStyle = props.messageContainerStyle?.({ isMe })\n\t\tconst bubbleTextStyle = props.bubbleTextStyle?.({ isMe })\n\t\tconst messageWrapperStyle = props.messageWrapperStyle?.({ isMe })\n\t\tconst bubbleBackgroundColor = props.bubbleBackgroundColor?.({ isMe })\n\t\tconst bubbleTextColor = props.bubbleTextColor?.({ isMe })\n\t\tconst initialsBackgroundColor = props.initialsBackgroundColor?.({ isMe })\n\t\tconst initialsTextColor = props.initialsTextColor?.({ isMe })\n\n\t\tconst messageProps: MessageProps = {\n\t\t\tmessageContainerStyle,\n\t\t\tbubbleStyle,\n\t\t\tbubbleTextStyle,\n\t\t\tmessageWrapperStyle,\n\t\t\tdelivered: true,\n\t\t\t// isMe: (message.user && message.user.id) === (props.user && props.user.id),\n\t\t\tisMe,\n\t\t\trenderFooter: props.renderMessageFooter,\n\t\t\timageProps: props.imageProps,\n\t\t\t// media: message.media,\n\t\t\tname: message.user.name,\n\t\t\tsystem: message.system,\n\t\t\ttext: message.text,\n\t\t\tread: true,\n\t\t\trenderMedia: props.renderMessageMedia,\n\t\t\tonLongPress: onLongPressItem,\n\t\t\tonPress: onPressItem,\n\t\t\t// pressType: props.messagePressType || 'double',\n\t\t\tonDoubleTap: onDoubleTapItem,\n\t\t\tdoubleTapDelay: props.messageDoubleTapDelay,\n\t\t\tdisableSwipeActions: props.disableSwipeActions,\n\t\t\tswipeActions: props.swipeActions,\n\t\t\tlongPressDelay: props.messageLongPressDelay,\n\t\t\tid: message.id,\n\t\t\tshowName,\n\t\t\tavatar: message.user.avatar,\n\t\t\tavatarImageProps: props.avatarImageProps,\n\t\t\tavatarSize: props.avatarSize,\n\t\t\trenderAvatar,\n\t\t\tshowAvatar,\n\t\t\t// initialsBackgroundColor: props.initialsBackgroundColor,\n\t\t\t// initialsTextColor: props.initialsTextColor,\n\t\t\tinitialsBackgroundColor,\n\t\t\tinitialsTextColor,\n\t\t\trenderInitials: props.renderInitials,\n\t\t\tnameStyle: props.nameStyle,\n\t\t\ttintColor: props.tintColor,\n\t\t\tswipeActionWidth: props.swipeActionWidth,\n\t\t\trenderSwipeAction: props.renderSwipeAction,\n\t\t\tbubbleBackgroundColor,\n\t\t\tbubbleTextColor,\n\t\t\tuserId: message.user.id,\n\t\t\tuserName: message.user.name,\n\t\t\tAvatarImageComponent: props.AvatarImageComponent,\n\t\t\tmediaHeight: message.media?.height,\n\t\t\tmediaWidth: message.media?.width,\n\t\t\tmediaUri: message.media?.uri,\n\t\t\tmediaContentType: message.media?.contentType,\n\t\t\tmediaUrl: message.media?.url,\n\t\t\tcreatesNewBunch: messageCreatesNewBunch,\n\t\t\trenderText: props.renderMessageText,\n\t\t\tcreatedAt: message.createdAt,\n\t\t}\n\n\t\tif (props.renderMessage) return props.renderMessage(messageProps)\n\t\treturn <Message {...messageProps} />\n\t}\n\t// \t,\n\t// \t[\n\t// \t\tprops.tintColor,\n\t// \t\tprops.user,\n\t// \t\tprops.renderItem,\n\t// \t\tprops.renderMessage,\n\t// \t\tprops.renderMessageFooter,\n\t// \t\tprops.renderSystemMessage,\n\t// \t\tprops.renderMessageMedia,\n\t// \t\tprops.onPressMessage,\n\t// \t\tprops.systemMessageContainerStyle,\n\t// \t\tprops.systemMessageDateToStringFunc,\n\t// \t\tprops.systemMessageDateStyle,\n\t// \t\tprops.systemMessageTextStyle,\n\t// \t\tprops.messages,\n\t// \t\tprops.showNameForEveryMessage,\n\t// \t\tprops.showMyName,\n\t// \t\tprops.showAvatarForEveryMessage,\n\t// \t\tprops.renderAvatar,\n\t// \t\tprops.hideMyAvatar,\n\t// \t\tprops.bubbleStyle,\n\t// \t\tprops.messageContainerStyle,\n\t// \t\tprops.bubbleTextStyle,\n\t// \t\tprops.messageWrapperStyle,\n\t// \t\tprops.bubbleBackgroundColor,\n\t// \t\tprops.bubbleTextStyle,\n\t// \t\tprops.bubbleTextColor,\n\t// \t\tprops.renderMessageFooter,\n\t// \t\tprops.imageProps,\n\t// \t\tprops.onLongPressMessage,\n\t// \t\tprops.messagePressType,\n\t// \t\tprops.onPressMessage,\n\t// \t\tprops.messageDoubleTapDelay,\n\t// \t\tprops.disableSwipeActions,\n\t// \t\tprops.swipeActionWidth,\n\t// \t\tprops.swipeActions,\n\t// \t\tprops.messageLongPressDelay,\n\t// \t\tprops.avatarImageProps,\n\t// \t\tprops.avatarSize,\n\t// \t\tprops.initialsBackgroundColor,\n\t// \t\tprops.initialsTextColor,\n\t// \t\tprops.renderInitials,\n\t// \t\tprops.nameStyle,\n\t// \t\tprops.swipeActionWidth,\n\t// \t\tprops.AvatarImageComponent,\n\t// \t],\n\t// )\n\n\tconst keyExtractor = useMemo(\n\t\t() => props.keyExtractor || (({ id }: MessageModel) => id),\n\t\t[props.keyExtractor]\n\t)\n\tconst namesOfUsersTyping = useMemo(() => props.namesOfUsersTyping || [], [\n\t\tprops.namesOfUsersTyping,\n\t])\n\n\tconst typingText = namesOfUsersTyping.join(', ')\n\n\tconst { renderTypingIndicator, typingIndicatorProps } = props\n\tconst ListFooterComponent = useCallback(() => {\n\t\tif (renderTypingIndicator === null || !numberOfUsersTyping) return null\n\n\t\treturn (\n\t\t\t<TypingFooter\n\t\t\t\ttypingText={props.showTypingText ? typingText : ''}\n\t\t\t\tnumberOfUsersTyping={numberOfUsersTyping}\n\t\t\t\t{...typingIndicatorProps}\n\t\t\t/>\n\t\t)\n\t}, [\n\t\ttypingText,\n\t\tprops.showTypingText,\n\t\trenderTypingIndicator,\n\t\tnumberOfUsersTyping,\n\t\ttypingIndicatorProps,\n\t])\n\n\tconst {\n\t\tflatListProps,\n\t\tkeyboardDismissMode = 'interactive',\n\t\tkeyboardShouldPersistTaps = 'handled',\n\t\textraData,\n\t\tmessages,\n\t\tcontentContainerStyle,\n\t} = props\n\tconst renderList = () => {\n\t\treturn (\n\t\t\t<Animated.FlatList\n\t\t\t\t{...flatListProps}\n\t\t\t\tref={flatListRef as MutableRefObject<FlatList<MessageModel>>}\n\t\t\t\tdata={messages}\n\t\t\t\tkeyExtractor={keyExtractor}\n\t\t\t\trenderItem={renderItem}\n\t\t\t\textraData={extraData}\n\t\t\t\tListHeaderComponent={ListFooterComponent}\n\t\t\t\tinverted\n\t\t\t\t// initialNum\n\t\t\t\tonScroll={onScroll}\n\t\t\t\tonViewableItemsChanged={onViewableItemsChanged}\n\t\t\t\tkeyboardShouldPeristTaps={keyboardShouldPersistTaps}\n\t\t\t\tkeyboardDismissMode={keyboardDismissMode}\n\t\t\t\tcontentContainerStyle={{\n\t\t\t\t\t...styles.contentContainer,\n\t\t\t\t\t...(contentContainerStyle || {}),\n\t\t\t\t}}\n\t\t\t\tinitialNumToRender={20}\n\t\t\t/>\n\t\t)\n\t}\n\t// , [\n\t// \tflatListProps,\n\t// \tkeyboardDismissMode,\n\t// \tkeyboardShouldPersistTaps,\n\t// \textraData,\n\t// \tmessages,\n\t// \tonViewableItemsChanged,\n\t// \tListFooterComponent,\n\t// \tonScroll,\n\t// \tkeyExtractor,\n\t// \trenderItem,\n\t// \tcontentContainerStyle,\n\t// ])\n\tconst renderHeader = () => {\n\t\tif (props.renderHeader) return props.renderHeader()\n\t\treturn null\n\t}\n\tconst renderFooter = () => {\n\t\tif (props.renderFooter) return props.renderFooter()\n\t\treturn null\n\t}\n\tconst renderComposer = () => {\n\t\tif (props.renderComposer === null) return null\n\n\t\tconst composerProps: ComposerProps = {\n\t\t\tonInputTextChanged: props.onInputTextChanged,\n\t\t\ttext: props.text,\n\t\t\tinitialText: props.initialText,\n\t\t\tplaceholderColor: props.placeholderColor,\n\t\t\tplaceholderText: props.placeholderText,\n\t\t\trenderSendButton: props.renderSendButton,\n\t\t\trenderTextInput: props.renderTextInput,\n\t\t\ttextInputProps: props.textInputProps,\n\t\t\tmedia: props.media,\n\t\t\tonChangeMedia: props.onChangeMedia,\n\t\t\tuser: props.user,\n\t\t\tonSend: props.onSend,\n\t\t\tsendButtonMode: props.sendButtonMode,\n\t\t\tcontainerStyle: props.composerContainerStyle,\n\t\t\tinputContainerStyle: props.inputContainerStyle,\n\t\t\tinputStyle: props.inputStyle,\n\t\t\ttintColor: props.tintColor,\n\t\t\tinputRef: inputRef as MutableRefObject<TextInput>,\n\t\t\tsendButtonContainerStyle: props.sendButtonContainerStyle,\n\t\t\tsendOnKeyboardReturn: props.sendOnKeyboardReturn,\n\t\t}\n\t\tif (props.renderComposer) return props.renderComposer(composerProps)\n\n\t\treturn <Composer {...composerProps} />\n\t}\n\n\t// now, onto the actual render code\n\tconst Container =\n\t\tprops.ContainerComponent || (props.safeArea ? SafeAreaView : View)\n\tconst KeyboardView =\n\t\tprops.avoidKeyboard === false ? View : KeyboardAvoidingView\n\n\t// reanimated transition\n\tconst transition = useMemo(\n\t\t() =>\n\t\t\tprops.transitionConfig ||\n\t\t\t(true && (\n\t\t\t\t<Transition.Together>\n\t\t\t\t\t{/* <Transition.Out type=\"fade\" durationMs={100} /> */}\n\t\t\t\t\t<Transition.Change interpolation=\"easeInOut\" />\n\t\t\t\t\t<Transition.In type=\"fade\" />\n\t\t\t\t</Transition.Together>\n\t\t\t)),\n\t\t[props.transitionConfig]\n\t)\n\tconst containerStyle = useMemo(\n\t\t() => ({\n\t\t\t...styles.container,\n\t\t\t...props.containerStyle,\n\t\t}),\n\t\t[props.containerStyle]\n\t)\n\treturn (\n\t\t<Transitioning.View\n\t\t\tref={transitionRef}\n\t\t\ttransition={transition}\n\t\t\tstyle={containerStyle}\n\t\t>\n\t\t\t<Container style={containerStyle}>\n\t\t\t\t<KeyboardView\n\t\t\t\t\tstyle={containerStyle}\n\t\t\t\t\t// behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n\t\t\t\t\tbehavior=\"padding\"\n\t\t\t\t>\n\t\t\t\t\t{renderHeader()}\n\t\t\t\t\t{renderList()}\n\t\t\t\t\t{renderFooter()}\n\t\t\t\t\t{renderComposer()}\n\t\t\t\t</KeyboardView>\n\t\t\t</Container>\n\t\t</Transitioning.View>\n\t)\n}\n\nChat.append = function<M>(state: M[], messages: M[]) {\n\treturn [...messages, ...state]\n}\n\nexport default Chat\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tflex: 1,\n\t},\n\tcontentContainer: {\n\t\tflexGrow: 1,\n\t\tmarginTop: 5,\n\t},\n})\n"]}

package/lib/module/components/Chat/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/lib/module/components/Chat/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/components/Chat-Old/Bubble/index.js

@@ -1,2 +0,0 @@
-var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat-Old/Bubble/index.tsx";import React,{useMemo}from'react';import{View,Text,StyleSheet}from'react-native';var Bubble=function Bubble(props){var containerStyles=useMemo(function(){return[styles.container,props.isMe?meStyles.container:otherStyles.container,props.style];},[props.style,props.isMe]);var textStyles=useMemo(function(){return[styles.text,props.isMe?meStyles.text:otherStyles.text,props.style];},[props.style,props.isMe]);return React.createElement(View,{style:containerStyles,ref:props.bubbleRef,__source:{fileName:_jsxFileName,lineNumber:23}},React.createElement(Text,{style:textStyles,__source:{fileName:_jsxFileName,lineNumber:24}},props.text));};export default Bubble;var styles=StyleSheet.create({container:{paddingHorizontal:10,paddingVertical:5,borderRadius:10},text:{textAlign:'left'}});var meStyles=StyleSheet.create({container:{backgroundColor:'blue'},text:{color:'white'}});var otherStyles=StyleSheet.create({container:{backgroundColor:'lightgray'},text:{color:'black'}});
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat-Old/Bubble/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","useMemo","View","Text","StyleSheet","Bubble","props","containerStyles","styles","container","isMe","meStyles","otherStyles","style","textStyles","text","bubbleRef","create","paddingHorizontal","paddingVertical","borderRadius","textAlign","backgroundColor","color"],"mappings":"6GAAA,MAAOA,CAAAA,KAAP,EAAgBC,OAAhB,KAAkD,OAAlD,CAEA,OAASC,IAAT,CAAeC,IAAf,CAAqBC,UAArB,KAAuC,cAAvC,CAEA,GAAMC,CAAAA,MAAsC,CAAG,QAAzCA,CAAAA,MAAyC,CAAAC,KAAK,CAAI,CACvD,GAAMC,CAAAA,eAAe,CAAGN,OAAO,CAC9B,iBAAM,CACLO,MAAM,CAACC,SADF,CAELH,KAAK,CAACI,IAAN,CAAaC,QAAQ,CAACF,SAAtB,CAAkCG,WAAW,CAACH,SAFzC,CAGLH,KAAK,CAACO,KAHD,CAAN,EAD8B,CAM9B,CAACP,KAAK,CAACO,KAAP,CAAcP,KAAK,CAACI,IAApB,CAN8B,CAA/B,CAQA,GAAMI,CAAAA,UAAU,CAAGb,OAAO,CACzB,iBAAM,CACLO,MAAM,CAACO,IADF,CAELT,KAAK,CAACI,IAAN,CAAaC,QAAQ,CAACI,IAAtB,CAA6BH,WAAW,CAACG,IAFpC,CAGLT,KAAK,CAACO,KAHD,CAAN,EADyB,CAMzB,CAACP,KAAK,CAACO,KAAP,CAAcP,KAAK,CAACI,IAApB,CANyB,CAA1B,CAQA,MACC,qBAAC,IAAD,EAAM,KAAK,CAAEH,eAAb,CAA8B,GAAG,CAAED,KAAK,CAACU,SAAzC,iDACC,oBAAC,IAAD,EAAM,KAAK,CAAEF,UAAb,iDAA0BR,KAAK,CAACS,IAAhC,CADD,CADD,CAKA,CAtBD,CAwBA,cAAeV,CAAAA,MAAf,CAEA,GAAMG,CAAAA,MAAM,CAAGJ,UAAU,CAACa,MAAX,CAAkB,CAChCR,SAAS,CAAE,CACVS,iBAAiB,CAAE,EADT,CAEVC,eAAe,CAAE,CAFP,CAGVC,YAAY,CAAE,EAHJ,CADqB,CAMhCL,IAAI,CAAE,CACLM,SAAS,CAAE,MADN,CAN0B,CAAlB,CAAf,CAWA,GAAMV,CAAAA,QAAQ,CAAGP,UAAU,CAACa,MAAX,CAAkB,CAClCR,SAAS,CAAE,CACVa,eAAe,CAAE,MADP,CADuB,CAIlCP,IAAI,CAAE,CACLQ,KAAK,CAAE,OADF,CAJ4B,CAAlB,CAAjB,CASA,GAAMX,CAAAA,WAAW,CAAGR,UAAU,CAACa,MAAX,CAAkB,CACrCR,SAAS,CAAE,CACVa,eAAe,CAAE,WADP,CAD0B,CAIrCP,IAAI,CAAE,CACLQ,KAAK,CAAE,OADF,CAJ+B,CAAlB,CAApB","sourcesContent":["import React, { useMemo, FunctionComponent } from 'react'\nimport { BubbleProps } from '../types'\nimport { View, Text, StyleSheet } from 'react-native'\n\nconst Bubble: FunctionComponent<BubbleProps> = props => {\n\tconst containerStyles = useMemo(\n\t\t() => [\n\t\t\tstyles.container,\n\t\t\tprops.isMe ? meStyles.container : otherStyles.container,\n\t\t\tprops.style\n\t\t],\n\t\t[props.style, props.isMe]\n\t)\n\tconst textStyles = useMemo(\n\t\t() => [\n\t\t\tstyles.text,\n\t\t\tprops.isMe ? meStyles.text : otherStyles.text,\n\t\t\tprops.style\n\t\t],\n\t\t[props.style, props.isMe]\n\t)\n\treturn (\n\t\t<View style={containerStyles} ref={props.bubbleRef}>\n\t\t\t<Text style={textStyles}>{props.text}</Text>\n\t\t</View>\n\t)\n}\n\nexport default Bubble\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tpaddingHorizontal: 10,\n\t\tpaddingVertical: 5,\n\t\tborderRadius: 10\n\t},\n\ttext: {\n\t\ttextAlign: 'left'\n\t}\n})\n\nconst meStyles = StyleSheet.create({\n\tcontainer: {\n\t\tbackgroundColor: 'blue'\n\t},\n\ttext: {\n\t\tcolor: 'white'\n\t}\n})\n\nconst otherStyles = StyleSheet.create({\n\tcontainer: {\n\t\tbackgroundColor: 'lightgray'\n\t},\n\ttext: {\n\t\tcolor: 'black'\n\t}\n})\n"]}

package/lib/module/components/Chat-Old/Composer/Input/index.js

@@ -1,2 +0,0 @@
-import _extends from"@babel/runtime/helpers/extends";var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat-Old/Composer/Input/index.tsx";import React from'react';import{TextInput,StyleSheet,View}from'react-native';var Input=function Input(props){return React.createElement(View,{style:[styles.container,props.containerStyle],__source:{fileName:_jsxFileName,lineNumber:7}},React.createElement(TextInput,_extends({},props.inputProps,{placeholder:props.placeholderText||'Type a new message...',placeholderTextColor:props.placeholderColor||'lightgray',selectionColor:props.tintColor||'blue',onChangeText:props.onChangeText,value:props.text,style:[styles.input,props.style],multiline:true,ref:props.inputRef,__source:{fileName:_jsxFileName,lineNumber:8}})));};export default Input;var styles=StyleSheet.create({container:{flex:1,flexDirection:'row'},input:{flex:1,padding:10}});
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat-Old/Composer/Input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","TextInput","StyleSheet","View","Input","props","styles","container","containerStyle","inputProps","placeholderText","placeholderColor","tintColor","onChangeText","text","input","style","inputRef","create","flex","flexDirection","padding"],"mappings":"0KAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CACA,OAASC,SAAT,CAAoBC,UAApB,CAAgCC,IAAhC,KAA4C,cAA5C,CAGA,GAAMC,CAAAA,KAAK,CAAG,QAARA,CAAAA,KAAQ,CAACC,KAAD,CAAuB,CACpC,MACC,qBAAC,IAAD,EAAM,KAAK,CAAE,CAACC,MAAM,CAACC,SAAR,CAAmBF,KAAK,CAACG,cAAzB,CAAb,gDACC,oBAAC,SAAD,aACKH,KAAK,CAACI,UADX,EAEC,WAAW,CAAEJ,KAAK,CAACK,eAAN,EAAyB,uBAFvC,CAGC,oBAAoB,CAAEL,KAAK,CAACM,gBAAN,EAA0B,WAHjD,CAIC,cAAc,CAAEN,KAAK,CAACO,SAAN,EAAmB,MAJpC,CAKC,YAAY,CAAEP,KAAK,CAACQ,YALrB,CAMC,KAAK,CAAER,KAAK,CAACS,IANd,CAOC,KAAK,CAAE,CAACR,MAAM,CAACS,KAAR,CAAeV,KAAK,CAACW,KAArB,CAPR,CAQC,SAAS,KARV,CASC,GAAG,CAAEX,KAAK,CAACY,QATZ,iDADD,CADD,CAeA,CAhBD,CAkBA,cAAeb,CAAAA,KAAf,CAEA,GAAME,CAAAA,MAAM,CAAGJ,UAAU,CAACgB,MAAX,CAAkB,CAChCX,SAAS,CAAE,CACVY,IAAI,CAAE,CADI,CAEVC,aAAa,CAAE,KAFL,CADqB,CAKhCL,KAAK,CAAE,CACNI,IAAI,CAAE,CADA,CAENE,OAAO,CAAE,EAFH,CALyB,CAAlB,CAAf","sourcesContent":["import React from 'react'\nimport { TextInput, StyleSheet, View } from 'react-native'\nimport { InputProps } from '../../types'\n\nconst Input = (props: InputProps) => {\n\treturn (\n\t\t<View style={[styles.container, props.containerStyle]}>\n\t\t\t<TextInput\n\t\t\t\t{...props.inputProps}\n\t\t\t\tplaceholder={props.placeholderText || 'Type a new message...'}\n\t\t\t\tplaceholderTextColor={props.placeholderColor || 'lightgray'}\n\t\t\t\tselectionColor={props.tintColor || 'blue'}\n\t\t\t\tonChangeText={props.onChangeText}\n\t\t\t\tvalue={props.text}\n\t\t\t\tstyle={[styles.input, props.style]}\n\t\t\t\tmultiline\n\t\t\t\tref={props.inputRef}\n\t\t\t/>\n\t\t</View>\n\t)\n}\n\nexport default Input\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tflex: 1,\n\t\tflexDirection: 'row'\n\t},\n\tinput: {\n\t\tflex: 1,\n\t\tpadding: 10\n\t}\n})\n"]}

package/lib/module/components/Chat-Old/Composer/Send/index.js

@@ -1,2 +0,0 @@
-var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat-Old/Composer/Send/index.tsx";import React from'react';import{Button,StyleSheet,TouchableOpacity}from'react-native';import{Ionicons}from'@expo/vector-icons';export default(function(props){if(props.mode==='hidden')return null;if(props.mode==='icon')return React.createElement(TouchableOpacity,{onPress:props.onSend,style:[styles.button,{backgroundColor:props.tintColor||'blue'}],__source:{fileName:_jsxFileName,lineNumber:10}},React.createElement(Ionicons,{name:"ios-arrow-round-up",size:size,color:'white',__source:{fileName:_jsxFileName,lineNumber:14}}));return React.createElement(Button,{title:"Send",onPress:props.onSend,color:props.tintColor||'blue',__source:{fileName:_jsxFileName,lineNumber:18}});});var size=20;var styles=StyleSheet.create({button:{borderRadius:size,height:size*1.5,width:size*1.5,justifyContent:'center',alignItems:'center',padding:size/2}});
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat-Old/Composer/Send/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","Button","StyleSheet","TouchableOpacity","Ionicons","props","mode","onSend","styles","button","backgroundColor","tintColor","size","create","borderRadius","height","width","justifyContent","alignItems","padding"],"mappings":"oHAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CACA,OAASC,MAAT,CAAiBC,UAAjB,CAA6BC,gBAA7B,KAAqD,cAArD,CACA,OAASC,QAAT,KAAyB,oBAAzB,CAGA,eAAe,SAACC,KAAD,CAA4B,CAC1C,GAAIA,KAAK,CAACC,IAAN,GAAe,QAAnB,CAA6B,MAAO,KAAP,CAC7B,GAAID,KAAK,CAACC,IAAN,GAAe,MAAnB,CACC,MACC,qBAAC,gBAAD,EACC,OAAO,CAAED,KAAK,CAACE,MADhB,CAEC,KAAK,CAAE,CAACC,MAAM,CAACC,MAAR,CAAgB,CAAEC,eAAe,CAAEL,KAAK,CAACM,SAAN,EAAmB,MAAtC,CAAhB,CAFR,iDAIC,oBAAC,QAAD,EAAU,IAAI,CAAC,oBAAf,CAAoC,IAAI,CAAEC,IAA1C,CAAgD,KAAK,CAAE,OAAvD,iDAJD,CADD,CAQD,MACC,qBAAC,MAAD,EACC,KAAK,CAAC,MADP,CAEC,OAAO,CAAEP,KAAK,CAACE,MAFhB,CAGC,KAAK,CAAEF,KAAK,CAACM,SAAN,EAAmB,MAH3B,iDADD,CAOA,CAlBD,EAoBA,GAAMC,CAAAA,IAAI,CAAG,EAAb,CAEA,GAAMJ,CAAAA,MAAM,CAAGN,UAAU,CAACW,MAAX,CAAkB,CAChCJ,MAAM,CAAE,CACPK,YAAY,CAAEF,IADP,CAEPG,MAAM,CAAEH,IAAI,CAAG,GAFR,CAGPI,KAAK,CAAEJ,IAAI,CAAG,GAHP,CAIPK,cAAc,CAAE,QAJT,CAKPC,UAAU,CAAE,QALL,CAMPC,OAAO,CAAEP,IAAI,CAAG,CANT,CADwB,CAAlB,CAAf","sourcesContent":["import React from 'react'\nimport { Button, StyleSheet, TouchableOpacity } from 'react-native'\nimport { Ionicons } from '@expo/vector-icons'\nimport { SendButtonProps } from '../../types'\n\nexport default (props: SendButtonProps) => {\n\tif (props.mode === 'hidden') return null\n\tif (props.mode === 'icon')\n\t\treturn (\n\t\t\t<TouchableOpacity\n\t\t\t\tonPress={props.onSend}\n\t\t\t\tstyle={[styles.button, { backgroundColor: props.tintColor || 'blue' }]}\n\t\t\t>\n\t\t\t\t<Ionicons name=\"ios-arrow-round-up\" size={size} color={'white'} />\n\t\t\t</TouchableOpacity>\n\t\t)\n\treturn (\n\t\t<Button\n\t\t\ttitle=\"Send\"\n\t\t\tonPress={props.onSend}\n\t\t\tcolor={props.tintColor || 'blue'}\n\t\t/>\n\t)\n}\n\nconst size = 20\n\nconst styles = StyleSheet.create({\n\tbutton: {\n\t\tborderRadius: size,\n\t\theight: size * 1.5,\n\t\twidth: size * 1.5,\n\t\tjustifyContent: 'center',\n\t\talignItems: 'center',\n\t\tpadding: size / 2\n\t}\n})\n"]}

package/lib/module/components/Chat-Old/Composer/index.js

@@ -1,2 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _extends from"@babel/runtime/helpers/extends";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat-Old/Composer/index.tsx";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){_defineProperty(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}import React,{useState,useCallback,useMemo}from'react';import uuid from'uuid';import{View,StyleSheet}from'react-native';import Input from'./Input';import Send from'./Send';var emptyMedia=[];export default React.memo(function(props){var _useState=useState(props.initialText||''),_useState2=_slicedToArray(_useState,2),textState=_useState2[0],setText=_useState2[1];var _ref=[props.text||textState,props.text&&props.onInputTextChanged||setText],text=_ref[0],onChangeText=_ref[1];var _useState3=useState(emptyMedia),_useState4=_slicedToArray(_useState3,2),mediaState=_useState4[0],setMedia=_useState4[1];var _ref2=[props.media||mediaState,props.media&&props.onChangeMedia||setMedia],media=_ref2[0],onChangeMedia=_ref2[1];var textInputProps=props.textInputProps,renderTextInput=props.renderTextInput;var renderInput=useCallback(function(){if(renderTextInput===null)return null;var inputProps={inputProps:textInputProps,onChangeText:onChangeText,text:text,containerStyle:props.inputContainerStyle,placeholderColor:props.placeholderColor,placeholderText:props.placeholderText,style:props.inputStyle,tintColor:props.tintColor,inputRef:props.inputRef};if(renderTextInput)return renderTextInput(inputProps);return React.createElement(Input,_extends({},inputProps,{__source:{fileName:_jsxFileName,lineNumber:44}}));},[onChangeText,text,textInputProps,renderTextInput,props.inputContainerStyle,props.placeholderColor,props.placeholderText,props.inputStyle,props.tintColor,props.inputRef]);var user=props.user;var messagesReadyToSend=useMemo(function(){var messages=[];if(media.length){;media.forEach(function(item){var message={user:user,text:'',id:uuid.v4(),createdAt:new Date(),media:item};messages.push(message);});}if(text){var message={user:user,text:text&&text.trim(),id:uuid.v4(),createdAt:new Date()};messages.push(message);}return messages;},[user,text,media]);var onSend=props.onSend;var send=useCallback(function(){if(messagesReadyToSend.length){onChangeText('');onChangeMedia([]);onSend(messagesReadyToSend);}},[onChangeText,onChangeMedia,messagesReadyToSend,onSend]);var renderSendButton=props.renderSendButton,sendButtonMode=props.sendButtonMode;var renderSend=useCallback(function(){if(renderSendButton===null)return null;var mode=_objectSpread({empty:'hidden',withText:'icon'},sendButtonMode||{});var sendProps={onSend:send,text:text,media:media,user:user,mode:(text&&text.trim?mode.withText:mode.empty)||'icon'};if(renderSendButton)return renderSendButton(sendProps);return React.createElement(Send,_extends({},sendProps,{__source:{fileName:_jsxFileName,lineNumber:113}}));},[send,text,user,media,renderSendButton,sendButtonMode]);return React.createElement(View,{style:props.containerStyle,__source:{fileName:_jsxFileName,lineNumber:117}},React.createElement(View,{style:styles.wrapper,__source:{fileName:_jsxFileName,lineNumber:118}},renderInput(),renderSend()));});var styles=StyleSheet.create({container:{},wrapper:{flexDirection:'row'}});
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat-Old/Composer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","useState","useCallback","useMemo","uuid","View","StyleSheet","Input","Send","emptyMedia","memo","props","initialText","textState","setText","text","onInputTextChanged","onChangeText","mediaState","setMedia","media","onChangeMedia","textInputProps","renderTextInput","renderInput","inputProps","containerStyle","inputContainerStyle","placeholderColor","placeholderText","style","inputStyle","tintColor","inputRef","user","messagesReadyToSend","messages","length","forEach","item","message","id","v4","createdAt","Date","push","trim","onSend","send","renderSendButton","sendButtonMode","renderSend","mode","empty","withText","sendProps","styles","wrapper","create","container","flexDirection"],"mappings":"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","sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\nimport uuid from 'uuid'\nimport { View, StyleSheet } from 'react-native'\nimport { ComposerProps, InputProps, SendButtonProps, ChatProps } from '../types'\nimport Input from './Input'\nimport { MessageMedia, NewMessageModel, MessageMediaWithUri } from '../../../classes/Message/types'\nimport Send from './Send'\n\nconst emptyMedia: Omit<MessageMedia, 'url'>[] = []\n\nexport default React.memo((props: ComposerProps) => {\n\t// First, we set up a state manager for the composer's text.\n\tconst [textState, setText] = useState(props.initialText || '')\n\t// if you pass a text prop, use that state instead\n\tconst [text, onChangeText] = [\n\t\tprops.text || textState,\n\t\t(props.text && props.onInputTextChanged) || setText\n\t]\n\n\tconst [mediaState, setMedia] = useState<MessageMediaWithUri[]>(emptyMedia)\n\tconst [media, onChangeMedia] = [\n\t\tprops.media || mediaState,\n\t\t(props.media && props.onChangeMedia) || setMedia\n\t]\n\n\tconst { textInputProps, renderTextInput } = props\n\tconst renderInput = useCallback(() => {\n\t\tif (renderTextInput === null) return null\n\n\t\tconst inputProps: InputProps = {\n\t\t\tinputProps: textInputProps,\n\t\t\tonChangeText,\n\t\t\ttext,\n\t\t\tcontainerStyle: props.inputContainerStyle,\n\t\t\tplaceholderColor: props.placeholderColor,\n\t\t\tplaceholderText: props.placeholderText,\n\t\t\tstyle: props.inputStyle,\n\t\t\ttintColor: props.tintColor,\n\t\t\tinputRef: props.inputRef\n\t\t}\n\n\t\tif (renderTextInput) return renderTextInput(inputProps)\n\n\t\treturn <Input {...inputProps} />\n\t}, [\n\t\tonChangeText,\n\t\ttext,\n\t\ttextInputProps,\n\t\trenderTextInput,\n\t\tprops.inputContainerStyle,\n\t\tprops.placeholderColor,\n\t\tprops.placeholderText,\n\t\tprops.inputStyle,\n\t\tprops.tintColor,\n\t\t// TODO leave or take out?\n\t\tprops.inputRef\n\t])\n\n\tconst { user } = props\n\tconst messagesReadyToSend = useMemo(() => {\n\t\tconst messages: NewMessageModel[] = []\n\t\tif (media.length) {\n\t\t\t;(media as MessageMedia[]).forEach(item => {\n\t\t\t\tconst message: NewMessageModel = {\n\t\t\t\t\tuser,\n\t\t\t\t\ttext: '',\n\t\t\t\t\tid: uuid.v4(),\n\t\t\t\t\tcreatedAt: new Date(),\n\t\t\t\t\tmedia: item\n\t\t\t\t}\n\t\t\t\tmessages.push(message)\n\t\t\t})\n\t\t}\n\t\tif (text) {\n\t\t\tconst message: NewMessageModel = {\n\t\t\t\tuser,\n\t\t\t\ttext: text && text.trim(),\n\t\t\t\tid: uuid.v4(),\n\t\t\t\tcreatedAt: new Date()\n\t\t\t}\n\t\t\tmessages.push(message)\n\t\t}\n\t\treturn messages\n\t}, [user, text, media])\n\n\tconst { onSend } = props\n\tconst send = useCallback(() => {\n\t\tif (messagesReadyToSend.length) {\n\t\t\tonChangeText('')\n\t\t\tonChangeMedia([])\n\t\t\tonSend(messagesReadyToSend)\n\t\t}\n\t}, [onChangeText, onChangeMedia, messagesReadyToSend, onSend])\n\n\tconst { renderSendButton, sendButtonMode } = props\n\tconst renderSend = useCallback(() => {\n\t\tif (renderSendButton === null) return null\n\n\t\tconst mode: ChatProps['sendButtonMode'] = {\n\t\t\tempty: 'hidden',\n\t\t\twithText: 'icon',\n\t\t\t...(sendButtonMode || {})\n\t\t}\n\t\tconst sendProps: SendButtonProps = {\n\t\t\tonSend: send,\n\t\t\ttext,\n\t\t\tmedia,\n\t\t\tuser,\n\t\t\tmode: (text && text.trim ? mode.withText : mode.empty) || 'icon'\n\t\t}\n\t\tif (renderSendButton) return renderSendButton(sendProps)\n\n\t\treturn <Send {...sendProps} />\n\t}, [send, text, user, media, renderSendButton, sendButtonMode])\n\n\treturn (\n\t\t<View style={props.containerStyle}>\n\t\t\t<View style={styles.wrapper}>\n\t\t\t\t{renderInput()}\n\t\t\t\t{renderSend()}\n\t\t\t</View>\n\t\t</View>\n\t)\n})\n\nconst styles = StyleSheet.create({\n\tcontainer: {},\n\twrapper: {\n\t\tflexDirection: 'row'\n\t}\n})\n"]}

package/lib/module/components/Chat-Old/Message/index.js

@@ -1,2 +0,0 @@
-import _extends from"@babel/runtime/helpers/extends";var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat-Old/Message/index.tsx";import React,{useCallback,useRef,useMemo}from'react';import{View,StyleSheet,Text}from'react-native';import Bubble from'../Bubble';import{Avatar,Initials}from'../..';import{getInitials}from'../../../helpers/getInitials';var Message=function Message(props){var bubble=useRef();var renderFooter=props.renderFooter;var footer=useCallback(function(){return renderFooter?renderFooter({id:props.id}):null;},[props.id,renderFooter]);var containerStyle=useMemo(function(){return[styles.container,props.isMe?meStyles.container:otherStyles.container,props.messageContainerStyle];},[props.isMe,props.messageContainerStyle]);var wrapperStyle=useMemo(function(){return[styles.wrapper,props.isMe?meStyles.wrapper:otherStyles.wrapper,props.messageWrapperStyle];},[props.isMe,props.messageWrapperStyle]);var maybeRenderName=useCallback(function(){return props.showName&&props.name?React.createElement(Text,{style:styles.name,__source:{fileName:_jsxFileName,lineNumber:45}},props.name):null;},[props.showName,props.name]);var renderAvatar=props.renderAvatar,avatar=props.avatar,avatarImageProps=props.avatarImageProps,avatarSize=props.avatarSize,showAvatar=props.showAvatar,name=props.name,renderInitials=props.renderInitials,initialsBackgroundColor=props.initialsBackgroundColor,initialsTextColor=props.initialsTextColor;var renderAvatarOrInitials=useCallback(function(){if(renderAvatar===null)return null;var opacity=showAvatar===false?0:1;var size=avatarSize||40;var Container=function Container(_ref){var children=_ref.children;return React.createElement(View,{style:{opacity:opacity},__source:{fileName:_jsxFileName,lineNumber:67}},children);};if(avatar){var avatarProps={avatar:avatar,imageProps:avatarImageProps,size:size};if(renderAvatar)return renderAvatar(avatarProps);return React.createElement(Container,{__source:{fileName:_jsxFileName,lineNumber:78}},React.createElement(Avatar,_extends({},avatarProps,{__source:{fileName:_jsxFileName,lineNumber:79}})));}var initialsProps={initials:getInitials(name),size:size,textColor:initialsTextColor,backgroundColor:initialsBackgroundColor||props.tintColor};if(renderInitials)return renderInitials(initialsProps);return React.createElement(Container,{__source:{fileName:_jsxFileName,lineNumber:91}},React.createElement(Initials,_extends({},initialsProps,{__source:{fileName:_jsxFileName,lineNumber:92}})));},[avatar,avatarImageProps,avatarSize,renderAvatar,showAvatar,name,renderInitials,initialsBackgroundColor,initialsTextColor,props.tintColor]);return React.createElement(View,{style:containerStyle,__source:{fileName:_jsxFileName,lineNumber:109}},React.createElement(View,{style:wrapperStyle,__source:{fileName:_jsxFileName,lineNumber:110}},renderAvatarOrInitials(),React.createElement(View,{__source:{fileName:_jsxFileName,lineNumber:112}},maybeRenderName(),React.createElement(Bubble,{text:props.text,isMe:props.isMe,style:props.bubbleStyle,textStyle:props.bubbleTextStyle,bubbleRef:bubble,__source:{fileName:_jsxFileName,lineNumber:114}}))),footer());};export default React.memo(Message);var styles=StyleSheet.create({container:{marginTop:1,flexDirection:'row'},wrapper:{flex:1},name:{marginLeft:5}});var meStyles=StyleSheet.create({container:{justifyContent:'flex-end'},wrapper:{flexDirection:'row-reverse'}});var otherStyles=StyleSheet.create({container:{justifyContent:'flex-end'},wrapper:{flexDirection:'row'}});
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat-Old/Message/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","useCallback","useRef","useMemo","View","StyleSheet","Text","Bubble","Avatar","Initials","getInitials","Message","props","bubble","renderFooter","footer","id","containerStyle","styles","container","isMe","meStyles","otherStyles","messageContainerStyle","wrapperStyle","wrapper","messageWrapperStyle","maybeRenderName","showName","name","renderAvatar","avatar","avatarImageProps","avatarSize","showAvatar","renderInitials","initialsBackgroundColor","initialsTextColor","renderAvatarOrInitials","opacity","size","Container","children","avatarProps","imageProps","initialsProps","initials","textColor","backgroundColor","tintColor","text","bubbleStyle","bubbleTextStyle","memo","create","marginTop","flexDirection","flex","marginLeft","justifyContent"],"mappings":"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","sourcesContent":["import React, {\n\tuseCallback,\n\tuseRef,\n\tMutableRefObject,\n\tuseMemo,\n\tFunctionComponent\n} from 'react'\nimport { View, StyleSheet, Text } from 'react-native'\nimport { MessageProps } from '../types'\nimport { NewMessageModel } from '../../../classes/Message/types'\nimport Bubble from '../Bubble'\nimport { Avatar, Initials } from '../..'\nimport { AvatarProps, InitialsProps } from '../../Inbox/types'\nimport { getInitials } from '../../../helpers/getInitials'\n\nconst Message = <Model extends NewMessageModel = NewMessageModel>(\n\tprops: MessageProps<Model>\n) => {\n\tconst bubble = useRef<View>()\n\n\tconst { renderFooter } = props\n\tconst footer = useCallback(\n\t\t() => (renderFooter ? renderFooter({ id: props.id }) : null),\n\t\t[props.id, renderFooter]\n\t)\n\n\tconst containerStyle = useMemo(() => {\n\t\treturn [\n\t\t\tstyles.container,\n\t\t\tprops.isMe ? meStyles.container : otherStyles.container,\n\t\t\tprops.messageContainerStyle\n\t\t]\n\t}, [props.isMe, props.messageContainerStyle])\n\n\tconst wrapperStyle = useMemo(() => {\n\t\treturn [\n\t\t\tstyles.wrapper,\n\t\t\tprops.isMe ? meStyles.wrapper : otherStyles.wrapper,\n\t\t\tprops.messageWrapperStyle\n\t\t]\n\t}, [props.isMe, props.messageWrapperStyle])\n\n\tconst maybeRenderName = useCallback(() => {\n\t\treturn props.showName && props.name ? (\n\t\t\t<Text style={styles.name}>{props.name}</Text>\n\t\t) : null\n\t}, [props.showName, props.name])\n\n\tconst {\n\t\trenderAvatar,\n\t\tavatar,\n\t\tavatarImageProps,\n\t\tavatarSize,\n\t\tshowAvatar,\n\t\tname,\n\t\trenderInitials,\n\t\tinitialsBackgroundColor,\n\t\tinitialsTextColor\n\t} = props\n\tconst renderAvatarOrInitials = useCallback(() => {\n\t\tif (renderAvatar === null) return null\n\t\t// we make opacity 0 instead of hiding it to maintain the same width from the side\n\t\tconst opacity = showAvatar === false ? 0 : 1\n\t\tconst size = avatarSize || 40\n\n\t\tconst Container: FunctionComponent<{}> = ({ children }) => (\n\t\t\t<View style={{ opacity }}>{children}</View>\n\t\t)\n\n\t\tif (avatar) {\n\t\t\tconst avatarProps: AvatarProps = {\n\t\t\t\tavatar: avatar,\n\t\t\t\timageProps: avatarImageProps,\n\t\t\t\tsize\n\t\t\t}\n\t\t\tif (renderAvatar) return renderAvatar(avatarProps)\n\t\t\treturn (\n\t\t\t\t<Container>\n\t\t\t\t\t<Avatar {...avatarProps} />\n\t\t\t\t</Container>\n\t\t\t)\n\t\t}\n\t\tconst initialsProps: InitialsProps = {\n\t\t\tinitials: getInitials(name),\n\t\t\tsize,\n\t\t\ttextColor: initialsTextColor,\n\t\t\tbackgroundColor: initialsBackgroundColor || props.tintColor\n\t\t}\n\t\tif (renderInitials) return renderInitials(initialsProps)\n\t\treturn (\n\t\t\t<Container>\n\t\t\t\t<Initials {...initialsProps} />\n\t\t\t</Container>\n\t\t)\n\t}, [\n\t\tavatar,\n\t\tavatarImageProps,\n\t\tavatarSize,\n\t\trenderAvatar,\n\t\tshowAvatar,\n\t\tname,\n\t\trenderInitials,\n\t\tinitialsBackgroundColor,\n\t\tinitialsTextColor,\n\t\tprops.tintColor\n\t])\n\n\treturn (\n\t\t<View style={containerStyle}>\n\t\t\t<View style={wrapperStyle}>\n\t\t\t\t{renderAvatarOrInitials()}\n\t\t\t\t<View>\n\t\t\t\t\t{maybeRenderName()}\n\t\t\t\t\t<Bubble\n\t\t\t\t\t\ttext={props.text}\n\t\t\t\t\t\tisMe={props.isMe}\n\t\t\t\t\t\tstyle={props.bubbleStyle}\n\t\t\t\t\t\ttextStyle={props.bubbleTextStyle}\n\t\t\t\t\t\tbubbleRef={bubble as MutableRefObject<View>}\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t\t{footer()}\n\t\t</View>\n\t)\n}\n\nexport default React.memo(Message)\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tmarginTop: 1,\n\t\tflexDirection: 'row'\n\t},\n\t// wrapper is concerned with which side the avatar is on relative to the bubble\n\twrapper: {\n\t\tflex: 1\n\t},\n\tname: {\n\t\tmarginLeft: 5\n\t}\n})\n\nconst meStyles = StyleSheet.create({\n\tcontainer: {\n\t\tjustifyContent: 'flex-end'\n\t},\n\twrapper: {\n\t\tflexDirection: 'row-reverse'\n\t}\n})\n\nconst otherStyles = StyleSheet.create({\n\tcontainer: {\n\t\tjustifyContent: 'flex-end'\n\t},\n\twrapper: {\n\t\tflexDirection: 'row'\n\t}\n})\n"]}

package/lib/module/components/Chat-Old/Swiper/Action/index.js

@@ -1,2 +0,0 @@
-var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat-Old/Swiper/Action/index.tsx";import React from'react';import{View}from'react-native';export default(function(props){return React.createElement(View,{__source:{fileName:_jsxFileName,lineNumber:6}});});
-//# sourceMappingURL=index.js.map

package/lib/module/components/Chat-Old/Swiper/Action/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":["React","View","props"],"mappings":"oHAAA,MAAOA,CAAAA,KAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,KAAqB,cAArB,CAEA,eAAe,SAACC,KAAD,CAA6B,CAC3C,MAAO,qBAAC,IAAD,iDAAP,CACA,CAFD","sourcesContent":["import React from 'react'\nimport { SwipeableProps, SwipeActionProps } from '../../types'\nimport { View } from 'react-native'\n\nexport default (props: SwipeActionProps) => {\n\treturn <View></View>\n}\n"]}

package/lib/module/components/Chat-Old/Swiper/index.js

@@ -1,2 +0,0 @@
-import _extends from"@babel/runtime/helpers/extends";var _jsxFileName="/Users/Fernando/Developer/Learning Babel/usechat/src/components/Chat-Old/Swiper/index.tsx";import React,{useCallback}from'react';import Swipeable from'react-native-gesture-handler/Swipeable';import Action from'./Action';export default(function(props){var renderSwipeAction=props.renderSwipeAction;var renderAction=useCallback(function(actionProps){if(renderSwipeAction)return renderSwipeAction(actionProps);return React.createElement(Action,_extends({},actionProps,{__source:{fileName:_jsxFileName,lineNumber:12}}));},[renderSwipeAction]);var swipeActions=props.swipeActions;var leftActions=swipeActions&&swipeActions.left;var rightActions=swipeActions&&swipeActions.right;var renderRightActions=useCallback(function(){if(rightActions){rightActions.forEach(function(action){});}},[rightActions]);var renderActionList=useCallback(function(){},[]);return React.createElement(Swipeable,{__source:{fileName:_jsxFileName,lineNumber:29}});});
-//# sourceMappingURL=index.js.map