stream-chat-react-native-core 8.13.7 → 9.0.0-beta.2

package/lib/module/components/MessageMenu/MessageActionListItem.js

@@ -1,14 +1,19 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageActionListItem = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+var _hooks = require("../../hooks");
+var _stateStore = require("../../state-store");
+var _theme = require("../../theme");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageMenu/MessageActionListItem.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var MessageActionListItem = exports.MessageActionListItem = function MessageActionListItem(props) {
   var action = props.action,
     actionType = props.actionType,
@@ -17,17 +22,24 @@ var MessageActionListItem = exports.MessageActionListItem = function MessageActi
     titleStyle = props.titleStyle;
   var _useTheme = (0, _ThemeContext.useTheme)(),
     _useTheme$theme = _useTheme.theme,
-    black = _useTheme$theme.colors.black,
+    semantics = _useTheme$theme.semantics,
     _useTheme$theme$messa = _useTheme$theme.messageMenu.actionListItem,
     container = _useTheme$theme$messa.container,
     iconTheme = _useTheme$theme$messa.icon,
     titleTheme = _useTheme$theme$messa.title;
-  return (0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    onPress: action,
+  var styles = useStyles();
+  var onActionPress = (0, _hooks.useStableCallback)(function () {
+    (0, _stateStore.closeOverlay)();
+    (0, _stateStore.scheduleActionOnClose)(function () {
+      return action();
+    });
+  });
+  return (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.Pressable, {
+    onPress: onActionPress,
     style: function style(_ref) {
       var pressed = _ref.pressed;
-      return [{
-        opacity: pressed ? 0.5 : 1
+      return [styles.buttonContainer, {
+        backgroundColor: pressed ? semantics.backgroundUtilityPressed : 'transparent'
       }];
     },
     children: (0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -37,23 +49,34 @@ var MessageActionListItem = exports.MessageActionListItem = function MessageActi
         style: iconTheme,
         children: icon
       }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.titleStyle, {
-          color: black
-        }, titleStyle, titleTheme],
+        style: [styles.titleStyle, titleStyle, titleTheme],
         children: title
       })]
     })
   });
 };
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    paddingVertical: 8
-  },
-  titleStyle: {
-    paddingLeft: 16
-  }
-});
+var useStyles = function useStyles() {
+  var _useTheme2 = (0, _ThemeContext.useTheme)(),
+    semantics = _useTheme2.theme.semantics;
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      buttonContainer: {
+        borderRadius: _theme.primitives.radiusLg
+      },
+      container: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        justifyContent: 'flex-start',
+        padding: _theme.primitives.spacingXs
+      },
+      titleStyle: {
+        paddingLeft: _theme.primitives.spacingXs,
+        fontWeight: _theme.primitives.typographyFontWeightMedium,
+        fontSize: _theme.primitives.typographyFontSizeMd,
+        lineHeight: _theme.primitives.typographyLineHeightNormal,
+        color: semantics.textPrimary
+      }
+    });
+  }, [semantics.textPrimary]);
+};
 //# sourceMappingURL=MessageActionListItem.js.map

