be-components 5.1.8 → 5.2.0

package/lib/module/SocialComponents/FormattedTextInput/components/TagSelector.js

@@ -2,18 +2,34 @@ import React, { useEffect, useState } from 'react';
 import { Button, Text, View } from "../../../Components/Themed";
 import { SocialComponentApi } from '../../api';
 import { FlatList, Image } from 'react-native';
+import SearchBox from '../../../Components/SearchBox';
+import Pagination from '../../../Components/Pagination';
+const MIN_TAG_WIDTH = 140;
 const TagSelector = ({
+  width,
   type,
   visible,
   working_tag,
+  onFocusPosition,
   onSelectTag,
   onCancel
 }) => {
+  const [player_search, setPlayerSearch] = useState('');
   const [player_tag, setPlayerTag] = useState({
     loading: false,
     players: [],
-    offset: 0
+    offset: 0,
+    player_local_offset: 0
   });
+  let visible_players = player_tag.players.slice(0, 8);
+  const getTagWidth = padding => {
+    //How many can fit in the screen
+    let num_possible = Math.floor(width / MIN_TAG_WIDTH);
+    // then simply divide the width with it!
+    let width_per_tag = width / num_possible - padding * 2 * num_possible;
+    return width_per_tag;
+  };
+  const tag_width = getTagWidth(4);
   useEffect(() => {
     if (!visible) {
       return;
@@ -54,13 +70,29 @@ const TagSelector = ({
       valid: true
     });
   };
+  const searchPlayersByValue = async page => {
+    if (!player_search) {
+      return;
+    }
+    const plys = await SocialComponentApi.searchPlayersByValue(player_search, page);
+    setPlayerTag({
+      ...player_tag,
+      loading: false,
+      players: plys,
+      offset: page
+    });
+  };
   const renderPlayers = data => {
     return /*#__PURE__*/React.createElement(Button, {
+      key: data.item.player_id.toString(),
       float: true,
       style: {
-        margin: 4,
-        padding: 0,
-        maxWidth: 120
+        flexDirection: 'row',
+        alignItems: 'center',
+        margin: 2,
+        padding: 3,
+        width: tag_width,
+        borderRadius: 100
       },
       onPress: () => handleSelectPlayer(data.item)
     }, /*#__PURE__*/React.createElement(Image, {
@@ -68,19 +100,23 @@ const TagSelector = ({
         uri: data.item.profile_pic
       },
       style: {
-        height: 80,
-        width: 120,
-        borderTopRightRadius: 8,
-        borderTopLeftRadius: 8
+        height: 30,
+        width: 30,
+        borderRadius: 100
       },
       resizeMode: "cover"
     }), /*#__PURE__*/React.createElement(View, {
       transparent: true,
       style: {
-        padding: 5
+        flex: 1,
+        marginLeft: 5
       }
     }, /*#__PURE__*/React.createElement(Text, {
-      theme: "h2",
+      style: {
+        maxWidth: tag_width - 35
+      },
+      theme: "description",
+      size: 10,
       textAlign: "center"
     }, "@", data.item.username)));
   };
@@ -88,20 +124,20 @@ const TagSelector = ({
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   return /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, type == 'player' ? /*#__PURE__*/React.createElement(View, {
+    float: true,
     style: {
-      position: 'absolute',
-      bottom: 5,
-      left: 0,
-      right: 0
+      flex: 1
     }
-  }, type == 'player' ? /*#__PURE__*/React.createElement(View, {
-    float: true
   }, /*#__PURE__*/React.createElement(View, {
     type: "header",
     style: {
       flexDirection: 'row',
       alignItems: 'center',
-      padding: 10
+      padding: 10,
+      borderTopRightRadius: 8,
+      borderTopLeftRadius: 8
     }
   }, /*#__PURE__*/React.createElement(View, {
     transparent: true,
@@ -112,19 +148,41 @@ const TagSelector = ({
     theme: "h2"
   }, "Tag A Player!")), /*#__PURE__*/React.createElement(Button, {
     title: "X",
+    type: "close",
+    style: {
+      padding: 0,
+      borderRadius: 100,
+      height: 25,
+      width: 25,
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
     float: true,
     onPress: () => onCancel()
+  })), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(SearchBox, {
+    button_style: {
+      padding: 10
+    },
+    placeholder: "Search Players ...",
+    onSearch: () => searchPlayersByValue(0),
+    onFocusPosition: onFocusPosition,
+    onChange: text => setPlayerSearch(text)
   })), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
     style: {
       padding: 5
     }
   }, /*#__PURE__*/React.createElement(FlatList, {
-    data: player_tag.players,
-    key: 'player_selector_list_format',
-    horizontal: true,
+    key: 'player_tags',
+    numColumns: 2,
+    data: visible_players,
     keyExtractor: item => item.player_id.toString(),
     renderItem: renderPlayers
-  }))) : /*#__PURE__*/React.createElement(React.Fragment, null));
+  })), /*#__PURE__*/React.createElement(Pagination, {
+    offset: player_tag.offset,
+    onNext: () => player_search ? searchPlayersByValue(player_tag.offset + 1) : searchPlayers(working_tag, player_tag.offset + 1),
+    onPrevious: () => player_search ? searchPlayersByValue(player_tag.offset - 1) : searchPlayers(working_tag, player_tag.offset - 1)
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null));
 };
 export default TagSelector;
 //# sourceMappingURL=TagSelector.js.map

package/lib/module/SocialComponents/FormattedTextInput/components/TagSelector.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","Button","Text","View","SocialComponentApi","FlatList","Image","TagSelector","type","visible","working_tag","onSelectTag","onCancel","player_tag","setPlayerTag","loading","players","offset","startUpSelector","searchPlayers","tag","page","plys","searchPlayersByValue","handleSelectPlayer","player","username","data","tag_type_id","player_id","valid","renderPlayers","createElement","float","style","margin","padding","maxWidth","onPress","item","source","uri","profile_pic","height","width","borderTopRightRadius","borderTopLeftRadius","resizeMode","transparent","theme","textAlign","Fragment","position","bottom","left","right","flexDirection","alignItems","flex","title","key","horizontal","keyExtractor","toString","renderItem"],"sourceRoot":"../../../../../src","sources":["SocialComponents/FormattedTextInput/components/TagSelector.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","Button","Text","View","SocialComponentApi","FlatList","Image","SearchBox","Pagination","MIN_TAG_WIDTH","TagSelector","width","type","visible","working_tag","onFocusPosition","onSelectTag","onCancel","player_search","setPlayerSearch","player_tag","setPlayerTag","loading","players","offset","player_local_offset","visible_players","slice","getTagWidth","padding","num_possible","Math","floor","width_per_tag","tag_width","startUpSelector","searchPlayers","tag","page","plys","searchPlayersByValue","handleSelectPlayer","player","username","data","tag_type_id","player_id","valid","renderPlayers","createElement","key","item","toString","float","style","flexDirection","alignItems","margin","borderRadius","onPress","source","uri","profile_pic","height","resizeMode","transparent","flex","marginLeft","maxWidth","theme","size","textAlign","Fragment","borderTopRightRadius","borderTopLeftRadius","title","justifyContent","button_style","placeholder","onSearch","onChange","text","numColumns","keyExtractor","renderItem","onNext","onPrevious"],"sourceRoot":"../../../../../src","sources":["SocialComponents/FormattedTextInput/components/TagSelector.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/SocialComponents/FormattedTextInput/index.js

@@ -6,9 +6,14 @@ import TagSelector from './components/TagSelector';
 import { Icons } from '../../Components';
 import { useColors } from '../../constants/useColors';
 const FormattedTextInput = ({
+  width,
+  disable_scroll,
   submit_title,
+  hide_border,
+  tag_selector_location,
   icon_submit,
   keep_on_submit,
+  submit_caller,
   submit_placement,
   placeholder,
   init_data,
@@ -45,6 +50,12 @@ const FormattedTextInput = ({
   const active_tag = tags.find(t => t.active);
   const [action_loading, setActionLoading] = useState(false);
   const [working_tag, setWorkingTag] = useState();
+  useEffect(() => {
+    if (!submit_caller) {
+      return;
+    }
+    handleSubmit();
+  }, [submit_caller]);
   useEffect(() => {
     SocialComponentApi.setEnvironment();
     if (init_data) {
@@ -54,7 +65,7 @@ const FormattedTextInput = ({
       });
       setValidTags(init_data.tags);
     }
-  }, [init_data]);
+  }, [JSON.stringify(init_data)]);
   useEffect(() => {
     if (active_tag) {
       return setWorkingTag(active_tag);
@@ -67,7 +78,9 @@ const FormattedTextInput = ({
     }
   }, [active_tag]);
   const validateTag = async tag => {
-    let new_tags = valid_tags.filter(t => t.local_id != tag.local_id).concat(tag);
+    let new_tags = valid_tags.concat({
+      ...tag
+    });
     setValidTags(new_tags);
   };
   const searchPlayer = async tag => {
@@ -102,9 +115,7 @@ const FormattedTextInput = ({
   const handleUpdateTag = async tag => {
     setActionLoading(true);
     const new_text = SocialComponentHelpers.replaceText(text, tag.start, tag.end, `@${tag.tag}`);
-    setValidTags(valid_tags.concat({
-      ...tag
-    }));
+    validateTag(tag);
     setData({
       ...data,
       text: new_text
@@ -131,6 +142,10 @@ const FormattedTextInput = ({
       text: '',
       formatted_text: JSON.stringify('')
     });
+    setInputState({
+      ...input_state,
+      height: 50
+    });
     setValidTags([]);
   };
   const handleChange = ev => {
@@ -149,18 +164,24 @@ const FormattedTextInput = ({
   };
   return /*#__PURE__*/React.createElement(View, {
     transparent: true
-  }, /*#__PURE__*/React.createElement(View, {
-    transparent: true
-  }, tag_selector.visible && tag_selector.working_tag ? /*#__PURE__*/React.createElement(TagSelector, {
+  }, tag_selector.visible && tag_selector.working_tag && tag_selector_location != 'bottom' ? /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(TagSelector, {
     working_tag: tag_selector.working_tag,
     type: tag_selector.type,
+    width: width - 20,
+    onFocusPosition: onFocusPosition,
     visible: tag_selector.visible,
     onCancel: () => setTagSelector({
       visible: false,
       type: 'player'
     }),
     onSelectTag: tag => handleUpdateTag(tag)
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null)), /*#__PURE__*/React.createElement(View, {
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
     style: {
       flexDirection: 'row',
       alignItems: 'flex-end'
@@ -180,7 +201,7 @@ const FormattedTextInput = ({
     size: 24,
     color: Colors.text.h1
   })) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
-    type: "input",
+    type: hide_border ? undefined : 'input',
     style: {
       flex: 1,
       flexDirection: 'row'
@@ -192,6 +213,7 @@ const FormattedTextInput = ({
     loading: action_loading,
     focus_on_unload: true,
     transparent: true,
+    scrollEnabled: !disable_scroll,
     placeholder: placeholder ?? 'Start typing here...',
     onFocusPosition: onFocusPosition,
     style: {
@@ -223,7 +245,23 @@ const FormattedTextInput = ({
   }, submit_title ?? 'Submit') : /*#__PURE__*/React.createElement(Icons.SendIcon, {
     size: 18,
     color: Colors.text.white
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null)), submit_placement == 'bottom' ? /*#__PURE__*/React.createElement(Button, {
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null)), tag_selector.visible && tag_selector.working_tag && tag_selector_location == 'bottom' ? /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(TagSelector, {
+    working_tag: tag_selector.working_tag,
+    type: tag_selector.type,
+    width: width - 20,
+    onFocusPosition: onFocusPosition,
+    visible: tag_selector.visible,
+    onCancel: () => setTagSelector({
+      visible: false,
+      type: 'player'
+    }),
+    onSelectTag: tag => handleUpdateTag(tag)
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null), submit_placement == 'bottom' ? /*#__PURE__*/React.createElement(Button, {
     title: submit_title ?? 'Submit',
     type: "success",
     style: {

package/lib/module/SocialComponents/FormattedTextInput/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","useState","Button","Text","TextInput","View","Platform","SocialComponentApi","SocialComponentHelpers","TagSelector","Icons","useColors","FormattedTextInput","submit_title","icon_submit","keep_on_submit","submit_placement","placeholder","init_data","onSelectInput","onChangeText","onSubmit","onFocusPosition","Colors","input_state","setInputState","height","data","setData","text","formatted_text","JSON","stringify","location","setLocation","start","end","tag_selector","setTagSelector","visible","type","valid_tags","setValidTags","tags","extractTagsFromText","active_tag","find","t","active","action_loading","setActionLoading","working_tag","setWorkingTag","setEnvironment","searchPlayer","undefined","validateTag","tag","new_tags","filter","local_id","concat","player","searchPlayerByUsername","Math","random","toFixed","tag_type_id","player_id","handleSelectionChange","ev","nativeEvent","selection","handleUpdateTag","new_text","replaceText","setTimeout","handleSubmit","compareTags","handleChange","createElement","transparent","onCancel","onSelectTag","Fragment","style","flexDirection","alignItems","float","padding","width","marginRight","borderRadius","justifyContent","onPress","MoreIcon","size","color","h1","flex","value","editable","multiline","loading","focus_on_unload","OS","onContentSizeChange","e","contentSize","onSelectionChange","onChange","opacity","marginLeft","disabled","theme","white","SendIcon","title","marginTop"],"sourceRoot":"../../../../src","sources":["SocialComponents/FormattedTextInput/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useState","Button","Text","TextInput","View","Platform","SocialComponentApi","SocialComponentHelpers","TagSelector","Icons","useColors","FormattedTextInput","width","disable_scroll","submit_title","hide_border","tag_selector_location","icon_submit","keep_on_submit","submit_caller","submit_placement","placeholder","init_data","onSelectInput","onChangeText","onSubmit","onFocusPosition","Colors","input_state","setInputState","height","data","setData","text","formatted_text","JSON","stringify","location","setLocation","start","end","tag_selector","setTagSelector","visible","type","valid_tags","setValidTags","tags","extractTagsFromText","active_tag","find","t","active","action_loading","setActionLoading","working_tag","setWorkingTag","handleSubmit","setEnvironment","searchPlayer","undefined","validateTag","tag","new_tags","concat","player","searchPlayerByUsername","local_id","Math","random","toFixed","tag_type_id","player_id","handleSelectionChange","ev","nativeEvent","selection","handleUpdateTag","new_text","replaceText","setTimeout","compareTags","handleChange","createElement","transparent","style","padding","onCancel","onSelectTag","Fragment","flexDirection","alignItems","float","marginRight","borderRadius","justifyContent","onPress","MoreIcon","size","color","h1","flex","value","editable","multiline","loading","focus_on_unload","scrollEnabled","OS","onContentSizeChange","e","contentSize","onSelectionChange","onChange","opacity","marginLeft","disabled","theme","white","SendIcon","title","marginTop"],"sourceRoot":"../../../../src","sources":["SocialComponents/FormattedTextInput/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/SocialComponents/GifSelector/NativeSelector.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Text, View } from "../../Components/Themed";
+const GifyNativeSelector = () => {
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, null, "Hey"));
+};
+export default GifyNativeSelector;
+//# sourceMappingURL=NativeSelector.js.map

package/lib/module/SocialComponents/GifSelector/NativeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","GifyNativeSelector","createElement"],"sourceRoot":"../../../../src","sources":["SocialComponents/GifSelector/NativeSelector.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,yBAAyB;AAEpD,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EAC7B,oBACIH,KAAA,CAAAI,aAAA,CAACF,IAAI,qBACDF,KAAA,CAAAI,aAAA,CAACH,IAAI,QAAC,KAAS,CACb,CAAC;AAEf,CAAC;AAED,eAAeE,kBAAkB","ignoreList":[]}

package/lib/module/SocialComponents/GifSelector/WebSelector.js

@@ -0,0 +1,125 @@
+import React, { useContext, useEffect, useState } from 'react';
+import { GiphyFetch } from '@giphy/js-fetch-api';
+import { Grid,
+// our UI Component to display the results
+SearchBar,
+// the search bar the user will type into
+SearchContext,
+// the context that wraps and connects our components
+SearchContextManager,
+// the context manager, includes the Context.Provider
+SuggestionBar // an optional UI component that displays trending searches and channel / username results
+} from '@giphy/react-components';
+const gf = new GiphyFetch('MPKLmL5j0G3TesyhtNeDTE0nZ3F8CKCB');
+import { Button, View } from '../../Components/Themed';
+import { Modal, Platform, ScrollView } from 'react-native';
+
+// the search experience consists of the manager and its child components that use SearchContext
+
+const WebGifySelector = ({
+  isVisible,
+  gifSelect,
+  closeModal,
+  view_mode,
+  width
+}) => {
+  if (!isVisible) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  if (Platform.OS != 'web') {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  return /*#__PURE__*/React.createElement(Modal, {
+    transparent: true,
+    style: {
+      flex: 1
+    },
+    animationType: view_mode == 'desktop' ? 'fade' : 'slide'
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "blur",
+    style: {
+      flex: 1,
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      flex: 1,
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      flex: 1,
+      paddingTop: 10,
+      borderTopRightRadius: 2,
+      borderTopLeftRadius: 2
+    }
+  }, /*#__PURE__*/React.createElement(SearchContextManager, {
+    apiKey: 'MPKLmL5j0G3TesyhtNeDTE0nZ3F8CKCB'
+  }, /*#__PURE__*/React.createElement(Components, {
+    width: width - 20,
+    gifSelect: gifSelect
+  }))), /*#__PURE__*/React.createElement(View, {
+    type: "footer",
+    style: {
+      flexDirection: 'row',
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "close",
+    title: "CLOSE",
+    style: {
+      flex: 1
+    },
+    onPress: () => closeModal()
+  })))));
+};
+
+// define the components in a separate function so we can
+// use the context hook. You could also use the render props pattern
+const Components = ({
+  gifSelect,
+  width
+}) => {
+  const {
+    fetchGifs,
+    searchKey
+  } = useContext(SearchContext);
+  const [initGifs, setInitGifs] = useState();
+  useEffect(() => {
+    getInitGifs();
+  }, []);
+  const getInitGifs = async () => {
+    const fetchedGifs = await gf.trending({
+      offset: 0,
+      limit: 10
+    });
+    setInitGifs(fetchedGifs.data);
+  };
+  if (!initGifs) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchBar, null), /*#__PURE__*/React.createElement(View, {
+    style: {
+      paddingTop: 10,
+      paddingLeft: 2
+    }
+  }, /*#__PURE__*/React.createElement(SuggestionBar, null), /*#__PURE__*/React.createElement(Grid, {
+    noLink: true,
+    onGifClick: gif => gifSelect(gif),
+    initialGifs: searchKey === '' ? initGifs : [],
+    key: searchKey,
+    columns: 3,
+    width: width,
+    fetchGifs: fetchGifs
+  })));
+};
+const areEqual = (prevProps, nextProps) => {
+  let allEqual = true;
+  if (prevProps.isVisible !== nextProps.isVisible) {
+    return false;
+  }
+  return allEqual;
+};
+export default /*#__PURE__*/React.memo(WebGifySelector, areEqual);
+//# sourceMappingURL=WebSelector.js.map

package/lib/module/SocialComponents/GifSelector/WebSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useEffect","useState","GiphyFetch","Grid","SearchBar","SearchContext","SearchContextManager","SuggestionBar","gf","Button","View","Modal","Platform","ScrollView","WebGifySelector","isVisible","gifSelect","closeModal","view_mode","width","createElement","Fragment","OS","transparent","style","flex","animationType","type","padding","float","paddingTop","borderTopRightRadius","borderTopLeftRadius","apiKey","Components","flexDirection","title","onPress","fetchGifs","searchKey","initGifs","setInitGifs","getInitGifs","fetchedGifs","trending","offset","limit","data","paddingLeft","noLink","onGifClick","gif","initialGifs","key","columns","areEqual","prevProps","nextProps","allEqual","memo"],"sourceRoot":"../../../../src","sources":["SocialComponents/GifSelector/WebSelector.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/SocialComponents/GroupChat/components/GroupMessageCard.js

@@ -0,0 +1,105 @@
+import React from 'react';
+import { Text, View } from "../../../Components/Themed";
+import { useColors } from "../../../constants/useColors";
+import { FormattedText } from '../../FormattedTextInput/FormattedText';
+import moment from 'moment-mini';
+import { Image } from 'react-native';
+import ImageRenderer from '../../ImageRenderer';
+import UrlPreviewCard from '../../UrlPreviewCard';
+import SocialOrdersList from '../../SocialOrdersList';
+const GroupMessageCard = ({
+  group_message,
+  orders,
+  mine,
+  player,
+  width,
+  onSelectImage,
+  onSelectTag,
+  onCopyOrder,
+  onFadeOrder
+}) => {
+  const Colors = useColors();
+  const image = group_message.message_images ? group_message.message_images[0] : undefined;
+  const url = group_message.message_urls ? group_message.message_urls[0] : undefined;
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'flex-end'
+    }
+  }, mine ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    },
+    transparent: true
+  }) : /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      borderRadius: 100,
+      padding: 2
+    }
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: player?.profile_pic
+    },
+    style: {
+      height: 36,
+      width: 36,
+      borderRadius: 100
+    },
+    resizeMode: "cover"
+  })), /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      width: mine ? width - 45 : width - 90,
+      padding: 14,
+      marginLeft: 10,
+      borderRadius: 22,
+      marginBottom: 15,
+      borderBottomLeftRadius: !mine ? 0 : 22,
+      borderBottomRightRadius: mine ? 0 : 22,
+      backgroundColor: mine ? Colors.absolutes.brand.midnight : Colors.absolutes.highlights.highlight200
+    }
+  }, group_message.formatted_text ? /*#__PURE__*/React.createElement(FormattedText, {
+    text: group_message.formatted_text,
+    tags: group_message.tags ?? [],
+    text_color: Colors.text.white,
+    onSelectTag: tag => onSelectTag(tag)
+  }) : group_message.message ? /*#__PURE__*/React.createElement(Text, {
+    size: 12,
+    color: Colors.text.white
+  }, group_message.message) : /*#__PURE__*/React.createElement(React.Fragment, null), url ? /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      marginTop: 10
+    }
+  }, /*#__PURE__*/React.createElement(UrlPreviewCard, {
+    url: url,
+    max_height: 120,
+    width: width - 120,
+    color: Colors.text.white
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null), image ? /*#__PURE__*/React.createElement(ImageRenderer, {
+    image: image,
+    width: width - 120,
+    onSelectImage: onSelectImage
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null), player && orders && orders.length > 0 ? /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      padding: 4,
+      marginTop: 10
+    }
+  }, /*#__PURE__*/React.createElement(SocialOrdersList, {
+    orders: orders,
+    onCopyOrder: onCopyOrder,
+    onFadeOrder: onFadeOrder,
+    maxWidth: width - 120,
+    players: [player],
+    direction: "horizontal"
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null)), !mine ? /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null)), /*#__PURE__*/React.createElement(Text, {
+    theme: "light",
+    textAlign: mine ? 'right' : 'left'
+  }, !mine && player ? `@${player?.username} - ` : '', "Delivered ", moment(group_message.create_datetime).format('hh:mm a')));
+};
+export default GroupMessageCard;
+//# sourceMappingURL=GroupMessageCard.js.map