stream-chat-react-native-core 3.10.2 → 4.0.0-beta.4

package/lib/module/components/AutoCompleteInput/AutoCompleteInput.js

@@ -21,10 +21,6 @@ var _reactNative = require("react-native");
 
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
 
-var _CommandsHeader = require("./CommandsHeader");
-
-var _EmojisHeader = require("./EmojisHeader");
-
 var _ChannelContext = require("../../contexts/channelContext/ChannelContext");
 
 var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
@@ -67,6 +63,8 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
   var additionalTextInputProps = props.additionalTextInputProps,
       autoCompleteSuggestionsLimit = props.autoCompleteSuggestionsLimit,
       closeSuggestions = props.closeSuggestions,
+      _props$cooldownActive = props.cooldownActive,
+      cooldownActive = _props$cooldownActive === void 0 ? false : _props$cooldownActive,
       giphyActive = props.giphyActive,
       giphyEnabled = props.giphyEnabled,
       maxMessageLength = props.maxMessageLength,
@@ -116,30 +114,8 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
 
     if (triggerSetting) {
       isTrackingStarted.current = true;
-      var Component = triggerSetting.component;
-      openSuggestions(typeof Component === 'string' ? Component : _react["default"].createElement(Component, {
-        __self: _this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 166,
-          columnNumber: 53
-        }
-      }), trigger === ':' ? _react["default"].createElement(_EmojisHeader.EmojisHeader, {
-        title: "",
-        __self: _this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 168,
-          columnNumber: 11
-        }
-      }) : trigger === '/' ? _react["default"].createElement(_CommandsHeader.CommandsHeader, {
-        __self: _this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 170,
-          columnNumber: 11
-        }
-      }) : undefined);
+      var type = triggerSetting.type;
+      openSuggestions(type);
     }
   };
 
@@ -180,7 +156,8 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
                         item: item,
                         trigger: trigger
                       });
-                    }
+                    },
+                    queryText: query
                   });
                 }
               }, {
@@ -219,7 +196,8 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
                       item: item,
                       trigger: trigger
                     });
-                  }
+                  },
+                  queryText: query
                 });
               }, {
                 limit: autoCompleteSuggestionsLimit
@@ -250,16 +228,9 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
                       item: item,
                       trigger: trigger
                     });
-                  }
-                }, _react["default"].createElement(_EmojisHeader.EmojisHeader, {
-                  title: query,
-                  __self: _this,
-                  __source: {
-                    fileName: _jsxFileName,
-                    lineNumber: 243,
-                    columnNumber: 13
-                  }
-                }));
+                  },
+                  queryText: query
+                });
               });
 
             case 19:
@@ -499,6 +470,7 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
     };
   }();
 
+  var placeholderText = giphyActive ? t('Search GIFs') : cooldownActive ? t('Slow mode ON') : t('Send a message');
   var handleSuggestionsThrottled = (0, _throttle["default"])(handleSuggestions, 100, {
     leading: false
   });
@@ -521,7 +493,7 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
       }
     },
     onSelectionChange: handleSelectionChange,
-    placeholder: giphyActive ? t('Search GIFs') : t('Send a message'),
+    placeholder: placeholderText,
     placeholderTextColor: grey,
     ref: setInputBoxRef,
     style: [styles.inputBox, {
@@ -541,17 +513,19 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 416,
+      lineNumber: 418,
       columnNumber: 5
     }
   }));
 };
 
 var areEqual = function areEqual(prevProps, nextProps) {
-  var prevGiphyActive = prevProps.giphyActive,
+  var prevCooldownActive = prevProps.cooldownActive,
+      prevGiphyActive = prevProps.giphyActive,
       prevT = prevProps.t,
       prevText = prevProps.text;
-  var nextGiphyActive = nextProps.giphyActive,
+  var nextCooldownActive = nextProps.cooldownActive,
+      nextGiphyActive = nextProps.giphyActive,
       nextT = nextProps.t,
       nextText = nextProps.text;
   var giphyActiveEqual = prevGiphyActive === nextGiphyActive;
@@ -560,6 +534,8 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!tEqual) return false;
   var textEqual = prevText === nextText;
   if (!textEqual) return false;
+  var cooldownActiveEqual = prevCooldownActive === nextCooldownActive;
+  if (!cooldownActiveEqual) return false;
   return true;
 };
 
@@ -615,7 +591,7 @@ var AutoCompleteInput = function AutoCompleteInput(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 524,
+      lineNumber: 539,
       columnNumber: 5
     }
   }));