package/lib/module/components/MessageMenu/MessageActionListItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_jsxRuntime","_this","_jsxFileName","MessageActionListItem","exports","props","action","actionType","icon","title","titleStyle","_useTheme","useTheme","_useTheme$theme","theme","black","colors","_useTheme$theme$messa","messageMenu","actionListItem","container","iconTheme","titleTheme","jsx","Pressable","onPress","style","_ref","pressed","opacity","children","jsxs","View","accessibilityLabel","styles","Text","color","StyleSheet","create","alignItems","flexDirection","justifyContent","paddingVertical","paddingLeft"],"sourceRoot":"../../../../src","sources":["components/MessageMenu/MessageActionListItem.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAAoE,IAAAG,WAAA,GAAAH,OAAA;AAAA,IAAAI,KAAA;EAAAC,YAAA;AAiD7D,IAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAIE,KAAiC,EAAK;EAC1E,IAAQC,MAAM,GAA0CD,KAAK,CAArDC,MAAM;IAAEC,UAAU,GAA8BF,KAAK,CAA7CE,UAAU;IAAEC,IAAI,GAAwBH,KAAK,CAAjCG,IAAI;IAAEC,KAAK,GAAiBJ,KAAK,CAA3BI,KAAK;IAAEC,UAAU,GAAKL,KAAK,CAApBK,UAAU;EAEnD,IAAAC,SAAA,GAOI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CANZG,KAAK;IACOC,KAAK,GAAAF,eAAA,CAAfG,MAAM,CAAID,KAAK;IAAAE,qBAAA,GAAAJ,eAAA,CACfK,WAAW,CACTC,cAAc;IAAIC,SAAS,GAAAH,qBAAA,CAATG,SAAS;IAAQC,SAAS,GAAAJ,qBAAA,CAAfT,IAAI;IAAoBc,UAAU,GAAAL,qBAAA,CAAjBR,KAAK;EAKzD,OACE,IAAAT,WAAA,CAAAuB,GAAA,EAACzB,YAAA,CAAA0B,SAAS;IAACC,OAAO,EAAEnB,MAAO;IAACoB,KAAK,EAAE,SAAPA,KAAKA,CAAAC,IAAA;MAAA,IAAKC,OAAO,GAAAD,IAAA,CAAPC,OAAO;MAAA,OAAO,CAAC;QAAEC,OAAO,EAAED,OAAO,GAAG,GAAG,GAAG;MAAE,CAAC,CAAC;IAAA,CAAC;IAAAE,QAAA,EACnF,IAAA9B,WAAA,CAAA+B,IAAA,EAACjC,YAAA,CAAAkC,IAAI;MACHC,kBAAkB,EAAE,GAAG1B,UAAU,mBAAoB;MACrDmB,KAAK,EAAE,CAACQ,MAAM,CAACd,SAAS,EAAEA,SAAS,CAAE;MAAAU,QAAA,GAErC,IAAA9B,WAAA,CAAAuB,GAAA,EAACzB,YAAA,CAAAkC,IAAI;QAACN,KAAK,EAAEL,SAAU;QAAAS,QAAA,EAAEtB;MAAI,CAAO,CAAC,EACrC,IAAAR,WAAA,CAAAuB,GAAA,EAACzB,YAAA,CAAAqC,IAAI;QAACT,KAAK,EAAE,CAACQ,MAAM,CAACxB,UAAU,EAAE;UAAE0B,KAAK,EAAErB;QAAM,CAAC,EAAEL,UAAU,EAAEY,UAAU,CAAE;QAAAQ,QAAA,EAAErB;MAAK,CAAO,CAAC;IAAA,CACtF;EAAC,CACE,CAAC;AAEhB,CAAC;AAED,IAAMyB,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BlB,SAAS,EAAE;IACTmB,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,eAAe,EAAE;EACnB,CAAC;EACDhC,UAAU,EAAE;IACViC,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_ThemeContext","_hooks","_stateStore","_theme","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MessageActionListItem","exports","props","action","actionType","icon","title","titleStyle","_useTheme","useTheme","_useTheme$theme","theme","semantics","_useTheme$theme$messa","messageMenu","actionListItem","container","iconTheme","titleTheme","styles","useStyles","onActionPress","useStableCallback","closeOverlay","scheduleActionOnClose","jsx","Pressable","onPress","style","_ref","pressed","buttonContainer","backgroundColor","backgroundUtilityPressed","children","jsxs","View","accessibilityLabel","Text","_useTheme2","useMemo","StyleSheet","create","borderRadius","primitives","radiusLg","alignItems","flexDirection","justifyContent","padding","spacingXs","paddingLeft","fontWeight","typographyFontWeightMedium","fontSize","typographyFontSizeMd","lineHeight","typographyLineHeightNormal","color","textPrimary"],"sourceRoot":"../../../../src","sources":["components/MessageMenu/MessageActionListItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MessageMenu/MessageMenu.js

