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

package/lib/commonjs/fragments/createOpenChannelBannedUsersFragment.js

@@ -4,32 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
-
 var _UserActionBar = _interopRequireDefault(require("../components/UserActionBar"));
-
 var _openChannelBannedUsers = require("../domain/openChannelBannedUsers");
-
 var _useContext = require("../hooks/useContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const createOpenChannelBannedUsersFragment = initModule => {
   const OpenChannelBannedUsersModule = (0, _openChannelBannedUsers.createOpenChannelBannedUsersModule)(initModule);
   return _ref => {
     let {
-      onPressHeaderLeft = _uikitUtils.NOOP,
+      onPressHeaderLeft,
       channel,
-      renderUser
+      renderUser,
+      queryCreator = () => channel.createBannedUserListQuery({
+        limit: 20
+      })
     } = _ref;
     const {
       STRINGS
@@ -49,11 +42,8 @@ const createOpenChannelBannedUsersFragment = initModule => {
       refresh,
       error
     } = (0, _uikitChatHooks.useUserList)(sdk, {
-      queryCreator: () => channel.createBannedUserListQuery({
-        limit: 20
-      })
+      queryCreator
     });
-
     const _renderUser = (0, _uikitUtils.useFreshCallback)(props => {
       if (renderUser) return renderUser(props);
       const {
@@ -75,7 +65,6 @@ const createOpenChannelBannedUsersFragment = initModule => {
         }
       });
     });
-
     return /*#__PURE__*/_react.default.createElement(OpenChannelBannedUsersModule.Provider, {
       channel: channel
     }, /*#__PURE__*/_react.default.createElement(OpenChannelBannedUsersModule.Header, {
@@ -95,7 +84,6 @@ const createOpenChannelBannedUsersFragment = initModule => {
     })));
   };
 };
-
 var _default = createOpenChannelBannedUsersFragment;
 exports.default = _default;
 //# sourceMappingURL=createOpenChannelBannedUsersFragment.js.map