package/lib/module/components/AutoCompleteInput/AutoCompleteInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AutoCompleteInput.tsx"],"names":["styles","StyleSheet","create","inputBox","flex","fontSize","includeFontPadding","padding","paddingTop","textAlignVertical","computeCaretPosition","token","startOfTokenPosition","length","isCommand","text","split","AutoCompleteInputWithContext","props","additionalTextInputProps","autoCompleteSuggestionsLimit","closeSuggestions","giphyActive","giphyEnabled","maxMessageLength","mentionAllAppUsersEnabled","mentionAllAppUsersQuery","numberOfLines","onChange","openSuggestions","setGiphyActive","setInputBoxRef","setShowMoreOptions","t","triggerSettings","updateSuggestionsContext","updateSuggestions","isTrackingStarted","selectionEnd","textHeight","setTextHeight","theme","colors","black","grey","messageInput","handleChange","newText","fromUpdate","handleSuggestionsThrottled","startTracking","trigger","triggerSetting","current","Component","component","undefined","stopTracking","query","dataProvider","data","queryCallback","onSelect","item","onSelectSuggestion","limit","handleSelectionChange","end","nativeEvent","selection","newTokenString","output","textToModify","slice","lastIndexOf","newCaretPosition","modifiedText","substring","replace","startsWith","callback","handleCommand","actualToken","trim","handleMentions","tokenMatch","lastToken","handleMentionsTrigger","Object","keys","find","handleEmojis","handleEmojisTrigger","handleSuggestions","test","mentionTokenMatch","match","emojiTokenMatch","leading","height","contentSize","color","maxHeight","event","onBlur","areEqual","prevProps","nextProps","prevGiphyActive","prevT","prevText","nextGiphyActive","nextT","nextText","giphyActiveEqual","tEqual","textEqual","MemoizedAutoCompleteInput","React","memo","AutoCompleteInput","displayName"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AAIA;;AAIA;;AAUA;;AACA;;AAIA;;;;;;;;;AAiBA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAE,CADE;AAERC,IAAAA,QAAQ,EAAE,EAFF;AAGRC,IAAAA,kBAAkB,EAAE,KAHZ;AAIRC,IAAAA,OAAO,EAAE,CAJD;AAKRC,IAAAA,UAAU,EAAE,CALJ;AAMRC,IAAAA,iBAAiB,EAAE;AANX;AADqB,CAAlB,CAAf;;AAWA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAgBC,oBAAhB;AAAA,SAC3BA,oBAAoB,GAAGD,KAAK,CAACE,MADF;AAAA,CAA7B;;AAGA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,IAAD;AAAA,SAAkBA,IAAI,CAAC,CAAD,CAAJ,KAAY,GAAZ,IAAmBA,IAAI,CAACC,KAAL,CAAW,GAAX,EAAgBH,MAAhB,IAA0B,CAA/D;AAAA,CAAlB;;AA2CA,IAAMI,4BAA4B,GAAG,SAA/BA,4BAA+B,CASnCC,KATmC,EAUhC;AACH,MACEC,wBADF,GAmBID,KAnBJ,CACEC,wBADF;AAAA,MAEEC,4BAFF,GAmBIF,KAnBJ,CAEEE,4BAFF;AAAA,MAGEC,gBAHF,GAmBIH,KAnBJ,CAGEG,gBAHF;AAAA,MAIEC,WAJF,GAmBIJ,KAnBJ,CAIEI,WAJF;AAAA,MAKEC,YALF,GAmBIL,KAnBJ,CAKEK,YALF;AAAA,MAMEC,gBANF,GAmBIN,KAnBJ,CAMEM,gBANF;AAAA,MAOEC,yBAPF,GAmBIP,KAnBJ,CAOEO,yBAPF;AAAA,MAQEC,uBARF,GAmBIR,KAnBJ,CAQEQ,uBARF;AAAA,MASEC,aATF,GAmBIT,KAnBJ,CASES,aATF;AAAA,MAUEC,QAVF,GAmBIV,KAnBJ,CAUEU,QAVF;AAAA,MAWEC,eAXF,GAmBIX,KAnBJ,CAWEW,eAXF;AAAA,MAYEC,cAZF,GAmBIZ,KAnBJ,CAYEY,cAZF;AAAA,MAaEC,cAbF,GAmBIb,KAnBJ,CAaEa,cAbF;AAAA,MAcEC,kBAdF,GAmBId,KAnBJ,CAcEc,kBAdF;AAAA,MAeEC,CAfF,GAmBIf,KAnBJ,CAeEe,CAfF;AAAA,MAgBElB,IAhBF,GAmBIG,KAnBJ,CAgBEH,IAhBF;AAAA,MAiBEmB,eAjBF,GAmBIhB,KAnBJ,CAiBEgB,eAjBF;AAAA,MAkBqBC,wBAlBrB,GAmBIjB,KAnBJ,CAkBEkB,iBAlBF;AAqBA,MAAMC,iBAAiB,GAAG,mBAAO,KAAP,CAA1B;AACA,MAAMC,YAAY,GAAG,mBAAO,CAAP,CAArB;;AACA,kBAAoC,qBAAS,CAAT,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,KAFd,yBAEcA,KAFd;AAAA,MAEqBC,IAFrB,yBAEqBA,IAFrB;AAAA,MAGoBzC,QAHpB,mBAGI0C,YAHJ,CAGoB1C,QAHpB;;AAOA,MAAM2C,YAAY,GAAG,SAAfA,YAAe,CAACC,OAAD,EAAyC;AAAA,QAAvBC,UAAuB,uEAAV,KAAU;;AAC5D,QAAI,CAACA,UAAL,EAAiB;AACfpB,MAAAA,QAAQ,CAACmB,OAAD,CAAR;AACD,KAFD,MAEO;AACLE,MAAAA,0BAA0B,CAACF,OAAD,CAA1B;AACD;AACF,GAND;;AAQA,wBAAU,YAAM;AACdD,IAAAA,YAAY,CAAC/B,IAAD,EAAO,IAAP,CAAZ;AACD,GAFD,EAEG,CAACA,IAAD,CAFH;;AAIA,MAAMmC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,OAAD,EAAsB;AAC1C,QAAMC,cAAc,GAAGlB,eAAe,CAACiB,OAAD,CAAtC;;AACA,QAAIC,cAAJ,EAAoB;AAClBf,MAAAA,iBAAiB,CAACgB,OAAlB,GAA4B,IAA5B;AACA,UAAmBC,SAAnB,GAAiCF,cAAjC,CAAQG,SAAR;AACA1B,MAAAA,eAAe,CACb,OAAOyB,SAAP,KAAqB,QAArB,GAAgCA,SAAhC,GAA4C,gCAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAD/B,EAEbH,OAAO,KAAK,GAAZ,GACE,gCAAC,0BAAD;AAAc,QAAA,KAAK,EAAC,EAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QADF,GAEIA,OAAO,KAAK,GAAZ,GACF,gCAAC,8BAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QADE,GAEAK,SANS,CAAf;AAQD;AACF,GAdD;;AAgBA,MAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;AACzBpB,IAAAA,iBAAiB,CAACgB,OAAlB,GAA4B,KAA5B;AACAhC,IAAAA,gBAAgB;AACjB,GAHD;;AAKA,MAAMe,iBAAiB;AAAA,gFAAG;AAAA;;AAAA;AAAA;AAAA;AAAA;AACxBsB,cAAAA,KADwB,QACxBA,KADwB,EAExBP,OAFwB,QAExBA,OAFwB;;AAAA,mBAOpB,6BAAiBA,OAAjB,CAPoB;AAAA;AAAA;AAAA;;AAQhBC,cAAAA,cARgB,GAQClB,eAAe,CAACiB,OAAD,CARhB;;AAAA,mBASlBC,cATkB;AAAA;AAAA;AAAA;;AAAA;AAAA,qBAUdA,cAAc,CAACO,YAAf,CACJD,KADI,EAEJ3C,IAFI,EAGJ,UAAC6C,IAAD,EAAOC,aAAP,EAAyB;AACvB,oBAAIH,KAAK,KAAKG,aAAd,EAA6B;AAC3B1B,kBAAAA,wBAAwB,CAAC;AACvByB,oBAAAA,IAAI,EAAJA,IADuB;AAEvBE,oBAAAA,QAAQ,EAAE,kBAACC,IAAD;AAAA,6BAAUC,kBAAkB,CAAC;AAAED,wBAAAA,IAAI,EAAJA,IAAF;AAAQZ,wBAAAA,OAAO,EAAPA;AAAR,uBAAD,CAA5B;AAAA;AAFa,mBAAD,CAAxB;AAID;AACF,eAVG,EAWJ;AACEc,gBAAAA,KAAK,EAAE7C,4BADT;AAEEK,gBAAAA,yBAAyB,EAAzBA,yBAFF;AAGEC,gBAAAA,uBAAuB,EAAvBA;AAHF,eAXI,CAVc;;AAAA;AAAA;AAAA;;AAAA;AAAA,mBA4Bb,6BAAiByB,OAAjB,CA5Ba;AAAA;AAAA;AAAA;;AA6BhBC,cAAAA,eA7BgB,GA6BClB,eAAe,CAACiB,OAAD,CA7BhB;;AAAA,mBA8BlBC,eA9BkB;AAAA;AAAA;AAAA;;AAAA;AAAA,qBA+BdA,eAAc,CAACO,YAAf,CACJD,KADI,EAEJ3C,IAFI,EAGJ,UAAC6C,IAAD,EAAOC,aAAP,EAAyB;AACvB,oBAAIH,KAAK,KAAKG,aAAd,EAA6B;AAC3B;AACD;;AAED1B,gBAAAA,wBAAwB,CAAC;AACvByB,kBAAAA,IAAI,EAAJA,IADuB;AAEvBE,kBAAAA,QAAQ,EAAE,kBAACC,IAAD;AAAA,2BAAUC,kBAAkB,CAAC;AAAED,sBAAAA,IAAI,EAAJA,IAAF;AAAQZ,sBAAAA,OAAO,EAAPA;AAAR,qBAAD,CAA5B;AAAA;AAFa,iBAAD,CAAxB;AAID,eAZG,EAaJ;AACEc,gBAAAA,KAAK,EAAE7C;AADT,eAbI,CA/Bc;;AAAA;AAAA;AAAA;;AAAA;AAkDhBgC,cAAAA,gBAlDgB,GAkDClB,eAAe,CAACiB,OAAD,CAlDhB;;AAAA,mBAmDlBC,gBAnDkB;AAAA;AAAA;AAAA;;AAAA;AAAA,qBAoDdA,gBAAc,CAACO,YAAf,CAA4BD,KAA5B,EAAoD3C,IAApD,EAA0D,UAAC6C,IAAD,EAAOC,aAAP,EAAyB;AACvF,oBAAIH,KAAK,KAAKG,aAAd,EAA6B;AAC3B;AACD;;AAED1B,gBAAAA,wBAAwB,CACtB;AACEyB,kBAAAA,IAAI,EAAJA,IADF;AAEEE,kBAAAA,QAAQ,EAAE,kBAACC,IAAD;AAAA,2BAAUC,kBAAkB,CAAC;AAAED,sBAAAA,IAAI,EAAJA,IAAF;AAAQZ,sBAAAA,OAAO,EAAPA;AAAR,qBAAD,CAA5B;AAAA;AAFZ,iBADsB,EAKtB,gCAAC,0BAAD;AAAc,kBAAA,KAAK,EAAEO,KAArB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBALsB,CAAxB;AAOD,eAZK,CApDc;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAH;;AAAA,oBAAjBtB,iBAAiB;AAAA;AAAA;AAAA,KAAvB;;AAqEA,MAAM8B,qBAA0D,GAAG,SAA7DA,qBAA6D,QAI7D;AAAA,QAFWC,GAEX,SAHJC,WAGI,CAFFC,SAEE,CAFWF,GAEX;AACJ7B,IAAAA,YAAY,CAACe,OAAb,GAAuBc,GAAvB;AACD,GAND;;AAQA,MAAMH,kBAAkB,GAAG,SAArBA,kBAAqB,QAMrB;AAAA,QALJD,IAKI,SALJA,IAKI;AAAA,QAJJZ,OAII,SAJJA,OAII;;AACJ,QAAI,CAACA,OAAD,IAAY,CAACjB,eAAe,CAACiB,OAAD,CAAhC,EAA2C;AACzC;AACD;;AAED,QAAImB,cAAc,GAAG,EAArB;;AACA,QAAI,6BAAiBnB,OAAjB,KAA6B,6CAAoBY,IAApB,CAAjC,EAA4D;AAC1D,UAAMX,cAAc,GAAGlB,eAAe,CAACiB,OAAD,CAAtC;;AACA,UAAIC,cAAJ,EAAoB;AAClBkB,QAAAA,cAAc,GAAMlB,cAAc,CAACmB,MAAf,CAAsBR,IAAtB,EAA4BhD,IAAlC,MAAd;AACD;AACF;;AACD,QAAI,2BAAeoC,OAAf,KAA2B,2CAAkBY,IAAlB,CAA/B,EAAwD;AACtD,UAAMX,gBAAc,GAAGlB,eAAe,CAACiB,OAAD,CAAtC;;AACA,UAAIC,gBAAJ,EAAoB;AAClBkB,QAAAA,cAAc,GAAMlB,gBAAc,CAACmB,MAAf,CAAsBR,IAAtB,EAA4BhD,IAAlC,MAAd;AACD;AACF;;AACD,QAAI,6BAAiBoC,OAAjB,KAA6B,0CAAiBY,IAAjB,CAAjC,EAAyD;AACvD,UAAMX,gBAAc,GAAGlB,eAAe,CAACiB,OAAD,CAAtC;;AACA,UAAIC,gBAAJ,EAAoB;AAClBkB,QAAAA,cAAc,GAAMlB,gBAAc,CAACmB,MAAf,CAAsBR,IAAtB,EAA4BhD,IAAlC,MAAd;AACD;AACF;;AAED,QAAMyD,YAAY,GAAGzD,IAAI,CAAC0D,KAAL,CAAW,CAAX,EAAcnC,YAAY,CAACe,OAA3B,CAArB;AAEA,QAAMzC,oBAAoB,GAAG4D,YAAY,CAACE,WAAb,CAAyBvB,OAAzB,EAAkCb,YAAY,CAACe,OAA/C,CAA7B;AAEA,QAAMsB,gBAAgB,GAAGjE,oBAAoB,CAAC4D,cAAD,EAAiB1D,oBAAjB,CAA7C;AAEA,QAAMgE,YAAY,QAAMJ,YAAY,CAACK,SAAb,CAAuB,CAAvB,EAA0BjE,oBAA1B,CAAN,GAAwD0D,cAA1E;AAEAb,IAAAA,YAAY;AAEZ,QAAMV,OAAO,GAAGhC,IAAI,CAAC+D,OAAL,CAAaN,YAAb,EAA2BI,YAA3B,CAAhB;;AAEA,QAAIrD,YAAY,IAAIwB,OAAO,CAACgC,UAAR,CAAmB,SAAnB,CAApB,EAAmD;AACjDnD,MAAAA,QAAQ,CAACmB,OAAO,CAAC0B,KAAR,CAAc,CAAd,CAAD,CAAR;AACA3C,MAAAA,cAAc,CAAC,IAAD,CAAd;AACD,KAHD,MAGO;AACLF,MAAAA,QAAQ,CAACmB,OAAD,CAAR;AACD;;AAEDT,IAAAA,YAAY,CAACe,OAAb,GAAuBsB,gBAAgB,IAAI,CAA3C;;AAEA,QAAI,6BAAiBxB,OAAjB,KAA6B,0CAAiBY,IAAjB,CAAjC,EAAyD;AACvD,UAAMX,gBAAc,GAAGlB,eAAe,CAACiB,OAAD,CAAtC;;AACA,UAAIC,gBAAJ,EAAoB;AAClBA,QAAAA,gBAAc,CAAC4B,QAAf,CAAwBjB,IAAxB;AACD;AACF;AACF,GA1DD;;AA4DA,MAAMkB,aAAa;AAAA,gFAAG,kBAAOlE,IAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBACfD,SAAS,CAACC,IAAD,CADM;AAAA;AAAA;AAAA;;AAAA,gDAEX,KAFW;;AAAA;AAKpB,kBAAI,CAACsB,iBAAiB,CAACgB,OAAvB,EAAgC;AAC9BH,gBAAAA,aAAa,CAAC,GAAD,CAAb;AACD;;AACKgC,cAAAA,WARc,GAQAnE,IAAI,CAACoE,IAAL,GAAYV,KAAZ,CAAkB,CAAlB,CARA;AAAA;AAAA,qBASdrC,iBAAiB,CAAC;AAAEsB,gBAAAA,KAAK,EAAEwB,WAAT;AAAsB/B,gBAAAA,OAAO,EAAE;AAA/B,eAAD,CATH;;AAAA;AAAA,gDAWb,IAXa;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAH;;AAAA,oBAAb8B,aAAa;AAAA;AAAA;AAAA,KAAnB;;AAcA,MAAMG,cAAc,GAAG,SAAjBA,cAAiB,QAA6D;AAAA,QAA1DC,UAA0D,SAA1DA,UAA0D;AAClF,QAAMC,SAAS,GAAGD,UAAH,oBAAGA,UAAU,CAAGA,UAAU,CAACxE,MAAX,GAAoB,CAAvB,CAA5B;AACA,QAAM0E,qBAAqB,GACxBD,SAAS,IAAIE,MAAM,CAACC,IAAP,CAAYvD,eAAZ,EAA6BwD,IAA7B,CAAkC,UAACvC,OAAD;AAAA,aAAaA,OAAO,KAAKmC,SAAS,CAAC,CAAD,CAAlC;AAAA,KAAlC,CAAd,IACA,IAFF;;AAQA,QAAI,CAACA,SAAD,IAAcA,SAAS,CAACzE,MAAV,IAAoB,CAAtC,EAAyC;AACvC4C,MAAAA,YAAY;AACZ;AACD;;AAED,QAAMyB,WAAW,GAAGI,SAAS,CAACb,KAAV,CAAgB,CAAhB,CAApB;;AAGA,QAAI,CAACc,qBAAL,EAA4B;AAC1B;AACD;;AAED,QAAI,CAAClD,iBAAiB,CAACgB,OAAvB,EAAgC;AAC9BH,MAAAA,aAAa,CAAC,GAAD,CAAb;AACD;;AAEDd,IAAAA,iBAAiB,CAAC;AAAEsB,MAAAA,KAAK,EAAEwB,WAAT;AAAsB/B,MAAAA,OAAO,EAAE;AAA/B,KAAD,CAAjB;AACD,GA3BD;;AA6BA,MAAMwC,YAAY,GAAG,SAAfA,YAAe,QAA6D;AAAA,QAA1DN,UAA0D,SAA1DA,UAA0D;AAChF,QAAMC,SAAS,GAAGD,UAAH,oBAAGA,UAAU,CAAGA,UAAU,CAACxE,MAAX,GAAoB,CAAvB,CAAV,CAAoCsE,IAApC,EAAlB;AACA,QAAMS,mBAAmB,GACtBN,SAAS,IAAIE,MAAM,CAACC,IAAP,CAAYvD,eAAZ,EAA6BwD,IAA7B,CAAkC,UAACvC,OAAD;AAAA,aAAaA,OAAO,KAAKmC,SAAS,CAAC,CAAD,CAAlC;AAAA,KAAlC,CAAd,IACA,IAFF;;AAQA,QAAI,CAACA,SAAD,IAAcA,SAAS,CAACzE,MAAV,IAAoB,CAAtC,EAAyC;AACvC4C,MAAAA,YAAY;AACZ;AACD;;AAED,QAAMyB,WAAW,GAAGI,SAAS,CAACb,KAAV,CAAgB,CAAhB,CAApB;;AAGA,QAAI,CAACmB,mBAAL,EAA0B;AACxB;AACD;;AAED,QAAI,CAACvD,iBAAiB,CAACgB,OAAvB,EAAgC;AAC9BH,MAAAA,aAAa,CAAC,GAAD,CAAb;AACD;;AAEDd,IAAAA,iBAAiB,CAAC;AAAEsB,MAAAA,KAAK,EAAEwB,WAAT;AAAsB/B,MAAAA,OAAO,EAAE;AAA/B,KAAD,CAAjB;AACD,GA3BD;;AA6BA,MAAM0C,iBAAiB;AAAA,gFAAG,kBAAO9E,IAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAEtB,KAAK+E,IAAL,CAAU/E,IAAI,CAAC0D,KAAL,CAAWnC,YAAY,CAACe,OAAb,GAAuB,CAAlC,EAAqCf,YAAY,CAACe,OAAlD,CAAV,KACAhB,iBAAiB,CAACgB,OAHI;AAAA;AAAA;AAAA;;AAKtBI,cAAAA,YAAY;AALU;AAAA;;AAAA;AAAA,6BAMblC,YANa;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA,qBAMW0D,aAAa,CAAClE,IAAD,CANxB;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAOhBgF,cAAAA,iBAPgB,GAOIhF,IAAI,CAC3B0D,KADuB,CACjB,CADiB,EACdnC,YAAY,CAACe,OADC,EAEvB2C,KAFuB,CAEjB,+BAFiB,CAPJ;;AAUtB,kBAAID,iBAAJ,EAAuB;AACrBX,gBAAAA,cAAc,CAAC;AAAEC,kBAAAA,UAAU,EAAEU;AAAd,iBAAD,CAAd;AACD,eAFD,MAEO;AACCE,gBAAAA,eADD,GACmBlF,IAAI,CACzB0D,KADqB,CACf,CADe,EACZnC,YAAY,CAACe,OADD,EAErB2C,KAFqB,CAEf,mCAFe,CADnB;AAILL,gBAAAA,YAAY,CAAC;AAAEN,kBAAAA,UAAU,EAAEY;AAAd,iBAAD,CAAZ;AACD;;AAjBqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAH;;AAAA,oBAAjBJ,iBAAiB;AAAA;AAAA;AAAA,KAAvB;;AAqBA,MAAM5C,0BAA0B,GAAG,0BAAS4C,iBAAT,EAA4B,GAA5B,EAAiC;AAClEK,IAAAA,OAAO,EAAE;AADyD,GAAjC,CAAnC;AAIA,SACE,gCAAC,sBAAD;AACE,IAAA,SAAS,EAAE1E,gBADb;AAEE,IAAA,SAAS,MAFX;AAGE,IAAA,YAAY,EAAE,sBAACuB,OAAD,EAAa;AACzB,UAAIxB,YAAY,IAAIwB,OAAO,CAACgC,UAAR,CAAmB,SAAnB,CAApB,EAAmD;AACjDjC,QAAAA,YAAY,CAACC,OAAO,CAAC0B,KAAR,CAAc,CAAd,CAAD,CAAZ;AACA3C,QAAAA,cAAc,CAAC,IAAD,CAAd;AACD,OAHD,MAGO;AACLgB,QAAAA,YAAY,CAACC,OAAD,CAAZ;AACD;AACF,KAVH;AAWE,IAAA,mBAAmB,EAAE,oCAIf;AAAA,UAFaoD,MAEb,SAHJ/B,WAGI,CAFFgC,WAEE,CAFaD,MAEb;;AACJ,UAAI,CAAC5D,UAAL,EAAiB;AACfC,QAAAA,aAAa,CAAC2D,MAAD,CAAb;AACD;AACF,KAnBH;AAoBE,IAAA,iBAAiB,EAAEjC,qBApBrB;AAqBE,IAAA,WAAW,EAAE5C,WAAW,GAAGW,CAAC,CAAC,aAAD,CAAJ,GAAsBA,CAAC,CAAC,gBAAD,CArBjD;AAsBE,IAAA,oBAAoB,EAAEW,IAtBxB;AAuBE,IAAA,GAAG,EAAEb,cAvBP;AAwBE,IAAA,KAAK,EAAE,CACL/B,MAAM,CAACG,QADF,EAEL;AACEkG,MAAAA,KAAK,EAAE1D,KADT;AAEE2D,MAAAA,SAAS,EAAE,CAAC/D,UAAU,IAAI,EAAf,IAAqBZ;AAFlC,KAFK,EAMLxB,QANK,CAxBT;AAgCE,IAAA,MAAM,EAAC,0BAhCT;AAiCE,IAAA,KAAK,EAAEY;AAjCT,KAkCMI,wBAlCN;AAmCE,IAAA,MAAM,EAAE,gBAACoF,KAAD,EAAW;AACjB,UAAIpF,wBAAJ,YAAIA,wBAAwB,CAAEqF,MAA9B,EAAsC;AACpCrF,QAAAA,wBAAwB,QAAxB,YAAAA,wBAAwB,CAAEqF,MAA1B,CAAiCD,KAAjC;AACD;;AACDvE,MAAAA,kBAAkB,CAAC,IAAD,CAAlB;AACD,KAxCH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF;AA4CD,CAlWD;;AAoWA,IAAMyE,QAAQ,GAAG,SAAXA,QAAW,CASfC,SATe,EAUfC,SAVe,EAWZ;AACH,MAAqBC,eAArB,GAAmEF,SAAnE,CAAQpF,WAAR;AAAA,MAAyCuF,KAAzC,GAAmEH,SAAnE,CAAsCzE,CAAtC;AAAA,MAAsD6E,QAAtD,GAAmEJ,SAAnE,CAAgD3F,IAAhD;AACA,MAAqBgG,eAArB,GAAmEJ,SAAnE,CAAQrF,WAAR;AAAA,MAAyC0F,KAAzC,GAAmEL,SAAnE,CAAsC1E,CAAtC;AAAA,MAAsDgF,QAAtD,GAAmEN,SAAnE,CAAgD5F,IAAhD;AAEA,MAAMmG,gBAAgB,GAAGN,eAAe,KAAKG,eAA7C;AACA,MAAI,CAACG,gBAAL,EAAuB,OAAO,KAAP;AAEvB,MAAMC,MAAM,GAAGN,KAAK,KAAKG,KAAzB;AACA,MAAI,CAACG,MAAL,EAAa,OAAO,KAAP;AAEb,MAAMC,SAAS,GAAGN,QAAQ,KAAKG,QAA/B;AACA,MAAI,CAACG,SAAL,EAAgB,OAAO,KAAP;AAEhB,SAAO,IAAP;AACD,CAzBD;;AA2BA,IAAMC,yBAAyB,GAAGC,kBAAMC,IAAN,CAChCtG,4BADgC,EAEhCwF,QAFgC,CAAlC;;AAKO,IAAMe,iBAAiB,GAAG,SAApBA,iBAAoB,CAS/BtG,KAT+B,EAU5B;AACH,2BAAyB,wCAAzB;AAAA,MAAQK,YAAR,sBAAQA,YAAR;;AACA,8BAcI,kDAdJ;AAAA,MACEJ,wBADF,yBACEA,wBADF;AAAA,MAEEC,4BAFF,yBAEEA,4BAFF;AAAA,MAGEE,WAHF,yBAGEA,WAHF;AAAA,MAIEE,gBAJF,yBAIEA,gBAJF;AAAA,MAKEC,yBALF,yBAKEA,yBALF;AAAA,MAMEC,uBANF,yBAMEA,uBANF;AAAA,MAOEC,aAPF,yBAOEA,aAPF;AAAA,MAQEC,QARF,yBAQEA,QARF;AAAA,MASEE,cATF,yBASEA,cATF;AAAA,MAUEC,cAVF,yBAUEA,cAVF;AAAA,MAWEC,kBAXF,yBAWEA,kBAXF;AAAA,MAYEjB,IAZF,yBAYEA,IAZF;AAAA,MAaEmB,eAbF,yBAaEA,eAbF;;AAeA,8BAAiE,gDAAjE;AAAA,MAAQb,gBAAR,yBAAQA,gBAAR;AAAA,MAA0BQ,eAA1B,yBAA0BA,eAA1B;AAAA,MAA2CO,iBAA3C,yBAA2CA,iBAA3C;;AACA,8BAAc,gDAAd;AAAA,MAAQH,CAAR,yBAAQA,CAAR;;AAEA,SACE,gCAAC,yBAAD;AAEId,IAAAA,wBAAwB,EAAxBA,wBAFJ;AAGIC,IAAAA,4BAA4B,EAA5BA,4BAHJ;AAIIC,IAAAA,gBAAgB,EAAhBA,gBAJJ;AAKIC,IAAAA,WAAW,EAAXA,WALJ;AAMIC,IAAAA,YAAY,EAAZA,YANJ;AAOIC,IAAAA,gBAAgB,EAAhBA,gBAPJ;AAQIC,IAAAA,yBAAyB,EAAzBA,yBARJ;AASIC,IAAAA,uBAAuB,EAAvBA,uBATJ;AAUIC,IAAAA,aAAa,EAAbA,aAVJ;AAWIC,IAAAA,QAAQ,EAARA,QAXJ;AAYIC,IAAAA,eAAe,EAAfA,eAZJ;AAaIC,IAAAA,cAAc,EAAdA,cAbJ;AAcIC,IAAAA,cAAc,EAAdA,cAdJ;AAeIC,IAAAA,kBAAkB,EAAlBA,kBAfJ;AAgBIC,IAAAA,CAAC,EAADA,CAhBJ;AAiBIlB,IAAAA,IAAI,EAAJA,IAjBJ;AAkBImB,IAAAA,eAAe,EAAfA,eAlBJ;AAmBIE,IAAAA,iBAAiB,EAAjBA;AAnBJ,KAqBMlB,KArBN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF;AAyBD,CAvDM;;;AAyDPsG,iBAAiB,CAACC,WAAlB,GAAgC,2CAAhC","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { StyleSheet, TextInput } from 'react-native';\nimport throttle from 'lodash/throttle';\n\nimport { CommandsHeader } from './CommandsHeader';\nimport { EmojisHeader } from './EmojisHeader';\n\nimport {\n  ChannelContextValue,\n  useChannelContext,\n} from '../../contexts/channelContext/ChannelContext';\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport {\n  isSuggestionCommand,\n  isSuggestionEmoji,\n  isSuggestionUser,\n  Suggestion,\n  SuggestionCommand,\n  SuggestionsContextValue,\n  SuggestionUser,\n  useSuggestionsContext,\n} from '../../contexts/suggestionsContext/SuggestionsContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport {\n  TranslationContextValue,\n  useTranslationContext,\n} from '../../contexts/translationContext/TranslationContext';\nimport { isCommandTrigger, isEmojiTrigger, isMentionTrigger } from '../../utils/utils';\n\nimport type { TextInputProps } from 'react-native';\n\nimport type { Emoji } from '../../emoji-data/compiled';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\nimport type { Trigger } from '../../utils/utils';\n\nconst styles = StyleSheet.create({\n  inputBox: {\n    flex: 1,\n    fontSize: 14,\n    includeFontPadding: false, // for android vertical text centering\n    padding: 0, // removal of default text input padding on android\n    paddingTop: 0, // removal of iOS top padding for weird centering\n    textAlignVertical: 'center', // for android vertical text centering\n  },\n});\n\nconst computeCaretPosition = (token: string, startOfTokenPosition: number) =>\n  startOfTokenPosition + token.length;\n\nconst isCommand = (text: string) => text[0] === '/' && text.split(' ').length <= 1;\n\ntype AutoCompleteInputPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'giphyEnabled'> &\n  Pick<\n    MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    | 'additionalTextInputProps'\n    | 'autoCompleteSuggestionsLimit'\n    | 'giphyActive'\n    | 'maxMessageLength'\n    | 'mentionAllAppUsersEnabled'\n    | 'mentionAllAppUsersQuery'\n    | 'numberOfLines'\n    | 'onChange'\n    | 'setGiphyActive'\n    | 'setInputBoxRef'\n    | 'setShowMoreOptions'\n    | 'text'\n    | 'triggerSettings'\n  > &\n  Pick<\n    SuggestionsContextValue<Co, Us>,\n    'closeSuggestions' | 'openSuggestions' | 'updateSuggestions'\n  > &\n  Pick<TranslationContextValue, 't'>;\n\nexport type AutoCompleteInputProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<AutoCompleteInputPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\nconst AutoCompleteInputWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: AutoCompleteInputPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalTextInputProps,\n    autoCompleteSuggestionsLimit,\n    closeSuggestions,\n    giphyActive,\n    giphyEnabled,\n    maxMessageLength,\n    mentionAllAppUsersEnabled,\n    mentionAllAppUsersQuery,\n    numberOfLines,\n    onChange,\n    openSuggestions,\n    setGiphyActive,\n    setInputBoxRef,\n    setShowMoreOptions,\n    t,\n    text,\n    triggerSettings,\n    updateSuggestions: updateSuggestionsContext,\n  } = props;\n\n  const isTrackingStarted = useRef(false);\n  const selectionEnd = useRef(0);\n  const [textHeight, setTextHeight] = useState(0);\n\n  const {\n    theme: {\n      colors: { black, grey },\n      messageInput: { inputBox },\n    },\n  } = useTheme();\n\n  const handleChange = (newText: string, fromUpdate = false) => {\n    if (!fromUpdate) {\n      onChange(newText);\n    } else {\n      handleSuggestionsThrottled(newText);\n    }\n  };\n\n  useEffect(() => {\n    handleChange(text, true);\n  }, [text]);\n\n  const startTracking = (trigger: Trigger) => {\n    const triggerSetting = triggerSettings[trigger];\n    if (triggerSetting) {\n      isTrackingStarted.current = true;\n      const { component: Component } = triggerSetting;\n      openSuggestions(\n        typeof Component === 'string' ? Component : <Component />,\n        trigger === ':' ? (\n          <EmojisHeader title='' />\n        ) : trigger === '/' ? (\n          <CommandsHeader />\n        ) : undefined,\n      );\n    }\n  };\n\n  const stopTracking = () => {\n    isTrackingStarted.current = false;\n    closeSuggestions();\n  };\n\n  const updateSuggestions = async ({\n    query,\n    trigger,\n  }: {\n    query: Suggestion['name'];\n    trigger: Trigger;\n  }) => {\n    if (isMentionTrigger(trigger)) {\n      const triggerSetting = triggerSettings[trigger];\n      if (triggerSetting) {\n        await triggerSetting.dataProvider(\n          query as SuggestionUser<Us>['name'],\n          text,\n          (data, queryCallback) => {\n            if (query === queryCallback) {\n              updateSuggestionsContext({\n                data,\n                onSelect: (item) => onSelectSuggestion({ item, trigger }),\n              });\n            }\n          },\n          {\n            limit: autoCompleteSuggestionsLimit,\n            mentionAllAppUsersEnabled,\n            mentionAllAppUsersQuery,\n          },\n        );\n      }\n    } else if (isCommandTrigger(trigger)) {\n      const triggerSetting = triggerSettings[trigger];\n      if (triggerSetting) {\n        await triggerSetting.dataProvider(\n          query as SuggestionCommand<Co>['name'],\n          text,\n          (data, queryCallback) => {\n            if (query !== queryCallback) {\n              return;\n            }\n\n            updateSuggestionsContext({\n              data,\n              onSelect: (item) => onSelectSuggestion({ item, trigger }),\n            });\n          },\n          {\n            limit: autoCompleteSuggestionsLimit,\n          },\n        );\n      }\n    } else {\n      const triggerSetting = triggerSettings[trigger];\n      if (triggerSetting) {\n        await triggerSetting.dataProvider(query as Emoji['name'], text, (data, queryCallback) => {\n          if (query !== queryCallback) {\n            return;\n          }\n\n          updateSuggestionsContext(\n            {\n              data,\n              onSelect: (item) => onSelectSuggestion({ item, trigger }),\n            },\n            <EmojisHeader title={query} />,\n          );\n        });\n      }\n    }\n  };\n\n  const handleSelectionChange: TextInputProps['onSelectionChange'] = ({\n    nativeEvent: {\n      selection: { end },\n    },\n  }) => {\n    selectionEnd.current = end;\n  };\n\n  const onSelectSuggestion = ({\n    item,\n    trigger,\n  }: {\n    item: Suggestion<Co, Us>;\n    trigger: Trigger;\n  }) => {\n    if (!trigger || !triggerSettings[trigger]) {\n      return;\n    }\n\n    let newTokenString = '';\n    if (isCommandTrigger(trigger) && isSuggestionCommand(item)) {\n      const triggerSetting = triggerSettings[trigger];\n      if (triggerSetting) {\n        newTokenString = `${triggerSetting.output(item).text} `;\n      }\n    }\n    if (isEmojiTrigger(trigger) && isSuggestionEmoji(item)) {\n      const triggerSetting = triggerSettings[trigger];\n      if (triggerSetting) {\n        newTokenString = `${triggerSetting.output(item).text} `;\n      }\n    }\n    if (isMentionTrigger(trigger) && isSuggestionUser(item)) {\n      const triggerSetting = triggerSettings[trigger];\n      if (triggerSetting) {\n        newTokenString = `${triggerSetting.output(item).text} `;\n      }\n    }\n\n    const textToModify = text.slice(0, selectionEnd.current);\n\n    const startOfTokenPosition = textToModify.lastIndexOf(trigger, selectionEnd.current);\n\n    const newCaretPosition = computeCaretPosition(newTokenString, startOfTokenPosition);\n\n    const modifiedText = `${textToModify.substring(0, startOfTokenPosition)}${newTokenString}`;\n\n    stopTracking();\n\n    const newText = text.replace(textToModify, modifiedText);\n\n    if (giphyEnabled && newText.startsWith('/giphy ')) {\n      onChange(newText.slice(7)); // 7 because of '/giphy ' length\n      setGiphyActive(true);\n    } else {\n      onChange(newText);\n    }\n\n    selectionEnd.current = newCaretPosition || 0;\n\n    if (isMentionTrigger(trigger) && isSuggestionUser(item)) {\n      const triggerSetting = triggerSettings[trigger];\n      if (triggerSetting) {\n        triggerSetting.callback(item);\n      }\n    }\n  };\n\n  const handleCommand = async (text: string) => {\n    if (!isCommand(text)) {\n      return false;\n    }\n\n    if (!isTrackingStarted.current) {\n      startTracking('/');\n    }\n    const actualToken = text.trim().slice(1);\n    await updateSuggestions({ query: actualToken, trigger: '/' });\n\n    return true;\n  };\n\n  const handleMentions = ({ tokenMatch }: { tokenMatch: RegExpMatchArray | null }) => {\n    const lastToken = tokenMatch?.[tokenMatch.length - 1];\n    const handleMentionsTrigger =\n      (lastToken && Object.keys(triggerSettings).find((trigger) => trigger === lastToken[0])) ||\n      null;\n\n    /*\n      if we lost the trigger token or there is no following character we want to close\n      the autocomplete\n    */\n    if (!lastToken || lastToken.length <= 0) {\n      stopTracking();\n      return;\n    }\n\n    const actualToken = lastToken.slice(1);\n\n    // if trigger is not configured step out from the function, otherwise proceed\n    if (!handleMentionsTrigger) {\n      return;\n    }\n\n    if (!isTrackingStarted.current) {\n      startTracking('@');\n    }\n\n    updateSuggestions({ query: actualToken, trigger: '@' });\n  };\n\n  const handleEmojis = ({ tokenMatch }: { tokenMatch: RegExpMatchArray | null }) => {\n    const lastToken = tokenMatch?.[tokenMatch.length - 1].trim();\n    const handleEmojisTrigger =\n      (lastToken && Object.keys(triggerSettings).find((trigger) => trigger === lastToken[0])) ||\n      null;\n\n    /*\n      if we lost the trigger token or there is no following character we want to close\n      the autocomplete\n    */\n    if (!lastToken || lastToken.length <= 0) {\n      stopTracking();\n      return;\n    }\n\n    const actualToken = lastToken.slice(1);\n\n    // if trigger is not configured step out from the function, otherwise proceed\n    if (!handleEmojisTrigger) {\n      return;\n    }\n\n    if (!isTrackingStarted.current) {\n      startTracking(':');\n    }\n\n    updateSuggestions({ query: actualToken, trigger: ':' });\n  };\n\n  const handleSuggestions = async (text: string) => {\n    if (\n      /\\s/.test(text.slice(selectionEnd.current - 1, selectionEnd.current)) &&\n      isTrackingStarted.current\n    ) {\n      stopTracking();\n    } else if (giphyEnabled && !(await handleCommand(text))) {\n      const mentionTokenMatch = text\n        .slice(0, selectionEnd.current)\n        .match(/(?!^|\\W)?@[^\\s@]*\\s?[^\\s@]*$/g);\n      if (mentionTokenMatch) {\n        handleMentions({ tokenMatch: mentionTokenMatch });\n      } else {\n        const emojiTokenMatch = text\n          .slice(0, selectionEnd.current)\n          .match(/(?!^|\\W)?:\\w{2,}[^\\s]*\\s?[^\\s]*$/g);\n        handleEmojis({ tokenMatch: emojiTokenMatch });\n      }\n    }\n  };\n\n  const handleSuggestionsThrottled = throttle(handleSuggestions, 100, {\n    leading: false,\n  });\n\n  return (\n    <TextInput\n      maxLength={maxMessageLength}\n      multiline\n      onChangeText={(newText) => {\n        if (giphyEnabled && newText.startsWith('/giphy ')) {\n          handleChange(newText.slice(7)); // 7 because of '/giphy' length\n          setGiphyActive(true);\n        } else {\n          handleChange(newText);\n        }\n      }}\n      onContentSizeChange={({\n        nativeEvent: {\n          contentSize: { height },\n        },\n      }) => {\n        if (!textHeight) {\n          setTextHeight(height);\n        }\n      }}\n      onSelectionChange={handleSelectionChange}\n      placeholder={giphyActive ? t('Search GIFs') : t('Send a message')}\n      placeholderTextColor={grey}\n      ref={setInputBoxRef}\n      style={[\n        styles.inputBox,\n        {\n          color: black,\n          maxHeight: (textHeight || 17) * numberOfLines,\n        },\n        inputBox,\n      ]}\n      testID='auto-complete-text-input'\n      value={text}\n      {...additionalTextInputProps}\n      onBlur={(event) => {\n        if (additionalTextInputProps?.onBlur) {\n          additionalTextInputProps?.onBlur(event);\n        }\n        setShowMoreOptions(true);\n      }}\n    />\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: AutoCompleteInputPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: AutoCompleteInputPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { giphyActive: prevGiphyActive, t: prevT, text: prevText } = prevProps;\n  const { giphyActive: nextGiphyActive, t: nextT, text: nextText } = nextProps;\n\n  const giphyActiveEqual = prevGiphyActive === nextGiphyActive;\n  if (!giphyActiveEqual) return false;\n\n  const tEqual = prevT === nextT;\n  if (!tEqual) return false;\n\n  const textEqual = prevText === nextText;\n  if (!textEqual) return false;\n\n  return true;\n};\n\nconst MemoizedAutoCompleteInput = React.memo(\n  AutoCompleteInputWithContext,\n  areEqual,\n) as typeof AutoCompleteInputWithContext;\n\nexport const AutoCompleteInput = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: AutoCompleteInputProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { giphyEnabled } = useChannelContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const {\n    additionalTextInputProps,\n    autoCompleteSuggestionsLimit,\n    giphyActive,\n    maxMessageLength,\n    mentionAllAppUsersEnabled,\n    mentionAllAppUsersQuery,\n    numberOfLines,\n    onChange,\n    setGiphyActive,\n    setInputBoxRef,\n    setShowMoreOptions,\n    text,\n    triggerSettings,\n  } = useMessageInputContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { closeSuggestions, openSuggestions, updateSuggestions } = useSuggestionsContext<Co, Us>();\n  const { t } = useTranslationContext();\n\n  return (\n    <MemoizedAutoCompleteInput\n      {...{\n        additionalTextInputProps,\n        autoCompleteSuggestionsLimit,\n        closeSuggestions,\n        giphyActive,\n        giphyEnabled,\n        maxMessageLength,\n        mentionAllAppUsersEnabled,\n        mentionAllAppUsersQuery,\n        numberOfLines,\n        onChange,\n        openSuggestions,\n        setGiphyActive,\n        setInputBoxRef,\n        setShowMoreOptions,\n        t,\n        text,\n        triggerSettings,\n        updateSuggestions,\n      }}\n      {...props}\n    />\n  );\n};\n\nAutoCompleteInput.displayName = 'AutoCompleteInput{messageInput{inputBox}}';\n"]}
+{"version":3,"sources":["AutoCompleteInput.tsx"],"names":["styles","StyleSheet","create","inputBox","flex","fontSize","includeFontPadding","padding","paddingTop","textAlignVertical","computeCaretPosition","token","startOfTokenPosition","length","isCommand","text","split","AutoCompleteInputWithContext","props","additionalTextInputProps","autoCompleteSuggestionsLimit","closeSuggestions","cooldownActive","giphyActive","giphyEnabled","maxMessageLength","mentionAllAppUsersEnabled","mentionAllAppUsersQuery","numberOfLines","onChange","openSuggestions","setGiphyActive","setInputBoxRef","setShowMoreOptions","t","triggerSettings","updateSuggestionsContext","updateSuggestions","isTrackingStarted","selectionEnd","textHeight","setTextHeight","theme","colors","black","grey","messageInput","handleChange","newText","fromUpdate","handleSuggestionsThrottled","startTracking","trigger","triggerSetting","current","type","stopTracking","query","dataProvider","data","queryCallback","onSelect","item","onSelectSuggestion","queryText","limit","handleSelectionChange","end","nativeEvent","selection","newTokenString","output","textToModify","slice","lastIndexOf","newCaretPosition","modifiedText","substring","replace","startsWith","callback","handleCommand","actualToken","trim","handleMentions","tokenMatch","lastToken","handleMentionsTrigger","Object","keys","find","handleEmojis","handleEmojisTrigger","handleSuggestions","test","mentionTokenMatch","match","emojiTokenMatch","placeholderText","leading","height","contentSize","color","maxHeight","event","onBlur","areEqual","prevProps","nextProps","prevCooldownActive","prevGiphyActive","prevT","prevText","nextCooldownActive","nextGiphyActive","nextT","nextText","giphyActiveEqual","tEqual","textEqual","cooldownActiveEqual","MemoizedAutoCompleteInput","React","memo","AutoCompleteInput","displayName"],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { StyleSheet, TextInput, TextInputProps } from 'react-native';\n\nimport throttle from 'lodash/throttle';\n\nimport {\n  ChannelContextValue,\n  useChannelContext,\n} from '../../contexts/channelContext/ChannelContext';\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport {\n  isSuggestionCommand,\n  isSuggestionEmoji,\n  isSuggestionUser,\n  Suggestion,\n  SuggestionCommand,\n  SuggestionsContextValue,\n  SuggestionUser,\n  useSuggestionsContext,\n} from '../../contexts/suggestionsContext/SuggestionsContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport {\n  TranslationContextValue,\n  useTranslationContext,\n} from '../../contexts/translationContext/TranslationContext';\nimport type { Emoji } from '../../emoji-data/compiled';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\nimport { isCommandTrigger, isEmojiTrigger, isMentionTrigger } from '../../utils/utils';\n\nimport type { Trigger } from '../../utils/utils';\n\nconst styles = StyleSheet.create({\n  inputBox: {\n    flex: 1,\n    fontSize: 14,\n    includeFontPadding: false, // for android vertical text centering\n    padding: 0, // removal of default text input padding on android\n    paddingTop: 0, // removal of iOS top padding for weird centering\n    textAlignVertical: 'center', // for android vertical text centering\n  },\n});\n\nconst computeCaretPosition = (token: string, startOfTokenPosition: number) =>\n  startOfTokenPosition + token.length;\n\nconst isCommand = (text: string) => text[0] === '/' && text.split(' ').length <= 1;\n\ntype AutoCompleteInputPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'giphyEnabled'> &\n  Pick<\n    MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    | 'additionalTextInputProps'\n    | 'autoCompleteSuggestionsLimit'\n    | 'giphyActive'\n    | 'maxMessageLength'\n    | 'mentionAllAppUsersEnabled'\n    | 'mentionAllAppUsersQuery'\n    | 'numberOfLines'\n    | 'onChange'\n    | 'setGiphyActive'\n    | 'setInputBoxRef'\n    | 'setShowMoreOptions'\n    | 'text'\n    | 'triggerSettings'\n  > &\n  Pick<\n    SuggestionsContextValue<Co, Us>,\n    'closeSuggestions' | 'openSuggestions' | 'updateSuggestions'\n  > &\n  Pick<TranslationContextValue, 't'> & {\n    /**\n     * This is currently passed in from MessageInput to avoid rerenders\n     * that would happen if we put this in the MessageInputContext\n     */\n    cooldownActive?: boolean;\n  };\n\nexport type AutoCompleteInputProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<AutoCompleteInputPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\nconst AutoCompleteInputWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: AutoCompleteInputPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalTextInputProps,\n    autoCompleteSuggestionsLimit,\n    closeSuggestions,\n    cooldownActive = false,\n    giphyActive,\n    giphyEnabled,\n    maxMessageLength,\n    mentionAllAppUsersEnabled,\n    mentionAllAppUsersQuery,\n    numberOfLines,\n    onChange,\n    openSuggestions,\n    setGiphyActive,\n    setInputBoxRef,\n    setShowMoreOptions,\n    t,\n    text,\n    triggerSettings,\n    updateSuggestions: updateSuggestionsContext,\n  } = props;\n\n  const isTrackingStarted = useRef(false);\n  const selectionEnd = useRef(0);\n  const [textHeight, setTextHeight] = useState(0);\n\n  const {\n    theme: {\n      colors: { black, grey },\n      messageInput: { inputBox },\n    },\n  } = useTheme();\n\n  const handleChange = (newText: string, fromUpdate = false) => {\n    if (!fromUpdate) {\n      onChange(newText);\n    } else {\n      handleSuggestionsThrottled(newText);\n    }\n  };\n\n  useEffect(() => {\n    handleChange(text, true);\n  }, [text]);\n\n  const startTracking = (trigger: Trigger) => {\n    const triggerSetting = triggerSettings[trigger];\n    if (triggerSetting) {\n      isTrackingStarted.current = true;\n      const { type } = triggerSetting;\n      openSuggestions(type);\n    }\n  };\n\n  const stopTracking = () => {\n    isTrackingStarted.current = false;\n    closeSuggestions();\n  };\n\n  const updateSuggestions = async ({\n    query,\n    trigger,\n  }: {\n    query: Suggestion['name'];\n    trigger: Trigger;\n  }) => {\n    if (isMentionTrigger(trigger)) {\n      const triggerSetting = triggerSettings[trigger];\n      if (triggerSetting) {\n        await triggerSetting.dataProvider(\n          query as SuggestionUser<Us>['name'],\n          text,\n          (data, queryCallback) => {\n            if (query === queryCallback) {\n              updateSuggestionsContext({\n                data,\n                onSelect: (item) => onSelectSuggestion({ item, trigger }),\n                queryText: query,\n              });\n            }\n          },\n          {\n            limit: autoCompleteSuggestionsLimit,\n            mentionAllAppUsersEnabled,\n            mentionAllAppUsersQuery,\n          },\n        );\n      }\n    } else if (isCommandTrigger(trigger)) {\n      const triggerSetting = triggerSettings[trigger];\n      if (triggerSetting) {\n        await triggerSetting.dataProvider(\n          query as SuggestionCommand<Co>['name'],\n          text,\n          (data, queryCallback) => {\n            if (query !== queryCallback) {\n              return;\n            }\n\n            updateSuggestionsContext({\n              data,\n              onSelect: (item) => onSelectSuggestion({ item, trigger }),\n              queryText: query,\n            });\n          },\n          {\n            limit: autoCompleteSuggestionsLimit,\n          },\n        );\n      }\n    } else {\n      const triggerSetting = triggerSettings[trigger];\n      if (triggerSetting) {\n        await triggerSetting.dataProvider(query as Emoji['name'], text, (data, queryCallback) => {\n          if (query !== queryCallback) {\n            return;\n          }\n\n          updateSuggestionsContext({\n            data,\n            onSelect: (item) => onSelectSuggestion({ item, trigger }),\n            queryText: query,\n          });\n        });\n      }\n    }\n  };\n\n  const handleSelectionChange: TextInputProps['onSelectionChange'] = ({\n    nativeEvent: {\n      selection: { end },\n    },\n  }) => {\n    selectionEnd.current = end;\n  };\n\n  const onSelectSuggestion = ({\n    item,\n    trigger,\n  }: {\n    item: Suggestion<Co, Us>;\n    trigger: Trigger;\n  }) => {\n    if (!trigger || !triggerSettings[trigger]) {\n      return;\n    }\n\n    let newTokenString = '';\n    if (isCommandTrigger(trigger) && isSuggestionCommand(item)) {\n      const triggerSetting = triggerSettings[trigger];\n      if (triggerSetting) {\n        newTokenString = `${triggerSetting.output(item).text} `;\n      }\n    }\n    if (isEmojiTrigger(trigger) && isSuggestionEmoji(item)) {\n      const triggerSetting = triggerSettings[trigger];\n      if (triggerSetting) {\n        newTokenString = `${triggerSetting.output(item).text} `;\n      }\n    }\n    if (isMentionTrigger(trigger) && isSuggestionUser(item)) {\n      const triggerSetting = triggerSettings[trigger];\n      if (triggerSetting) {\n        newTokenString = `${triggerSetting.output(item).text} `;\n      }\n    }\n\n    const textToModify = text.slice(0, selectionEnd.current);\n\n    const startOfTokenPosition = textToModify.lastIndexOf(trigger, selectionEnd.current);\n\n    const newCaretPosition = computeCaretPosition(newTokenString, startOfTokenPosition);\n\n    const modifiedText = `${textToModify.substring(0, startOfTokenPosition)}${newTokenString}`;\n\n    stopTracking();\n\n    const newText = text.replace(textToModify, modifiedText);\n\n    if (giphyEnabled && newText.startsWith('/giphy ')) {\n      onChange(newText.slice(7)); // 7 because of '/giphy ' length\n      setGiphyActive(true);\n    } else {\n      onChange(newText);\n    }\n\n    selectionEnd.current = newCaretPosition || 0;\n\n    if (isMentionTrigger(trigger) && isSuggestionUser(item)) {\n      const triggerSetting = triggerSettings[trigger];\n      if (triggerSetting) {\n        triggerSetting.callback(item);\n      }\n    }\n  };\n\n  const handleCommand = async (text: string) => {\n    if (!isCommand(text)) {\n      return false;\n    }\n\n    if (!isTrackingStarted.current) {\n      startTracking('/');\n    }\n    const actualToken = text.trim().slice(1);\n    await updateSuggestions({ query: actualToken, trigger: '/' });\n\n    return true;\n  };\n\n  const handleMentions = ({ tokenMatch }: { tokenMatch: RegExpMatchArray | null }) => {\n    const lastToken = tokenMatch?.[tokenMatch.length - 1];\n    const handleMentionsTrigger =\n      (lastToken && Object.keys(triggerSettings).find((trigger) => trigger === lastToken[0])) ||\n      null;\n\n    /*\n      if we lost the trigger token or there is no following character we want to close\n      the autocomplete\n    */\n    if (!lastToken || lastToken.length <= 0) {\n      stopTracking();\n      return;\n    }\n\n    const actualToken = lastToken.slice(1);\n\n    // if trigger is not configured step out from the function, otherwise proceed\n    if (!handleMentionsTrigger) {\n      return;\n    }\n\n    if (!isTrackingStarted.current) {\n      startTracking('@');\n    }\n\n    updateSuggestions({ query: actualToken, trigger: '@' });\n  };\n\n  const handleEmojis = ({ tokenMatch }: { tokenMatch: RegExpMatchArray | null }) => {\n    const lastToken = tokenMatch?.[tokenMatch.length - 1].trim();\n    const handleEmojisTrigger =\n      (lastToken && Object.keys(triggerSettings).find((trigger) => trigger === lastToken[0])) ||\n      null;\n\n    /*\n      if we lost the trigger token or there is no following character we want to close\n      the autocomplete\n    */\n    if (!lastToken || lastToken.length <= 0) {\n      stopTracking();\n      return;\n    }\n\n    const actualToken = lastToken.slice(1);\n\n    // if trigger is not configured step out from the function, otherwise proceed\n    if (!handleEmojisTrigger) {\n      return;\n    }\n\n    if (!isTrackingStarted.current) {\n      startTracking(':');\n    }\n\n    updateSuggestions({ query: actualToken, trigger: ':' });\n  };\n\n  const handleSuggestions = async (text: string) => {\n    if (\n      /\\s/.test(text.slice(selectionEnd.current - 1, selectionEnd.current)) &&\n      isTrackingStarted.current\n    ) {\n      stopTracking();\n    } else if (giphyEnabled && !(await handleCommand(text))) {\n      const mentionTokenMatch = text\n        .slice(0, selectionEnd.current)\n        .match(/(?!^|\\W)?@[^\\s@]*\\s?[^\\s@]*$/g);\n      if (mentionTokenMatch) {\n        handleMentions({ tokenMatch: mentionTokenMatch });\n      } else {\n        const emojiTokenMatch = text\n          .slice(0, selectionEnd.current)\n          .match(/(?!^|\\W)?:\\w{2,}[^\\s]*\\s?[^\\s]*$/g);\n        handleEmojis({ tokenMatch: emojiTokenMatch });\n      }\n    }\n  };\n\n  const placeholderText = giphyActive\n    ? t('Search GIFs')\n    : cooldownActive\n    ? t('Slow mode ON')\n    : t('Send a message');\n\n  const handleSuggestionsThrottled = throttle(handleSuggestions, 100, {\n    leading: false,\n  });\n\n  return (\n    <TextInput\n      maxLength={maxMessageLength}\n      multiline\n      onChangeText={(newText) => {\n        if (giphyEnabled && newText.startsWith('/giphy ')) {\n          handleChange(newText.slice(7)); // 7 because of '/giphy' length\n          setGiphyActive(true);\n        } else {\n          handleChange(newText);\n        }\n      }}\n      onContentSizeChange={({\n        nativeEvent: {\n          contentSize: { height },\n        },\n      }) => {\n        if (!textHeight) {\n          setTextHeight(height);\n        }\n      }}\n      onSelectionChange={handleSelectionChange}\n      placeholder={placeholderText}\n      placeholderTextColor={grey}\n      ref={setInputBoxRef}\n      style={[\n        styles.inputBox,\n        {\n          color: black,\n          maxHeight: (textHeight || 17) * numberOfLines,\n        },\n        inputBox,\n      ]}\n      testID='auto-complete-text-input'\n      value={text}\n      {...additionalTextInputProps}\n      onBlur={(event) => {\n        if (additionalTextInputProps?.onBlur) {\n          additionalTextInputProps?.onBlur(event);\n        }\n        setShowMoreOptions(true);\n      }}\n    />\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: AutoCompleteInputPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: AutoCompleteInputPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    cooldownActive: prevCooldownActive,\n    giphyActive: prevGiphyActive,\n    t: prevT,\n    text: prevText,\n  } = prevProps;\n  const {\n    cooldownActive: nextCooldownActive,\n    giphyActive: nextGiphyActive,\n    t: nextT,\n    text: nextText,\n  } = nextProps;\n\n  const giphyActiveEqual = prevGiphyActive === nextGiphyActive;\n  if (!giphyActiveEqual) return false;\n\n  const tEqual = prevT === nextT;\n  if (!tEqual) return false;\n\n  const textEqual = prevText === nextText;\n  if (!textEqual) return false;\n\n  const cooldownActiveEqual = prevCooldownActive === nextCooldownActive;\n  if (!cooldownActiveEqual) return false;\n\n  return true;\n};\n\nconst MemoizedAutoCompleteInput = React.memo(\n  AutoCompleteInputWithContext,\n  areEqual,\n) as typeof AutoCompleteInputWithContext;\n\nexport const AutoCompleteInput = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: AutoCompleteInputProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { giphyEnabled } = useChannelContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const {\n    additionalTextInputProps,\n    autoCompleteSuggestionsLimit,\n    giphyActive,\n    maxMessageLength,\n    mentionAllAppUsersEnabled,\n    mentionAllAppUsersQuery,\n    numberOfLines,\n    onChange,\n    setGiphyActive,\n    setInputBoxRef,\n    setShowMoreOptions,\n    text,\n    triggerSettings,\n  } = useMessageInputContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { closeSuggestions, openSuggestions, updateSuggestions } = useSuggestionsContext<Co, Us>();\n  const { t } = useTranslationContext();\n\n  return (\n    <MemoizedAutoCompleteInput\n      {...{\n        additionalTextInputProps,\n        autoCompleteSuggestionsLimit,\n        closeSuggestions,\n        giphyActive,\n        giphyEnabled,\n        maxMessageLength,\n        mentionAllAppUsersEnabled,\n        mentionAllAppUsersQuery,\n        numberOfLines,\n        onChange,\n        openSuggestions,\n        setGiphyActive,\n        setInputBoxRef,\n        setShowMoreOptions,\n        t,\n        text,\n        triggerSettings,\n        updateSuggestions,\n      }}\n      {...props}\n    />\n  );\n};\n\nAutoCompleteInput.displayName = 'AutoCompleteInput{messageInput{inputBox}}';\n"]}

package/lib/module/components/AutoCompleteInput/{CommandsItem.js → AutoCompleteSuggestionCommandIcon.js}

@@ -3,7 +3,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CommandsItem = void 0;
+exports.AutoCompleteSuggestionCommandIcon = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -14,18 +14,9 @@ var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 var _icons = require("../../icons");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AutoCompleteInput/CommandsItem.tsx";
+    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AutoCompleteInput/AutoCompleteSuggestionCommandIcon.tsx";
 
 var styles = _reactNative.StyleSheet.create({
-  args: {
-    fontSize: 14
-  },
-  container: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    paddingHorizontal: 16,
-    paddingVertical: 8
-  },
   iconContainer: {
     alignItems: 'center',
     borderRadius: 12,
@@ -33,15 +24,10 @@ var styles = _reactNative.StyleSheet.create({
     justifyContent: 'center',
     marginRight: 8,
     width: 24
-  },
-  title: {
-    fontSize: 14,
-    fontWeight: 'bold',
-    paddingRight: 8
   }
 });
 
-var Icon = function Icon(_ref) {
+var AutoCompleteSuggestionCommandIcon = function AutoCompleteSuggestionCommandIcon(_ref) {
   var name = _ref.name;
 
   var _useTheme = (0, _ThemeContext.useTheme)(),
@@ -60,7 +46,7 @@ var Icon = function Icon(_ref) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 53,
+          lineNumber: 38,
           columnNumber: 9
         }
       }, _react["default"].createElement(_icons.UserDelete, {
@@ -70,7 +56,7 @@ var Icon = function Icon(_ref) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 54,
+          lineNumber: 39,
           columnNumber: 11
         }
       }));