@@ -5,70 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 exports.MessageMenu = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _MessageContext = require("../../contexts/messageContext/MessageContext");
-var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 var _BottomSheetModal = require("../UIComponents/BottomSheetModal");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageMenu/MessageMenu.tsx";
 var MessageMenu = exports.MessageMenu = function MessageMenu(props) {
-  var _message$own_reaction;
   var dismissOverlay = props.dismissOverlay,
-    handleReaction = props.handleReaction,
-    propMessage = props.message,
-    propMessageActionList = props.MessageActionList,
-    propMessageActionListItem = props.MessageActionListItem,
-    messageActions = props.messageActions,
-    propMessageReactionPicker = props.MessageReactionPicker,
-    propMessageUserReactions = props.MessageUserReactions,
-    propMessageUserReactionsAvatar = props.MessageUserReactionsAvatar,
-    propMessageUserReactionsItem = props.MessageUserReactionsItem,
-    selectedReaction = props.selectedReaction,
     showMessageReactions = props.showMessageReactions,
-    visible = props.visible;
+    visible = props.visible,
+    children = props.children;
   var _useWindowDimensions = (0, _reactNative.useWindowDimensions)(),
     height = _useWindowDimensions.height;
-  var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-    contextMessageActionList = _useMessagesContext.MessageActionList,
-    contextMessageActionListItem = _useMessagesContext.MessageActionListItem,
-    contextMessageReactionPicker = _useMessagesContext.MessageReactionPicker,
-    contextMessageUserReactions = _useMessagesContext.MessageUserReactions,
-    contextMessageUserReactionsAvatar = _useMessagesContext.MessageUserReactionsAvatar,
-    contextMessageUserReactionsItem = _useMessagesContext.MessageUserReactionsItem;
-  var _useMessageContext = (0, _MessageContext.useMessageContext)(),
-    contextMessage = _useMessageContext.message;
-  var MessageActionList = propMessageActionList != null ? propMessageActionList : contextMessageActionList;
-  var MessageActionListItem = propMessageActionListItem != null ? propMessageActionListItem : contextMessageActionListItem;
-  var MessageReactionPicker = propMessageReactionPicker != null ? propMessageReactionPicker : contextMessageReactionPicker;
-  var MessageUserReactions = propMessageUserReactions != null ? propMessageUserReactions : contextMessageUserReactions;
-  var MessageUserReactionsAvatar = propMessageUserReactionsAvatar != null ? propMessageUserReactionsAvatar : contextMessageUserReactionsAvatar;
-  var MessageUserReactionsItem = propMessageUserReactionsItem != null ? propMessageUserReactionsItem : contextMessageUserReactionsItem;
-  var message = propMessage != null ? propMessage : contextMessage;
   var _useTheme = (0, _ThemeContext.useTheme)(),
     bottomSheetHeight = _useTheme.theme.messageMenu.bottomSheet.height;
   return (0, _jsxRuntime.jsx)(_BottomSheetModal.BottomSheetModal, {
-    height: bottomSheetHeight ? bottomSheetHeight : messageActions.length === 0 && !showMessageReactions ? height / 5 : height / 2,
+    height: bottomSheetHeight ? bottomSheetHeight : !showMessageReactions ? height / 5 : height / 2,
     onClose: dismissOverlay,
     visible: visible,
-    children: showMessageReactions ? (0, _jsxRuntime.jsx)(MessageUserReactions, {
-      message: message,
-      MessageUserReactionsAvatar: MessageUserReactionsAvatar,
-      MessageUserReactionsItem: MessageUserReactionsItem,
-      selectedReaction: selectedReaction
-    }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [(0, _jsxRuntime.jsx)(MessageReactionPicker, {
-        dismissOverlay: dismissOverlay,
-        handleReaction: handleReaction,
-        ownReactionTypes: (message == null || (_message$own_reaction = message.own_reactions) == null ? void 0 : _message$own_reaction.map(function (reaction) {
-          return reaction.type;
-        })) || []
-      }), (0, _jsxRuntime.jsx)(MessageActionList, {
-        dismissOverlay: dismissOverlay,
-        MessageActionListItem: MessageActionListItem,
-        messageActions: messageActions
-      })]
-    })
+    children: children
   });
 };
 //# sourceMappingURL=MessageMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MessageContext","_MessagesContext","_ThemeContext","_BottomSheetModal","_jsxRuntime","_this","_jsxFileName","MessageMenu","exports","props","_message$own_reaction","dismissOverlay","handleReaction","propMessage","message","propMessageActionList","MessageActionList","propMessageActionListItem","MessageActionListItem","messageActions","propMessageReactionPicker","MessageReactionPicker","propMessageUserReactions","MessageUserReactions","propMessageUserReactionsAvatar","MessageUserReactionsAvatar","propMessageUserReactionsItem","MessageUserReactionsItem","selectedReaction","showMessageReactions","visible","_useWindowDimensions","useWindowDimensions","height","_useMessagesContext","useMessagesContext","contextMessageActionList","contextMessageActionListItem","contextMessageReactionPicker","contextMessageUserReactions","contextMessageUserReactionsAvatar","contextMessageUserReactionsItem","_useMessageContext","useMessageContext","contextMessage","_useTheme","useTheme","bottomSheetHeight","theme","messageMenu","bottomSheet","jsx","BottomSheetModal","length","onClose","children","jsxs","Fragment","ownReactionTypes","own_reactions","map","reaction","type"],"sourceRoot":"../../../../src","sources":["components/MessageMenu/MessageMenu.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,eAAA,GAAAF,OAAA;AAIA,IAAAG,gBAAA,GAAAH,OAAA;AAIA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AAAoE,IAAAM,WAAA,GAAAN,OAAA;AAAA,IAAAO,KAAA;EAAAC,YAAA;AA2C7D,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,KAAuB,EAAK;EAAA,IAAAC,qBAAA;EACtD,IACEC,cAAc,GAaZF,KAAK,CAbPE,cAAc;IACdC,cAAc,GAYZH,KAAK,CAZPG,cAAc;IACLC,WAAW,GAWlBJ,KAAK,CAXPK,OAAO;IACYC,qBAAqB,GAUtCN,KAAK,CAVPO,iBAAiB;IACMC,yBAAyB,GAS9CR,KAAK,CATPS,qBAAqB;IACrBC,cAAc,GAQZV,KAAK,CARPU,cAAc;IACSC,yBAAyB,GAO9CX,KAAK,CAPPY,qBAAqB;IACCC,wBAAwB,GAM5Cb,KAAK,CANPc,oBAAoB;IACQC,8BAA8B,GAKxDf,KAAK,CALPgB,0BAA0B;IACAC,4BAA4B,GAIpDjB,KAAK,CAJPkB,wBAAwB;IACxBC,gBAAgB,GAGdnB,KAAK,CAHPmB,gBAAgB;IAChBC,oBAAoB,GAElBpB,KAAK,CAFPoB,oBAAoB;IACpBC,OAAO,GACLrB,KAAK,CADPqB,OAAO;EAET,IAAAC,oBAAA,GAAmB,IAAAC,gCAAmB,EAAC,CAAC;IAAhCC,MAAM,GAAAF,oBAAA,CAANE,MAAM;EACd,IAAAC,mBAAA,GAOI,IAAAC,mCAAkB,EAAC,CAAC;IANHC,wBAAwB,GAAAF,mBAAA,CAA3ClB,iBAAiB;IACMqB,4BAA4B,GAAAH,mBAAA,CAAnDhB,qBAAqB;IACEoB,4BAA4B,GAAAJ,mBAAA,CAAnDb,qBAAqB;IACCkB,2BAA2B,GAAAL,mBAAA,CAAjDX,oBAAoB;IACQiB,iCAAiC,GAAAN,mBAAA,CAA7DT,0BAA0B;IACAgB,+BAA+B,GAAAP,mBAAA,CAAzDP,wBAAwB;EAE1B,IAAAe,kBAAA,GAAoC,IAAAC,iCAAiB,EAAC,CAAC;IAAtCC,cAAc,GAAAF,kBAAA,CAAvB5B,OAAO;EACf,IAAME,iBAAiB,GAAGD,qBAAqB,WAArBA,qBAAqB,GAAIqB,wBAAwB;EAC3E,IAAMlB,qBAAqB,GAAGD,yBAAyB,WAAzBA,yBAAyB,GAAIoB,4BAA4B;EACvF,IAAMhB,qBAAqB,GAAGD,yBAAyB,WAAzBA,yBAAyB,GAAIkB,4BAA4B;EACvF,IAAMf,oBAAoB,GAAGD,wBAAwB,WAAxBA,wBAAwB,GAAIiB,2BAA2B;EACpF,IAAMd,0BAA0B,GAC9BD,8BAA8B,WAA9BA,8BAA8B,GAAIgB,iCAAiC;EACrE,IAAMb,wBAAwB,GAAGD,4BAA4B,WAA5BA,4BAA4B,GAAIe,+BAA+B;EAChG,IAAM3B,OAAO,GAAGD,WAAW,WAAXA,WAAW,GAAI+B,cAAc;EAC7C,IAAAC,SAAA,GAMI,IAAAC,sBAAQ,EAAC,CAAC;IAHeC,iBAAiB,GAAAF,SAAA,CAF5CG,KAAK,CACHC,WAAW,CACTC,WAAW,CAAIjB,MAAM;EAK3B,OACE,IAAA7B,WAAA,CAAA+C,GAAA,EAAChD,iBAAA,CAAAiD,gBAAgB;IACfnB,MAAM,EACJc,iBAAiB,GACbA,iBAAiB,GACjB5B,cAAc,CAACkC,MAAM,KAAK,CAAC,IAAI,CAACxB,oBAAoB,GAClDI,MAAM,GAAG,CAAC,GACVA,MAAM,GAAG,CAChB;IACDqB,OAAO,EAAE3C,cAAe;IACxBmB,OAAO,EAAEA,OAAQ;IAAAyB,QAAA,EAEhB1B,oBAAoB,GACnB,IAAAzB,WAAA,CAAA+C,GAAA,EAAC5B,oBAAoB;MACnBT,OAAO,EAAEA,OAAQ;MACjBW,0BAA0B,EAAEA,0BAA2B;MACvDE,wBAAwB,EAAEA,wBAAyB;MACnDC,gBAAgB,EAAEA;IAAiB,CACpC,CAAC,GAEF,IAAAxB,WAAA,CAAAoD,IAAA,EAAApD,WAAA,CAAAqD,QAAA;MAAAF,QAAA,GACE,IAAAnD,WAAA,CAAA+C,GAAA,EAAC9B,qBAAqB;QACpBV,cAAc,EAAEA,cAAe;QAC/BC,cAAc,EAAEA,cAAe;QAC/B8C,gBAAgB,EAAE,CAAA5C,OAAO,aAAAJ,qBAAA,GAAPI,OAAO,CAAE6C,aAAa,qBAAtBjD,qBAAA,CAAwBkD,GAAG,CAAC,UAACC,QAAQ;UAAA,OAAKA,QAAQ,CAACC,IAAI;QAAA,EAAC,KAAI;MAAG,CAClF,CAAC,EACF,IAAA1D,WAAA,CAAA+C,GAAA,EAACnC,iBAAiB;QAChBL,cAAc,EAAEA,cAAe;QAC/BO,qBAAqB,EAAEA,qBAAsB;QAC7CC,cAAc,EAAEA;MAAe,CAChC,CAAC;IAAA,CACF;EACH,CACe,CAAC;AAEvB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_BottomSheetModal","_jsxRuntime","_this","_jsxFileName","MessageMenu","exports","props","dismissOverlay","showMessageReactions","visible","children","_useWindowDimensions","useWindowDimensions","height","_useTheme","useTheme","bottomSheetHeight","theme","messageMenu","bottomSheet","jsx","BottomSheetModal","onClose"],"sourceRoot":"../../../../src","sources":["components/MessageMenu/MessageMenu.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAoE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,KAAA;EAAAC,YAAA;AAsD7D,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,KAAuB,EAAK;EACtD,IACEC,cAAc,GAeZD,KAAK,CAfPC,cAAc;IAWdC,oBAAoB,GAIlBF,KAAK,CAJPE,oBAAoB;IACpBC,OAAO,GAGLH,KAAK,CAHPG,OAAO;IAEPC,QAAQ,GACNJ,KAAK,CADPI,QAAQ;EAEV,IAAAC,oBAAA,GAAmB,IAAAC,gCAAmB,EAAC,CAAC;IAAhCC,MAAM,GAAAF,oBAAA,CAANE,MAAM;EAkBd,IAAAC,SAAA,GAMI,IAAAC,sBAAQ,EAAC,CAAC;IAHeC,iBAAiB,GAAAF,SAAA,CAF5CG,KAAK,CACHC,WAAW,CACTC,WAAW,CAAIN,MAAM;EAK3B,OACE,IAAAZ,WAAA,CAAAmB,GAAA,EAACpB,iBAAA,CAAAqB,gBAAgB;IACfR,MAAM,EACJG,iBAAiB,GAAGA,iBAAiB,GAAG,CAACR,oBAAoB,GAAGK,MAAM,GAAG,CAAC,GAAGA,MAAM,GAAG,CACvF;IACDS,OAAO,EAAEf,cAAe;IACxBE,OAAO,EAAEA,OAAQ;IAAAC,QAAA,EAEhBA;EAAQ,CACO,CAAC;AAEvB,CAAC","ignoreList":[]}

