@sendbird/uikit-react-native 2.4.1 → 2.5.0-rc.0

package/lib/commonjs/domain/openChannel/component/OpenChannelHeader.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _useContext = require("../../..//hooks/useContext");
-
 var _ChannelCover = _interopRequireDefault(require("../../../components/ChannelCover"));
-
 var _moduleContext = require("../module/moduleContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const OpenChannelHeader = _ref => {
   let {
     onPressHeaderLeft,
@@ -64,7 +55,6 @@ const OpenChannelHeader = _ref => {
     onPressRight: onPressHeaderRight
   });
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   titleContainer: {
     maxWidth: '100%'
@@ -76,8 +66,6 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     marginTop: 2
   }
 });
-
 var _default = /*#__PURE__*/_react.default.memo(OpenChannelHeader);
-
 exports.default = _default;
 //# sourceMappingURL=OpenChannelHeader.js.map

package/lib/commonjs/domain/openChannel/component/OpenChannelHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["OpenChannelHeader","onPressHeaderLeft","onPressHeaderRight","rightIconName","headerTitle","channel","useContext","OpenChannelContexts","Fragment","HeaderComponent","useHeaderStyle","STRINGS","useLocalization","styles","titleContainer","avatarGroup","subtitle","OPEN_CHANNEL","HEADER_SUBTITLE","createStyleSheet","maxWidth","marginRight","marginTop","React","memo"],"sources":["OpenChannelHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Box, Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../..//hooks/useContext';\nimport ChannelCover from '../../../components/ChannelCover';\nimport { OpenChannelContexts } from '../module/moduleContext';\nimport type { OpenChannelProps } from '../types';\n\nconst OpenChannelHeader = ({ onPressHeaderLeft, onPressHeaderRight, rightIconName }: OpenChannelProps['Header']) => {\n  const { headerTitle, channel } = useContext(OpenChannelContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  const { STRINGS } = useLocalization();\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <Box flexDirection={'row'} alignItems={'center'} style={styles.titleContainer}>\n          <ChannelCover channel={channel} size={34} containerStyle={styles.avatarGroup} />\n          <Box flexShrink={1}>\n            <Header.Title h2>{headerTitle}</Header.Title>\n            <Header.Subtitle style={styles.subtitle}>{STRINGS.OPEN_CHANNEL.HEADER_SUBTITLE(channel)}</Header.Subtitle>\n          </Box>\n        </Box>\n      }\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={<Icon icon={rightIconName} />}\n      onPressRight={onPressHeaderRight}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n  },\n  avatarGroup: {\n    marginRight: 8,\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default React.memo(OpenChannelHeader);\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,iBAAiB,GAAG,QAA0F;EAAA,IAAzF;IAAEC,iBAAF;IAAqBC,kBAArB;IAAyCC;EAAzC,CAAyF;EAClH,MAAM;IAAEC,WAAF;IAAeC;EAAf,IAA2B,IAAAC,iBAAA,EAAWC,kCAAA,CAAoBC,QAA/B,CAAjC;EACA,MAAM;IAAEC;EAAF,IAAsB,IAAAC,0CAAA,GAA5B;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EAEA,oBACE,6BAAC,eAAD;IACE,gBAAgB,MADlB;IAEE,KAAK,eACH,6BAAC,+BAAD;MAAK,aAAa,EAAE,KAApB;MAA2B,UAAU,EAAE,QAAvC;MAAiD,KAAK,EAAEC,MAAM,CAACC;IAA/D,gBACE,6BAAC,qBAAD;MAAc,OAAO,EAAET,OAAvB;MAAgC,IAAI,EAAE,EAAtC;MAA0C,cAAc,EAAEQ,MAAM,CAACE;IAAjE,EADF,eAEE,6BAAC,+BAAD;MAAK,UAAU,EAAE;IAAjB,gBACE,6BAAC,kCAAD,CAAQ,KAAR;MAAc,EAAE;IAAhB,GAAkBX,WAAlB,CADF,eAEE,6BAAC,kCAAD,CAAQ,QAAR;MAAiB,KAAK,EAAES,MAAM,CAACG;IAA/B,GAA0CL,OAAO,CAACM,YAAR,CAAqBC,eAArB,CAAqCb,OAArC,CAA1C,CAFF,CAFF,CAHJ;IAWE,IAAI,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE;IAAZ,EAXR;IAYE,WAAW,EAAEJ,iBAZf;IAaE,KAAK,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAEE;IAAZ,EAbT;IAcE,YAAY,EAAED;EAdhB,EADF;AAkBD,CAvBD;;AAyBA,MAAMW,MAAM,GAAG,IAAAM,4CAAA,EAAiB;EAC9BL,cAAc,EAAE;IACdM,QAAQ,EAAE;EADI,CADc;EAI9BL,WAAW,EAAE;IACXM,WAAW,EAAE;EADF,CAJiB;EAO9BL,QAAQ,EAAE;IACRM,SAAS,EAAE;EADH;AAPoB,CAAjB,CAAf;;4BAYeC,cAAA,CAAMC,IAAN,CAAWxB,iBAAX,C"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitReactNativeFoundation","_useContext","_ChannelCover","_interopRequireDefault","_moduleContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","OpenChannelHeader","_ref","onPressHeaderLeft","onPressHeaderRight","rightIconName","headerTitle","channel","useContext","OpenChannelContexts","Fragment","HeaderComponent","useHeaderStyle","STRINGS","useLocalization","createElement","clearTitleMargin","title","Box","flexDirection","alignItems","style","styles","titleContainer","size","containerStyle","avatarGroup","flexShrink","Header","Title","h2","Subtitle","subtitle","OPEN_CHANNEL","HEADER_SUBTITLE","left","Icon","icon","onPressLeft","right","onPressRight","createStyleSheet","maxWidth","marginRight","marginTop","_default","React","memo","exports"],"sources":["OpenChannelHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Box, Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../../..//hooks/useContext';\nimport ChannelCover from '../../../components/ChannelCover';\nimport { OpenChannelContexts } from '../module/moduleContext';\nimport type { OpenChannelProps } from '../types';\n\nconst OpenChannelHeader = ({ onPressHeaderLeft, onPressHeaderRight, rightIconName }: OpenChannelProps['Header']) => {\n  const { headerTitle, channel } = useContext(OpenChannelContexts.Fragment);\n  const { HeaderComponent } = useHeaderStyle();\n  const { STRINGS } = useLocalization();\n\n  return (\n    <HeaderComponent\n      clearTitleMargin\n      title={\n        <Box flexDirection={'row'} alignItems={'center'} style={styles.titleContainer}>\n          <ChannelCover channel={channel} size={34} containerStyle={styles.avatarGroup} />\n          <Box flexShrink={1}>\n            <Header.Title h2>{headerTitle}</Header.Title>\n            <Header.Subtitle style={styles.subtitle}>{STRINGS.OPEN_CHANNEL.HEADER_SUBTITLE(channel)}</Header.Subtitle>\n          </Box>\n        </Box>\n      }\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={<Icon icon={rightIconName} />}\n      onPressRight={onPressHeaderRight}\n    />\n  );\n};\n\nconst styles = createStyleSheet({\n  titleContainer: {\n    maxWidth: '100%',\n  },\n  avatarGroup: {\n    marginRight: 8,\n  },\n  subtitle: {\n    marginTop: 2,\n  },\n});\n\nexport default React.memo(OpenChannelHeader);\n"],"mappings":"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"}

package/lib/commonjs/domain/openChannel/component/OpenChannelInput.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _ChannelInput = _interopRequireDefault(require("../../../components/ChannelInput"));
-
 var _constants = require("../../../constants");
-
 var _useContext = require("../../../hooks/useContext");
-
 var _moduleContext = require("../module/moduleContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const OpenChannelInput = props => {
   const {
     sdk,
@@ -55,23 +44,18 @@ const OpenChannelInput = props => {
     onChannelFrozen(channel) {
       updateChatAvailableState(channel);
     },
-
     onChannelUnfrozen(channel) {
       updateChatAvailableState(channel);
     },
-
     onUserMuted(channel) {
       updateChatAvailableState(channel);
     },
-
     onUserUnmuted(channel) {
       updateChatAvailableState(channel);
     },
-
     onOperatorUpdated(channel) {
       updateChatAvailableState(channel);
     }
-
   }, 'open');
   return /*#__PURE__*/_react.default.createElement(_ChannelInput.default, {
     channel: channel,
@@ -88,8 +72,6 @@ const OpenChannelInput = props => {
     onPressUpdateFileMessage: props.onPressUpdateFileMessage
   });
 };
-
 var _default = /*#__PURE__*/_react.default.memo(OpenChannelInput);
-
 exports.default = _default;
 //# sourceMappingURL=OpenChannelInput.js.map

package/lib/commonjs/domain/openChannel/component/OpenChannelInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["OpenChannelInput","props","sdk","currentUser","useSendbirdChat","channel","messageToEdit","setMessageToEdit","keyboardAvoidOffset","useContext","OpenChannelContexts","Fragment","chatAvailableState","setChatAvailableState","useState","frozen","muted","disabled","updateChatAvailableState","useCallback","baseChannel","isOpenChannel","userId","UNKNOWN_USER_ID","getOpenChannelChatAvailableState","then","useEffect","handlerId","useUniqHandlerId","useChannelHandler","onChannelFrozen","onChannelUnfrozen","onUserMuted","onUserUnmuted","onOperatorUpdated","isFrozen","shouldRenderInput","onPressSendUserMessage","onPressSendFileMessage","onPressUpdateUserMessage","onPressUpdateFileMessage","React","memo"],"sources":["OpenChannelInput.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { SendbirdBaseChannel, getOpenChannelChatAvailableState, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport ChannelInput from '../../../components/ChannelInput';\nimport { UNKNOWN_USER_ID } from '../../../constants';\nimport { useSendbirdChat } from '../../../hooks/useContext';\nimport { OpenChannelContexts } from '../module/moduleContext';\nimport type { OpenChannelProps } from '../types';\n\nconst OpenChannelInput = (props: OpenChannelProps['Input']) => {\n  const { sdk, currentUser } = useSendbirdChat();\n\n  const {\n    channel,\n    messageToEdit,\n    setMessageToEdit,\n    keyboardAvoidOffset = 0,\n  } = useContext(OpenChannelContexts.Fragment);\n\n  const [chatAvailableState, setChatAvailableState] = useState({ frozen: false, muted: false, disabled: false });\n\n  const updateChatAvailableState = useCallback(\n    (baseChannel: SendbirdBaseChannel) => {\n      if (baseChannel.isOpenChannel()) {\n        const userId = currentUser?.userId ?? UNKNOWN_USER_ID;\n        getOpenChannelChatAvailableState(baseChannel, userId).then(setChatAvailableState);\n      }\n    },\n    [currentUser?.userId],\n  );\n\n  useEffect(() => {\n    updateChatAvailableState(channel);\n  }, [channel, updateChatAvailableState]);\n\n  const handlerId = useUniqHandlerId('OpenChannelInput');\n  useChannelHandler(\n    sdk,\n    handlerId,\n    {\n      onChannelFrozen(channel) {\n        updateChatAvailableState(channel);\n      },\n      onChannelUnfrozen(channel) {\n        updateChatAvailableState(channel);\n      },\n      onUserMuted(channel) {\n        updateChatAvailableState(channel);\n      },\n      onUserUnmuted(channel) {\n        updateChatAvailableState(channel);\n      },\n      onOperatorUpdated(channel) {\n        updateChatAvailableState(channel);\n      },\n    },\n    'open',\n  );\n\n  return (\n    <ChannelInput\n      channel={channel}\n      messageToEdit={messageToEdit}\n      setMessageToEdit={setMessageToEdit}\n      inputMuted={chatAvailableState.muted}\n      inputFrozen={channel.isFrozen}\n      inputDisabled={chatAvailableState.disabled}\n      keyboardAvoidOffset={keyboardAvoidOffset}\n      shouldRenderInput={props.shouldRenderInput}\n      onPressSendUserMessage={props.onPressSendUserMessage}\n      onPressSendFileMessage={props.onPressSendFileMessage}\n      onPressUpdateUserMessage={props.onPressUpdateUserMessage}\n      onPressUpdateFileMessage={props.onPressUpdateFileMessage}\n    />\n  );\n};\n\nexport default React.memo(OpenChannelInput);\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,gBAAgB,GAAIC,KAAD,IAAsC;EAC7D,MAAM;IAAEC,GAAF;IAAOC;EAAP,IAAuB,IAAAC,2BAAA,GAA7B;EAEA,MAAM;IACJC,OADI;IAEJC,aAFI;IAGJC,gBAHI;IAIJC,mBAAmB,GAAG;EAJlB,IAKF,IAAAC,iBAAA,EAAWC,kCAAA,CAAoBC,QAA/B,CALJ;EAOA,MAAM,CAACC,kBAAD,EAAqBC,qBAArB,IAA8C,IAAAC,eAAA,EAAS;IAAEC,MAAM,EAAE,KAAV;IAAiBC,KAAK,EAAE,KAAxB;IAA+BC,QAAQ,EAAE;EAAzC,CAAT,CAApD;EAEA,MAAMC,wBAAwB,GAAG,IAAAC,kBAAA,EAC9BC,WAAD,IAAsC;IACpC,IAAIA,WAAW,CAACC,aAAZ,EAAJ,EAAiC;MAC/B,MAAMC,MAAM,GAAG,CAAAnB,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEmB,MAAb,KAAuBC,0BAAtC;MACA,IAAAC,4CAAA,EAAiCJ,WAAjC,EAA8CE,MAA9C,EAAsDG,IAAtD,CAA2DZ,qBAA3D;IACD;EACF,CAN8B,EAO/B,CAACV,WAAD,aAACA,WAAD,uBAACA,WAAW,CAAEmB,MAAd,CAP+B,CAAjC;EAUA,IAAAI,gBAAA,EAAU,MAAM;IACdR,wBAAwB,CAACb,OAAD,CAAxB;EACD,CAFD,EAEG,CAACA,OAAD,EAAUa,wBAAV,CAFH;EAIA,MAAMS,SAAS,GAAG,IAAAC,4BAAA,EAAiB,kBAAjB,CAAlB;EACA,IAAAC,iCAAA,EACE3B,GADF,EAEEyB,SAFF,EAGE;IACEG,eAAe,CAACzB,OAAD,EAAU;MACvBa,wBAAwB,CAACb,OAAD,CAAxB;IACD,CAHH;;IAIE0B,iBAAiB,CAAC1B,OAAD,EAAU;MACzBa,wBAAwB,CAACb,OAAD,CAAxB;IACD,CANH;;IAOE2B,WAAW,CAAC3B,OAAD,EAAU;MACnBa,wBAAwB,CAACb,OAAD,CAAxB;IACD,CATH;;IAUE4B,aAAa,CAAC5B,OAAD,EAAU;MACrBa,wBAAwB,CAACb,OAAD,CAAxB;IACD,CAZH;;IAaE6B,iBAAiB,CAAC7B,OAAD,EAAU;MACzBa,wBAAwB,CAACb,OAAD,CAAxB;IACD;;EAfH,CAHF,EAoBE,MApBF;EAuBA,oBACE,6BAAC,qBAAD;IACE,OAAO,EAAEA,OADX;IAEE,aAAa,EAAEC,aAFjB;IAGE,gBAAgB,EAAEC,gBAHpB;IAIE,UAAU,EAAEK,kBAAkB,CAACI,KAJjC;IAKE,WAAW,EAAEX,OAAO,CAAC8B,QALvB;IAME,aAAa,EAAEvB,kBAAkB,CAACK,QANpC;IAOE,mBAAmB,EAAET,mBAPvB;IAQE,iBAAiB,EAAEP,KAAK,CAACmC,iBAR3B;IASE,sBAAsB,EAAEnC,KAAK,CAACoC,sBAThC;IAUE,sBAAsB,EAAEpC,KAAK,CAACqC,sBAVhC;IAWE,wBAAwB,EAAErC,KAAK,CAACsC,wBAXlC;IAYE,wBAAwB,EAAEtC,KAAK,CAACuC;EAZlC,EADF;AAgBD,CAlED;;4BAoEeC,cAAA,CAAMC,IAAN,CAAW1C,gBAAX,C"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitChatHooks","_uikitUtils","_ChannelInput","_interopRequireDefault","_constants","_useContext","_moduleContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","OpenChannelInput","props","sdk","currentUser","useSendbirdChat","channel","messageToEdit","setMessageToEdit","keyboardAvoidOffset","useContext","OpenChannelContexts","Fragment","chatAvailableState","setChatAvailableState","useState","frozen","muted","disabled","updateChatAvailableState","useCallback","baseChannel","isOpenChannel","userId","UNKNOWN_USER_ID","getOpenChannelChatAvailableState","then","useEffect","handlerId","useUniqHandlerId","useChannelHandler","onChannelFrozen","onChannelUnfrozen","onUserMuted","onUserUnmuted","onOperatorUpdated","createElement","inputMuted","inputFrozen","isFrozen","inputDisabled","shouldRenderInput","onPressSendUserMessage","onPressSendFileMessage","onPressUpdateUserMessage","onPressUpdateFileMessage","_default","React","memo","exports"],"sources":["OpenChannelInput.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useState } from 'react';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { SendbirdBaseChannel, getOpenChannelChatAvailableState, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport ChannelInput from '../../../components/ChannelInput';\nimport { UNKNOWN_USER_ID } from '../../../constants';\nimport { useSendbirdChat } from '../../../hooks/useContext';\nimport { OpenChannelContexts } from '../module/moduleContext';\nimport type { OpenChannelProps } from '../types';\n\nconst OpenChannelInput = (props: OpenChannelProps['Input']) => {\n  const { sdk, currentUser } = useSendbirdChat();\n\n  const {\n    channel,\n    messageToEdit,\n    setMessageToEdit,\n    keyboardAvoidOffset = 0,\n  } = useContext(OpenChannelContexts.Fragment);\n\n  const [chatAvailableState, setChatAvailableState] = useState({ frozen: false, muted: false, disabled: false });\n\n  const updateChatAvailableState = useCallback(\n    (baseChannel: SendbirdBaseChannel) => {\n      if (baseChannel.isOpenChannel()) {\n        const userId = currentUser?.userId ?? UNKNOWN_USER_ID;\n        getOpenChannelChatAvailableState(baseChannel, userId).then(setChatAvailableState);\n      }\n    },\n    [currentUser?.userId],\n  );\n\n  useEffect(() => {\n    updateChatAvailableState(channel);\n  }, [channel, updateChatAvailableState]);\n\n  const handlerId = useUniqHandlerId('OpenChannelInput');\n  useChannelHandler(\n    sdk,\n    handlerId,\n    {\n      onChannelFrozen(channel) {\n        updateChatAvailableState(channel);\n      },\n      onChannelUnfrozen(channel) {\n        updateChatAvailableState(channel);\n      },\n      onUserMuted(channel) {\n        updateChatAvailableState(channel);\n      },\n      onUserUnmuted(channel) {\n        updateChatAvailableState(channel);\n      },\n      onOperatorUpdated(channel) {\n        updateChatAvailableState(channel);\n      },\n    },\n    'open',\n  );\n\n  return (\n    <ChannelInput\n      channel={channel}\n      messageToEdit={messageToEdit}\n      setMessageToEdit={setMessageToEdit}\n      inputMuted={chatAvailableState.muted}\n      inputFrozen={channel.isFrozen}\n      inputDisabled={chatAvailableState.disabled}\n      keyboardAvoidOffset={keyboardAvoidOffset}\n      shouldRenderInput={props.shouldRenderInput}\n      onPressSendUserMessage={props.onPressSendUserMessage}\n      onPressSendFileMessage={props.onPressSendFileMessage}\n      onPressUpdateUserMessage={props.onPressUpdateUserMessage}\n      onPressUpdateFileMessage={props.onPressUpdateFileMessage}\n    />\n  );\n};\n\nexport default React.memo(OpenChannelInput);\n"],"mappings":"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"}

package/lib/commonjs/domain/openChannel/component/OpenChannelMessageList.js

@@ -4,348 +4,63 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
-var _ChatFlatList = _interopRequireDefault(require("../../../components/ChatFlatList"));
-
-var _useContext = require("../../../hooks/useContext");
-
-var _SBUUtils = _interopRequireDefault(require("../../../libs/SBUUtils"));
-
+var _ChannelMessageList = _interopRequireDefault(require("../../../components/ChannelMessageList"));
 var _moduleContext = require("../module/moduleContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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 HANDLE_NEXT_MSG_SEPARATELY = _reactNative.Platform.select({
-  default: true
-});
-
-const OpenChannelMessageList = _ref => {
-  let {
-    currentUserId,
-    channel,
-    messages,
-    renderMessage,
-    nextMessages,
-    newMessagesFromMembers,
-    onBottomReached,
-    onTopReached,
-    renderNewMessagesButton,
-    renderScrollToBottomButton,
-    onResendFailedMessage,
-    onDeleteMessage,
-    onPressMediaMessage,
-    flatListProps,
-    enableMessageGrouping
-  } = _ref;
-  const {
-    STRINGS
-  } = (0, _useContext.useLocalization)();
-  const {
-    colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  const [scrollLeaveBottom, setScrollLeaveBottom] = (0, _react.useState)(false);
-  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = (0, _react.useState)(() => newMessagesFromMembers);
-  const scrollRef = (0, _react.useRef)(null);
-  const safeAreaLayout = (0, _uikitUtils.useSafeAreaPadding)(['left', 'right']);
-  const getMessagePressActions = useGetMessagePressActions({
-    channel,
-    currentUserId,
-    onDeleteMessage,
-    onResendFailedMessage,
-    onPressMediaMessage
-  });
-  const renderItem = (0, _uikitUtils.useFreshCallback)(_ref2 => {
-    let {
-      item,
-      index
-    } = _ref2;
-    const {
-      onPress,
-      onLongPress
-    } = getMessagePressActions(item);
-    return renderMessage({
-      message: item,
-      prevMessage: messages[index + 1],
-      nextMessage: messages[index - 1],
-      onPress,
-      onLongPress,
-      enableMessageGrouping,
-      channel,
-      currentUserId
-    });
-  });
-
-  if (!HANDLE_NEXT_MSG_SEPARATELY) {
-    (0, _react.useEffect)(() => {
-      if (newMessagesInternalBuffer.length !== 0) {
-        setNewMessagesInternalBuffer(prev => prev.concat(newMessagesFromMembers));
-      }
-
-      onBottomReached();
-    }, [newMessagesFromMembers]);
-  }
-
-  const onLeaveScrollBottom = (0, _react.useCallback)(val => {
-    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);
-    setScrollLeaveBottom(val);
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [{
-      flex: 1,
-      backgroundColor: colors.background
-    }, safeAreaLayout]
-  }, channel.isFrozen && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.ChannelFrozenBanner, {
-    style: styles.frozenBanner,
-    text: STRINGS.OPEN_CHANNEL.LIST_BANNER_FROZEN
-  }), /*#__PURE__*/_react.default.createElement(_ChatFlatList.default, _extends({
-    nextMessages: nextMessages,
-    onBottomReached: onBottomReached,
-    onTopReached: onTopReached,
-    onLeaveScrollBottom: onLeaveScrollBottom,
-    currentUserId: currentUserId
-  }, flatListProps, {
-    listKey: `open-channel-messages-${channel.url}`,
-    ref: scrollRef,
-    data: messages,
-    renderItem: renderItem,
-    keyExtractor: _uikitUtils.messageKeyExtractor,
-    contentContainerStyle: [// { minHeight: '100%', justifyContent: 'flex-end' },
-    channel.isFrozen && styles.frozenListPadding, flatListProps === null || flatListProps === void 0 ? void 0 : flatListProps.contentContainerStyle]
-  })), renderNewMessagesButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.newMsgButton, safeAreaLayout]
-  }, renderNewMessagesButton({
-    visible: scrollLeaveBottom,
-    onPress: () => {
-      var _scrollRef$current;
-
-      return (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollToBottom(false);
-    },
-    newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers
-  })), renderScrollToBottomButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    pointerEvents: scrollLeaveBottom ? 'auto' : 'none',
-    style: [styles.scrollButton, safeAreaLayout]
-  }, renderScrollToBottomButton({
-    visible: scrollLeaveBottom,
-    onPress: () => {
-      var _scrollRef$current2;
-
-      return (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.scrollToBottom(false);
-    }
-  })));
-};
-
-const useGetMessagePressActions = _ref3 => {
-  let {
-    currentUserId,
-    onResendFailedMessage,
-    onDeleteMessage,
-    onPressMediaMessage
-  } = _ref3;
-  const {
-    colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  const {
-    STRINGS
-  } = (0, _useContext.useLocalization)();
-  const toast = (0, _uikitReactNativeFoundation.useToast)();
-  const {
-    openSheet
-  } = (0, _uikitReactNativeFoundation.useBottomSheet)();
-  const {
-    alert
-  } = (0, _uikitReactNativeFoundation.useAlert)();
-  const {
-    clipboardService,
-    fileService
-  } = (0, _useContext.usePlatformService)();
+const OpenChannelMessageList = props => {
   const {
     setMessageToEdit
   } = (0, _react.useContext)(_moduleContext.OpenChannelContexts.Fragment);
-
-  const handleFailedMessage = message => {
-    openSheet({
-      sheetItems: [{
-        title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,
-        onPress: () => onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'))
-      }, {
-        title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,
-        titleColor: colors.ui.dialog.default.none.destructive,
-        onPress: () => confirmDelete(message)
-      }]
-    });
-  };
-
-  const confirmDelete = message => {
-    alert({
-      title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,
-      buttons: [{
-        text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL
-      }, {
-        text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,
-        style: 'destructive',
-        onPress: () => onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error'))
-      }]
-    });
-  };
-
-  return msg => {
-    if (!msg.isUserMessage() && !msg.isFileMessage()) {
-      return {
-        onPress: undefined,
-        onLongPress: undefined
-      };
-    }
-
-    const sheetItems = [];
-    const response = {
-      onPress: undefined,
-      onLongPress: undefined
-    };
-
-    if (msg.isUserMessage()) {
-      sheetItems.push({
-        icon: 'copy',
-        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,
-        onPress: () => {
-          clipboardService.setString(msg.message || '');
-          toast.show(STRINGS.TOAST.COPY_OK, 'success');
-        }
-      });
-
-      if ((0, _uikitUtils.isMyMessage)(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
-        sheetItems.push({
-          icon: 'edit',
-          title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,
-          onPress: () => setMessageToEdit(msg)
-        }, {
-          icon: 'delete',
-          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
-          onPress: () => confirmDelete(msg)
-        });
-      }
-    }
-
-    if (msg.isFileMessage()) {
-      sheetItems.push({
-        icon: 'download',
-        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,
-        onPress: async () => {
-          if ((0, _uikitUtils.toMegabyte)(msg.size) > 4) {
-            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');
-          }
-
-          fileService.save({
-            fileUrl: msg.url,
-            fileName: msg.name,
-            fileType: msg.type
-          }).then(response => {
-            toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');
-
-            _uikitUtils.Logger.log('File saved to', response);
-          }).catch(err => {
-            toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');
-
-            _uikitUtils.Logger.log('File save failure', err);
-          });
-        }
+  const {
+    subscribe
+  } = (0, _react.useContext)(_moduleContext.OpenChannelContexts.PubSub);
+  const ref = (0, _react.useRef)(null);
+  const [scrolledAwayFromBottom, setScrolledAwayFromBottom] = (0, _react.useState)(false);
+  const scrollToBottom = (0, _uikitUtils.useFreshCallback)(function () {
+    let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    // FIXME: Workaround, should run after data has been applied to UI.
+    setTimeout(() => {
+      var _ref$current;
+      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollToOffset({
+        offset: 0,
+        animated
       });
-
-      if ((0, _uikitUtils.isMyMessage)(msg, currentUserId) && msg.sendingStatus === 'succeeded') {
-        sheetItems.push({
-          icon: 'delete',
-          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,
-          onPress: () => confirmDelete(msg)
-        });
-      }
-
-      const fileType = (0, _uikitUtils.getFileType)(msg.type || (0, _uikitUtils.getFileExtension)(msg.name));
-
-      switch (fileType) {
-        case 'image':
-        case 'video':
-        case 'audio':
+    }, 0);
+  });
+  (0, _react.useEffect)(() => {
+    return subscribe(_ref => {
+      let {
+        type
+      } = _ref;
+      switch (type) {
+        case 'MESSAGES_RECEIVED':
           {
-            response.onPress = () => {
-              onPressMediaMessage === null || onPressMediaMessage === void 0 ? void 0 : onPressMediaMessage(msg, () => onDeleteMessage(msg), (0, _uikitUtils.getAvailableUriFromFileMessage)(msg));
-            };
-
+            scrollToBottom(false);
             break;
           }
-
-        default:
+        case 'MESSAGE_SENT_SUCCESS':
+        case 'MESSAGE_SENT_PENDING':
           {
-            response.onPress = () => _SBUUtils.default.openURL(msg.url);
-
+            scrollToBottom(false);
             break;
           }
       }
-    }
-
-    if (sheetItems.length > 0) {
-      response.onLongPress = () => {
-        openSheet({
-          sheetItems
-        });
-      };
-    }
-
-    if (msg.sendingStatus === 'failed') {
-      response.onLongPress = () => handleFailedMessage(msg);
-
-      response.onPress = () => {
-        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));
-      };
-    }
-
-    if (msg.sendingStatus === 'pending') {
-      response.onLongPress = undefined;
-      response.onPress = undefined;
-    }
-
-    return response;
-  };
+    });
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_ChannelMessageList.default, _extends({}, props, {
+    ref: ref,
+    onPressScrollToBottomButton: scrollToBottom,
+    onPressNewMessagesButton: scrollToBottom,
+    scrolledAwayFromBottom: scrolledAwayFromBottom,
+    onScrolledAwayFromBottom: setScrolledAwayFromBottom,
+    onEditMessage: setMessageToEdit
+  }));
 };
-
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  frozenBanner: {
-    position: 'absolute',
-    zIndex: 999,
-    top: 8,
-    left: 8,
-    right: 8
-  },
-  frozenListPadding: {
-    paddingBottom: 32
-  },
-  newMsgButton: {
-    position: 'absolute',
-    zIndex: 999,
-    bottom: 10,
-    alignSelf: 'center'
-  },
-  scrollButton: {
-    position: 'absolute',
-    zIndex: 998,
-    bottom: 10,
-    right: 16
-  }
-});
-
 var _default = /*#__PURE__*/_react.default.memo(OpenChannelMessageList);
-
 exports.default = _default;
 //# sourceMappingURL=OpenChannelMessageList.js.map

package/lib/commonjs/domain/openChannel/component/OpenChannelMessageList.js.map

@@ -1 +1 @@
-{"version":3,"names":["HANDLE_NEXT_MSG_SEPARATELY","Platform","select","default","OpenChannelMessageList","currentUserId","channel","messages","renderMessage","nextMessages","newMessagesFromMembers","onBottomReached","onTopReached","renderNewMessagesButton","renderScrollToBottomButton","onResendFailedMessage","onDeleteMessage","onPressMediaMessage","flatListProps","enableMessageGrouping","STRINGS","useLocalization","colors","useUIKitTheme","scrollLeaveBottom","setScrollLeaveBottom","useState","newMessagesInternalBuffer","setNewMessagesInternalBuffer","scrollRef","useRef","safeAreaLayout","useSafeAreaPadding","getMessagePressActions","useGetMessagePressActions","renderItem","useFreshCallback","item","index","onPress","onLongPress","message","prevMessage","nextMessage","useEffect","length","prev","concat","onLeaveScrollBottom","useCallback","val","flex","backgroundColor","background","isFrozen","styles","frozenBanner","OPEN_CHANNEL","LIST_BANNER_FROZEN","url","messageKeyExtractor","frozenListPadding","contentContainerStyle","newMsgButton","visible","current","scrollToBottom","newMessages","scrollButton","toast","useToast","openSheet","useBottomSheet","alert","useAlert","clipboardService","fileService","usePlatformService","setMessageToEdit","useContext","OpenChannelContexts","Fragment","handleFailedMessage","sheetItems","title","LABELS","CHANNEL_MESSAGE_FAILED_RETRY","catch","show","TOAST","RESEND_MSG_ERROR","CHANNEL_MESSAGE_FAILED_REMOVE","titleColor","ui","dialog","none","destructive","confirmDelete","CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE","buttons","text","CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL","CHANNEL_MESSAGE_DELETE_CONFIRM_OK","style","DELETE_MSG_ERROR","msg","isUserMessage","isFileMessage","undefined","response","push","icon","CHANNEL_MESSAGE_COPY","setString","COPY_OK","isMyMessage","sendingStatus","CHANNEL_MESSAGE_EDIT","CHANNEL_MESSAGE_DELETE","CHANNEL_MESSAGE_SAVE","toMegabyte","size","DOWNLOAD_START","save","fileUrl","fileName","name","fileType","type","then","DOWNLOAD_OK","Logger","log","err","DOWNLOAD_ERROR","getFileType","getFileExtension","getAvailableUriFromFileMessage","SBUUtils","openURL","createStyleSheet","position","zIndex","top","left","right","paddingBottom","bottom","alignSelf","React","memo"],"sources":["OpenChannelMessageList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { ListRenderItem, Platform, View } from 'react-native';\n\nimport type { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';\nimport {\n  ChannelFrozenBanner,\n  createStyleSheet,\n  useAlert,\n  useBottomSheet,\n  useToast,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\nimport {\n  Logger,\n  getAvailableUriFromFileMessage,\n  getFileExtension,\n  getFileType,\n  isMyMessage,\n  messageKeyExtractor,\n  toMegabyte,\n  useFreshCallback,\n  useSafeAreaPadding,\n} from '@sendbird/uikit-utils';\n\nimport type { ChatFlatListRef } from '../../../components/ChatFlatList';\nimport ChatFlatList from '../../../components/ChatFlatList';\nimport { useLocalization, usePlatformService } from '../../../hooks/useContext';\nimport SBUUtils from '../../../libs/SBUUtils';\nimport { OpenChannelContexts } from '../module/moduleContext';\nimport type { OpenChannelProps } from '../types';\n\nconst HANDLE_NEXT_MSG_SEPARATELY = Platform.select({ default: true });\n\nconst OpenChannelMessageList = ({\n  currentUserId,\n  channel,\n  messages,\n  renderMessage,\n  nextMessages,\n  newMessagesFromMembers,\n  onBottomReached,\n  onTopReached,\n  renderNewMessagesButton,\n  renderScrollToBottomButton,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressMediaMessage,\n  flatListProps,\n  enableMessageGrouping,\n}: OpenChannelProps['MessageList']) => {\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const [scrollLeaveBottom, setScrollLeaveBottom] = useState(false);\n  const [newMessagesInternalBuffer, setNewMessagesInternalBuffer] = useState(() => newMessagesFromMembers);\n\n  const scrollRef = useRef<ChatFlatListRef>(null);\n\n  const safeAreaLayout = useSafeAreaPadding(['left', 'right']);\n  const getMessagePressActions = useGetMessagePressActions({\n    channel,\n    currentUserId,\n    onDeleteMessage,\n    onResendFailedMessage,\n    onPressMediaMessage,\n  });\n\n  const renderItem: ListRenderItem<SendbirdMessage> = useFreshCallback(({ item, index }) => {\n    const { onPress, onLongPress } = getMessagePressActions(item);\n    return renderMessage({\n      message: item,\n      prevMessage: messages[index + 1],\n      nextMessage: messages[index - 1],\n      onPress,\n      onLongPress,\n      enableMessageGrouping,\n      channel,\n      currentUserId,\n    });\n  });\n\n  if (!HANDLE_NEXT_MSG_SEPARATELY) {\n    useEffect(() => {\n      if (newMessagesInternalBuffer.length !== 0) {\n        setNewMessagesInternalBuffer((prev) => prev.concat(newMessagesFromMembers));\n      }\n      onBottomReached();\n    }, [newMessagesFromMembers]);\n  }\n\n  const onLeaveScrollBottom = useCallback((val: boolean) => {\n    if (!HANDLE_NEXT_MSG_SEPARATELY) setNewMessagesInternalBuffer([]);\n    setScrollLeaveBottom(val);\n  }, []);\n\n  return (\n    <View style={[{ flex: 1, backgroundColor: colors.background }, safeAreaLayout]}>\n      {channel.isFrozen && (\n        <ChannelFrozenBanner style={styles.frozenBanner} text={STRINGS.OPEN_CHANNEL.LIST_BANNER_FROZEN} />\n      )}\n      <ChatFlatList\n        nextMessages={nextMessages}\n        onBottomReached={onBottomReached}\n        onTopReached={onTopReached}\n        onLeaveScrollBottom={onLeaveScrollBottom}\n        currentUserId={currentUserId}\n        {...flatListProps}\n        listKey={`open-channel-messages-${channel.url}`}\n        ref={scrollRef}\n        data={messages}\n        renderItem={renderItem}\n        keyExtractor={messageKeyExtractor}\n        contentContainerStyle={[\n          // { minHeight: '100%', justifyContent: 'flex-end' },\n          channel.isFrozen && styles.frozenListPadding,\n          flatListProps?.contentContainerStyle,\n        ]}\n      />\n      {renderNewMessagesButton && (\n        <View style={[styles.newMsgButton, safeAreaLayout]}>\n          {renderNewMessagesButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n            newMessages: !HANDLE_NEXT_MSG_SEPARATELY ? newMessagesInternalBuffer : newMessagesFromMembers,\n          })}\n        </View>\n      )}\n      {renderScrollToBottomButton && (\n        <View pointerEvents={scrollLeaveBottom ? 'auto' : 'none'} style={[styles.scrollButton, safeAreaLayout]}>\n          {renderScrollToBottomButton({\n            visible: scrollLeaveBottom,\n            onPress: () => scrollRef.current?.scrollToBottom(false),\n          })}\n        </View>\n      )}\n    </View>\n  );\n};\n\ntype HandleableMessage = SendbirdUserMessage | SendbirdFileMessage;\nconst useGetMessagePressActions = ({\n  currentUserId,\n  onResendFailedMessage,\n  onDeleteMessage,\n  onPressMediaMessage,\n}: Pick<\n  OpenChannelProps['MessageList'],\n  'channel' | 'currentUserId' | 'onResendFailedMessage' | 'onDeleteMessage' | 'onPressMediaMessage'\n>) => {\n  const { colors } = useUIKitTheme();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n  const { openSheet } = useBottomSheet();\n  const { alert } = useAlert();\n  const { clipboardService, fileService } = usePlatformService();\n  const { setMessageToEdit } = useContext(OpenChannelContexts.Fragment);\n\n  const handleFailedMessage = (message: HandleableMessage) => {\n    openSheet({\n      sheetItems: [\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_RETRY,\n          onPress: () =>\n            onResendFailedMessage(message).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error')),\n        },\n        {\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_FAILED_REMOVE,\n          titleColor: colors.ui.dialog.default.none.destructive,\n          onPress: () => confirmDelete(message),\n        },\n      ],\n    });\n  };\n  const confirmDelete = (message: HandleableMessage) => {\n    alert({\n      title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE,\n      buttons: [\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL,\n        },\n        {\n          text: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK,\n          style: 'destructive',\n          onPress: () => onDeleteMessage(message).catch(() => toast.show(STRINGS.TOAST.DELETE_MSG_ERROR, 'error')),\n        },\n      ],\n    });\n  };\n\n  return (msg: SendbirdMessage) => {\n    if (!msg.isUserMessage() && !msg.isFileMessage()) {\n      return { onPress: undefined, onLongPress: undefined };\n    }\n\n    const sheetItems: BottomSheetItem['sheetItems'] = [];\n    const response: { onPress?: () => void; onLongPress?: () => void } = {\n      onPress: undefined,\n      onLongPress: undefined,\n    };\n\n    if (msg.isUserMessage()) {\n      sheetItems.push({\n        icon: 'copy',\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_COPY,\n        onPress: () => {\n          clipboardService.setString(msg.message || '');\n          toast.show(STRINGS.TOAST.COPY_OK, 'success');\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push(\n          {\n            icon: 'edit',\n            title: STRINGS.LABELS.CHANNEL_MESSAGE_EDIT,\n            onPress: () => setMessageToEdit(msg),\n          },\n          {\n            icon: 'delete',\n            title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n            onPress: () => confirmDelete(msg),\n          },\n        );\n      }\n    }\n\n    if (msg.isFileMessage()) {\n      sheetItems.push({\n        icon: 'download',\n        title: STRINGS.LABELS.CHANNEL_MESSAGE_SAVE,\n        onPress: async () => {\n          if (toMegabyte(msg.size) > 4) {\n            toast.show(STRINGS.TOAST.DOWNLOAD_START, 'success');\n          }\n\n          fileService\n            .save({ fileUrl: msg.url, fileName: msg.name, fileType: msg.type })\n            .then((response) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_OK, 'success');\n              Logger.log('File saved to', response);\n            })\n            .catch((err) => {\n              toast.show(STRINGS.TOAST.DOWNLOAD_ERROR, 'error');\n              Logger.log('File save failure', err);\n            });\n        },\n      });\n\n      if (isMyMessage(msg, currentUserId) && msg.sendingStatus === 'succeeded') {\n        sheetItems.push({\n          icon: 'delete',\n          title: STRINGS.LABELS.CHANNEL_MESSAGE_DELETE,\n          onPress: () => confirmDelete(msg),\n        });\n      }\n\n      const fileType = getFileType(msg.type || getFileExtension(msg.name));\n      switch (fileType) {\n        case 'image':\n        case 'video':\n        case 'audio': {\n          response.onPress = () => {\n            onPressMediaMessage?.(msg, () => onDeleteMessage(msg), getAvailableUriFromFileMessage(msg));\n          };\n          break;\n        }\n        default: {\n          response.onPress = () => SBUUtils.openURL(msg.url);\n          break;\n        }\n      }\n    }\n\n    if (sheetItems.length > 0) {\n      response.onLongPress = () => {\n        openSheet({ sheetItems });\n      };\n    }\n\n    if (msg.sendingStatus === 'failed') {\n      response.onLongPress = () => handleFailedMessage(msg);\n      response.onPress = () => {\n        onResendFailedMessage(msg).catch(() => toast.show(STRINGS.TOAST.RESEND_MSG_ERROR, 'error'));\n      };\n    }\n\n    if (msg.sendingStatus === 'pending') {\n      response.onLongPress = undefined;\n      response.onPress = undefined;\n    }\n\n    return response;\n  };\n};\n\nconst styles = createStyleSheet({\n  frozenBanner: {\n    position: 'absolute',\n    zIndex: 999,\n    top: 8,\n    left: 8,\n    right: 8,\n  },\n  frozenListPadding: {\n    paddingBottom: 32,\n  },\n  newMsgButton: {\n    position: 'absolute',\n    zIndex: 999,\n    bottom: 10,\n    alignSelf: 'center',\n  },\n  scrollButton: {\n    position: 'absolute',\n    zIndex: 998,\n    bottom: 10,\n    right: 16,\n  },\n});\n\nexport default React.memo(OpenChannelMessageList);\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikitUtils","_ChannelMessageList","_interopRequireDefault","_moduleContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","OpenChannelMessageList","props","setMessageToEdit","useContext","OpenChannelContexts","Fragment","subscribe","PubSub","ref","useRef","scrolledAwayFromBottom","setScrolledAwayFromBottom","useState","scrollToBottom","useFreshCallback","animated","undefined","setTimeout","_ref$current","current","scrollToOffset","offset","useEffect","_ref","type","createElement","onPressScrollToBottomButton","onPressNewMessagesButton","onScrolledAwayFromBottom","onEditMessage","_default","React","memo","exports"],"sources":["OpenChannelMessageList.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react';\nimport type { FlatList } from 'react-native';\n\nimport { SendbirdMessage, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport ChannelMessageList from '../../../components/ChannelMessageList';\nimport { OpenChannelContexts } from '../module/moduleContext';\nimport type { OpenChannelProps } from '../types';\n\nconst OpenChannelMessageList = (props: OpenChannelProps['MessageList']) => {\n  const { setMessageToEdit } = useContext(OpenChannelContexts.Fragment);\n  const { subscribe } = useContext(OpenChannelContexts.PubSub);\n\n  const ref = useRef<FlatList<SendbirdMessage>>(null);\n  const [scrolledAwayFromBottom, setScrolledAwayFromBottom] = useState(false);\n\n  const scrollToBottom = useFreshCallback((animated = false) => {\n    // FIXME: Workaround, should run after data has been applied to UI.\n    setTimeout(() => {\n      ref.current?.scrollToOffset({ offset: 0, animated });\n    }, 0);\n  });\n\n  useEffect(() => {\n    return subscribe(({ type }) => {\n      switch (type) {\n        case 'MESSAGES_RECEIVED': {\n          scrollToBottom(false);\n          break;\n        }\n        case 'MESSAGE_SENT_SUCCESS':\n        case 'MESSAGE_SENT_PENDING': {\n          scrollToBottom(false);\n          break;\n        }\n      }\n    });\n  }, []);\n\n  return (\n    <ChannelMessageList\n      {...props}\n      ref={ref}\n      onPressScrollToBottomButton={scrollToBottom}\n      onPressNewMessagesButton={scrollToBottom}\n      scrolledAwayFromBottom={scrolledAwayFromBottom}\n      onScrolledAwayFromBottom={setScrolledAwayFromBottom}\n      onEditMessage={setMessageToEdit}\n    />\n  );\n};\n\nexport default React.memo(OpenChannelMessageList);\n"],"mappings":"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"}