@sendbird/uikit-react-native 2.4.1 → 2.4.2

package/lib/commonjs/components/NewMessagesButton.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _useContext = require("../hooks/useContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const NewMessagesButton = _ref => {
   let {
     newMessages,
@@ -44,7 +38,6 @@ const NewMessagesButton = _ref => {
     color: colors.primary
   }, STRINGS.GROUP_CHANNEL.LIST_BUTTON_NEW_MSG(newMessages)));
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   container: {
     paddingHorizontal: 12,
@@ -66,8 +59,6 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     })
   }
 });
-
 var _default = /*#__PURE__*/_react.default.memo(NewMessagesButton);
-
 exports.default = _default;
 //# sourceMappingURL=NewMessagesButton.js.map

package/lib/commonjs/components/NewMessagesButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["NewMessagesButton","newMessages","visible","onPress","STRINGS","useLocalization","select","palette","colors","useUIKitTheme","length","styles","container","backgroundColor","dark","background400","light","background50","primary","GROUP_CHANNEL","LIST_BUTTON_NEW_MSG","createStyleSheet","paddingHorizontal","paddingVertical","borderRadius","Platform","android","elevation","ios","shadowColor","shadowRadius","shadowOffset","width","height","shadowOpacity","React","memo"],"sources":["NewMessagesButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TouchableOpacity } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../hooks/useContext';\n\ntype Props = {\n  newMessages: SendbirdMessage[];\n  visible: boolean;\n  onPress: () => void;\n};\nconst NewMessagesButton = ({ newMessages, visible, onPress }: Props) => {\n  const { STRINGS } = useLocalization();\n  const { select, palette, colors } = useUIKitTheme();\n  if (newMessages.length === 0 || !visible) return null;\n  return (\n    <TouchableOpacity\n      activeOpacity={0.8}\n      onPress={onPress}\n      style={[\n        styles.container,\n        { backgroundColor: select({ dark: palette.background400, light: palette.background50 }) },\n      ]}\n    >\n      <Text button color={colors.primary}>\n        {STRINGS.GROUP_CHANNEL.LIST_BUTTON_NEW_MSG(newMessages)}\n      </Text>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    borderRadius: 20,\n    ...Platform.select({\n      android: {\n        elevation: 4,\n      },\n      ios: {\n        shadowColor: 'black',\n        shadowRadius: 4,\n        shadowOffset: { width: 0, height: 4 },\n        shadowOpacity: 0.3,\n      },\n    }),\n  },\n});\nexport default React.memo(NewMessagesButton);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAGA;;;;AAOA,MAAMA,iBAAiB,GAAG,QAA8C;EAAA,IAA7C;IAAEC,WAAF;IAAeC,OAAf;IAAwBC;EAAxB,CAA6C;EACtE,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC,MAAF;IAAUC,OAAV;IAAmBC;EAAnB,IAA8B,IAAAC,yCAAA,GAApC;EACA,IAAIR,WAAW,CAACS,MAAZ,KAAuB,CAAvB,IAA4B,CAACR,OAAjC,EAA0C,OAAO,IAAP;EAC1C,oBACE,6BAAC,6BAAD;IACE,aAAa,EAAE,GADjB;IAEE,OAAO,EAAEC,OAFX;IAGE,KAAK,EAAE,CACLQ,MAAM,CAACC,SADF,EAEL;MAAEC,eAAe,EAAEP,MAAM,CAAC;QAAEQ,IAAI,EAAEP,OAAO,CAACQ,aAAhB;QAA+BC,KAAK,EAAET,OAAO,CAACU;MAA9C,CAAD;IAAzB,CAFK;EAHT,gBAQE,6BAAC,gCAAD;IAAM,MAAM,MAAZ;IAAa,KAAK,EAAET,MAAM,CAACU;EAA3B,GACGd,OAAO,CAACe,aAAR,CAAsBC,mBAAtB,CAA0CnB,WAA1C,CADH,CARF,CADF;AAcD,CAlBD;;AAoBA,MAAMU,MAAM,GAAG,IAAAU,4CAAA,EAAiB;EAC9BT,SAAS,EAAE;IACTU,iBAAiB,EAAE,EADV;IAETC,eAAe,EAAE,EAFR;IAGTC,YAAY,EAAE,EAHL;IAIT,GAAGC,qBAAA,CAASnB,MAAT,CAAgB;MACjBoB,OAAO,EAAE;QACPC,SAAS,EAAE;MADJ,CADQ;MAIjBC,GAAG,EAAE;QACHC,WAAW,EAAE,OADV;QAEHC,YAAY,EAAE,CAFX;QAGHC,YAAY,EAAE;UAAEC,KAAK,EAAE,CAAT;UAAYC,MAAM,EAAE;QAApB,CAHX;QAIHC,aAAa,EAAE;MAJZ;IAJY,CAAhB;EAJM;AADmB,CAAjB,CAAf;;4BAkBeC,cAAA,CAAMC,IAAN,CAAWpC,iBAAX,C"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","NewMessagesButton","_ref","newMessages","visible","onPress","STRINGS","useLocalization","select","palette","colors","useUIKitTheme","length","createElement","TouchableOpacity","activeOpacity","style","styles","container","backgroundColor","dark","background400","light","background50","Text","button","color","primary","GROUP_CHANNEL","LIST_BUTTON_NEW_MSG","createStyleSheet","paddingHorizontal","paddingVertical","borderRadius","Platform","android","elevation","ios","shadowColor","shadowRadius","shadowOffset","width","height","shadowOpacity","_default","React","memo","exports"],"sources":["NewMessagesButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TouchableOpacity } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../hooks/useContext';\n\ntype Props = {\n  newMessages: SendbirdMessage[];\n  visible: boolean;\n  onPress: () => void;\n};\nconst NewMessagesButton = ({ newMessages, visible, onPress }: Props) => {\n  const { STRINGS } = useLocalization();\n  const { select, palette, colors } = useUIKitTheme();\n  if (newMessages.length === 0 || !visible) return null;\n  return (\n    <TouchableOpacity\n      activeOpacity={0.8}\n      onPress={onPress}\n      style={[\n        styles.container,\n        { backgroundColor: select({ dark: palette.background400, light: palette.background50 }) },\n      ]}\n    >\n      <Text button color={colors.primary}>\n        {STRINGS.GROUP_CHANNEL.LIST_BUTTON_NEW_MSG(newMessages)}\n      </Text>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    borderRadius: 20,\n    ...Platform.select({\n      android: {\n        elevation: 4,\n      },\n      ios: {\n        shadowColor: 'black',\n        shadowRadius: 4,\n        shadowOffset: { width: 0, height: 4 },\n        shadowOpacity: 0.3,\n      },\n    }),\n  },\n});\nexport default React.memo(NewMessagesButton);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,WAAA,GAAAH,OAAA;AAAsD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOtD,MAAMG,iBAAiB,GAAGC,IAAA,IAA8C;EAAA,IAA7C;IAAEC,WAAW;IAAEC,OAAO;IAAEC;EAAe,CAAC,GAAAH,IAAA;EACjE,MAAM;IAAEI;EAAQ,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACrC,MAAM;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EACnD,IAAIR,WAAW,CAACS,MAAM,KAAK,CAAC,IAAI,CAACR,OAAO,EAAE,OAAO,IAAI;EACrD,oBACEZ,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAAClB,YAAA,CAAAmB,gBAAgB;IACfC,aAAa,EAAE,GAAI;IACnBV,OAAO,EAAEA,OAAQ;IACjBW,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEX,MAAM,CAAC;QAAEY,IAAI,EAAEX,OAAO,CAACY,aAAa;QAAEC,KAAK,EAAEb,OAAO,CAACc;MAAa,CAAC;IAAE,CAAC;EACzF,gBAEF/B,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACjB,2BAAA,CAAA4B,IAAI;IAACC,MAAM;IAACC,KAAK,EAAEhB,MAAM,CAACiB;EAAQ,GAChCrB,OAAO,CAACsB,aAAa,CAACC,mBAAmB,CAAC1B,WAAW,CAAC,CAClD,CACU;AAEvB,CAAC;AAED,MAAMc,MAAM,GAAG,IAAAa,4CAAgB,EAAC;EAC9BZ,SAAS,EAAE;IACTa,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,YAAY,EAAE,EAAE;IAChB,GAAGC,qBAAQ,CAAC1B,MAAM,CAAC;MACjB2B,OAAO,EAAE;QACPC,SAAS,EAAE;MACb,CAAC;MACDC,GAAG,EAAE;QACHC,WAAW,EAAE,OAAO;QACpBC,YAAY,EAAE,CAAC;QACfC,YAAY,EAAE;UAAEC,KAAK,EAAE,CAAC;UAAEC,MAAM,EAAE;QAAE,CAAC;QACrCC,aAAa,EAAE;MACjB;IACF,CAAC;EACH;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,gBACYC,cAAK,CAACC,IAAI,CAAC7C,iBAAiB,CAAC;AAAA8C,OAAA,CAAA/C,OAAA,GAAA4C,QAAA"}