package/lib/module/components/MessageMenu/MessageReactionPicker.js

@@ -2,17 +2,32 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MessageReactionPicker = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.toUnicodeScalarString = exports.MessageReactionPickerList = exports.MessageReactionPicker = exports.EmojiViewerButton = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _EmojiPickerList = require("./EmojiPickerList");
+var _useMessageOwnReactions = require("./hooks/useMessageOwnReactions");
 var _ReactionButton = require("./ReactionButton");
 var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
 var _OwnCapabilitiesContext = require("../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+var _hooks = require("../../hooks");
+var _Plus = require("../../icons/Plus");
 var _native = require("../../native");
+var _stateStore = require("../../state-store");
+var _theme = require("../../theme");
+var _ui = require("../ui");
+var _UIComponents = require("../UIComponents");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageMenu/MessageReactionPicker.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var keyExtractor = function keyExtractor(item) {
+  return item.type;
+};
 var renderItem = function renderItem(_ref) {
   var index = _ref.index,
     item = _ref.item;
@@ -23,58 +38,142 @@ var renderItem = function renderItem(_ref) {
     type: item.type
   }, `${item.type}_${index}`);
 };
-var MessageReactionPicker = exports.MessageReactionPicker = function MessageReactionPicker(props) {
-  var _supportedReactions$m;
-  var dismissOverlay = props.dismissOverlay,
-    handleReaction = props.handleReaction,
-    ownReactionTypes = props.ownReactionTypes,
-    propSupportedReactions = props.supportedReactions;
+var MessageReactionPickerList = exports.MessageReactionPickerList = function MessageReactionPickerList(_ref2) {
+  var onSelectReaction = _ref2.onSelectReaction;
+  var ownReactionTypes = (0, _useMessageOwnReactions.useMessageOwnReactions)();
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-    contextSupportedReactions = _useMessagesContext.supportedReactions;
+    supportedReactions = _useMessagesContext.supportedReactions;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-    _useTheme$theme$messa = _useTheme.theme.messageMenu.reactionPicker,
-    container = _useTheme$theme$messa.container,
-    contentContainer = _useTheme$theme$messa.contentContainer;
+    contentContainer = _useTheme.theme.messageMenu.reactionPicker.contentContainer;
+  var styles = useStyles();
+  var reactions = (0, _react.useMemo)(function () {
+    var _supportedReactions$f, _supportedReactions$f2;
+    return (_supportedReactions$f = supportedReactions == null || (_supportedReactions$f2 = supportedReactions.filter(function (reaction) {
+      return reaction.isMain;
+    })) == null ? void 0 : _supportedReactions$f2.map(function (reaction) {
+      return Object.assign({}, reaction, {
+        onSelectReaction: onSelectReaction,
+        ownReactionTypes: ownReactionTypes
+      });
+    })) != null ? _supportedReactions$f : [];
+  }, [onSelectReaction, ownReactionTypes, supportedReactions]);
+  return (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.FlatList, {
+    contentContainerStyle: [styles.reactionListContent, contentContainer],
+    data: reactions,
+    horizontal: true,
+    keyExtractor: keyExtractor,
+    renderItem: renderItem
+  });
+};
+var EmojiViewerButton = exports.EmojiViewerButton = function EmojiViewerButton(_ref3) {
+  var onSelectReaction = _ref3.onSelectReaction;
+  var styles = useStyles();
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    emojiViewerOpened = _React$useState2[0],
+    setEmojiViewerOpened = _React$useState2[1];
+  var _useTheme2 = (0, _ThemeContext.useTheme)(),
+    emojiViewerButton = _useTheme2.theme.messageMenu.reactionPicker.emojiViewerButton;
+  var handleSelectReaction = (0, _hooks.useStableCallback)(function (type) {
+    setEmojiViewerOpened(false);
+    onSelectReaction(type);
+  });
+  var onOpenEmojiViewer = (0, _hooks.useStableCallback)(function () {
+    _native.NativeHandlers.triggerHaptic('impactLight');
+    setEmojiViewerOpened(true);
+  });
+  var closeModal = (0, _hooks.useStableCallback)(function () {
+    return setEmojiViewerOpened(false);
+  });
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.emojiViewerButton, emojiViewerButton],
+      children: (0, _jsxRuntime.jsx)(_ui.Button, {
+        variant: "secondary",
+        type: "outline",
+        size: "sm",
+        iconOnly: true,
+        LeadingIcon: _Plus.Plus,
+        onPress: onOpenEmojiViewer,
+        testID: "more-reactions-button"
+      })
+    }), emojiViewerOpened ? (0, _jsxRuntime.jsx)(_UIComponents.BottomSheetModal, {
+      height: 424,
+      lazy: true,
+      onClose: closeModal,
+      visible: true,
+      children: (0, _jsxRuntime.jsx)(_EmojiPickerList.EmojiPickerList, {
+        onSelectReaction: handleSelectReaction
+      })
+    }) : null]
+  });
+};
+var toUnicodeScalarString = exports.toUnicodeScalarString = function toUnicodeScalarString(emoji) {
+  var out = [];
+  for (var ch of emoji) out.push(ch.codePointAt(0));
+  return out.map(function (cp) {
+    return `U+${cp.toString(16).toUpperCase().padStart(4, '0')}`;
+  }).join('-');
+};
+var MessageReactionPicker = exports.MessageReactionPicker = function MessageReactionPicker(props) {
+  var dismissOverlay = props.dismissOverlay,
+    handleReaction = props.handleReaction;
+  var _useTheme3 = (0, _ThemeContext.useTheme)(),
+    container = _useTheme3.theme.messageMenu.reactionPicker.container;
+  var styles = useStyles();
   var own_capabilities = (0, _OwnCapabilitiesContext.useOwnCapabilitiesContext)();
-  var supportedReactions = propSupportedReactions || contextSupportedReactions;
-  var onSelectReaction = function onSelectReaction(type) {
+  var onSelectReaction = (0, _hooks.useStableCallback)(function (type) {
     _native.NativeHandlers.triggerHaptic('impactLight');
+    dismissOverlay();
     if (handleReaction) {
-      handleReaction(type);
+      (0, _stateStore.scheduleActionOnClose)(function () {
+        return handleReaction(type);
+      });
     }
-    dismissOverlay();
-  };
+  });
   if (!own_capabilities.sendReaction) {
     return null;
   }
-  var reactions = (_supportedReactions$m = supportedReactions == null ? void 0 : supportedReactions.map(function (reaction) {
-    return Object.assign({}, reaction, {
-      onSelectReaction: onSelectReaction,
-      ownReactionTypes: ownReactionTypes
-    });
-  })) != null ? _supportedReactions$m : [];
-  return (0, _jsxRuntime.jsx)(_reactNative.View, {
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
     accessibilityLabel: "Reaction Selector on long pressing message",
     style: [styles.container, container],
-    children: (0, _jsxRuntime.jsx)(_reactNative.FlatList, {
-      contentContainerStyle: [styles.contentContainer, contentContainer],
-      data: reactions,
-      horizontal: true,
-      keyExtractor: function keyExtractor(item) {
-        return item.type;
-      },
-      renderItem: renderItem
-    })
+    children: [(0, _jsxRuntime.jsx)(MessageReactionPickerList, {
+      onSelectReaction: onSelectReaction
+    }), (0, _jsxRuntime.jsx)(EmojiViewerButton, {
+      onSelectReaction: onSelectReaction
+    })]
   });
 };
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    alignSelf: 'stretch'
-  },
-  contentContainer: {
-    flexGrow: 1,
-    justifyContent: 'space-around',
-    marginVertical: 8
-  }
-});
+var useStyles = function useStyles() {
+  var _useTheme4 = (0, _ThemeContext.useTheme)(),
+    semantics = _useTheme4.theme.semantics;
+  var scheme = (0, _reactNative.useColorScheme)();
+  var isDark = scheme === 'dark';
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      container: Object.assign({
+        flexDirection: 'row',
+        alignSelf: 'stretch',
+        borderRadius: _theme.primitives.radius4xl,
+        marginVertical: 8,
+        overflow: 'visible'
+      }, isDark ? _theme.primitives.darkElevation3 : _theme.primitives.lightElevation3, {
+        backgroundColor: semantics.backgroundCoreElevation2
+      }),
+      reactionListContent: {
+        flexGrow: 1,
+        justifyContent: 'space-around',
+        gap: _theme.primitives.spacingXxxs,
+        paddingVertical: _theme.primitives.spacingXxs,
+        paddingLeft: _theme.primitives.spacingXxs
+      },
+      emojiViewerButton: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingRight: _theme.primitives.spacingXs,
+        paddingLeft: _theme.primitives.spacingXs
+      }
+    });
+  }, [isDark, semantics.backgroundCoreElevation2]);
+};
 //# sourceMappingURL=MessageReactionPicker.js.map

