be-components 5.1.8 → 5.1.9

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

@@ -0,0 +1,418 @@
+import React from 'react';
+import moment from "moment-mini";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { ActivityIndicator, FlatList, Image } from "react-native";
+import { useColors } from "../../constants/useColors";
+import { SocialComponentApi, SocialComponentHelpers } from "../api";
+import { Text, View } from "../../Components/Themed";
+import GroupMessageCard from './components/GroupMessageCard';
+import InputBar from '../InputBar';
+import FormattedTextInput from '../FormattedTextInput';
+import SocketManager from '../../Socket';
+const GroupChat = ({
+  my_id,
+  player_id,
+  width,
+  group_id,
+  access_token,
+  distinct_id,
+  onFocusPosition,
+  onSelectImage,
+  onSelectTag
+}) => {
+  const Colors = useColors();
+  const [chat_size, setChatSize] = useState({
+    height: 0,
+    width: 0
+  });
+  const [show_input_bar, setShowInputBar] = useState(false);
+  const [needs_reload, setNeedsReload] = useState(false);
+  const [message_loading, setMessageLoading] = useState(false);
+  const [socket_message, setSocketMessage] = useState(undefined);
+  const [my_data, setMyData] = useState({});
+  const {
+    me
+  } = my_data;
+  const [screen_data, setData] = useState({
+    loading: false,
+    players: [],
+    group_players: []
+  });
+  const {
+    loading,
+    players,
+    group
+  } = screen_data;
+  const [message_data, setMessageData] = useState({
+    messages_loading: false,
+    messages: []
+  });
+  const {
+    messages
+  } = message_data;
+  const chat_ref = useRef(null);
+  const unique_dates = useMemo(() => [...new Set(messages.map(m => moment(m.create_datetime).format('MMM DD YYYY')))], [messages.length, socket_message]);
+  useEffect(() => {
+    SocialComponentApi.setEnvironment();
+    if (group_id) {
+      getGroupFromServer(group_id);
+      return;
+    }
+    if (player_id) {
+      getChatFromServer(player_id);
+      return;
+    }
+  }, [group_id, player_id]);
+  useEffect(() => {
+    if (!my_id) {
+      return;
+    }
+    getMyData();
+  }, [my_id]);
+  const getMyData = async () => {
+    const player = await SocialComponentApi.getMyDetails();
+    setMyData({
+      me: player
+    });
+  };
+  useEffect(() => {
+    if (!socket_message) {
+      return;
+    }
+    setMessageData({
+      ...message_data,
+      messages: messages.filter(m => m.group_message_id != socket_message.group_message_id).concat(socket_message)
+    });
+  }, [socket_message]);
+  const chat_player = group?.type == 'direct' ? players.find(p => p.player_id == player_id) : undefined;
+  const getChatFromServer = async id => {
+    setData({
+      ...screen_data,
+      loading: true
+    });
+    if (!my_id) {
+      return;
+    }
+    setMessageData({
+      ...message_data,
+      messages_loading: true
+    });
+    const group_response = await SocialComponentApi.getChat(id);
+    if (!group_response) {
+      return setData({
+        ...screen_data,
+        loading: false
+      });
+    }
+    let player_ids = [];
+    if (player_id) {
+      player_ids.push(player_id);
+    }
+    if (my_id) {
+      player_ids.push(my_id);
+    }
+    const players = await SocialComponentApi.getPlayersByIds(player_ids);
+    let group_messages_with_tags = await SocialComponentHelpers.addTagsToMessages(group_response.group_messages);
+    setData({
+      ...screen_data,
+      players: players,
+      group: group_response.group,
+      group_players: group_response.group_players,
+      loading: false
+    });
+    setMessageData({
+      ...message_data,
+      messages_loading: false,
+      messages: group_messages_with_tags
+    });
+  };
+  const getGroupFromServer = async id => {
+    setData({
+      ...screen_data,
+      loading: true
+    });
+    setMessageData({
+      ...message_data,
+      messages_loading: true
+    });
+    const group_response = await SocialComponentApi.getGroupById(id);
+    if (!group_response) {
+      return setData({
+        ...screen_data,
+        loading: false
+      });
+    }
+    const players = await SocialComponentApi.getPlayersByIds(group_response.group_messages.map(p => p.player_id));
+    let group_messages_with_tags = await SocialComponentHelpers.addTagsToMessages(group_response.group_messages);
+    setData({
+      ...screen_data,
+      players: players,
+      group: group_response.group,
+      group_players: group_response.group_players,
+      loading: false
+    });
+    setMessageData({
+      ...message_data,
+      messages_loading: false,
+      messages: group_messages_with_tags
+    });
+  };
+
+  //const message_valid = message_text != '' ? true : false
+
+  const handleSendImage = async image => {
+    if (!group || message_loading) {
+      return;
+    }
+    setMessageLoading(true);
+    const group_message = SocialComponentHelpers.getEmptyMessage();
+    const gm = await SocialComponentApi.sendChat({
+      ...group_message,
+      formatted_text: '',
+      tags: [],
+      message_images: [image],
+      group_id: group.group_id,
+      message: ''
+    });
+    if (!gm) {
+      setMessageLoading(false);
+      return;
+    }
+    setMessageData({
+      ...message_data,
+      messages: messages.filter(m => m.group_message_id != gm.group_message_id).concat(gm)
+    });
+    setMessageLoading(false);
+  };
+  const handleSendMessage = async (data, tags) => {
+    if (!group || message_loading) {
+      return;
+    }
+    setMessageLoading(true);
+
+    //Find urls!
+    const url = SocialComponentHelpers.getUrlsFromString(data.text);
+    let message_urls = [];
+    if (url) {
+      message_urls.push(url);
+    }
+    const group_message = SocialComponentHelpers.getEmptyMessage();
+    const gm = await SocialComponentApi.sendChat({
+      ...group_message,
+      formatted_text: data.formatted_text,
+      tags: tags.map(t => {
+        return {
+          ...t,
+          data: undefined
+        };
+      }),
+      //Drop the data!
+      group_id: group.group_id,
+      message_urls: message_urls,
+      message: data.text
+    });
+    if (!gm) {
+      setMessageLoading(false);
+      return;
+    }
+    setMessageData({
+      ...message_data,
+      messages: messages.filter(m => m.group_message_id != gm.group_message_id).concat(gm)
+    });
+    setMessageLoading(false);
+  };
+  const renderMessages = data => {
+    const player = players.find(p => p.player_id == data.item.player_id);
+    const mine = player?.player_id == me?.player_id ? true : false;
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        margin: 5
+      }
+    }, /*#__PURE__*/React.createElement(GroupMessageCard, {
+      player: player,
+      me: me,
+      width: chat_size.width,
+      mine: mine,
+      onSelectImage: onSelectImage,
+      group_message: data.item,
+      onSelectTag: onSelectTag
+    }));
+  };
+  const renderDates = data => {
+    const date_messages = messages.filter(m => moment(m.create_datetime).format('MMM DD YYYY') == data.item);
+    return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+      style: {
+        padding: 10
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      size: 16,
+      theme: "light",
+      textAlign: "center"
+    }, data.item)), /*#__PURE__*/React.createElement(FlatList, {
+      key: 'date_messages',
+      keyExtractor: item => item.group_message_id.toString(),
+      data: date_messages.sort((a, b) => moment(a.create_datetime).unix() - moment(b.create_datetime).unix()),
+      renderItem: renderMessages
+    }));
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    },
+    onLayout: ev => {
+      const {
+        height,
+        width
+      } = ev.nativeEvent.layout;
+      setChatSize({
+        height,
+        width
+      });
+    }
+  }, group?.type == 'direct' && chat_player ? /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: chat_player.profile_pic
+    },
+    style: {
+      height: 40,
+      width: 40,
+      borderRadius: 100
+    },
+    resizeMode: "cover"
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1,
+      marginLeft: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1"
+  }, "@", chat_player.username), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 3
+    },
+    theme: "description"
+  }, "Joined ", moment(chat_player.create_datetime).fromNow()))) : group ? /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: group.group_image?.url
+    },
+    style: {
+      height: 40,
+      width: 40,
+      borderRadius: 100
+    },
+    resizeMode: "cover"
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1,
+      marginLeft: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1"
+  }, group.name), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 3
+    },
+    theme: "description"
+  }, moment(group.last_update_datetime).format('YYYY MM DD')))) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    ref: chat_ref,
+    data: unique_dates,
+    inverted: true,
+    style: {
+      flex: 1
+    },
+    renderItem: renderDates,
+    key: `chat_${group_id}dates`,
+    keyExtractor: item => item
+  })), show_input_bar ? /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      padding: 5
+    }
+  }, /*#__PURE__*/React.createElement(InputBar, {
+    actions: ['image'],
+    width: 200,
+    onImageUpload: image => handleSendImage(image)
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+    type: "footer",
+    style: {
+      padding: 5
+    }
+  }, /*#__PURE__*/React.createElement(FormattedTextInput, {
+    submit_placement: "inline",
+    icon_submit: true,
+    width: width,
+    onSelectInput: () => setShowInputBar(!show_input_bar),
+    onSubmit: (data, tags) => handleSendMessage(data, tags),
+    onFocusPosition: onFocusPosition
+  })), group ? /*#__PURE__*/React.createElement(SocketManager, {
+    distinct_id: distinct_id,
+    access_token: access_token,
+    group_id: group.group_id,
+    subscribed_events: ['V1_UPDATE_GROUP_MESSAGE'],
+    onConnect: () => {
+      if (!needs_reload) {
+        return;
+      }
+      if (group_id) {
+        return getGroupFromServer(group_id);
+      }
+      if (player_id) {
+        return getChatFromServer(player_id);
+      }
+      return;
+    },
+    onDisconnect: () => {
+      setNeedsReload(true);
+    },
+    onSocketEvent: ev => {
+      if (!ev.data) {
+        return;
+      }
+      let gm = ev.data;
+      if (gm.group_id != group.group_id) {
+        return;
+      }
+      setSocketMessage(gm);
+    }
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null), loading ? /*#__PURE__*/React.createElement(View, {
+    type: "blur",
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      alignItems: 'center',
+      padding: 20
+    }
+  }, /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "large",
+    color: Colors.text.h1
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null));
+};
+export default GroupChat;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","moment","useEffect","useMemo","useRef","useState","ActivityIndicator","FlatList","Image","useColors","SocialComponentApi","SocialComponentHelpers","Text","View","GroupMessageCard","InputBar","FormattedTextInput","SocketManager","GroupChat","my_id","player_id","width","group_id","access_token","distinct_id","onFocusPosition","onSelectImage","onSelectTag","Colors","chat_size","setChatSize","height","show_input_bar","setShowInputBar","needs_reload","setNeedsReload","message_loading","setMessageLoading","socket_message","setSocketMessage","undefined","my_data","setMyData","me","screen_data","setData","loading","players","group_players","group","message_data","setMessageData","messages_loading","messages","chat_ref","unique_dates","Set","map","m","create_datetime","format","length","setEnvironment","getGroupFromServer","getChatFromServer","getMyData","player","getMyDetails","filter","group_message_id","concat","chat_player","type","find","p","id","group_response","getChat","player_ids","push","getPlayersByIds","group_messages_with_tags","addTagsToMessages","group_messages","getGroupById","handleSendImage","image","group_message","getEmptyMessage","gm","sendChat","formatted_text","tags","message_images","message","handleSendMessage","data","url","getUrlsFromString","text","message_urls","t","renderMessages","item","mine","createElement","style","margin","renderDates","date_messages","padding","size","theme","textAlign","key","keyExtractor","toString","sort","a","b","unix","renderItem","flex","onLayout","ev","nativeEvent","layout","flexDirection","alignItems","transparent","source","uri","profile_pic","borderRadius","resizeMode","marginLeft","username","marginTop","fromNow","group_image","name","last_update_datetime","Fragment","ref","inverted","actions","onImageUpload","submit_placement","icon_submit","onSelectInput","onSubmit","subscribed_events","onConnect","onDisconnect","onSocketEvent","position","top","left","right","bottom","color","h1"],"sourceRoot":"../../../../src","sources":["SocialComponents/GroupChat/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/SocialComponents/ImageRenderer.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Image } from "react-native";
+import { Button } from "../Components/Themed";
+const ImageRenderer = ({
+  image,
+  width,
+  onSelectImage,
+  max_height,
+  style,
+  allow_aspect_change
+}) => {
+  const getImageRatio = () => {
+    let ratio = 1;
+    if (image.width && image.height) {
+      ratio = image.width / image.height;
+    }
+    return ratio;
+  };
+  const ratio = getImageRatio();
+  let image_width = width;
+  let image_height = width * ratio;
+  if (max_height && image_height > max_height) {
+    image_height = max_height;
+    if (!allow_aspect_change) {
+      image_width = image_height / ratio;
+    }
+  }
+  return /*#__PURE__*/React.createElement(Button, {
+    disabled: !onSelectImage,
+    transparent: true,
+    style: {
+      padding: 0
+    },
+    onPress: () => onSelectImage ? onSelectImage(image) : console.log('')
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: image.url
+    },
+    style: {
+      height: image_height,
+      width: image_width,
+      ...style
+    },
+    resizeMode: "cover"
+  }));
+};
+export default ImageRenderer;
+//# sourceMappingURL=ImageRenderer.js.map

