be-components 5.1.8 → 5.1.9

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

@@ -1,8 +1,10 @@
 import React, { useEffect, useState } from 'react';
 import { Button, Text, View } from "../../../Components/Themed";
 import { SocialComponentApi } from '../../api';
-import { FlatList, Image } from 'react-native';
+import { Image } from 'react-native';
+const MIN_TAG_WIDTH = 140;
 const TagSelector = ({
+  width,
   type,
   visible,
   working_tag,
@@ -14,6 +16,14 @@ const TagSelector = ({
     players: [],
     offset: 0
   });
+  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(3);
   useEffect(() => {
     if (!visible) {
       return;
@@ -56,11 +66,15 @@ const TagSelector = ({
   };
   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,33 +82,30 @@ const TagSelector = ({
         uri: data.item.profile_pic
       },
       style: {
-        height: 80,
-        width: 120,
-        borderTopRightRadius: 8,
-        borderTopLeftRadius: 8
+        height: 25,
+        width: 25,
+        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 - 30
+      },
+      theme: "description",
+      size: 10,
       textAlign: "center"
     }, "@", data.item.username)));
   };
   if (!visible) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
-  return /*#__PURE__*/React.createElement(View, {
-    style: {
-      position: 'absolute',
-      bottom: 5,
-      left: 0,
-      right: 0
-    }
-  }, type == 'player' ? /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(View, null, type == 'player' ? /*#__PURE__*/React.createElement(View, {
     float: true
   }, /*#__PURE__*/React.createElement(View, {
     type: "header",
@@ -112,18 +123,30 @@ 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, {
     style: {
-      padding: 5
+      padding: 5,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexWrap: 'wrap'
     }
-  }, /*#__PURE__*/React.createElement(FlatList, {
-    data: player_tag.players,
-    key: 'player_selector_list_format',
-    horizontal: true,
-    keyExtractor: item => item.player_id.toString(),
-    renderItem: renderPlayers
+  }, player_tag.players.map((item, index) => {
+    return renderPlayers({
+      item,
+      index
+    });
   }))) : /*#__PURE__*/React.createElement(React.Fragment, null));
 };
 export default TagSelector;

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","Image","MIN_TAG_WIDTH","TagSelector","width","type","visible","working_tag","onSelectTag","onCancel","player_tag","setPlayerTag","loading","players","offset","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","title","justifyContent","flexWrap","map","index"],"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 => {
@@ -151,9 +166,10 @@ const FormattedTextInput = ({
     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(TagSelector, {
     working_tag: tag_selector.working_tag,
     type: tag_selector.type,
+    width: width,
     visible: tag_selector.visible,
     onCancel: () => setTagSelector({
       visible: false,
@@ -161,6 +177,7 @@ const FormattedTextInput = ({
     }),
     onSelectTag: tag => handleUpdateTag(tag)
   }) : /*#__PURE__*/React.createElement(React.Fragment, null)), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
     style: {
       flexDirection: 'row',
       alignItems: 'flex-end'
@@ -180,7 +197,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 +209,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 +241,22 @@ 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: {
+      height: 100
+    }
+  }, /*#__PURE__*/React.createElement(TagSelector, {
+    working_tag: tag_selector.working_tag,
+    type: tag_selector.type,
+    width: width,
+    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","onCancel","onSelectTag","Fragment","style","flexDirection","alignItems","float","padding","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":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC3D,SAASC,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAEC,IAAI,QAAQ,yBAAyB;AACvE,SAASC,QAAQ,QAA2E,cAAc;AAE1G,SAASC,kBAAkB,EAAEC,sBAAsB,QAAQ,QAAQ;AACnE,OAAOC,WAAW,MAAM,0BAA0B;AAClD,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,SAAS,QAAQ,2BAA2B;AAqBrD,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,cAAc;EAAEC,YAAY;EAAEC,WAAW;EAAEC,qBAAqB;EAAEC,WAAW;EAAEC,cAAc;EAAEC,aAAa;EAAEC,gBAAgB;EAAEC,WAAW;EAAEC,SAAS;EAAEC,aAAa;EAAEC,YAAY;EAAEC,QAAQ;EAAEC;AAAwC,CAAC,KAAK;EAC9Q,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC;EAC1B,MAAM,CAAEkB,WAAW,EAAEC,aAAa,CAAE,GAAG7B,QAAQ,CAE5C;IACC8B,MAAM,EAAE;EACZ,CAAC,CAAC;EACF,MAAM,CAAEC,IAAI,EAAEC,OAAO,CAAE,GAAGhC,QAAQ,CAI9B;IACIiC,IAAI,EAAE,EAAE;IACRC,cAAc,EAAEC,IAAI,CAACC,SAAS,CAAC,EAAE;EACrC,CACJ,CAAC;EACD,MAAM,CAAEC,QAAQ,EAAEC,WAAW,CAAE,GAAGtC,QAAQ,CAAC;IACvCuC,KAAK,EAAC,CAAC;IACPC,GAAG,EAAC;EACR,CAAC,CAAC;EACF,MAAM,CAAEC,YAAY,EAAEC,cAAc,CAAE,GAAG1C,QAAQ,CAI9C;IAAE2C,OAAO,EAAE,KAAK;IAAEC,IAAI,EAAE;EAAU,CAAC,CAAC;EACvC,MAAM,CAAEC,UAAU,EAAEC,YAAY,CAAE,GAAG9C,QAAQ,CAAiB,EAAE,CAAC;EAEjE,MAAM;IAAEiC,IAAI;IAAEC;EAAe,CAAC,GAAGH,IAAI;EACrC,MAAM;IAAED;EAAO,CAAC,GAAGF,WAAW;EAC9B,MAAMmB,IAAI,GAAGhD,OAAO,CAAC,MAAMQ,sBAAsB,CAACyC,mBAAmB,CAACf,IAAI,EAAEI,QAAQ,CAACE,KAAK,CAAC,EAAE,CAACF,QAAQ,CAACE,KAAK,CAAC,CAAC;EAC9G,MAAMU,UAAU,GAAGF,IAAI,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,MAAM,CAAC;EAE3C,MAAM,CAAEC,cAAc,EAAEC,gBAAgB,CAAE,GAAGtD,QAAQ,CAAC,KAAK,CAAC;EAC5D,MAAM,CAAEuD,WAAW,EAAEC,aAAa,CAAE,GAAGxD,QAAQ,CAA2B,CAAC;EAE3EF,SAAS,CAAC,MAAM;IACZ,IAAG,CAACqB,aAAa,EAAC;MAAE;IAAO;IAC3BsC,YAAY,CAAC,CAAC;EAClB,CAAC,EAAC,CAACtC,aAAa,CAAC,CAAC;EAElBrB,SAAS,CAAC,MAAM;IACZQ,kBAAkB,CAACoD,cAAc,CAAC,CAAC;IACnC,IAAGpC,SAAS,EAAC;MACTU,OAAO,CAAC;QAAEC,IAAI,EAAEX,SAAS,CAACW,IAAI;QAAEC,cAAc,EAAEZ,SAAS,CAACY;MAAe,CAAC,CAAC;MAC3EY,YAAY,CAACxB,SAAS,CAACyB,IAAI,CAAC;IAChC;EACJ,CAAC,EAAC,CAACZ,IAAI,CAACC,SAAS,CAACd,SAAS,CAAC,CAAC,CAAC;EAE9BxB,SAAS,CAAC,MAAM;IACZ,IAAGmD,UAAU,EAAC;MAAE,OAAOO,aAAa,CAACP,UAAU,CAAC;IAAC;IACjD,IAAGM,WAAW,EAAC;MACX;MACAI,YAAY,CAACJ,WAAW,CAAC;MACzBC,aAAa,CAACI,SAAS,CAAC;MACxB;IACJ;EACJ,CAAC,EAAC,CAACX,UAAU,CAAC,CAAC;EAEf,MAAMY,WAAW,GAAG,MAAMC,GAAgB,IAAK;IAC3C,IAAIC,QAAQ,GAAGlB,UAAU,CAACmB,MAAM,CAAC;MAAE,GAAGF;IAAI,CAAC,CAAC;IAC5ChB,YAAY,CAACiB,QAAQ,CAAC;EAC1B,CAAC;EAED,MAAMJ,YAAY,GAAG,MAAMG,GAAgB,IAAK;IAC5CR,gBAAgB,CAAC,IAAI,CAAC;IACtB,MAAMW,MAAM,GAAG,MAAM3D,kBAAkB,CAAC4D,sBAAsB,CAACJ,GAAG,CAACA,GAAG,CAAC;IACvE,IAAGG,MAAM,EAAC;MACNJ,WAAW,CAAC;QAAE,GAAGC,GAAG;QAAEK,QAAQ,EAAE,CAACC,IAAI,CAACC,MAAM,CAAC,CAAC,GAAC,KAAK,EAAEC,OAAO,CAAC,CAAC;QAAEvC,IAAI,EAAEkC,MAAM;QAAEM,WAAW,EAACN,MAAM,CAACO;MAAU,CAAC,CAAC;MAC9GlB,gBAAgB,CAAC,KAAK,CAAC;IAC3B,CAAC,MAAM;MACHZ,cAAc,CAAC;QACXC,OAAO,EAAC,IAAI;QACZY,WAAW,EAACO,GAAG;QACflB,IAAI,EAAC;MACT,CAAC,CAAC;IACN;IACAU,gBAAgB,CAAC,KAAK,CAAC;EAE3B,CAAC;EAGD,MAAMmB,qBAAqB,GAAIC,EAAgE,IAAK;IAChG,IAAGA,EAAE,CAACC,WAAW,CAACC,SAAS,CAACrC,KAAK,IAAIF,QAAQ,CAACE,KAAK,EAAC;MAAE;IAAO;IAC7DD,WAAW,CAAC;MACRC,KAAK,EAAEmC,EAAE,CAACC,WAAW,CAACC,SAAS,CAACrC,KAAK;MACrCC,GAAG,EAAEkC,EAAE,CAACC,WAAW,CAACC,SAAS,CAACpC;IAClC,CAAC,CAAC;EACN,CAAC;EAED,MAAMqC,eAAe,GAAG,MAAMf,GAAgB,IAAK;IAC/CR,gBAAgB,CAAC,IAAI,CAAC;IACtB,MAAMwB,QAAQ,GAAGvE,sBAAsB,CAACwE,WAAW,CAAC9C,IAAI,EAAE6B,GAAG,CAACvB,KAAK,EAAEuB,GAAG,CAACtB,GAAG,EAAE,IAAIsB,GAAG,CAACA,GAAG,EAAE,CAAC;IAC5FD,WAAW,CAACC,GAAG,CAAC;IAChB9B,OAAO,CAAC;MACJ,GAAGD,IAAI;MACPE,IAAI,EAAE6C;IACV,CAAC,CAAC;IACFpC,cAAc,CAAC;MAAEC,OAAO,EAAE,KAAK;MAAEC,IAAI,EAAE;IAAS,CAAC,CAAC;IAClDoC,UAAU,CAAC,MAAM1B,gBAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;EAClD,CAAC;EAED,MAAMG,YAAY,GAAGA,CAAA,KAAM;IACvB,IAAG,CAACxB,IAAI,EAAC;MAAE;IAAO;IAClB,IAAI8B,QAAQ,GAAGxD,sBAAsB,CAAC0E,WAAW,CAACpC,UAAU,EAAEE,IAAI,CAAC;IACnEtB,QAAQ,CAAC;MAAEQ,IAAI;MAAEC;IAAe,CAAC,EAAE6B,QAAQ,CAAC;IAC5C,IAAG7C,cAAc,EAAC;MAAE;IAAO;IAC3Bc,OAAO,CAAC;MAAEC,IAAI,EAAE,EAAE;MAAEC,cAAc,EAAEC,IAAI,CAACC,SAAS,CAAC,EAAE;IAAE,CAAC,CAAC;IACzDP,aAAa,CAAC;MAAE,GAAGD,WAAW;MAAEE,MAAM,EAAE;IAAG,CAAC,CAAC;IAC7CgB,YAAY,CAAC,EAAE,CAAC;EACpB,CAAC;EAED,MAAMoC,YAAY,GAAIR,EAAM,IAAK;IAC7B,IAAIzC,IAAW,GAAGE,IAAI,CAACC,SAAS,CAACsC,EAAE,CAACzC,IAAI,CAAC;IACzCD,OAAO,CAAC;MACJ,GAAGD,IAAI;MACPE,IAAI,EAAEyC,EAAE,CAACzC,IAAI;MACbC,cAAc,EAACD;IACnB,CAAC,CAAC;IACF,IAAGT,YAAY,EAAC;MAAEA,YAAY,CAAC;QAAES,IAAI,EAAEyC,EAAE,CAACzC,IAAI;QAAEC,cAAc,EAAED;MAAK,CAAC,CAAC;IAAC;EAC5E,CAAC;EAED,oBACIpC,KAAA,CAAAsF,aAAA,CAAC/E,IAAI;IAACgF,WAAW;EAAA,gBACbvF,KAAA,CAAAsF,aAAA,CAAC/E,IAAI;IAACgF,WAAW;EAAA,GACZ3C,YAAY,CAACE,OAAO,IAAIF,YAAY,CAACc,WAAW,IAAIvC,qBAAqB,IAAI,QAAQ,gBACtFnB,KAAA,CAAAsF,aAAA,CAAC3E,WAAW;IACR+C,WAAW,EAAEd,YAAY,CAACc,WAAY;IACtCX,IAAI,EAAEH,YAAY,CAACG,IAAK;IACxBhC,KAAK,EAAEA,KAAM;IACb+B,OAAO,EAAEF,YAAY,CAACE,OAAQ;IAC9B0C,QAAQ,EAAEA,CAAA,KAAM3C,cAAc,CAAC;MAAEC,OAAO,EAAE,KAAK;MAAEC,IAAI,EAAE;IAAS,CAAC,CAAE;IACnE0C,WAAW,EAAGxB,GAAG,IAAKe,eAAe,CAACf,GAAG;EAAE,CAC9C,CAAC,gBACDjE,KAAA,CAAAsF,aAAA,CAAAtF,KAAA,CAAA0F,QAAA,MAAI,CACH,CAAC,eACP1F,KAAA,CAAAsF,aAAA,CAAC/E,IAAI;IAACgF,WAAW;IAACI,KAAK,EAAE;MAAEC,aAAa,EAAC,KAAK;MAAEC,UAAU,EAAC;IAAW;EAAE,GACnEnE,aAAa,gBACd1B,KAAA,CAAAsF,aAAA,CAAClF,MAAM;IAAC0F,KAAK;IAACH,KAAK,EAAE;MAAEI,OAAO,EAAC,EAAE;MAAEhF,KAAK,EAAC,EAAE;MAAEiF,WAAW,EAAC,CAAC;MAAEC,YAAY,EAAC,CAAC;MAAEC,cAAc,EAAC,QAAQ;MAAEL,UAAU,EAAC;IAAS,CAAE;IAACM,OAAO,EAAEA,CAAA,KAAMzE,aAAa,CAAC;EAAE,gBACvJ1B,KAAA,CAAAsF,aAAA,CAAC1E,KAAK,CAACwF,QAAQ;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAExE,MAAM,CAACM,IAAI,CAACmE;EAAG,CAAE,CAC9C,CAAC,gBACRvG,KAAA,CAAAsF,aAAA,CAAAtF,KAAA,CAAA0F,QAAA,MAAI,CAAC,eACN1F,KAAA,CAAAsF,aAAA,CAAC/E,IAAI;IAACwC,IAAI,EAAE7B,WAAW,GAAC6C,SAAS,GAAC,OAAQ;IAAC4B,KAAK,EAAE;MAAEa,IAAI,EAAC,CAAC;MAAEZ,aAAa,EAAC;IAAM;EAAE,gBAC9E5F,KAAA,CAAAsF,aAAA,CAAChF,SAAS;IACNmG,KAAK,EAAErE,IAAK;IACZsE,QAAQ,EAAE,CAAClD,cAAe;IAC1BmD,SAAS;IACTC,OAAO,EAAEpD,cAAe;IACxBqD,eAAe;IACftB,WAAW;IACXuB,aAAa,EAAE,CAAC9F,cAAe;IAC/BQ,WAAW,EAAEA,WAAW,IAAI,sBAAuB;IACnDK,eAAe,EAAEA,eAAgB;IACjC8D,KAAK,EAAE;MAAEa,IAAI,EAAC,CAAC;MAAEvE,MAAM,EAAEzB,QAAQ,CAACuG,EAAE,IAAI,KAAK,GAAG9E,MAAM,GAAG8B;IAAU,CAAE;IACrEiD,mBAAmB,EAAGC,CAAC,IAAK;MACxB,IAAGzG,QAAQ,CAACuG,EAAE,IAAI,KAAK,EAAC;QAAE;MAAO;MACjC/E,aAAa,CAAC;QAAE,GAAGD,WAAW;QAAEE,MAAM,EAAEgF,CAAC,CAACnC,WAAW,CAACoC,WAAW,CAACjF;MAAO,CAAC,CAAC;IAC/E,CAAE;IACFkF,iBAAiB,EAAEvC,qBAAsB;IACzCwC,QAAQ,EAAGvC,EAAE,IAAKQ,YAAY,CAACR,EAAE,CAACC,WAAW;EAAE,CAClD,CACC,CAAC,EACNvD,gBAAgB,IAAI,QAAQ,gBAC7BvB,KAAA,CAAAsF,aAAA,CAAClF,MAAM;IAEH2C,IAAI,EAAC,SAAS;IACd4C,KAAK,EAAE;MAAE0B,OAAO,EAACjF,IAAI,GAAG,CAAC,GAAE,GAAG;MAAEkF,UAAU,EAAC;IAAC,CAAE;IAC9CC,QAAQ,EAAE,CAACnF,IAAK;IAChB+D,OAAO,EAAEA,CAAA,KAAMvC,YAAY,CAAC;EAAE,GAE7B,CAACxC,WAAW,gBACbpB,KAAA,CAAAsF,aAAA,CAACjF,IAAI;IAACmH,KAAK,EAAC,IAAI;IAAClB,KAAK,EAAExE,MAAM,CAACM,IAAI,CAACqF;EAAM,GAAExG,YAAY,IAAI,QAAe,CAAC,gBAE5EjB,KAAA,CAAAsF,aAAA,CAAC1E,KAAK,CAAC8G,QAAQ;IAACrB,IAAI,EAAE,EAAG;IAACC,KAAK,EAAExE,MAAM,CAACM,IAAI,CAACqF;EAAM,CAAE,CAEjD,CAAC,gBACRzH,KAAA,CAAAsF,aAAA,CAAAtF,KAAA,CAAA0F,QAAA,MAAI,CACH,CAAC,EACF9C,YAAY,CAACE,OAAO,IAAIF,YAAY,CAACc,WAAW,IAAIvC,qBAAqB,IAAI,QAAQ,gBACtFnB,KAAA,CAAAsF,aAAA,CAAC/E,IAAI;IAACgF,WAAW;IAACI,KAAK,EAAE;MAAE1D,MAAM,EAAC;IAAI;EAAE,gBACxCjC,KAAA,CAAAsF,aAAA,CAAC3E,WAAW;IACR+C,WAAW,EAAEd,YAAY,CAACc,WAAY;IACtCX,IAAI,EAAEH,YAAY,CAACG,IAAK;IACxBhC,KAAK,EAAEA,KAAM;IACb+B,OAAO,EAAEF,YAAY,CAACE,OAAQ;IAC9B0C,QAAQ,EAAEA,CAAA,KAAM3C,cAAc,CAAC;MAAEC,OAAO,EAAE,KAAK;MAAEC,IAAI,EAAE;IAAS,CAAC,CAAE;IACnE0C,WAAW,EAAGxB,GAAG,IAAKe,eAAe,CAACf,GAAG;EAAE,CAC9C,CACK,CAAC,gBACNjE,KAAA,CAAAsF,aAAA,CAAAtF,KAAA,CAAA0F,QAAA,MAAI,CAAC,EACTnE,gBAAgB,IAAI,QAAQ,gBAC7BvB,KAAA,CAAAsF,aAAA,CAAClF,MAAM;IACHuH,KAAK,EAAE1G,YAAY,IAAI,QAAS;IAChC8B,IAAI,EAAC,SAAS;IACd4C,KAAK,EAAE;MAAE0B,OAAO,EAACjF,IAAI,GAAG,CAAC,GAAE,GAAG;MAAEwF,SAAS,EAAC;IAAC,CAAE;IAC7CL,QAAQ,EAAE,CAACnF,IAAK;IAChB+D,OAAO,EAAEA,CAAA,KAAMvC,YAAY,CAAC;EAAE,CACjC,CAAC,gBACD5D,KAAA,CAAAsF,aAAA,CAAAtF,KAAA,CAAA0F,QAAA,MAAI,CACH,CAAC;AAEf,CAAC;AAED,eAAe5E,kBAAkB","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,82 @@
+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';
+const GroupMessageCard = ({
+  group_message,
+  mine,
+  player,
+  width,
+  onSelectImage,
+  onSelectTag
+}) => {
+  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: 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
+    }
+  }, url ? /*#__PURE__*/React.createElement(UrlPreviewCard, {
+    url: url,
+    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), 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)), !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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","useColors","FormattedText","moment","Image","ImageRenderer","UrlPreviewCard","GroupMessageCard","group_message","mine","player","width","onSelectImage","onSelectTag","Colors","image","message_images","undefined","url","message_urls","createElement","style","flexDirection","alignItems","flex","transparent","float","borderRadius","padding","source","uri","profile_pic","height","resizeMode","marginLeft","marginBottom","borderBottomLeftRadius","borderBottomRightRadius","backgroundColor","absolutes","brand","midnight","highlights","highlight200","color","text","white","Fragment","formatted_text","tags","text_color","tag","message","size","theme","textAlign","username","create_datetime","format"],"sourceRoot":"../../../../../src","sources":["SocialComponents/GroupChat/components/GroupMessageCard.tsx"],"mappings":"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","ignoreList":[]}