package/lib/commonjs/components/OpenChannelMessageRenderer/OpenChannelMessageDateSeparator.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isSameDay = _interopRequireDefault(require("date-fns/isSameDay"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _useContext = require("../../hooks/useContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const OpenChannelMessageDateSeparator = _ref => {
   let {
     message,
@@ -41,7 +34,6 @@ const OpenChannelMessageDateSeparator = _ref => {
     color: colors.ui.dateSeparator.default.none.text
   }, STRINGS.OPEN_CHANNEL.LIST_DATE_SEPARATOR(new Date(message.createdAt)))));
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   container: {
     alignItems: 'center',

package/lib/commonjs/components/OpenChannelMessageRenderer/OpenChannelMessageDateSeparator.js.map

@@ -1 +1 @@
-{"version":3,"names":["OpenChannelMessageDateSeparator","message","prevMessage","STRINGS","useLocalization","colors","useUIKitTheme","sameDay","isSameDay","createdAt","styles","container","view","backgroundColor","ui","dateSeparator","default","none","background","text","OPEN_CHANNEL","LIST_DATE_SEPARATOR","Date","createStyleSheet","alignItems","marginVertical","borderRadius","paddingVertical","paddingHorizontal"],"sources":["OpenChannelMessageDateSeparator.tsx"],"sourcesContent":["import isSameDay from 'date-fns/isSameDay';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../hooks/useContext';\n\nconst OpenChannelMessageDateSeparator = ({\n  message,\n  prevMessage,\n}: {\n  message: SendbirdMessage;\n  prevMessage?: SendbirdMessage;\n}) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const sameDay = isSameDay(message.createdAt, prevMessage?.createdAt ?? 0);\n  if (sameDay) return null;\n\n  return (\n    <View style={styles.container}>\n      <View style={[styles.view, { backgroundColor: colors.ui.dateSeparator.default.none.background }]}>\n        <Text caption1 color={colors.ui.dateSeparator.default.none.text}>\n          {STRINGS.OPEN_CHANNEL.LIST_DATE_SEPARATOR(new Date(message.createdAt))}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    alignItems: 'center',\n    marginVertical: 16,\n  },\n  view: {\n    borderRadius: 10,\n    paddingVertical: 4,\n    paddingHorizontal: 10,\n  },\n});\n\nexport default OpenChannelMessageDateSeparator;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAGA;;;;AAEA,MAAMA,+BAA+B,GAAG,QAMlC;EAAA,IANmC;IACvCC,OADuC;IAEvCC;EAFuC,CAMnC;EACJ,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EAEA,MAAMC,OAAO,GAAG,IAAAC,kBAAA,EAAUP,OAAO,CAACQ,SAAlB,EAA6B,CAAAP,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEO,SAAb,KAA0B,CAAvD,CAAhB;EACA,IAAIF,OAAJ,EAAa,OAAO,IAAP;EAEb,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEG,MAAM,CAACC;EAApB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACD,MAAM,CAACE,IAAR,EAAc;MAAEC,eAAe,EAAER,MAAM,CAACS,EAAP,CAAUC,aAAV,CAAwBC,OAAxB,CAAgCC,IAAhC,CAAqCC;IAAxD,CAAd;EAAb,gBACE,6BAAC,gCAAD;IAAM,QAAQ,MAAd;IAAe,KAAK,EAAEb,MAAM,CAACS,EAAP,CAAUC,aAAV,CAAwBC,OAAxB,CAAgCC,IAAhC,CAAqCE;EAA3D,GACGhB,OAAO,CAACiB,YAAR,CAAqBC,mBAArB,CAAyC,IAAIC,IAAJ,CAASrB,OAAO,CAACQ,SAAjB,CAAzC,CADH,CADF,CADF,CADF;AASD,CAtBD;;AAwBA,MAAMC,MAAM,GAAG,IAAAa,4CAAA,EAAiB;EAC9BZ,SAAS,EAAE;IACTa,UAAU,EAAE,QADH;IAETC,cAAc,EAAE;EAFP,CADmB;EAK9Bb,IAAI,EAAE;IACJc,YAAY,EAAE,EADV;IAEJC,eAAe,EAAE,CAFb;IAGJC,iBAAiB,EAAE;EAHf;AALwB,CAAjB,CAAf;eAYe5B,+B"}
+{"version":3,"names":["_isSameDay","_interopRequireDefault","require","_react","_reactNative","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","OpenChannelMessageDateSeparator","_ref","message","prevMessage","STRINGS","useLocalization","colors","useUIKitTheme","sameDay","isSameDay","createdAt","createElement","View","style","styles","container","view","backgroundColor","ui","dateSeparator","none","background","Text","caption1","color","text","OPEN_CHANNEL","LIST_DATE_SEPARATOR","Date","createStyleSheet","alignItems","marginVertical","borderRadius","paddingVertical","paddingHorizontal","_default","exports"],"sources":["OpenChannelMessageDateSeparator.tsx"],"sourcesContent":["import isSameDay from 'date-fns/isSameDay';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../../hooks/useContext';\n\nconst OpenChannelMessageDateSeparator = ({\n  message,\n  prevMessage,\n}: {\n  message: SendbirdMessage;\n  prevMessage?: SendbirdMessage;\n}) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const sameDay = isSameDay(message.createdAt, prevMessage?.createdAt ?? 0);\n  if (sameDay) return null;\n\n  return (\n    <View style={styles.container}>\n      <View style={[styles.view, { backgroundColor: colors.ui.dateSeparator.default.none.background }]}>\n        <Text caption1 color={colors.ui.dateSeparator.default.none.text}>\n          {STRINGS.OPEN_CHANNEL.LIST_DATE_SEPARATOR(new Date(message.createdAt))}\n        </Text>\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    alignItems: 'center',\n    marginVertical: 16,\n  },\n  view: {\n    borderRadius: 10,\n    paddingVertical: 4,\n    paddingHorizontal: 10,\n  },\n});\n\nexport default OpenChannelMessageDateSeparator;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,2BAAA,GAAAH,OAAA;AAGA,IAAAI,WAAA,GAAAJ,OAAA;AAAyD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEzD,MAAMG,+BAA+B,GAAGC,IAAA,IAMlC;EAAA,IANmC;IACvCC,OAAO;IACPC;EAIF,CAAC,GAAAF,IAAA;EACC,MAAM;IAAEG;EAAQ,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACrC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAElC,MAAMC,OAAO,GAAG,IAAAC,kBAAS,EAACP,OAAO,CAACQ,SAAS,EAAE,CAAAP,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEO,SAAS,KAAI,CAAC,CAAC;EACzE,IAAIF,OAAO,EAAE,OAAO,IAAI;EAExB,oBACEf,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BtB,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAE;MAAEC,eAAe,EAAEX,MAAM,CAACY,EAAE,CAACC,aAAa,CAACpB,OAAO,CAACqB,IAAI,CAACC;IAAW,CAAC;EAAE,gBAC/F5B,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAAChB,2BAAA,CAAA2B,IAAI;IAACC,QAAQ;IAACC,KAAK,EAAElB,MAAM,CAACY,EAAE,CAACC,aAAa,CAACpB,OAAO,CAACqB,IAAI,CAACK;EAAK,GAC7DrB,OAAO,CAACsB,YAAY,CAACC,mBAAmB,CAAC,IAAIC,IAAI,CAAC1B,OAAO,CAACQ,SAAS,CAAC,CAAC,CACjE,CACF,CACF;AAEX,CAAC;AAED,MAAMI,MAAM,GAAG,IAAAe,4CAAgB,EAAC;EAC9Bd,SAAS,EAAE;IACTe,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDf,IAAI,EAAE;IACJgB,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYnC,+BAA+B;AAAAoC,OAAA,CAAArC,OAAA,GAAAoC,QAAA"}

package/lib/commonjs/components/OpenChannelMessageRenderer/index.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _useContext = require("../../hooks/useContext");
-
 var _SBUUtils = _interopRequireDefault(require("../../libs/SBUUtils"));
-
 var _OpenChannelMessageDateSeparator = _interopRequireDefault(require("./OpenChannelMessageDateSeparator"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const OpenChannelMessageRenderer = _ref => {
   let {
     channel,
@@ -47,7 +38,6 @@ const OpenChannelMessageRenderer = _ref => {
     onLongPress,
     onPressURL: () => {
       var _message$ogMetaData, _message$ogMetaData2;
-
       return ((_message$ogMetaData = message.ogMetaData) === null || _message$ogMetaData === void 0 ? void 0 : _message$ogMetaData.url) && _SBUUtils.default.openURL((_message$ogMetaData2 = message.ogMetaData) === null || _message$ogMetaData2 === void 0 ? void 0 : _message$ogMetaData2.url);
     },
     onPressAvatar: () => 'sender' in message && (onPressAvatar === null || onPressAvatar === void 0 ? void 0 : onPressAvatar(message.sender, {
@@ -63,7 +53,6 @@ const OpenChannelMessageRenderer = _ref => {
       unknownDescription: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message)
     }
   };
-
   const renderMessage = () => {
     switch ((0, _uikitUtils.getMessageType)(message)) {
       case 'admin':
@@ -72,21 +61,18 @@ const OpenChannelMessageRenderer = _ref => {
             message: message
           }, messageProps));
         }
-
       case 'user':
         {
           return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.OpenChannelMessage.User, _extends({
             message: message
           }, messageProps));
         }
-
       case 'user.opengraph':
         {
           return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.OpenChannelMessage.OpenGraphUser, _extends({
             message: message
           }, messageProps));
         }
-
       case 'file':
       case 'file.audio':
         {
@@ -94,14 +80,12 @@ const OpenChannelMessageRenderer = _ref => {
             message: message
           }, messageProps));
         }
-
       case 'file.image':
         {
           return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.OpenChannelMessage.ImageFile, _extends({
             message: message
           }, messageProps));
         }
-
       case 'file.video':
         {
           return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.OpenChannelMessage.VideoFile, _extends({
@@ -112,7 +96,6 @@ const OpenChannelMessageRenderer = _ref => {
             })
           }, messageProps));
         }
-
       case 'unknown':
       default:
         {
@@ -122,14 +105,11 @@ const OpenChannelMessageRenderer = _ref => {
         }
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, null, /*#__PURE__*/_react.default.createElement(_OpenChannelMessageDateSeparator.default, {
     message: message,
     prevMessage: prevMessage
   }), renderMessage());
 };
-
 var _default = /*#__PURE__*/_react.default.memo(OpenChannelMessageRenderer);
-
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/OpenChannelMessageRenderer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["OpenChannelMessageRenderer","channel","message","onPress","onLongPress","onPressAvatar","enableMessageGrouping","prevMessage","nextMessage","STRINGS","useLocalization","mediaService","usePlatformService","groupWithPrev","calcMessageGrouping","Boolean","messageProps","onPressURL","ogMetaData","url","SBUUtils","openURL","sender","hideMessageButton","grouped","strings","edited","OPEN_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","senderName","nickname","LABELS","USER_NO_NAME","sentDate","MESSAGE_BUBBLE_TIME","fileName","isFileMessage","MESSAGE_BUBBLE_FILE_TITLE","unknownTitle","MESSAGE_BUBBLE_UNKNOWN_TITLE","unknownDescription","MESSAGE_BUBBLE_UNKNOWN_DESC","renderMessage","getMessageType","uri","getVideoThumbnail","timeMills","React","memo"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { OpenChannelMessageProps } from '@sendbird/uikit-react-native-foundation';\nimport { Box, OpenChannelMessage } from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdAdminMessage,\n  SendbirdFileMessage,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  calcMessageGrouping,\n  getMessageType,\n} from '@sendbird/uikit-utils';\n\nimport type { OpenChannelProps } from '../../domain/openChannel/types';\nimport { useLocalization, usePlatformService } from '../../hooks/useContext';\nimport SBUUtils from '../../libs/SBUUtils';\nimport OpenChannelMessageDateSeparator from './OpenChannelMessageDateSeparator';\n\nconst OpenChannelMessageRenderer: OpenChannelProps['Fragment']['renderMessage'] = ({\n  channel,\n  message,\n  onPress,\n  onLongPress,\n  onPressAvatar,\n  enableMessageGrouping,\n  prevMessage,\n  nextMessage,\n}) => {\n  const { STRINGS } = useLocalization();\n  const { mediaService } = usePlatformService();\n  const { groupWithPrev } = calcMessageGrouping(Boolean(enableMessageGrouping), message, prevMessage, nextMessage);\n\n  const messageProps: Omit<OpenChannelMessageProps<SendbirdMessage>, 'message'> = {\n    channel,\n    onPress,\n    onLongPress,\n    onPressURL: () => message.ogMetaData?.url && SBUUtils.openURL(message.ogMetaData?.url),\n    onPressAvatar: () => 'sender' in message && onPressAvatar?.(message.sender, { hideMessageButton: true }),\n    grouped: groupWithPrev,\n    strings: {\n      edited: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX,\n      senderName: ('sender' in message && message.sender.nickname) || STRINGS.LABELS.USER_NO_NAME,\n      sentDate: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_TIME(message),\n      fileName: message.isFileMessage() ? STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message) : '',\n      unknownTitle: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_TITLE(message),\n      unknownDescription: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message),\n    },\n  };\n  const renderMessage = () => {\n    switch (getMessageType(message)) {\n      case 'admin': {\n        return <OpenChannelMessage.Admin message={message as SendbirdAdminMessage} {...messageProps} />;\n      }\n      case 'user': {\n        return <OpenChannelMessage.User message={message as SendbirdUserMessage} {...messageProps} />;\n      }\n      case 'user.opengraph': {\n        return <OpenChannelMessage.OpenGraphUser message={message as SendbirdUserMessage} {...messageProps} />;\n      }\n      case 'file':\n      case 'file.audio': {\n        return <OpenChannelMessage.File message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.image': {\n        return <OpenChannelMessage.ImageFile message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.video': {\n        return (\n          <OpenChannelMessage.VideoFile\n            message={message as SendbirdFileMessage}\n            fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n            {...messageProps}\n          />\n        );\n      }\n      case 'unknown':\n      default: {\n        return <OpenChannelMessage.Unknown message={message} {...messageProps} />;\n      }\n    }\n  };\n\n  return (\n    <Box>\n      <OpenChannelMessageDateSeparator message={message} prevMessage={prevMessage} />\n      {renderMessage()}\n    </Box>\n  );\n};\n\nexport default React.memo(OpenChannelMessageRenderer);\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","_useContext","_SBUUtils","_OpenChannelMessageDateSeparator","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","OpenChannelMessageRenderer","_ref","channel","message","onPress","onLongPress","onPressAvatar","enableMessageGrouping","prevMessage","nextMessage","STRINGS","useLocalization","mediaService","usePlatformService","groupWithPrev","calcMessageGrouping","Boolean","messageProps","onPressURL","_message$ogMetaData","_message$ogMetaData2","ogMetaData","url","SBUUtils","openURL","sender","hideMessageButton","grouped","strings","edited","OPEN_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","senderName","nickname","LABELS","USER_NO_NAME","sentDate","MESSAGE_BUBBLE_TIME","fileName","isFileMessage","MESSAGE_BUBBLE_FILE_TITLE","unknownTitle","MESSAGE_BUBBLE_UNKNOWN_TITLE","unknownDescription","MESSAGE_BUBBLE_UNKNOWN_DESC","renderMessage","getMessageType","createElement","OpenChannelMessage","Admin","User","OpenGraphUser","File","ImageFile","VideoFile","fetchThumbnailFromVideoSource","uri","getVideoThumbnail","timeMills","Unknown","Box","_default","React","memo","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { OpenChannelMessageProps } from '@sendbird/uikit-react-native-foundation';\nimport { Box, OpenChannelMessage } from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdAdminMessage,\n  SendbirdFileMessage,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  calcMessageGrouping,\n  getMessageType,\n} from '@sendbird/uikit-utils';\n\nimport type { OpenChannelProps } from '../../domain/openChannel/types';\nimport { useLocalization, usePlatformService } from '../../hooks/useContext';\nimport SBUUtils from '../../libs/SBUUtils';\nimport OpenChannelMessageDateSeparator from './OpenChannelMessageDateSeparator';\n\nconst OpenChannelMessageRenderer: OpenChannelProps['Fragment']['renderMessage'] = ({\n  channel,\n  message,\n  onPress,\n  onLongPress,\n  onPressAvatar,\n  enableMessageGrouping,\n  prevMessage,\n  nextMessage,\n}) => {\n  const { STRINGS } = useLocalization();\n  const { mediaService } = usePlatformService();\n  const { groupWithPrev } = calcMessageGrouping(Boolean(enableMessageGrouping), message, prevMessage, nextMessage);\n\n  const messageProps: Omit<OpenChannelMessageProps<SendbirdMessage>, 'message'> = {\n    channel,\n    onPress,\n    onLongPress,\n    onPressURL: () => message.ogMetaData?.url && SBUUtils.openURL(message.ogMetaData?.url),\n    onPressAvatar: () => 'sender' in message && onPressAvatar?.(message.sender, { hideMessageButton: true }),\n    grouped: groupWithPrev,\n    strings: {\n      edited: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX,\n      senderName: ('sender' in message && message.sender.nickname) || STRINGS.LABELS.USER_NO_NAME,\n      sentDate: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_TIME(message),\n      fileName: message.isFileMessage() ? STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message) : '',\n      unknownTitle: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_TITLE(message),\n      unknownDescription: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message),\n    },\n  };\n  const renderMessage = () => {\n    switch (getMessageType(message)) {\n      case 'admin': {\n        return <OpenChannelMessage.Admin message={message as SendbirdAdminMessage} {...messageProps} />;\n      }\n      case 'user': {\n        return <OpenChannelMessage.User message={message as SendbirdUserMessage} {...messageProps} />;\n      }\n      case 'user.opengraph': {\n        return <OpenChannelMessage.OpenGraphUser message={message as SendbirdUserMessage} {...messageProps} />;\n      }\n      case 'file':\n      case 'file.audio': {\n        return <OpenChannelMessage.File message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.image': {\n        return <OpenChannelMessage.ImageFile message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.video': {\n        return (\n          <OpenChannelMessage.VideoFile\n            message={message as SendbirdFileMessage}\n            fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n            {...messageProps}\n          />\n        );\n      }\n      case 'unknown':\n      default: {\n        return <OpenChannelMessage.Unknown message={message} {...messageProps} />;\n      }\n    }\n  };\n\n  return (\n    <Box>\n      <OpenChannelMessageDateSeparator message={message} prevMessage={prevMessage} />\n      {renderMessage()}\n    </Box>\n  );\n};\n\nexport default React.memo(OpenChannelMessageRenderer);\n"],"mappings":"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"}