@@ -83,7 +69,7 @@ var Icon = function Icon(_ref) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 59,
+          lineNumber: 44,
           columnNumber: 9
         }
       }, _react["default"].createElement(_icons.Flag, {
@@ -91,7 +77,7 @@ var Icon = function Icon(_ref) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 60,
+          lineNumber: 45,
           columnNumber: 11
         }
       }));
@@ -104,14 +90,14 @@ var Icon = function Icon(_ref) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 65,
+          lineNumber: 50,
           columnNumber: 9
         }
       }, _react["default"].createElement(_icons.GiphyIcon, {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 66,
+          lineNumber: 51,
           columnNumber: 11
         }
       }));
@@ -124,14 +110,14 @@ var Icon = function Icon(_ref) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 71,
+          lineNumber: 56,
           columnNumber: 9
         }
       }, _react["default"].createElement(_icons.Imgur, {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 72,
+          lineNumber: 57,
           columnNumber: 11
         }
       }));
@@ -144,7 +130,7 @@ var Icon = function Icon(_ref) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 77,
+          lineNumber: 62,
           columnNumber: 9
         }
       }, _react["default"].createElement(_icons.Mute, {
@@ -154,7 +140,7 @@ var Icon = function Icon(_ref) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 78,
+          lineNumber: 63,
           columnNumber: 11
         }
       }));