package/lib/module/components/MessageMenu/MessageReactionPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ReactionButton","_MessagesContext","_OwnCapabilitiesContext","_ThemeContext","_native","_jsxRuntime","_this","_jsxFileName","renderItem","_ref","index","item","jsx","ReactionButton","Icon","onPress","onSelectReaction","selected","ownReactionTypes","includes","type","MessageReactionPicker","exports","props","_supportedReactions$m","dismissOverlay","handleReaction","propSupportedReactions","supportedReactions","_useMessagesContext","useMessagesContext","contextSupportedReactions","_useTheme","useTheme","_useTheme$theme$messa","theme","messageMenu","reactionPicker","container","contentContainer","own_capabilities","useOwnCapabilitiesContext","NativeHandlers","triggerHaptic","sendReaction","reactions","map","reaction","Object","assign","View","accessibilityLabel","style","styles","children","FlatList","contentContainerStyle","data","horizontal","keyExtractor","StyleSheet","create","alignSelf","flexGrow","justifyContent","marginVertical"],"sourceRoot":"../../../../src","sources":["components/MessageMenu/MessageReactionPicker.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAGA,IAAAG,gBAAA,GAAAH,OAAA;AAKA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA8C,IAAAO,WAAA,GAAAP,OAAA;AAAA,IAAAQ,KAAA;EAAAC,YAAA;AAiB9C,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA;EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAAA,OAC/B,IAAAN,WAAA,CAAAO,GAAA,EAACZ,eAAA,CAAAa,cAAc;IACbC,IAAI,EAAEH,IAAI,CAACG,IAAK;IAEhBC,OAAO,EAAEJ,IAAI,CAACK,gBAAiB;IAC/BC,QAAQ,EAAEN,IAAI,CAACO,gBAAgB,CAACC,QAAQ,CAACR,IAAI,CAACS,IAAI,CAAE;IACpDA,IAAI,EAAET,IAAI,CAACS;EAAK,GAHX,GAAGT,IAAI,CAACS,IAAI,IAAIV,KAAK,EAI3B,CAAC;AAAA,CACH;AAKM,IAAMW,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAIE,KAAiC,EAAK;EAAA,IAAAC,qBAAA;EAC1E,IACEC,cAAc,GAIZF,KAAK,CAJPE,cAAc;IACdC,cAAc,GAGZH,KAAK,CAHPG,cAAc;IACdR,gBAAgB,GAEdK,KAAK,CAFPL,gBAAgB;IACIS,sBAAsB,GACxCJ,KAAK,CADPK,kBAAkB;EAEpB,IAAAC,mBAAA,GAA0D,IAAAC,mCAAkB,EAAC,CAAC;IAAlDC,yBAAyB,GAAAF,mBAAA,CAA7CD,kBAAkB;EAC1B,IAAAI,SAAA,GAMI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,qBAAA,GAAAF,SAAA,CALZG,KAAK,CACHC,WAAW,CACTC,cAAc;IAAIC,SAAS,GAAAJ,qBAAA,CAATI,SAAS;IAAEC,gBAAgB,GAAAL,qBAAA,CAAhBK,gBAAgB;EAInD,IAAMC,gBAAgB,GAAG,IAAAC,iDAAyB,EAAC,CAAC;EAEpD,IAAMb,kBAAkB,GAAGD,sBAAsB,IAAII,yBAAyB;EAE9E,IAAMf,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAII,IAAY,EAAK;IACzCsB,sBAAc,CAACC,aAAa,CAAC,aAAa,CAAC;IAC3C,IAAIjB,cAAc,EAAE;MAClBA,cAAc,CAACN,IAAI,CAAC;IACtB;IACAK,cAAc,CAAC,CAAC;EAClB,CAAC;EAED,IAAI,CAACe,gBAAgB,CAACI,YAAY,EAAE;IAClC,OAAO,IAAI;EACb;EAEA,IAAMC,SAAmC,IAAArB,qBAAA,GACvCI,kBAAkB,oBAAlBA,kBAAkB,CAAEkB,GAAG,CAAC,UAACC,QAAQ;IAAA,OAAAC,MAAA,CAAAC,MAAA,KAC5BF,QAAQ;MACX/B,gBAAgB,EAAhBA,gBAAgB;MAChBE,gBAAgB,EAAhBA;IAAgB;EAAA,CAChB,CAAC,YAAAM,qBAAA,GAAI,EAAE;EAEX,OACE,IAAAnB,WAAA,CAAAO,GAAA,EAACb,YAAA,CAAAmD,IAAI;IACHC,kBAAkB,EAAC,4CAA4C;IAC/DC,KAAK,EAAE,CAACC,MAAM,CAACf,SAAS,EAAEA,SAAS,CAAE;IAAAgB,QAAA,EAErC,IAAAjD,WAAA,CAAAO,GAAA,EAACb,YAAA,CAAAwD,QAAQ;MACPC,qBAAqB,EAAE,CAACH,MAAM,CAACd,gBAAgB,EAAEA,gBAAgB,CAAE;MACnEkB,IAAI,EAAEZ,SAAU;MAChBa,UAAU;MACVC,YAAY,EAAE,SAAdA,YAAYA,CAAGhD,IAAI;QAAA,OAAKA,IAAI,CAACS,IAAI;MAAA,CAAC;MAClCZ,UAAU,EAAEA;IAAW,CACxB;EAAC,CACE,CAAC;AAEX,CAAC;AAED,IAAM6C,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BvB,SAAS,EAAE;IACTwB,SAAS,EAAE;EACb,CAAC;EACDvB,gBAAgB,EAAE;IAChBwB,QAAQ,EAAE,CAAC;IACXC,cAAc,EAAE,cAAc;IAC9BC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_EmojiPickerList","_useMessageOwnReactions","_ReactionButton","_MessagesContext","_OwnCapabilitiesContext","_ThemeContext","_hooks","_Plus","_native","_stateStore","_theme","_ui","_UIComponents","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","keyExtractor","item","type","renderItem","_ref","index","jsx","ReactionButton","Icon","onPress","onSelectReaction","selected","ownReactionTypes","includes","MessageReactionPickerList","exports","_ref2","useMessageOwnReactions","_useMessagesContext","useMessagesContext","supportedReactions","_useTheme","useTheme","contentContainer","theme","messageMenu","reactionPicker","styles","useStyles","reactions","useMemo","_supportedReactions$f","_supportedReactions$f2","filter","reaction","isMain","map","assign","FlatList","contentContainerStyle","reactionListContent","data","horizontal","EmojiViewerButton","_ref3","_React$useState","React","useState","_React$useState2","_slicedToArray2","emojiViewerOpened","setEmojiViewerOpened","_useTheme2","emojiViewerButton","handleSelectReaction","useStableCallback","onOpenEmojiViewer","NativeHandlers","triggerHaptic","closeModal","jsxs","Fragment","children","View","style","Button","variant","size","iconOnly","LeadingIcon","Plus","testID","BottomSheetModal","height","lazy","onClose","visible","EmojiPickerList","toUnicodeScalarString","emoji","out","ch","push","codePointAt","cp","toString","toUpperCase","padStart","join","MessageReactionPicker","props","dismissOverlay","handleReaction","_useTheme3","container","own_capabilities","useOwnCapabilitiesContext","scheduleActionOnClose","sendReaction","accessibilityLabel","_useTheme4","semantics","scheme","useColorScheme","isDark","StyleSheet","create","flexDirection","alignSelf","borderRadius","primitives","radius4xl","marginVertical","overflow","darkElevation3","lightElevation3","backgroundColor","backgroundCoreElevation2","flexGrow","justifyContent","gap","spacingXxxs","paddingVertical","spacingXxs","paddingLeft","alignItems","paddingRight","spacingXs"],"sourceRoot":"../../../../src","sources":["components/MessageMenu/MessageReactionPicker.tsx"],"mappings":"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","ignoreList":[]}