package/lib/commonjs/components/ProviderLayout.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ProviderLayout = _ref => {
   let {
     children
@@ -26,7 +21,6 @@ const ProviderLayout = _ref => {
     }]
   }, children);
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   view: {
     flex: 1

package/lib/commonjs/components/ProviderLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["ProviderLayout","children","colors","useUIKitTheme","styles","view","backgroundColor","background","createStyleSheet","flex"],"sources":["ProviderLayout.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nconst ProviderLayout = ({ children }: React.PropsWithChildren) => {\n  const { colors } = useUIKitTheme();\n  return <View style={[styles.view, { backgroundColor: colors.background }]}>{children}</View>;\n};\n\nconst styles = createStyleSheet({\n  view: {\n    flex: 1,\n  },\n});\n\nexport default ProviderLayout;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,cAAc,GAAG,QAA2C;EAAA,IAA1C;IAAEC;EAAF,CAA0C;EAChE,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EACA,oBAAO,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACC,MAAM,CAACC,IAAR,EAAc;MAAEC,eAAe,EAAEJ,MAAM,CAACK;IAA1B,CAAd;EAAb,GAAqEN,QAArE,CAAP;AACD,CAHD;;AAKA,MAAMG,MAAM,GAAG,IAAAI,4CAAA,EAAiB;EAC9BH,IAAI,EAAE;IACJI,IAAI,EAAE;EADF;AADwB,CAAjB,CAAf;eAMeT,c"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","obj","__esModule","default","ProviderLayout","_ref","children","colors","useUIKitTheme","createElement","View","style","styles","view","backgroundColor","background","createStyleSheet","flex","_default","exports"],"sources":["ProviderLayout.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nconst ProviderLayout = ({ children }: React.PropsWithChildren) => {\n  const { colors } = useUIKitTheme();\n  return <View style={[styles.view, { backgroundColor: colors.background }]}>{children}</View>;\n};\n\nconst styles = createStyleSheet({\n  view: {\n    flex: 1,\n  },\n});\n\nexport default ProviderLayout;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAA0F,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1F,MAAMG,cAAc,GAAGC,IAAA,IAA2C;EAAA,IAA1C;IAAEC;EAAkC,CAAC,GAAAD,IAAA;EAC3D,MAAM;IAAEE;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAClC,oBAAOZ,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,YAAA,CAAAW,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,eAAe,EAAEP,MAAM,CAACQ;IAAW,CAAC;EAAE,GAAET,QAAQ,CAAQ;AAC9F,CAAC;AAED,MAAMM,MAAM,GAAG,IAAAI,4CAAgB,EAAC;EAC9BH,IAAI,EAAE;IACJI,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYd,cAAc;AAAAe,OAAA,CAAAhB,OAAA,GAAAe,QAAA"}

package/lib/commonjs/components/ReactionAddons/BottomSheetReactionAddon.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _constants = require("../../constants");
-
 var _useContext = require("../../hooks/useContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const BottomSheetReactionAddon = _ref => {
   let {
     onClose,
@@ -59,7 +49,6 @@ const BottomSheetReactionAddon = _ref => {
         });
       }
     }
-
   });
   const emojiAll = emojiManager.allEmoji.slice(0, 5);
   const color = colors.ui.reaction.default;