@@ -167,7 +153,7 @@ var Icon = function Icon(_ref) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 83,
+          lineNumber: 68,
           columnNumber: 9
         }
       }, _react["default"].createElement(_icons.UserAdd, {
@@ -177,7 +163,7 @@ var Icon = function Icon(_ref) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 84,
+          lineNumber: 69,
           columnNumber: 11
         }
       }));
@@ -190,7 +176,7 @@ var Icon = function Icon(_ref) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 89,
+          lineNumber: 74,
           columnNumber: 9
         }
       }, _react["default"].createElement(_icons.Sound, {
@@ -198,7 +184,7 @@ var Icon = function Icon(_ref) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 90,
+          lineNumber: 75,
           columnNumber: 11
         }
       }));
@@ -211,7 +197,7 @@ var Icon = function Icon(_ref) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 95,
+          lineNumber: 80,
           columnNumber: 9
         }
       }, _react["default"].createElement(_icons.Lightning, {
@@ -221,71 +207,12 @@ var Icon = function Icon(_ref) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 96,
+          lineNumber: 81,
           columnNumber: 11
         }
       }));
   }
 };
 
-var CommandsItem = function CommandsItem(_ref2) {
-  var _ref2$item = _ref2.item,
-      args = _ref2$item.args,
-      name = _ref2$item.name;
-
-  var _useTheme2 = (0, _ThemeContext.useTheme)(),
-      _useTheme2$theme = _useTheme2.theme,
-      _useTheme2$theme$colo = _useTheme2$theme.colors,
-      black = _useTheme2$theme$colo.black,
-      grey = _useTheme2$theme$colo.grey,
-      _useTheme2$theme$mess = _useTheme2$theme.messageInput.suggestions.command,
-      argsStyle = _useTheme2$theme$mess.args,
-      container = _useTheme2$theme$mess.container,
-      title = _useTheme2$theme$mess.title;
-
-  return _react["default"].createElement(_reactNative.View, {
-    style: [styles.container, container],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 127,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(Icon, {
-    name: name,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 128,
-      columnNumber: 7
-    }
-  }), _react["default"].createElement(_reactNative.Text, {
-    style: [styles.title, {
-      color: black
-    }, title],
-    testID: "commands-item-title",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 129,
-      columnNumber: 7
-    }
-  }, (name || '').replace(/^\w/, function (_char) {
-    return _char.toUpperCase();
-  })), _react["default"].createElement(_reactNative.Text, {
-    style: [styles.args, {
-      color: grey
-    }, argsStyle],
-    testID: "commands-item-args",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 132,
-      columnNumber: 7
-    }
-  }, "/" + name + " " + args));
-};
-
-exports.CommandsItem = CommandsItem;
-CommandsItem.displayName = 'CommandsItem{messageInput{suggestions{command}}}';
-//# sourceMappingURL=CommandsItem.js.map
+exports.AutoCompleteSuggestionCommandIcon = AutoCompleteSuggestionCommandIcon;
+//# sourceMappingURL=AutoCompleteSuggestionCommandIcon.js.map