package/lib/module/SocialComponents/ImageRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","Button","ImageRenderer","image","width","onSelectImage","max_height","style","allow_aspect_change","getImageRatio","ratio","height","image_width","image_height","createElement","disabled","transparent","padding","onPress","console","log","source","uri","url","resizeMode"],"sourceRoot":"../../../src","sources":["SocialComponents/ImageRenderer.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,cAAc;AACpC,SAASC,MAAM,QAAQ,sBAAsB;AAU7C,MAAMC,aAAa,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,aAAa;EAAEC,UAAU;EAAEC,KAAK;EAAEC;AAAuC,CAAC,KAAK;EAClH,MAAMC,aAAa,GAAGA,CAAA,KAAM;IACxB,IAAIC,KAAK,GAAG,CAAC;IACb,IAAGP,KAAK,CAACC,KAAK,IAAID,KAAK,CAACQ,MAAM,EAAC;MAC3BD,KAAK,GAAGP,KAAK,CAACC,KAAK,GAAGD,KAAK,CAACQ,MAAM;IACtC;IACA,OAAOD,KAAK;EAChB,CAAC;EACD,MAAMA,KAAK,GAAGD,aAAa,CAAC,CAAC;EAE7B,IAAIG,WAAW,GAAGR,KAAK;EACvB,IAAIS,YAAY,GAAGT,KAAK,GAAGM,KAAK;EAEhC,IAAGJ,UAAU,IAAIO,YAAY,GAAGP,UAAU,EAAC;IACvCO,YAAY,GAAGP,UAAU;IACzB,IAAG,CAACE,mBAAmB,EAAC;MAAEI,WAAW,GAAGC,YAAY,GAAGH,KAAK;IAAC;EACjE;EAEA,oBACIX,KAAA,CAAAe,aAAA,CAACb,MAAM;IAACc,QAAQ,EAAE,CAACV,aAAc;IAACW,WAAW;IAACT,KAAK,EAAE;MAAEU,OAAO,EAAC;IAAE,CAAE;IAACC,OAAO,EAAEA,CAAA,KAAMb,aAAa,GAAGA,aAAa,CAACF,KAAK,CAAC,GAAGgB,OAAO,CAACC,GAAG,CAAC,EAAE;EAAE,gBACtIrB,KAAA,CAAAe,aAAA,CAACd,KAAK;IACFqB,MAAM,EAAE;MAAEC,GAAG,EAAEnB,KAAK,CAACoB;IAAI,CAAE;IAC3BhB,KAAK,EAAE;MAAEI,MAAM,EAAEE,YAAY;MAAET,KAAK,EAAEQ,WAAW;MAAE,GAAGL;IAAM,CAAE;IAC9DiB,UAAU,EAAC;EAAO,CACrB,CACG,CAAC;AAEjB,CAAC;AAED,eAAetB,aAAa","ignoreList":[]}