@@ -70,7 +59,6 @@ const BottomSheetReactionAddon = _ref => {
     }]
   }, emojiAll.map(_ref2 => {
     var _message$reactions, _message$reactions$fi;
-
     let {
       key,
       url
@@ -78,12 +66,10 @@ const BottomSheetReactionAddon = _ref => {
     const reactionUserIds = (message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : (_message$reactions$fi = _message$reactions.find(it => it.key === key)) === null || _message$reactions$fi === void 0 ? void 0 : _message$reactions$fi.userIds) ?? [];
     const currentUserIdx = reactionUserIds.indexOf((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? _constants.UNKNOWN_USER_ID);
     const reacted = currentUserIdx > -1;
-
     const onPress = () => {
       if (reacted) channel.deleteReaction(message, key);else channel.addReaction(message, key);
       onClose();
     };
-
     return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
       key: key,
       onPress: onPress,
@@ -123,7 +109,6 @@ const BottomSheetReactionAddon = _ref => {
     color: colors.onBackground03
   })));
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   container: {
     paddingTop: 12,

package/lib/commonjs/components/ReactionAddons/BottomSheetReactionAddon.js.map

@@ -1 +1 @@
-{"version":3,"names":["BottomSheetReactionAddon","onClose","message","channel","emojiManager","currentUser","sdk","useSendbirdChat","updateReactionFocusedItem","openReactionList","useReaction","colors","useUIKitTheme","handlerId","useUniqHandlerId","left","right","useSafeAreaInsets","useChannelHandler","onReactionUpdated","eventChannel","event","url","messageId","getMessage","includeReactions","channelUrl","channelType","emojiAll","allEmoji","slice","color","ui","reaction","default","styles","container","marginRight","marginLeft","map","key","reactionUserIds","reactions","find","it","userIds","currentUserIdx","indexOf","userId","UNKNOWN_USER_ID","reacted","onPress","deleteReaction","addReaction","pressed","button","backgroundColor","selected","background","enabled","uri","emoji","onBackground03","createStyleSheet","paddingTop","paddingBottom","paddingHorizontal","flexDirection","justifyContent","width","height","padding","borderRadius"],"sources":["BottomSheetReactionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdBaseChannel, SendbirdBaseMessage, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { UNKNOWN_USER_ID } from '../../constants';\nimport { useReaction, useSendbirdChat } from '../../hooks/useContext';\n\ntype Props = {\n  onClose: () => Promise<void>;\n  channel: SendbirdBaseChannel;\n  message: SendbirdBaseMessage;\n};\nconst BottomSheetReactionAddon = ({ onClose, message, channel }: Props) => {\n  const { emojiManager, currentUser, sdk } = useSendbirdChat();\n  const { updateReactionFocusedItem, openReactionList } = useReaction();\n  const { colors } = useUIKitTheme();\n  const handlerId = useUniqHandlerId('BottomSheetReactionAddon');\n  const { left, right } = useSafeAreaInsets();\n\n  useChannelHandler(sdk, handlerId, {\n    async onReactionUpdated(eventChannel, event) {\n      if (channel?.url === eventChannel.url && event.messageId === message?.messageId) {\n        updateReactionFocusedItem({\n          message: await sdk.message.getMessage({\n            includeReactions: true,\n            messageId: message.messageId,\n            channelUrl: message.channelUrl,\n            channelType: message.channelType,\n          }),\n        });\n      }\n    },\n  });\n\n  const emojiAll = emojiManager.allEmoji.slice(0, 5);\n  const color = colors.ui.reaction.default;\n\n  return (\n    <View style={[styles.container, { marginRight: right, marginLeft: left }]}>\n      {emojiAll.map(({ key, url }) => {\n        const reactionUserIds = message?.reactions?.find((it) => it.key === key)?.userIds ?? [];\n        const currentUserIdx = reactionUserIds.indexOf(currentUser?.userId ?? UNKNOWN_USER_ID);\n        const reacted = currentUserIdx > -1;\n\n        const onPress = () => {\n          if (reacted) channel.deleteReaction(message, key);\n          else channel.addReaction(message, key);\n          onClose();\n        };\n\n        return (\n          <Pressable\n            key={key}\n            onPress={onPress}\n            style={({ pressed }) => [\n              styles.button,\n              { backgroundColor: reacted || pressed ? color.selected.background : color.enabled.background },\n            ]}\n          >\n            <Image source={{ uri: url }} style={styles.emoji} />\n          </Pressable>\n        );\n      })}\n\n      <Pressable\n        onPress={async () => {\n          await onClose();\n          openReactionList({ channel, message });\n        }}\n        style={({ pressed }) => [\n          styles.button,\n          { backgroundColor: pressed ? color.selected.background : color.enabled.background },\n        ]}\n      >\n        <Icon icon={'emoji-more'} style={styles.emoji} color={colors.onBackground03} />\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 12,\n    paddingBottom: 16,\n    paddingHorizontal: 18,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  button: {\n    width: 44,\n    height: 44,\n    padding: 4,\n    borderRadius: 8,\n  },\n  emoji: {\n    width: '100%',\n    height: '100%',\n  },\n});\n\nexport default BottomSheetReactionAddon;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitChatHooks","_uikitReactNativeFoundation","_uikitUtils","_constants","_useContext","obj","__esModule","default","BottomSheetReactionAddon","_ref","onClose","message","channel","emojiManager","currentUser","sdk","useSendbirdChat","updateReactionFocusedItem","openReactionList","useReaction","colors","useUIKitTheme","handlerId","useUniqHandlerId","left","right","useSafeAreaInsets","useChannelHandler","onReactionUpdated","eventChannel","event","url","messageId","getMessage","includeReactions","channelUrl","channelType","emojiAll","allEmoji","slice","color","ui","reaction","createElement","View","style","styles","container","marginRight","marginLeft","map","_ref2","_message$reactions","_message$reactions$fi","key","reactionUserIds","reactions","find","it","userIds","currentUserIdx","indexOf","userId","UNKNOWN_USER_ID","reacted","onPress","deleteReaction","addReaction","Pressable","_ref3","pressed","button","backgroundColor","selected","background","enabled","Image","source","uri","emoji","_ref4","Icon","icon","onBackground03","createStyleSheet","paddingTop","paddingBottom","paddingHorizontal","flexDirection","justifyContent","width","height","padding","borderRadius","_default","exports"],"sources":["BottomSheetReactionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdBaseChannel, SendbirdBaseMessage, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { UNKNOWN_USER_ID } from '../../constants';\nimport { useReaction, useSendbirdChat } from '../../hooks/useContext';\n\ntype Props = {\n  onClose: () => Promise<void>;\n  channel: SendbirdBaseChannel;\n  message: SendbirdBaseMessage;\n};\nconst BottomSheetReactionAddon = ({ onClose, message, channel }: Props) => {\n  const { emojiManager, currentUser, sdk } = useSendbirdChat();\n  const { updateReactionFocusedItem, openReactionList } = useReaction();\n  const { colors } = useUIKitTheme();\n  const handlerId = useUniqHandlerId('BottomSheetReactionAddon');\n  const { left, right } = useSafeAreaInsets();\n\n  useChannelHandler(sdk, handlerId, {\n    async onReactionUpdated(eventChannel, event) {\n      if (channel?.url === eventChannel.url && event.messageId === message?.messageId) {\n        updateReactionFocusedItem({\n          message: await sdk.message.getMessage({\n            includeReactions: true,\n            messageId: message.messageId,\n            channelUrl: message.channelUrl,\n            channelType: message.channelType,\n          }),\n        });\n      }\n    },\n  });\n\n  const emojiAll = emojiManager.allEmoji.slice(0, 5);\n  const color = colors.ui.reaction.default;\n\n  return (\n    <View style={[styles.container, { marginRight: right, marginLeft: left }]}>\n      {emojiAll.map(({ key, url }) => {\n        const reactionUserIds = message?.reactions?.find((it) => it.key === key)?.userIds ?? [];\n        const currentUserIdx = reactionUserIds.indexOf(currentUser?.userId ?? UNKNOWN_USER_ID);\n        const reacted = currentUserIdx > -1;\n\n        const onPress = () => {\n          if (reacted) channel.deleteReaction(message, key);\n          else channel.addReaction(message, key);\n          onClose();\n        };\n\n        return (\n          <Pressable\n            key={key}\n            onPress={onPress}\n            style={({ pressed }) => [\n              styles.button,\n              { backgroundColor: reacted || pressed ? color.selected.background : color.enabled.background },\n            ]}\n          >\n            <Image source={{ uri: url }} style={styles.emoji} />\n          </Pressable>\n        );\n      })}\n\n      <Pressable\n        onPress={async () => {\n          await onClose();\n          openReactionList({ channel, message });\n        }}\n        style={({ pressed }) => [\n          styles.button,\n          { backgroundColor: pressed ? color.selected.background : color.enabled.background },\n        ]}\n      >\n        <Icon icon={'emoji-more'} style={styles.emoji} color={colors.onBackground03} />\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 12,\n    paddingBottom: 16,\n    paddingHorizontal: 18,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  button: {\n    width: 44,\n    height: 44,\n    padding: 4,\n    borderRadius: 8,\n  },\n  emoji: {\n    width: '100%',\n    height: '100%',\n  },\n});\n\nexport default BottomSheetReactionAddon;\n"],"mappings":"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"}

package/lib/commonjs/components/ReactionAddons/MessageReactionAddon.js

@@ -4,31 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _constants = require("../../constants");
-
 var _useContext = require("../../hooks/useContext");
-
 var _ReactionRoundedButton = _interopRequireDefault(require("./ReactionRoundedButton"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const NUM_COL = 4;
 const REACTION_MORE_KEY = 'reaction-more-button';
-
 const getUserReacted = function (reaction) {
   let userId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.UNKNOWN_USER_ID;
   return reaction.userIds.indexOf(userId) > -1;
 };
-
 const createOnPressReaction = (reaction, channel, message, reacted) => {
   return () => {
     if (reacted) {
@@ -38,7 +27,6 @@ const createOnPressReaction = (reaction, channel, message, reacted) => {
     }
   };
 };
-
 const createReactionButtons = (channel, message, getEmoji, emojiLimit, onOpenReactionList, onOpenReactionUserList, currentUserId) => {
   const reactions = message.reactions ?? [];
   const buttons = reactions.map((reaction, index) => {
@@ -61,7 +49,6 @@ const createReactionButtons = (channel, message, getEmoji, emojiLimit, onOpenRea
       });
     });
   });
-
   if (buttons.length < emojiLimit) {
     buttons.push( /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
       key: REACTION_MORE_KEY,
@@ -75,13 +62,10 @@ const createReactionButtons = (channel, message, getEmoji, emojiLimit, onOpenRea
       });
     }));
   }
-
   return buttons;
 };