package/lib/module/components/AutoCompleteInput/AutoCompleteSuggestionCommandIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AutoCompleteSuggestionCommandIcon.tsx"],"names":["styles","StyleSheet","create","iconContainer","alignItems","borderRadius","height","justifyContent","marginRight","width","AutoCompleteSuggestionCommandIcon","name","theme","colors","accent_blue","white","messageInput","suggestions","command","backgroundColor"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport type { SuggestionCommand } from '../../contexts/suggestionsContext/SuggestionsContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Flag, GiphyIcon, Imgur, Lightning, Mute, Sound, UserAdd, UserDelete } from '../../icons';\nimport type { DefaultCommandType } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  iconContainer: {\n    alignItems: 'center',\n    borderRadius: 12,\n    height: 24,\n    justifyContent: 'center',\n    marginRight: 8,\n    width: 24,\n  },\n});\n\nexport const AutoCompleteSuggestionCommandIcon = <Co extends string = DefaultCommandType>({\n  name,\n}: {\n  name: SuggestionCommand<Co>['name'];\n}) => {\n  const {\n    theme: {\n      colors: { accent_blue, white },\n      messageInput: {\n        suggestions: {\n          command: { iconContainer },\n        },\n      },\n    },\n  } = useTheme();\n  switch (name) {\n    case 'ban':\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <UserDelete height={16} pathFill={white} width={16} />\n        </View>\n      );\n    case 'flag':\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <Flag pathFill={white} />\n        </View>\n      );\n    case 'giphy':\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <GiphyIcon />\n        </View>\n      );\n    case 'imgur':\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <Imgur />\n        </View>\n      );\n    case 'mute':\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <Mute height={16} pathFill={white} width={16} />\n        </View>\n      );\n    case 'unban':\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <UserAdd height={16} pathFill={white} width={16} />\n        </View>\n      );\n    case 'unmute':\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <Sound pathFill={white} />\n        </View>\n      );\n    default:\n      return (\n        <View style={[styles.iconContainer, { backgroundColor: accent_blue }, iconContainer]}>\n          <Lightning height={16} pathFill={white} width={16} />\n        </View>\n      );\n  }\n};\n"]}