package/lib/commonjs/fragments/createOpenChannelBannedUsersFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["createOpenChannelBannedUsersFragment","initModule","OpenChannelBannedUsersModule","createOpenChannelBannedUsersModule","onPressHeaderLeft","NOOP","channel","renderUser","STRINGS","useLocalization","currentUser","sdk","useSendbirdChat","openMenu","useActionMenu","users","deleteUser","loading","next","refresh","error","useUserList","queryCreator","createBannedUserListQuery","limit","_renderUser","useFreshCallback","props","user","profileUrl","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","title","menuItems","UNBAN","onPress","unbanUser","then","Boolean"],"sources":["createOpenChannelBannedUsersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createOpenChannelBannedUsersModule } from '../domain/openChannelBannedUsers';\nimport type {\n  OpenChannelBannedUsersFragment,\n  OpenChannelBannedUsersModule,\n} from '../domain/openChannelBannedUsers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelBannedUsersFragment = (\n  initModule?: Partial<OpenChannelBannedUsersModule>,\n): OpenChannelBannedUsersFragment => {\n  const OpenChannelBannedUsersModule = createOpenChannelBannedUsersModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {\n    const { STRINGS } = useLocalization();\n    const { currentUser, sdk } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, loading, next, refresh, error } = useUserList(sdk, {\n      queryCreator: () => channel.createBannedUserListQuery({ limit: 20 }),\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n\n      return (\n        <UserActionBar\n          muted={false}\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNBAN,\n                  onPress: () => channel.unbanUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelBannedUsersModule.Provider channel={channel}>\n        <OpenChannelBannedUsersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelBannedUsersModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelBannedUsersModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelBannedUsersModule.List\n            renderUser={_renderUser}\n            bannedUsers={users}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelBannedUsersModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelBannedUsersModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelBannedUsersFragment;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAKA;;;;AAEA,MAAMA,oCAAoC,GACxCC,UAD2C,IAER;EACnC,MAAMC,4BAA4B,GAAG,IAAAC,0DAAA,EAAmCF,UAAnC,CAArC;EAEA,OAAO,QAAuD;IAAA,IAAtD;MAAEG,iBAAiB,GAAGC,gBAAtB;MAA4BC,OAA5B;MAAqCC;IAArC,CAAsD;IAC5D,MAAM;MAAEC;IAAF,IAAc,IAAAC,2BAAA,GAApB;IACA,MAAM;MAAEC,WAAF;MAAeC;IAAf,IAAuB,IAAAC,2BAAA,GAA7B;IACA,MAAM;MAAEC;IAAF,IAAe,IAAAC,yCAAA,GAArB;IAEA,MAAM;MAAEC,KAAF;MAASC,UAAT;MAAqBC,OAArB;MAA8BC,IAA9B;MAAoCC,OAApC;MAA6CC;IAA7C,IAAuD,IAAAC,2BAAA,EAAYV,GAAZ,EAAiB;MAC5EW,YAAY,EAAE,MAAMhB,OAAO,CAACiB,yBAAR,CAAkC;QAAEC,KAAK,EAAE;MAAT,CAAlC;IADwD,CAAjB,CAA7D;;IAIA,MAAMC,WAA2C,GAAG,IAAAC,4BAAA,EAAkBC,KAAD,IAAW;MAC9E,IAAIpB,UAAJ,EAAgB,OAAOA,UAAU,CAACoB,KAAD,CAAjB;MAEhB,MAAM;QAAEC;MAAF,IAAWD,KAAjB;MAEA,oBACE,6BAAC,sBAAD;QACE,KAAK,EAAE,KADT;QAEE,GAAG,EAAEC,IAAI,CAACC,UAFZ;QAGE,IAAI,EACF,CAACD,IAAI,CAACE,QAAL,IAAiBtB,OAAO,CAACuB,MAAR,CAAeC,YAAjC,KACCJ,IAAI,CAACK,MAAL,MAAgBvB,WAAhB,aAAgBA,WAAhB,uBAAgBA,WAAW,CAAEuB,MAA7B,IAAsCzB,OAAO,CAACuB,MAAR,CAAeG,mBAArD,GAA2E,EAD5E,CAJJ;QAOE,QAAQ,EAAEN,IAAI,CAACK,MAAL,MAAgBvB,WAAhB,aAAgBA,WAAhB,uBAAgBA,WAAW,CAAEuB,MAA7B,CAPZ;QAQE,iBAAiB,EAAE,MAAM;UACvBpB,QAAQ,CAAC;YACPsB,KAAK,EAAEP,IAAI,CAACE,QAAL,IAAiBtB,OAAO,CAACuB,MAAR,CAAeC,YADhC;YAEPI,SAAS,EAAE,CACT;cACED,KAAK,EAAE3B,OAAO,CAACuB,MAAR,CAAeM,KADxB;cAEEC,OAAO,EAAE,MAAMhC,OAAO,CAACiC,SAAR,CAAkBX,IAAlB,EAAwBY,IAAxB,CAA6B,MAAMxB,UAAU,CAACY,IAAI,CAACK,MAAN,CAA7C;YAFjB,CADS;UAFJ,CAAD,CAAR;QASD;MAlBH,EADF;IAsBD,CA3BmD,CAApD;;IA6BA,oBACE,6BAAC,4BAAD,CAA8B,QAA9B;MAAuC,OAAO,EAAE3B;IAAhD,gBACE,6BAAC,4BAAD,CAA8B,MAA9B;MAAqC,iBAAiB,EAAEF;IAAxD,EADF,eAEE,6BAAC,0BAAD;MACE,OAAO,EAAEa,OADX;MAEE,gBAAgB,eAAE,6BAAC,4BAAD,CAA8B,aAA9B,OAFpB;MAGE,KAAK,EAAEwB,OAAO,CAACrB,KAAD,CAHhB;MAIE,cAAc,eAAE,6BAAC,4BAAD,CAA8B,WAA9B;QAA0C,YAAY,EAAED;MAAxD;IAJlB,gBAME,6BAAC,4BAAD,CAA8B,IAA9B;MACE,UAAU,EAAEM,WADd;MAEE,WAAW,EAAEV,KAFf;MAGE,UAAU,EAAEG,IAHd;MAIE,kBAAkB,eAAE,6BAAC,4BAAD,CAA8B,WAA9B;IAJtB,EANF,CAFF,CADF;EAkBD,CAxDD;AAyDD,CA9DD;;eAgEelB,oC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitChatHooks","_uikitReactNativeFoundation","_uikitUtils","_StatusComposition","_UserActionBar","_openChannelBannedUsers","_useContext","obj","__esModule","default","createOpenChannelBannedUsersFragment","initModule","OpenChannelBannedUsersModule","createOpenChannelBannedUsersModule","_ref","onPressHeaderLeft","channel","renderUser","queryCreator","createBannedUserListQuery","limit","STRINGS","useLocalization","currentUser","sdk","useSendbirdChat","openMenu","useActionMenu","users","deleteUser","loading","next","refresh","error","useUserList","_renderUser","useFreshCallback","props","user","createElement","muted","uri","profileUrl","name","nickname","LABELS","USER_NO_NAME","userId","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","title","menuItems","UNBAN","onPress","unbanUser","then","Provider","Header","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","bannedUsers","onLoadNext","ListEmptyComponent","StatusEmpty","_default","exports"],"sources":["createOpenChannelBannedUsersFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { createOpenChannelBannedUsersModule } from '../domain/openChannelBannedUsers';\nimport type {\n  OpenChannelBannedUsersFragment,\n  OpenChannelBannedUsersModule,\n} from '../domain/openChannelBannedUsers/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelBannedUsersFragment = (\n  initModule?: Partial<OpenChannelBannedUsersModule>,\n): OpenChannelBannedUsersFragment => {\n  const OpenChannelBannedUsersModule = createOpenChannelBannedUsersModule(initModule);\n\n  return ({\n    onPressHeaderLeft,\n    channel,\n    renderUser,\n    queryCreator = () => channel.createBannedUserListQuery({ limit: 20 }),\n  }) => {\n    const { STRINGS } = useLocalization();\n    const { currentUser, sdk } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n\n    const { users, deleteUser, loading, next, refresh, error } = useUserList(sdk, { queryCreator });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {\n      if (renderUser) return renderUser(props);\n\n      const { user } = props;\n\n      return (\n        <UserActionBar\n          muted={false}\n          uri={user.profileUrl}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={() => {\n            openMenu({\n              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,\n              menuItems: [\n                {\n                  title: STRINGS.LABELS.UNBAN,\n                  onPress: () => channel.unbanUser(user).then(() => deleteUser(user.userId)),\n                },\n              ],\n            });\n          }}\n        />\n      );\n    });\n\n    return (\n      <OpenChannelBannedUsersModule.Provider channel={channel}>\n        <OpenChannelBannedUsersModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelBannedUsersModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelBannedUsersModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelBannedUsersModule.List\n            renderUser={_renderUser}\n            bannedUsers={users}\n            onLoadNext={next}\n            ListEmptyComponent={<OpenChannelBannedUsersModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </OpenChannelBannedUsersModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelBannedUsersFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createOpenChannelCreateFragment.js

@@ -4,23 +4,14 @@ 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 _openChannelCreate = require("../domain/openChannelCreate");
-
 var _useContext = require("../hooks/useContext");
-
 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 createOpenChannelCreateFragment = initModule => {
   const OpenChannelCreateModule = (0, _openChannelCreate.createOpenChannelCreateModule)(initModule);
   return _ref => {
@@ -39,11 +30,9 @@ const createOpenChannelCreateFragment = initModule => {
     const [loading, setLoading] = (0, _react.useState)(false);
     const [channelName, setChannelName] = (0, _react.useState)('');
     const [channelCoverFile, setChannelCoverFile] = (0, _react.useState)(undefined);
-
     const shouldActivateHeaderRight = () => {
       return Boolean(currentUser) && channelName.trim() !== '';
     };
-
     const onPressHeaderRight = async () => {
       if (currentUser) {
         try {
@@ -62,7 +51,6 @@ const createOpenChannelCreateFragment = initModule => {
         }
       }
     };
-
     return /*#__PURE__*/_react.default.createElement(OpenChannelCreateModule.Provider, null, /*#__PURE__*/_react.default.createElement(OpenChannelCreateModule.Header, {
       onPressHeaderLeft: onPressHeaderLeft,
       onPressHeaderRight: onPressHeaderRight,
@@ -80,7 +68,6 @@ const createOpenChannelCreateFragment = initModule => {
     }, /*#__PURE__*/_react.default.createElement(OpenChannelCreateModule.StatusLoading, null)));
   };
 };
-
 var _default = createOpenChannelCreateFragment;
 exports.default = _default;
 //# sourceMappingURL=createOpenChannelCreateFragment.js.map

package/lib/commonjs/fragments/createOpenChannelCreateFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["createOpenChannelCreateFragment","initModule","OpenChannelCreateModule","createOpenChannelCreateModule","onPressHeaderLeft","NOOP","onBeforeCreateChannel","PASS","onCreateChannel","sdk","currentUser","useSendbirdChat","palette","useUIKitTheme","loading","setLoading","useState","channelName","setChannelName","channelCoverFile","setChannelCoverFile","undefined","shouldActivateHeaderRight","Boolean","trim","onPressHeaderRight","params","name","operatorUserIds","userId","coverUrlOrImage","processedParams","channel","openChannel","createChannel","transparent","StyleSheet","absoluteFill"],"sources":["createOpenChannelCreateFragment.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { Box, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, PASS, SendbirdOpenChannelCreateParams } from '@sendbird/uikit-utils';\n\nimport { createOpenChannelCreateModule } from '../domain/openChannelCreate';\nimport type { OpenChannelCreateFragment, OpenChannelCreateModule } from '../domain/openChannelCreate/types';\nimport { useSendbirdChat } from '../hooks/useContext';\nimport type { FileType } from '../platform/types';\n\nconst createOpenChannelCreateFragment = (initModule?: Partial<OpenChannelCreateModule>): OpenChannelCreateFragment => {\n  const OpenChannelCreateModule = createOpenChannelCreateModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, onBeforeCreateChannel = PASS, onCreateChannel }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { palette } = useUIKitTheme();\n\n    const [loading, setLoading] = useState(false);\n    const [channelName, setChannelName] = useState('');\n    const [channelCoverFile, setChannelCoverFile] = useState<FileType | undefined>(undefined);\n\n    const shouldActivateHeaderRight = () => {\n      return Boolean(currentUser) && channelName.trim() !== '';\n    };\n\n    const onPressHeaderRight = async () => {\n      if (currentUser) {\n        try {\n          setLoading(true);\n          const params: SendbirdOpenChannelCreateParams = {\n            name: channelName,\n            operatorUserIds: [currentUser.userId],\n          };\n\n          if (channelCoverFile) params.coverUrlOrImage = channelCoverFile;\n\n          const processedParams = await onBeforeCreateChannel(params);\n          const channel = await sdk.openChannel.createChannel(processedParams);\n\n          setLoading(false);\n          onCreateChannel(channel);\n        } catch {\n          setLoading(false);\n        }\n      }\n    };\n\n    return (\n      <OpenChannelCreateModule.Provider>\n        <OpenChannelCreateModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n          shouldActivateHeaderRight={shouldActivateHeaderRight}\n        />\n        <OpenChannelCreateModule.ProfileInput\n          channelName={channelName}\n          onChangeChannelName={setChannelName}\n          channelCoverFile={channelCoverFile}\n          onChangeChannelCoverFile={setChannelCoverFile}\n        />\n        {loading && (\n          <Box\n            backgroundColor={palette.transparent}\n            style={StyleSheet.absoluteFill}\n            alignItems={'center'}\n            justifyContent={'center'}\n          >\n            <OpenChannelCreateModule.StatusLoading />\n          </Box>\n        )}\n      </OpenChannelCreateModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelCreateFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AAEA;;;;;;AAGA,MAAMA,+BAA+B,GAAIC,UAAD,IAA8E;EACpH,MAAMC,uBAAuB,GAAG,IAAAC,gDAAA,EAA8BF,UAA9B,CAAhC;EAEA,OAAO,QAAiF;IAAA,IAAhF;MAAEG,iBAAiB,GAAGC,gBAAtB;MAA4BC,qBAAqB,GAAGC,gBAApD;MAA0DC;IAA1D,CAAgF;IACtF,MAAM;MAAEC,GAAF;MAAOC;IAAP,IAAuB,IAAAC,2BAAA,GAA7B;IACA,MAAM;MAAEC;IAAF,IAAc,IAAAC,yCAAA,GAApB;IAEA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAS,KAAT,CAA9B;IACA,MAAM,CAACC,WAAD,EAAcC,cAAd,IAAgC,IAAAF,eAAA,EAAS,EAAT,CAAtC;IACA,MAAM,CAACG,gBAAD,EAAmBC,mBAAnB,IAA0C,IAAAJ,eAAA,EAA+BK,SAA/B,CAAhD;;IAEA,MAAMC,yBAAyB,GAAG,MAAM;MACtC,OAAOC,OAAO,CAACb,WAAD,CAAP,IAAwBO,WAAW,CAACO,IAAZ,OAAuB,EAAtD;IACD,CAFD;;IAIA,MAAMC,kBAAkB,GAAG,YAAY;MACrC,IAAIf,WAAJ,EAAiB;QACf,IAAI;UACFK,UAAU,CAAC,IAAD,CAAV;UACA,MAAMW,MAAuC,GAAG;YAC9CC,IAAI,EAAEV,WADwC;YAE9CW,eAAe,EAAE,CAAClB,WAAW,CAACmB,MAAb;UAF6B,CAAhD;UAKA,IAAIV,gBAAJ,EAAsBO,MAAM,CAACI,eAAP,GAAyBX,gBAAzB;UAEtB,MAAMY,eAAe,GAAG,MAAMzB,qBAAqB,CAACoB,MAAD,CAAnD;UACA,MAAMM,OAAO,GAAG,MAAMvB,GAAG,CAACwB,WAAJ,CAAgBC,aAAhB,CAA8BH,eAA9B,CAAtB;UAEAhB,UAAU,CAAC,KAAD,CAAV;UACAP,eAAe,CAACwB,OAAD,CAAf;QACD,CAdD,CAcE,MAAM;UACNjB,UAAU,CAAC,KAAD,CAAV;QACD;MACF;IACF,CApBD;;IAsBA,oBACE,6BAAC,uBAAD,CAAyB,QAAzB,qBACE,6BAAC,uBAAD,CAAyB,MAAzB;MACE,iBAAiB,EAAEX,iBADrB;MAEE,kBAAkB,EAAEqB,kBAFtB;MAGE,yBAAyB,EAAEH;IAH7B,EADF,eAME,6BAAC,uBAAD,CAAyB,YAAzB;MACE,WAAW,EAAEL,WADf;MAEE,mBAAmB,EAAEC,cAFvB;MAGE,gBAAgB,EAAEC,gBAHpB;MAIE,wBAAwB,EAAEC;IAJ5B,EANF,EAYGN,OAAO,iBACN,6BAAC,+BAAD;MACE,eAAe,EAAEF,OAAO,CAACuB,WAD3B;MAEE,KAAK,EAAEC,uBAAA,CAAWC,YAFpB;MAGE,UAAU,EAAE,QAHd;MAIE,cAAc,EAAE;IAJlB,gBAME,6BAAC,uBAAD,CAAyB,aAAzB,OANF,CAbJ,CADF;EAyBD,CA3DD;AA4DD,CA/DD;;eAiEerC,+B"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_openChannelCreate","_useContext","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","createOpenChannelCreateFragment","initModule","OpenChannelCreateModule","createOpenChannelCreateModule","_ref","onPressHeaderLeft","NOOP","onBeforeCreateChannel","PASS","onCreateChannel","sdk","currentUser","useSendbirdChat","palette","useUIKitTheme","loading","setLoading","useState","channelName","setChannelName","channelCoverFile","setChannelCoverFile","undefined","shouldActivateHeaderRight","Boolean","trim","onPressHeaderRight","params","name","operatorUserIds","userId","coverUrlOrImage","processedParams","channel","openChannel","createChannel","createElement","Provider","Header","ProfileInput","onChangeChannelName","onChangeChannelCoverFile","Box","backgroundColor","transparent","style","StyleSheet","absoluteFill","alignItems","justifyContent","StatusLoading","_default","exports"],"sources":["createOpenChannelCreateFragment.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { Box, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, PASS, SendbirdOpenChannelCreateParams } from '@sendbird/uikit-utils';\n\nimport { createOpenChannelCreateModule } from '../domain/openChannelCreate';\nimport type { OpenChannelCreateFragment, OpenChannelCreateModule } from '../domain/openChannelCreate/types';\nimport { useSendbirdChat } from '../hooks/useContext';\nimport type { FileType } from '../platform/types';\n\nconst createOpenChannelCreateFragment = (initModule?: Partial<OpenChannelCreateModule>): OpenChannelCreateFragment => {\n  const OpenChannelCreateModule = createOpenChannelCreateModule(initModule);\n\n  return ({ onPressHeaderLeft = NOOP, onBeforeCreateChannel = PASS, onCreateChannel }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { palette } = useUIKitTheme();\n\n    const [loading, setLoading] = useState(false);\n    const [channelName, setChannelName] = useState('');\n    const [channelCoverFile, setChannelCoverFile] = useState<FileType | undefined>(undefined);\n\n    const shouldActivateHeaderRight = () => {\n      return Boolean(currentUser) && channelName.trim() !== '';\n    };\n\n    const onPressHeaderRight = async () => {\n      if (currentUser) {\n        try {\n          setLoading(true);\n          const params: SendbirdOpenChannelCreateParams = {\n            name: channelName,\n            operatorUserIds: [currentUser.userId],\n          };\n\n          if (channelCoverFile) params.coverUrlOrImage = channelCoverFile;\n\n          const processedParams = await onBeforeCreateChannel(params);\n          const channel = await sdk.openChannel.createChannel(processedParams);\n\n          setLoading(false);\n          onCreateChannel(channel);\n        } catch {\n          setLoading(false);\n        }\n      }\n    };\n\n    return (\n      <OpenChannelCreateModule.Provider>\n        <OpenChannelCreateModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          onPressHeaderRight={onPressHeaderRight}\n          shouldActivateHeaderRight={shouldActivateHeaderRight}\n        />\n        <OpenChannelCreateModule.ProfileInput\n          channelName={channelName}\n          onChangeChannelName={setChannelName}\n          channelCoverFile={channelCoverFile}\n          onChangeChannelCoverFile={setChannelCoverFile}\n        />\n        {loading && (\n          <Box\n            backgroundColor={palette.transparent}\n            style={StyleSheet.absoluteFill}\n            alignItems={'center'}\n            justifyContent={'center'}\n          >\n            <OpenChannelCreateModule.StatusLoading />\n          </Box>\n        )}\n      </OpenChannelCreateModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelCreateFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createOpenChannelFragment.js

@@ -4,37 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _chat = require("@sendbird/chat");
-
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _OpenChannelMessageRenderer = _interopRequireDefault(require("../components/OpenChannelMessageRenderer"));
-
 var _ScrollToBottomButton = _interopRequireDefault(require("../components/ScrollToBottomButton"));
-
 var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
-
 var _constants = require("../constants");
-
 var _openChannel = require("../domain/openChannel");
-
 var _useContext = require("../hooks/useContext");
-
+var _pubsub = _interopRequireDefault(require("../utils/pubsub"));
 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 createOpenChannelFragment = initModule => {
   const OpenChannelModule = (0, _openChannel.createOpenChannelModule)(initModule);
   return _ref => {
@@ -71,12 +56,13 @@ const createOpenChannelFragment = initModule => {
     const {
       show: showUserProfile
     } = (0, _useContext.useUserProfile)();
+    const [openChannelPubSub] = (0, _react.useState)(() => (0, _pubsub.default)());
     const {
       messages,
-      nextMessages,
-      newMessagesFromMembers,
+      newMessages,
       next,
       prev,
+      hasNext,
       sendFileMessage,
       sendUserMessage,
       updateFileMessage,
@@ -88,31 +74,35 @@ const createOpenChannelFragment = initModule => {
       queryCreator,
       sortComparator,
       onChannelDeleted,
-
       onError(error) {
         if (error instanceof _chat.SendbirdError) {
           switch (error.code) {
-            case _uikitUtils.SBErrorCode.CHANNEL_NOT_FOUND_SDK:
-            case _uikitUtils.SBErrorCode.CHANNEL_NOT_FOUND_SERVER:
+            case _uikitUtils.SBErrorCode.RESOURCE_NOT_FOUND:
+            case _uikitUtils.SBErrorCode.CHANNEL_NOT_FOUND:
+            case _uikitUtils.SBErrorCode.BANNED_USER_SEND_MESSAGE_NOT_ALLOWED:
               {
                 return showToast(STRINGS.TOAST.GET_CHANNEL_ERROR, 'error');
               }
           }
         }
-
         showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');
+      },
+      onMessagesReceived(messages) {
+        openChannelPubSub.publish({
+          type: 'MESSAGES_RECEIVED',
+          data: {
+            messages
+          }
+        });
       }
-
     });
     const isOperator = channel.isOperator((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? _constants.UNKNOWN_USER_ID);
-
     const _renderMessage = (0, _uikitUtils.useFreshCallback)(props => {
       if (renderMessage) return renderMessage(props);
       return /*#__PURE__*/_react.default.createElement(_OpenChannelMessageRenderer.default, _extends({}, props, {
         onPressAvatar: showUserProfile
       }));
     });
-
     const memoizedFlatListProps = (0, _react.useMemo)(() => ({
       ListEmptyComponent: /*#__PURE__*/_react.default.createElement(OpenChannelModule.StatusEmpty, null),
       contentContainerStyle: {
@@ -120,13 +110,31 @@ const createOpenChannelFragment = initModule => {
       },
       ...flatListProps
     }), [loading, flatListProps]);
+    const onPending = message => {
+      openChannelPubSub.publish({
+        type: 'MESSAGE_SENT_PENDING',
+        data: {
+          message
+        }
+      });
+    };
+    const onSent = message => {
+      openChannelPubSub.publish({
+        type: 'MESSAGE_SENT_SUCCESS',
+        data: {
+          message
+        }
+      });
+    };
     const onPressSendUserMessage = (0, _uikitUtils.useFreshCallback)(async params => {
       const processedParams = await onBeforeSendUserMessage(params);
-      await sendUserMessage(processedParams);
+      const message = await sendUserMessage(processedParams, onPending);
+      onSent(message);
     });
     const onPressSendFileMessage = (0, _uikitUtils.useFreshCallback)(async params => {
       const processedParams = await onBeforeSendFileMessage(params);
-      await sendFileMessage(processedParams);
+      const message = await sendFileMessage(processedParams, onPending);
+      onSent(message);
     });
     const onPressUpdateUserMessage = (0, _uikitUtils.useFreshCallback)(async (message, params) => {
       const processedParams = await onBeforeUpdateUserMessage(params);
@@ -137,6 +145,7 @@ const createOpenChannelFragment = initModule => {
       await updateFileMessage(message.messageId, processedParams);
     });
     return /*#__PURE__*/_react.default.createElement(OpenChannelModule.Provider, {
+      openChannelPubSub: openChannelPubSub,
       channel: channel,
       keyboardAvoidOffset: keyboardAvoidOffset
     }, /*#__PURE__*/_react.default.createElement(OpenChannelModule.Header, {
@@ -148,14 +157,16 @@ const createOpenChannelFragment = initModule => {
       LoadingComponent: /*#__PURE__*/_react.default.createElement(OpenChannelModule.StatusLoading, null)
     }, /*#__PURE__*/_react.default.createElement(OpenChannelModule.MessageList, {
       channel: channel,
+      hasNext: hasNext,
       enableMessageGrouping: enableMessageGrouping,
       currentUserId: currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId,
       renderMessage: _renderMessage,
       messages: messages,
-      nextMessages: nextMessages,
-      newMessagesFromMembers: newMessagesFromMembers,
+      newMessages: newMessages,
       onTopReached: prev,
       onBottomReached: next,
+      scrolledAwayFromBottom: false,
+      onScrolledAwayFromBottom: _uikitUtils.NOOP,
       renderNewMessagesButton: renderNewMessagesButton,
       renderScrollToBottomButton: renderScrollToBottomButton,
       onResendFailedMessage: resendMessage,
@@ -171,7 +182,6 @@ const createOpenChannelFragment = initModule => {
     })));
   };
 };
-
 var _default = createOpenChannelFragment;
 exports.default = _default;
 //# sourceMappingURL=createOpenChannelFragment.js.map

package/lib/commonjs/fragments/createOpenChannelFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["createOpenChannelFragment","initModule","OpenChannelModule","createOpenChannelModule","channel","onChannelDeleted","NOOP","onPressHeaderLeft","onPressHeaderRightWithSettings","onPressHeaderRightWithParticipants","onBeforeSendUserMessage","PASS","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onBeforeUpdateFileMessage","onPressMediaMessage","renderMessage","renderNewMessagesButton","renderScrollToBottomButton","props","enableMessageGrouping","keyboardAvoidOffset","flatListProps","queryCreator","sortComparator","messageComparator","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","show","showToast","useToast","showUserProfile","useUserProfile","messages","nextMessages","newMessagesFromMembers","next","prev","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","useOpenChannelMessages","userId","onError","error","SendbirdError","code","SBErrorCode","CHANNEL_NOT_FOUND_SDK","CHANNEL_NOT_FOUND_SERVER","TOAST","GET_CHANNEL_ERROR","UNKNOWN_ERROR","isOperator","UNKNOWN_USER_ID","_renderMessage","useFreshCallback","memoizedFlatListProps","useMemo","ListEmptyComponent","contentContainerStyle","flexGrow","onPressSendUserMessage","params","processedParams","onPressSendFileMessage","onPressUpdateUserMessage","message","messageId","onPressUpdateFileMessage"],"sources":["createOpenChannelFragment.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { SendbirdError } from '@sendbird/chat';\nimport { useOpenChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP, PASS, SBErrorCode, messageComparator, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport OpenChannelMessageRenderer from '../components/OpenChannelMessageRenderer';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport { createOpenChannelModule } from '../domain/openChannel';\nimport type { OpenChannelFragment, OpenChannelModule, OpenChannelProps } from '../domain/openChannel/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): OpenChannelFragment => {\n  const OpenChannelModule = createOpenChannelModule(initModule);\n\n  return ({\n    channel,\n    onChannelDeleted = NOOP,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRightWithSettings = NOOP,\n    onPressHeaderRightWithParticipants = NOOP,\n\n    onBeforeSendUserMessage = PASS,\n    onBeforeSendFileMessage = PASS,\n    onBeforeUpdateUserMessage = PASS,\n    onBeforeUpdateFileMessage = PASS,\n    onPressMediaMessage = NOOP,\n\n    renderMessage,\n    renderNewMessagesButton = () => null,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n\n    enableMessageGrouping = true,\n    keyboardAvoidOffset,\n    flatListProps,\n    queryCreator,\n    sortComparator = messageComparator,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { show: showToast } = useToast();\n    const { show: showUserProfile } = useUserProfile();\n\n    const {\n      messages,\n      nextMessages,\n      newMessagesFromMembers,\n      next,\n      prev,\n      sendFileMessage,\n      sendUserMessage,\n      updateFileMessage,\n      updateUserMessage,\n      resendMessage,\n      deleteMessage,\n      loading,\n    } = useOpenChannelMessages(sdk, channel, currentUser?.userId, {\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      onError(error) {\n        if (error instanceof SendbirdError) {\n          switch (error.code) {\n            case SBErrorCode.CHANNEL_NOT_FOUND_SDK:\n            case SBErrorCode.CHANNEL_NOT_FOUND_SERVER: {\n              return showToast(STRINGS.TOAST.GET_CHANNEL_ERROR, 'error');\n            }\n          }\n        }\n\n        showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');\n      },\n    });\n\n    const isOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n    const _renderMessage: OpenChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n      if (renderMessage) return renderMessage(props);\n      return <OpenChannelMessageRenderer {...props} onPressAvatar={showUserProfile} />;\n    });\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <OpenChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [loading, flatListProps],\n    );\n\n    const onPressSendUserMessage: OpenChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendUserMessage(params);\n        await sendUserMessage(processedParams);\n      },\n    );\n    const onPressSendFileMessage: OpenChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendFileMessage(params);\n        await sendFileMessage(processedParams);\n      },\n    );\n    const onPressUpdateUserMessage: OpenChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n    const onPressUpdateFileMessage: OpenChannelProps['Input']['onPressUpdateFileMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <OpenChannelModule.Provider channel={channel} keyboardAvoidOffset={keyboardAvoidOffset}>\n        <OpenChannelModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          rightIconName={isOperator ? 'info' : 'members'}\n          onPressHeaderRight={isOperator ? onPressHeaderRightWithSettings : onPressHeaderRightWithParticipants}\n        />\n        <StatusComposition loading={loading} LoadingComponent={<OpenChannelModule.StatusLoading />}>\n          <OpenChannelModule.MessageList\n            channel={channel}\n            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            renderMessage={_renderMessage}\n            messages={messages}\n            nextMessages={nextMessages}\n            newMessagesFromMembers={newMessagesFromMembers}\n            onTopReached={prev}\n            onBottomReached={next}\n            renderNewMessagesButton={renderNewMessagesButton}\n            renderScrollToBottomButton={renderScrollToBottomButton}\n            onResendFailedMessage={resendMessage}\n            onDeleteMessage={deleteMessage}\n            onPressMediaMessage={onPressMediaMessage}\n            flatListProps={memoizedFlatListProps}\n          />\n          <OpenChannelModule.Input\n            shouldRenderInput\n            onPressSendUserMessage={onPressSendUserMessage}\n            onPressSendFileMessage={onPressSendFileMessage}\n            onPressUpdateUserMessage={onPressUpdateUserMessage}\n            onPressUpdateFileMessage={onPressUpdateFileMessage}\n          />\n        </StatusComposition>\n      </OpenChannelModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelFragment;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_chat","_uikitChatHooks","_uikitReactNativeFoundation","_uikitUtils","_OpenChannelMessageRenderer","_interopRequireDefault","_ScrollToBottomButton","_StatusComposition","_constants","_openChannel","_useContext","_pubsub","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","createOpenChannelFragment","initModule","OpenChannelModule","createOpenChannelModule","_ref","channel","onChannelDeleted","NOOP","onPressHeaderLeft","onPressHeaderRightWithSettings","onPressHeaderRightWithParticipants","onBeforeSendUserMessage","PASS","onBeforeSendFileMessage","onBeforeUpdateUserMessage","onBeforeUpdateFileMessage","onPressMediaMessage","renderMessage","renderNewMessagesButton","renderScrollToBottomButton","props","createElement","enableMessageGrouping","keyboardAvoidOffset","flatListProps","queryCreator","sortComparator","messageComparator","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","show","showToast","useToast","showUserProfile","useUserProfile","openChannelPubSub","useState","pubsub","messages","newMessages","next","prev","hasNext","sendFileMessage","sendUserMessage","updateFileMessage","updateUserMessage","resendMessage","deleteMessage","loading","useOpenChannelMessages","userId","onError","error","SendbirdError","code","SBErrorCode","RESOURCE_NOT_FOUND","CHANNEL_NOT_FOUND","BANNED_USER_SEND_MESSAGE_NOT_ALLOWED","TOAST","GET_CHANNEL_ERROR","UNKNOWN_ERROR","onMessagesReceived","publish","type","data","isOperator","UNKNOWN_USER_ID","_renderMessage","useFreshCallback","onPressAvatar","memoizedFlatListProps","useMemo","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow","onPending","message","onSent","onPressSendUserMessage","params","processedParams","onPressSendFileMessage","onPressUpdateUserMessage","messageId","onPressUpdateFileMessage","Provider","Header","rightIconName","onPressHeaderRight","LoadingComponent","StatusLoading","MessageList","currentUserId","onTopReached","onBottomReached","scrolledAwayFromBottom","onScrolledAwayFromBottom","onResendFailedMessage","onDeleteMessage","Input","shouldRenderInput","_default","exports"],"sources":["createOpenChannelFragment.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\n\nimport { SendbirdError } from '@sendbird/chat';\nimport { useOpenChannelMessages } from '@sendbird/uikit-chat-hooks';\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport {\n  NOOP,\n  PASS,\n  SBErrorCode,\n  SendbirdFileMessage,\n  SendbirdUserMessage,\n  messageComparator,\n  useFreshCallback,\n} from '@sendbird/uikit-utils';\n\nimport OpenChannelMessageRenderer from '../components/OpenChannelMessageRenderer';\nimport ScrollToBottomButton from '../components/ScrollToBottomButton';\nimport StatusComposition from '../components/StatusComposition';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport { createOpenChannelModule } from '../domain/openChannel';\nimport type {\n  OpenChannelFragment,\n  OpenChannelModule,\n  OpenChannelProps,\n  OpenChannelPubSubContextPayload,\n} from '../domain/openChannel/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\nimport pubsub from '../utils/pubsub';\n\nconst createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): OpenChannelFragment => {\n  const OpenChannelModule = createOpenChannelModule(initModule);\n\n  return ({\n    channel,\n    onChannelDeleted = NOOP,\n    onPressHeaderLeft = NOOP,\n    onPressHeaderRightWithSettings = NOOP,\n    onPressHeaderRightWithParticipants = NOOP,\n\n    onBeforeSendUserMessage = PASS,\n    onBeforeSendFileMessage = PASS,\n    onBeforeUpdateUserMessage = PASS,\n    onBeforeUpdateFileMessage = PASS,\n    onPressMediaMessage = NOOP,\n\n    renderMessage,\n    renderNewMessagesButton = () => null,\n    renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,\n\n    enableMessageGrouping = true,\n    keyboardAvoidOffset,\n    flatListProps,\n    queryCreator,\n    sortComparator = messageComparator,\n  }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n\n    const { STRINGS } = useLocalization();\n    const { show: showToast } = useToast();\n    const { show: showUserProfile } = useUserProfile();\n\n    const [openChannelPubSub] = useState(() => pubsub<OpenChannelPubSubContextPayload>());\n\n    const {\n      messages,\n      newMessages,\n      next,\n      prev,\n      hasNext,\n      sendFileMessage,\n      sendUserMessage,\n      updateFileMessage,\n      updateUserMessage,\n      resendMessage,\n      deleteMessage,\n      loading,\n    } = useOpenChannelMessages(sdk, channel, currentUser?.userId, {\n      queryCreator,\n      sortComparator,\n      onChannelDeleted,\n      onError(error) {\n        if (error instanceof SendbirdError) {\n          switch (error.code) {\n            case SBErrorCode.RESOURCE_NOT_FOUND:\n            case SBErrorCode.CHANNEL_NOT_FOUND:\n            case SBErrorCode.BANNED_USER_SEND_MESSAGE_NOT_ALLOWED: {\n              return showToast(STRINGS.TOAST.GET_CHANNEL_ERROR, 'error');\n            }\n          }\n        }\n\n        showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');\n      },\n      onMessagesReceived(messages) {\n        openChannelPubSub.publish({ type: 'MESSAGES_RECEIVED', data: { messages } });\n      },\n    });\n\n    const isOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n    const _renderMessage: OpenChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {\n      if (renderMessage) return renderMessage(props);\n      return <OpenChannelMessageRenderer {...props} onPressAvatar={showUserProfile} />;\n    });\n\n    const memoizedFlatListProps = useMemo(\n      () => ({\n        ListEmptyComponent: <OpenChannelModule.StatusEmpty />,\n        contentContainerStyle: { flexGrow: 1 },\n        ...flatListProps,\n      }),\n      [loading, flatListProps],\n    );\n\n    const onPending = (message: SendbirdFileMessage | SendbirdUserMessage) => {\n      openChannelPubSub.publish({ type: 'MESSAGE_SENT_PENDING', data: { message } });\n    };\n    const onSent = (message: SendbirdFileMessage | SendbirdUserMessage) => {\n      openChannelPubSub.publish({ type: 'MESSAGE_SENT_SUCCESS', data: { message } });\n    };\n\n    const onPressSendUserMessage: OpenChannelProps['Input']['onPressSendUserMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendUserMessage(params);\n        const message = await sendUserMessage(processedParams, onPending);\n        onSent(message);\n      },\n    );\n    const onPressSendFileMessage: OpenChannelProps['Input']['onPressSendFileMessage'] = useFreshCallback(\n      async (params) => {\n        const processedParams = await onBeforeSendFileMessage(params);\n        const message = await sendFileMessage(processedParams, onPending);\n        onSent(message);\n      },\n    );\n    const onPressUpdateUserMessage: OpenChannelProps['Input']['onPressUpdateUserMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateUserMessage(params);\n        await updateUserMessage(message.messageId, processedParams);\n      },\n    );\n    const onPressUpdateFileMessage: OpenChannelProps['Input']['onPressUpdateFileMessage'] = useFreshCallback(\n      async (message, params) => {\n        const processedParams = await onBeforeUpdateFileMessage(params);\n        await updateFileMessage(message.messageId, processedParams);\n      },\n    );\n\n    return (\n      <OpenChannelModule.Provider\n        openChannelPubSub={openChannelPubSub}\n        channel={channel}\n        keyboardAvoidOffset={keyboardAvoidOffset}\n      >\n        <OpenChannelModule.Header\n          onPressHeaderLeft={onPressHeaderLeft}\n          rightIconName={isOperator ? 'info' : 'members'}\n          onPressHeaderRight={isOperator ? onPressHeaderRightWithSettings : onPressHeaderRightWithParticipants}\n        />\n        <StatusComposition loading={loading} LoadingComponent={<OpenChannelModule.StatusLoading />}>\n          <OpenChannelModule.MessageList\n            channel={channel}\n            hasNext={hasNext}\n            enableMessageGrouping={enableMessageGrouping}\n            currentUserId={currentUser?.userId}\n            renderMessage={_renderMessage}\n            messages={messages}\n            newMessages={newMessages}\n            onTopReached={prev}\n            onBottomReached={next}\n            scrolledAwayFromBottom={false}\n            onScrolledAwayFromBottom={NOOP}\n            renderNewMessagesButton={renderNewMessagesButton}\n            renderScrollToBottomButton={renderScrollToBottomButton}\n            onResendFailedMessage={resendMessage}\n            onDeleteMessage={deleteMessage}\n            onPressMediaMessage={onPressMediaMessage}\n            flatListProps={memoizedFlatListProps}\n          />\n          <OpenChannelModule.Input\n            shouldRenderInput\n            onPressSendUserMessage={onPressSendUserMessage}\n            onPressSendFileMessage={onPressSendFileMessage}\n            onPressUpdateUserMessage={onPressUpdateUserMessage}\n            onPressUpdateFileMessage={onPressUpdateFileMessage}\n          />\n        </StatusComposition>\n      </OpenChannelModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createOpenChannelListFragment.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _StatusComposition = _interopRequireDefault(require("../components/StatusComposition"));
-
 var _openChannelList = require("../domain/openChannelList");
-
 var _useContext = require("../hooks/useContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const createOpenChannelListFragment = initModule => {
   const OpenChannelListModule = (0, _openChannelList.createOpenChannelListModule)(initModule);
   return _ref => {
@@ -48,7 +39,6 @@ const createOpenChannelListFragment = initModule => {
     } = (0, _uikitChatHooks.useOpenChannelList)(sdk, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId, {
       queryCreator
     });
-
     const _renderOpenChannelPreview = props => {
       if (renderOpenChannelPreview) return renderOpenChannelPreview(props);
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.PressBox, {
@@ -61,7 +51,6 @@ const createOpenChannelListFragment = initModule => {
         participantsCount: props.channel.participantCount
       }));
     };
-
     return /*#__PURE__*/_react.default.createElement(OpenChannelListModule.Provider, null, /*#__PURE__*/_react.default.createElement(OpenChannelListModule.Header, {
       onPressHeaderRight: onPressCreateChannel
     }), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
@@ -87,7 +76,6 @@ const createOpenChannelListFragment = initModule => {
     })));
   };
 };
-
 var _default = createOpenChannelListFragment;
 exports.default = _default;
 //# sourceMappingURL=createOpenChannelListFragment.js.map

package/lib/commonjs/fragments/createOpenChannelListFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["createOpenChannelListFragment","initModule","OpenChannelListModule","createOpenChannelListModule","onPressCreateChannel","onPressChannel","NOOP","flatListProps","renderOpenChannelPreview","queryCreator","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","openChannels","next","refresh","refreshing","loading","error","useOpenChannelList","userId","_renderOpenChannelPreview","props","channel","coverUrl","OPEN_CHANNEL_LIST","CHANNEL_PREVIEW_TITLE","isFrozen","participantCount","Boolean","ListEmptyComponent","contentContainerStyle","flexGrow"],"sources":["createOpenChannelListFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useOpenChannelList } from '@sendbird/uikit-chat-hooks';\nimport { OpenChannelPreview, PressBox } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport { createOpenChannelListModule } from '../domain/openChannelList';\nimport type {\n  OpenChannelListFragment,\n  OpenChannelListModule,\n  OpenChannelListProps,\n} from '../domain/openChannelList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelListFragment = (initModule?: Partial<OpenChannelListModule>): OpenChannelListFragment => {\n  const OpenChannelListModule = createOpenChannelListModule(initModule);\n\n  return ({ onPressCreateChannel, onPressChannel = NOOP, flatListProps, renderOpenChannelPreview, queryCreator }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { openChannels, next, refresh, refreshing, loading, error } = useOpenChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n    });\n\n    const _renderOpenChannelPreview: OpenChannelListProps['List']['renderOpenChannelPreview'] = (props) => {\n      if (renderOpenChannelPreview) return renderOpenChannelPreview(props);\n      return (\n        <PressBox activeOpacity={0.8} onPress={() => onPressChannel(props.channel)}>\n          <OpenChannelPreview\n            coverUrl={props.channel.coverUrl}\n            title={STRINGS.OPEN_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(props.channel)}\n            frozen={props.channel.isFrozen}\n            participantsCount={props.channel.participantCount}\n          />\n        </PressBox>\n      );\n    };\n\n    return (\n      <OpenChannelListModule.Provider>\n        <OpenChannelListModule.Header onPressHeaderRight={onPressCreateChannel} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelListModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelListModule.List\n            renderOpenChannelPreview={_renderOpenChannelPreview}\n            openChannels={openChannels}\n            onLoadNext={next}\n            refreshing={refreshing}\n            onRefresh={refresh}\n            flatListProps={{\n              ListEmptyComponent: <OpenChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n      </OpenChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelListFragment;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AAMA;;;;AAEA,MAAMA,6BAA6B,GAAIC,UAAD,IAA0E;EAC9G,MAAMC,qBAAqB,GAAG,IAAAC,4CAAA,EAA4BF,UAA5B,CAA9B;EAEA,OAAO,QAA4G;IAAA,IAA3G;MAAEG,oBAAF;MAAwBC,cAAc,GAAGC,gBAAzC;MAA+CC,aAA/C;MAA8DC,wBAA9D;MAAwFC;IAAxF,CAA2G;IACjH,MAAM;MAAEC,GAAF;MAAOC;IAAP,IAAuB,IAAAC,2BAAA,GAA7B;IACA,MAAM;MAAEC;IAAF,IAAc,IAAAC,2BAAA,GAApB;IACA,MAAM;MAAEC,YAAF;MAAgBC,IAAhB;MAAsBC,OAAtB;MAA+BC,UAA/B;MAA2CC,OAA3C;MAAoDC;IAApD,IAA8D,IAAAC,kCAAA,EAAmBX,GAAnB,EAAwBC,WAAxB,aAAwBA,WAAxB,uBAAwBA,WAAW,CAAEW,MAArC,EAA6C;MAC/Gb;IAD+G,CAA7C,CAApE;;IAIA,MAAMc,yBAAmF,GAAIC,KAAD,IAAW;MACrG,IAAIhB,wBAAJ,EAA8B,OAAOA,wBAAwB,CAACgB,KAAD,CAA/B;MAC9B,oBACE,6BAAC,oCAAD;QAAU,aAAa,EAAE,GAAzB;QAA8B,OAAO,EAAE,MAAMnB,cAAc,CAACmB,KAAK,CAACC,OAAP;MAA3D,gBACE,6BAAC,8CAAD;QACE,QAAQ,EAAED,KAAK,CAACC,OAAN,CAAcC,QAD1B;QAEE,KAAK,EAAEb,OAAO,CAACc,iBAAR,CAA0BC,qBAA1B,CAAgDJ,KAAK,CAACC,OAAtD,CAFT;QAGE,MAAM,EAAED,KAAK,CAACC,OAAN,CAAcI,QAHxB;QAIE,iBAAiB,EAAEL,KAAK,CAACC,OAAN,CAAcK;MAJnC,EADF,CADF;IAUD,CAZD;;IAcA,oBACE,6BAAC,qBAAD,CAAuB,QAAvB,qBACE,6BAAC,qBAAD,CAAuB,MAAvB;MAA8B,kBAAkB,EAAE1B;IAAlD,EADF,eAEE,6BAAC,0BAAD;MACE,OAAO,EAAEe,OADX;MAEE,gBAAgB,eAAE,6BAAC,qBAAD,CAAuB,aAAvB,OAFpB;MAGE,KAAK,EAAEY,OAAO,CAACX,KAAD,CAHhB;MAIE,cAAc,eAAE,6BAAC,qBAAD,CAAuB,WAAvB;QAAmC,YAAY,EAAEH;MAAjD;IAJlB,gBAME,6BAAC,qBAAD,CAAuB,IAAvB;MACE,wBAAwB,EAAEM,yBAD5B;MAEE,YAAY,EAAER,YAFhB;MAGE,UAAU,EAAEC,IAHd;MAIE,UAAU,EAAEE,UAJd;MAKE,SAAS,EAAED,OALb;MAME,aAAa,EAAE;QACbe,kBAAkB,eAAE,6BAAC,qBAAD,CAAuB,WAAvB,OADP;QAEbC,qBAAqB,EAAE;UAAEC,QAAQ,EAAE;QAAZ,CAFV;QAGb,GAAG3B;MAHU;IANjB,EANF,CAFF,CADF;EAwBD,CA7CD;AA8CD,CAjDD;;eAmDeP,6B"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitChatHooks","_uikitReactNativeFoundation","_uikitUtils","_StatusComposition","_openChannelList","_useContext","obj","__esModule","default","createOpenChannelListFragment","initModule","OpenChannelListModule","createOpenChannelListModule","_ref","onPressCreateChannel","onPressChannel","NOOP","flatListProps","renderOpenChannelPreview","queryCreator","sdk","currentUser","useSendbirdChat","STRINGS","useLocalization","openChannels","next","refresh","refreshing","loading","error","useOpenChannelList","userId","_renderOpenChannelPreview","props","createElement","PressBox","activeOpacity","onPress","channel","OpenChannelPreview","coverUrl","title","OPEN_CHANNEL_LIST","CHANNEL_PREVIEW_TITLE","frozen","isFrozen","participantsCount","participantCount","Provider","Header","onPressHeaderRight","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","onRefresh","ListEmptyComponent","StatusEmpty","contentContainerStyle","flexGrow","_default","exports"],"sources":["createOpenChannelListFragment.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useOpenChannelList } from '@sendbird/uikit-chat-hooks';\nimport { OpenChannelPreview, PressBox } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport { createOpenChannelListModule } from '../domain/openChannelList';\nimport type {\n  OpenChannelListFragment,\n  OpenChannelListModule,\n  OpenChannelListProps,\n} from '../domain/openChannelList/types';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst createOpenChannelListFragment = (initModule?: Partial<OpenChannelListModule>): OpenChannelListFragment => {\n  const OpenChannelListModule = createOpenChannelListModule(initModule);\n\n  return ({ onPressCreateChannel, onPressChannel = NOOP, flatListProps, renderOpenChannelPreview, queryCreator }) => {\n    const { sdk, currentUser } = useSendbirdChat();\n    const { STRINGS } = useLocalization();\n    const { openChannels, next, refresh, refreshing, loading, error } = useOpenChannelList(sdk, currentUser?.userId, {\n      queryCreator,\n    });\n\n    const _renderOpenChannelPreview: OpenChannelListProps['List']['renderOpenChannelPreview'] = (props) => {\n      if (renderOpenChannelPreview) return renderOpenChannelPreview(props);\n      return (\n        <PressBox activeOpacity={0.8} onPress={() => onPressChannel(props.channel)}>\n          <OpenChannelPreview\n            coverUrl={props.channel.coverUrl}\n            title={STRINGS.OPEN_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(props.channel)}\n            frozen={props.channel.isFrozen}\n            participantsCount={props.channel.participantCount}\n          />\n        </PressBox>\n      );\n    };\n\n    return (\n      <OpenChannelListModule.Provider>\n        <OpenChannelListModule.Header onPressHeaderRight={onPressCreateChannel} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<OpenChannelListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<OpenChannelListModule.StatusError onPressRetry={refresh} />}\n        >\n          <OpenChannelListModule.List\n            renderOpenChannelPreview={_renderOpenChannelPreview}\n            openChannels={openChannels}\n            onLoadNext={next}\n            refreshing={refreshing}\n            onRefresh={refresh}\n            flatListProps={{\n              ListEmptyComponent: <OpenChannelListModule.StatusEmpty />,\n              contentContainerStyle: { flexGrow: 1 },\n              ...flatListProps,\n            }}\n          />\n        </StatusComposition>\n      </OpenChannelListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelListFragment;\n"],"mappings":"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"}

package/lib/commonjs/fragments/createOpenChannelModerationFragment.js

@@ -4,21 +4,13 @@ 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 _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _openChannelModeration = require("../domain/openChannelModeration");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const createOpenChannelModerationFragment = initModule => {
   const OpenChannelModerationModule = (0, _openChannelModeration.createOpenChannelModerationModule)(initModule);
   return _ref => {
@@ -57,7 +49,6 @@ const createOpenChannelModerationFragment = initModule => {
     })));
   };
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   viewContainer: {
     paddingHorizontal: 16

package/lib/commonjs/fragments/createOpenChannelModerationFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["createOpenChannelModerationFragment","initModule","OpenChannelModerationModule","createOpenChannelModerationModule","onPressHeaderLeft","NOOP","channel","onPressMenuMutedParticipants","onPressMenuOperators","menuItemsCreator","onPressMenuBannedUsers","left","right","useSafeAreaInsets","colors","useUIKitTheme","backgroundColor","background","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","createStyleSheet"],"sources":["createOpenChannelModerationFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport { createOpenChannelModerationModule } from '../domain/openChannelModeration';\nimport type { OpenChannelModerationFragment, OpenChannelModerationModule } from '../domain/openChannelModeration/types';\n\nconst createOpenChannelModerationFragment = (\n  initModule?: Partial<OpenChannelModerationModule>,\n): OpenChannelModerationFragment => {\n  const OpenChannelModerationModule = createOpenChannelModerationModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuMutedParticipants,\n    onPressMenuOperators,\n    menuItemsCreator,\n    onPressMenuBannedUsers,\n  }) => {\n    const { left, right } = useSafeAreaInsets();\n    const { colors } = useUIKitTheme();\n\n    return (\n      <OpenChannelModerationModule.Provider channel={channel}>\n        <OpenChannelModerationModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <OpenChannelModerationModule.Menu\n            onPressMenuOperators={onPressMenuOperators}\n            onPressMenuMutedParticipants={onPressMenuMutedParticipants}\n            onPressMenuBannedUsers={onPressMenuBannedUsers}\n            menuItemsCreator={menuItemsCreator}\n          />\n        </ScrollView>\n      </OpenChannelModerationModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createOpenChannelModerationFragment;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;;;AAGA,MAAMA,mCAAmC,GACvCC,UAD0C,IAER;EAClC,MAAMC,2BAA2B,GAAG,IAAAC,wDAAA,EAAkCF,UAAlC,CAApC;EAEA,OAAO,QAOD;IAAA,IAPE;MACNG,iBAAiB,GAAGC,gBADd;MAENC,OAFM;MAGNC,4BAHM;MAINC,oBAJM;MAKNC,gBALM;MAMNC;IANM,CAOF;IACJ,MAAM;MAAEC,IAAF;MAAQC;IAAR,IAAkB,IAAAC,6CAAA,GAAxB;IACA,MAAM;MAAEC;IAAF,IAAa,IAAAC,yCAAA,GAAnB;IAEA,oBACE,6BAAC,2BAAD,CAA6B,QAA7B;MAAsC,OAAO,EAAET;IAA/C,gBACE,6BAAC,2BAAD,CAA6B,MAA7B;MAAoC,iBAAiB,EAAEF;IAAvD,EADF,eAEE,6BAAC,uBAAD;MACE,KAAK,EAAE;QAAEY,eAAe,EAAEF,MAAM,CAACG;MAA1B,CADT;MAEE,qBAAqB,EAAE;QACrBC,WAAW,EAAEP,IAAI,GAAGQ,MAAM,CAACC,aAAP,CAAqBC,iBADpB;QAErBC,YAAY,EAAEV,KAAK,GAAGO,MAAM,CAACC,aAAP,CAAqBC;MAFtB;IAFzB,gBAOE,6BAAC,2BAAD,CAA6B,IAA7B;MACE,oBAAoB,EAAEb,oBADxB;MAEE,4BAA4B,EAAED,4BAFhC;MAGE,sBAAsB,EAAEG,sBAH1B;MAIE,gBAAgB,EAAED;IAJpB,EAPF,CAFF,CADF;EAmBD,CA9BD;AA+BD,CApCD;;AAsCA,MAAMU,MAAM,GAAG,IAAAI,4CAAA,EAAiB;EAC9BH,aAAa,EAAE;IACbC,iBAAiB,EAAE;EADN;AADe,CAAjB,CAAf;eAMerB,mC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_openChannelModeration","obj","__esModule","default","createOpenChannelModerationFragment","initModule","OpenChannelModerationModule","createOpenChannelModerationModule","_ref","onPressHeaderLeft","NOOP","channel","onPressMenuMutedParticipants","onPressMenuOperators","menuItemsCreator","onPressMenuBannedUsers","left","right","useSafeAreaInsets","colors","useUIKitTheme","createElement","Provider","Header","ScrollView","style","backgroundColor","background","contentContainerStyle","paddingLeft","styles","viewContainer","paddingHorizontal","paddingRight","Menu","createStyleSheet","_default","exports"],"sources":["createOpenChannelModerationFragment.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport { createOpenChannelModerationModule } from '../domain/openChannelModeration';\nimport type { OpenChannelModerationFragment, OpenChannelModerationModule } from '../domain/openChannelModeration/types';\n\nconst createOpenChannelModerationFragment = (\n  initModule?: Partial<OpenChannelModerationModule>,\n): OpenChannelModerationFragment => {\n  const OpenChannelModerationModule = createOpenChannelModerationModule(initModule);\n\n  return ({\n    onPressHeaderLeft = NOOP,\n    channel,\n    onPressMenuMutedParticipants,\n    onPressMenuOperators,\n    menuItemsCreator,\n    onPressMenuBannedUsers,\n  }) => {\n    const { left, right } = useSafeAreaInsets();\n    const { colors } = useUIKitTheme();\n\n    return (\n      <OpenChannelModerationModule.Provider channel={channel}>\n        <OpenChannelModerationModule.Header onPressHeaderLeft={onPressHeaderLeft} />\n        <ScrollView\n          style={{ backgroundColor: colors.background }}\n          contentContainerStyle={{\n            paddingLeft: left + styles.viewContainer.paddingHorizontal,\n            paddingRight: right + styles.viewContainer.paddingHorizontal,\n          }}\n        >\n          <OpenChannelModerationModule.Menu\n            onPressMenuOperators={onPressMenuOperators}\n            onPressMenuMutedParticipants={onPressMenuMutedParticipants}\n            onPressMenuBannedUsers={onPressMenuBannedUsers}\n            menuItemsCreator={menuItemsCreator}\n          />\n        </ScrollView>\n      </OpenChannelModerationModule.Provider>\n    );\n  };\n};\n\nconst styles = createStyleSheet({\n  viewContainer: {\n    paddingHorizontal: 16,\n  },\n});\n\nexport default createOpenChannelModerationFragment;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAEA,IAAAG,2BAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAAK,sBAAA,GAAAL,OAAA;AAAoF,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGpF,MAAMG,mCAAmC,GACvCC,UAAiD,IACf;EAClC,MAAMC,2BAA2B,GAAG,IAAAC,wDAAiC,EAACF,UAAU,CAAC;EAEjF,OAAOG,IAAA,IAOD;IAAA,IAPE;MACNC,iBAAiB,GAAGC,gBAAI;MACxBC,OAAO;MACPC,4BAA4B;MAC5BC,oBAAoB;MACpBC,gBAAgB;MAChBC;IACF,CAAC,GAAAP,IAAA;IACC,MAAM;MAAEQ,IAAI;MAAEC;IAAM,CAAC,GAAG,IAAAC,6CAAiB,GAAE;IAC3C,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;IAElC,oBACE3B,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACf,2BAA2B,CAACgB,QAAQ;MAACX,OAAO,EAAEA;IAAQ,gBACrDlB,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACf,2BAA2B,CAACiB,MAAM;MAACd,iBAAiB,EAAEA;IAAkB,EAAG,eAC5EhB,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACzB,YAAA,CAAA4B,UAAU;MACTC,KAAK,EAAE;QAAEC,eAAe,EAAEP,MAAM,CAACQ;MAAW,CAAE;MAC9CC,qBAAqB,EAAE;QACrBC,WAAW,EAAEb,IAAI,GAAGc,MAAM,CAACC,aAAa,CAACC,iBAAiB;QAC1DC,YAAY,EAAEhB,KAAK,GAAGa,MAAM,CAACC,aAAa,CAACC;MAC7C;IAAE,gBAEFvC,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACf,2BAA2B,CAAC4B,IAAI;MAC/BrB,oBAAoB,EAAEA,oBAAqB;MAC3CD,4BAA4B,EAAEA,4BAA6B;MAC3DG,sBAAsB,EAAEA,sBAAuB;MAC/CD,gBAAgB,EAAEA;IAAiB,EACnC,CACS,CACwB;EAE3C,CAAC;AACH,CAAC;AAED,MAAMgB,MAAM,GAAG,IAAAK,4CAAgB,EAAC;EAC9BJ,aAAa,EAAE;IACbC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAI,QAAA,GAEYhC,mCAAmC;AAAAiC,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}