-
 const MessageReactionAddon = _ref3 => {
   var _message$reactions;
-
   let {
     channel,
     message
@@ -113,7 +97,6 @@ const MessageReactionAddon = _ref3 => {
     }]
   }, reactionButtons);
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   reactionContainer: {
     alignItems: 'stretch',

package/lib/commonjs/components/ReactionAddons/MessageReactionAddon.js.map

@@ -1 +1 @@
-{"version":3,"names":["NUM_COL","REACTION_MORE_KEY","getUserReacted","reaction","userId","UNKNOWN_USER_ID","userIds","indexOf","createOnPressReaction","channel","message","reacted","deleteReaction","key","addReaction","createReactionButtons","getEmoji","emojiLimit","onOpenReactionList","onOpenReactionUserList","currentUserId","reactions","buttons","map","index","isNotLastOfRow","isNotLastOfCol","length","DEFAULT_LONG_PRESS_DELAY","pressed","url","getReactionCount","styles","marginRight","marginBottom","push","MessageReactionAddon","colors","useUIKitTheme","emojiManager","currentUser","useSendbirdChat","openReactionList","openReactionUserList","useReaction","reactionButtons","allEmojiMap","allEmoji","focusIndex","reactionContainer","backgroundColor","background","borderColor","ui","rounded","enabled","createStyleSheet","alignItems","flexDirection","flexWrap","padding","borderRadius","borderWidth"],"sources":["MessageReactionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\n\nimport type { Emoji } from '@sendbird/chat';\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdBaseChannel, SendbirdBaseMessage, SendbirdReaction } from '@sendbird/uikit-utils';\nimport { getReactionCount } from '@sendbird/uikit-utils';\n\nimport { DEFAULT_LONG_PRESS_DELAY, UNKNOWN_USER_ID } from '../../constants';\nimport { useReaction, useSendbirdChat } from '../../hooks/useContext';\nimport ReactionRoundedButton from './ReactionRoundedButton';\n\nconst NUM_COL = 4;\nconst REACTION_MORE_KEY = 'reaction-more-button';\n\nconst getUserReacted = (reaction: SendbirdReaction, userId = UNKNOWN_USER_ID) => {\n  return reaction.userIds.indexOf(userId) > -1;\n};\n\nconst createOnPressReaction = (\n  reaction: SendbirdReaction,\n  channel: SendbirdBaseChannel,\n  message: SendbirdBaseMessage,\n  reacted: boolean,\n) => {\n  return () => {\n    if (reacted) {\n      return channel.deleteReaction(message, reaction.key);\n    } else {\n      return channel.addReaction(message, reaction.key);\n    }\n  };\n};\n\nconst createReactionButtons = (\n  channel: SendbirdBaseChannel,\n  message: SendbirdBaseMessage,\n  getEmoji: (key: string) => Emoji,\n  emojiLimit: number,\n  onOpenReactionList: () => void,\n  onOpenReactionUserList: (focusIndex: number) => void,\n  currentUserId?: string,\n) => {\n  const reactions = message.reactions ?? [];\n  const buttons = reactions.map((reaction, index) => {\n    const isNotLastOfRow = index % NUM_COL !== NUM_COL - 1;\n    const isNotLastOfCol = index < NUM_COL && reactions.length >= NUM_COL;\n    return (\n      <Pressable\n        key={reaction.key}\n        onPress={createOnPressReaction(reaction, channel, message, getUserReacted(reaction, currentUserId))}\n        onLongPress={() => onOpenReactionUserList(index)}\n        delayLongPress={DEFAULT_LONG_PRESS_DELAY}\n      >\n        {({ pressed }) => (\n          <ReactionRoundedButton\n            url={getEmoji(reaction.key).url}\n            count={getReactionCount(reaction)}\n            reacted={pressed || getUserReacted(reaction, currentUserId)}\n            style={[isNotLastOfRow && styles.marginRight, isNotLastOfCol && styles.marginBottom]}\n          />\n        )}\n      </Pressable>\n    );\n  });\n  if (buttons.length < emojiLimit) {\n    buttons.push(\n      <Pressable key={REACTION_MORE_KEY} onPress={onOpenReactionList}>\n        {({ pressed }) => <ReactionRoundedButton.More pressed={pressed} />}\n      </Pressable>,\n    );\n  }\n\n  return buttons;\n};\n\nconst MessageReactionAddon = ({ channel, message }: { channel: SendbirdBaseChannel; message: SendbirdBaseMessage }) => {\n  const { colors } = useUIKitTheme();\n  const { emojiManager, currentUser } = useSendbirdChat();\n  const { openReactionList, openReactionUserList } = useReaction();\n\n  if (!message.reactions?.length) return null;\n\n  const reactionButtons = createReactionButtons(\n    channel,\n    message,\n    (key) => emojiManager.allEmojiMap[key],\n    emojiManager.allEmoji.length,\n    () => openReactionList({ channel, message }),\n    (focusIndex) => openReactionUserList({ channel, message, focusIndex }),\n    currentUser?.userId,\n  );\n\n  return (\n    <Pressable\n      style={[\n        styles.reactionContainer,\n        { backgroundColor: colors.background, borderColor: colors.ui.reaction.rounded.enabled.background },\n      ]}\n    >\n      {reactionButtons}\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  reactionContainer: {\n    alignItems: 'stretch',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    padding: 8,\n    borderRadius: 16,\n    borderWidth: 1,\n  },\n  marginRight: {\n    marginRight: 4.5,\n  },\n  marginBottom: {\n    marginBottom: 4,\n  },\n});\n\nexport default MessageReactionAddon;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_constants","_useContext","_ReactionRoundedButton","obj","__esModule","default","NUM_COL","REACTION_MORE_KEY","getUserReacted","reaction","userId","arguments","length","undefined","UNKNOWN_USER_ID","userIds","indexOf","createOnPressReaction","channel","message","reacted","deleteReaction","key","addReaction","createReactionButtons","getEmoji","emojiLimit","onOpenReactionList","onOpenReactionUserList","currentUserId","reactions","buttons","map","index","isNotLastOfRow","isNotLastOfCol","createElement","Pressable","onPress","onLongPress","delayLongPress","DEFAULT_LONG_PRESS_DELAY","_ref","pressed","url","count","getReactionCount","style","styles","marginRight","marginBottom","push","_ref2","More","MessageReactionAddon","_ref3","_message$reactions","colors","useUIKitTheme","emojiManager","currentUser","useSendbirdChat","openReactionList","openReactionUserList","useReaction","reactionButtons","allEmojiMap","allEmoji","focusIndex","reactionContainer","backgroundColor","background","borderColor","ui","rounded","enabled","createStyleSheet","alignItems","flexDirection","flexWrap","padding","borderRadius","borderWidth","_default","exports"],"sources":["MessageReactionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\n\nimport type { Emoji } from '@sendbird/chat';\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdBaseChannel, SendbirdBaseMessage, SendbirdReaction } from '@sendbird/uikit-utils';\nimport { getReactionCount } from '@sendbird/uikit-utils';\n\nimport { DEFAULT_LONG_PRESS_DELAY, UNKNOWN_USER_ID } from '../../constants';\nimport { useReaction, useSendbirdChat } from '../../hooks/useContext';\nimport ReactionRoundedButton from './ReactionRoundedButton';\n\nconst NUM_COL = 4;\nconst REACTION_MORE_KEY = 'reaction-more-button';\n\nconst getUserReacted = (reaction: SendbirdReaction, userId = UNKNOWN_USER_ID) => {\n  return reaction.userIds.indexOf(userId) > -1;\n};\n\nconst createOnPressReaction = (\n  reaction: SendbirdReaction,\n  channel: SendbirdBaseChannel,\n  message: SendbirdBaseMessage,\n  reacted: boolean,\n) => {\n  return () => {\n    if (reacted) {\n      return channel.deleteReaction(message, reaction.key);\n    } else {\n      return channel.addReaction(message, reaction.key);\n    }\n  };\n};\n\nconst createReactionButtons = (\n  channel: SendbirdBaseChannel,\n  message: SendbirdBaseMessage,\n  getEmoji: (key: string) => Emoji,\n  emojiLimit: number,\n  onOpenReactionList: () => void,\n  onOpenReactionUserList: (focusIndex: number) => void,\n  currentUserId?: string,\n) => {\n  const reactions = message.reactions ?? [];\n  const buttons = reactions.map((reaction, index) => {\n    const isNotLastOfRow = index % NUM_COL !== NUM_COL - 1;\n    const isNotLastOfCol = index < NUM_COL && reactions.length >= NUM_COL;\n    return (\n      <Pressable\n        key={reaction.key}\n        onPress={createOnPressReaction(reaction, channel, message, getUserReacted(reaction, currentUserId))}\n        onLongPress={() => onOpenReactionUserList(index)}\n        delayLongPress={DEFAULT_LONG_PRESS_DELAY}\n      >\n        {({ pressed }) => (\n          <ReactionRoundedButton\n            url={getEmoji(reaction.key).url}\n            count={getReactionCount(reaction)}\n            reacted={pressed || getUserReacted(reaction, currentUserId)}\n            style={[isNotLastOfRow && styles.marginRight, isNotLastOfCol && styles.marginBottom]}\n          />\n        )}\n      </Pressable>\n    );\n  });\n  if (buttons.length < emojiLimit) {\n    buttons.push(\n      <Pressable key={REACTION_MORE_KEY} onPress={onOpenReactionList}>\n        {({ pressed }) => <ReactionRoundedButton.More pressed={pressed} />}\n      </Pressable>,\n    );\n  }\n\n  return buttons;\n};\n\nconst MessageReactionAddon = ({ channel, message }: { channel: SendbirdBaseChannel; message: SendbirdBaseMessage }) => {\n  const { colors } = useUIKitTheme();\n  const { emojiManager, currentUser } = useSendbirdChat();\n  const { openReactionList, openReactionUserList } = useReaction();\n\n  if (!message.reactions?.length) return null;\n\n  const reactionButtons = createReactionButtons(\n    channel,\n    message,\n    (key) => emojiManager.allEmojiMap[key],\n    emojiManager.allEmoji.length,\n    () => openReactionList({ channel, message }),\n    (focusIndex) => openReactionUserList({ channel, message, focusIndex }),\n    currentUser?.userId,\n  );\n\n  return (\n    <Pressable\n      style={[\n        styles.reactionContainer,\n        { backgroundColor: colors.background, borderColor: colors.ui.reaction.rounded.enabled.background },\n      ]}\n    >\n      {reactionButtons}\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  reactionContainer: {\n    alignItems: 'stretch',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    padding: 8,\n    borderRadius: 16,\n    borderWidth: 1,\n  },\n  marginRight: {\n    marginRight: 4.5,\n  },\n  marginBottom: {\n    marginBottom: 4,\n  },\n});\n\nexport default MessageReactionAddon;\n"],"mappings":"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"}

package/lib/commonjs/components/ReactionAddons/ReactionRoundedButton.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ReactionRoundedButton = _ref => {
   let {
     url,
@@ -42,7 +36,6 @@ const ReactionRoundedButton = _ref => {
     style: styles.count
   }, (0, _uikitUtils.truncatedCount)(count, 99, '')));
 };
-
 ReactionRoundedButton.More = _ref2 => {
   let {
     pressed
@@ -61,7 +54,6 @@ ReactionRoundedButton.More = _ref2 => {
     size: 20
   }));
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   reactionContainer: {
     flexDirection: 'row',