@sendbird/uikit-react-native 2.3.0 → 2.4.0

package/lib/commonjs/fragments/createOpenChannelBannedUsersFragment.js

@@ -0,0 +1,101 @@
+"use strict";
+
+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,
+      channel,
+      renderUser
+    } = _ref;
+    const {
+      STRINGS
+    } = (0, _useContext.useLocalization)();
+    const {
+      currentUser,
+      sdk
+    } = (0, _useContext.useSendbirdChat)();
+    const {
+      openMenu
+    } = (0, _uikitReactNativeFoundation.useActionMenu)();
+    const {
+      users,
+      deleteUser,
+      loading,
+      next,
+      refresh,
+      error
+    } = (0, _uikitChatHooks.useUserList)(sdk, {
+      queryCreator: () => channel.createBannedUserListQuery({
+        limit: 20
+      })
+    });
+
+    const _renderUser = (0, _uikitUtils.useFreshCallback)(props => {
+      if (renderUser) return renderUser(props);
+      const {
+        user
+      } = props;
+      return /*#__PURE__*/_react.default.createElement(_UserActionBar.default, {
+        muted: false,
+        uri: user.profileUrl,
+        name: (user.nickname || STRINGS.LABELS.USER_NO_NAME) + (user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : ''),
+        disabled: user.userId === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId),
+        onPressActionMenu: () => {
+          openMenu({
+            title: user.nickname || STRINGS.LABELS.USER_NO_NAME,
+            menuItems: [{
+              title: STRINGS.LABELS.UNBAN,
+              onPress: () => channel.unbanUser(user).then(() => deleteUser(user.userId))
+            }]
+          });
+        }
+      });
+    });
+
+    return /*#__PURE__*/_react.default.createElement(OpenChannelBannedUsersModule.Provider, {
+      channel: channel
+    }, /*#__PURE__*/_react.default.createElement(OpenChannelBannedUsersModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft
+    }), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/_react.default.createElement(OpenChannelBannedUsersModule.StatusLoading, null),
+      error: Boolean(error),
+      ErrorComponent: /*#__PURE__*/_react.default.createElement(OpenChannelBannedUsersModule.StatusError, {
+        onPressRetry: refresh
+      })
+    }, /*#__PURE__*/_react.default.createElement(OpenChannelBannedUsersModule.List, {
+      renderUser: _renderUser,
+      bannedUsers: users,
+      onLoadNext: next,
+      ListEmptyComponent: /*#__PURE__*/_react.default.createElement(OpenChannelBannedUsersModule.StatusEmpty, null)
+    })));
+  };
+};
+
+var _default = createOpenChannelBannedUsersFragment;
+exports.default = _default;
+//# sourceMappingURL=createOpenChannelBannedUsersFragment.js.map

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

@@ -0,0 +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"}

package/lib/commonjs/fragments/createOpenChannelCreateFragment.js

@@ -0,0 +1,86 @@
+"use strict";
+
+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 => {
+    let {
+      onPressHeaderLeft = _uikitUtils.NOOP,
+      onBeforeCreateChannel = _uikitUtils.PASS,
+      onCreateChannel
+    } = _ref;
+    const {
+      sdk,
+      currentUser
+    } = (0, _useContext.useSendbirdChat)();
+    const {
+      palette
+    } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+    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 {
+          setLoading(true);
+          const params = {
+            name: channelName,
+            operatorUserIds: [currentUser.userId]
+          };
+          if (channelCoverFile) params.coverUrlOrImage = channelCoverFile;
+          const processedParams = await onBeforeCreateChannel(params);
+          const channel = await sdk.openChannel.createChannel(processedParams);
+          setLoading(false);
+          onCreateChannel(channel);
+        } catch {
+          setLoading(false);
+        }
+      }
+    };
+
+    return /*#__PURE__*/_react.default.createElement(OpenChannelCreateModule.Provider, null, /*#__PURE__*/_react.default.createElement(OpenChannelCreateModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft,
+      onPressHeaderRight: onPressHeaderRight,
+      shouldActivateHeaderRight: shouldActivateHeaderRight
+    }), /*#__PURE__*/_react.default.createElement(OpenChannelCreateModule.ProfileInput, {
+      channelName: channelName,
+      onChangeChannelName: setChannelName,
+      channelCoverFile: channelCoverFile,
+      onChangeChannelCoverFile: setChannelCoverFile
+    }), loading && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+      backgroundColor: palette.transparent,
+      style: _reactNative.StyleSheet.absoluteFill,
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, /*#__PURE__*/_react.default.createElement(OpenChannelCreateModule.StatusLoading, null)));
+  };
+};
+
+var _default = createOpenChannelCreateFragment;
+exports.default = _default;
+//# sourceMappingURL=createOpenChannelCreateFragment.js.map

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

@@ -0,0 +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"}

package/lib/commonjs/fragments/createOpenChannelFragment.js

@@ -0,0 +1,177 @@
+"use strict";
+
+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");
+
+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 => {
+    let {
+      channel,
+      onChannelDeleted = _uikitUtils.NOOP,
+      onPressHeaderLeft = _uikitUtils.NOOP,
+      onPressHeaderRightWithSettings = _uikitUtils.NOOP,
+      onPressHeaderRightWithParticipants = _uikitUtils.NOOP,
+      onBeforeSendUserMessage = _uikitUtils.PASS,
+      onBeforeSendFileMessage = _uikitUtils.PASS,
+      onBeforeUpdateUserMessage = _uikitUtils.PASS,
+      onBeforeUpdateFileMessage = _uikitUtils.PASS,
+      onPressMediaMessage = _uikitUtils.NOOP,
+      renderMessage,
+      renderNewMessagesButton = () => null,
+      renderScrollToBottomButton = props => /*#__PURE__*/_react.default.createElement(_ScrollToBottomButton.default, props),
+      enableMessageGrouping = true,
+      keyboardAvoidOffset,
+      flatListProps,
+      queryCreator,
+      sortComparator = _uikitUtils.messageComparator
+    } = _ref;
+    const {
+      sdk,
+      currentUser
+    } = (0, _useContext.useSendbirdChat)();
+    const {
+      STRINGS
+    } = (0, _useContext.useLocalization)();
+    const {
+      show: showToast
+    } = (0, _uikitReactNativeFoundation.useToast)();
+    const {
+      show: showUserProfile
+    } = (0, _useContext.useUserProfile)();
+    const {
+      messages,
+      nextMessages,
+      newMessagesFromMembers,
+      next,
+      prev,
+      sendFileMessage,
+      sendUserMessage,
+      updateFileMessage,
+      updateUserMessage,
+      resendMessage,
+      deleteMessage,
+      loading
+    } = (0, _uikitChatHooks.useOpenChannelMessages)(sdk, channel, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId, {
+      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:
+              {
+                return showToast(STRINGS.TOAST.GET_CHANNEL_ERROR, 'error');
+              }
+          }
+        }
+
+        showToast(STRINGS.TOAST.UNKNOWN_ERROR, 'error');
+      }
+
+    });
+    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: {
+        flexGrow: 1
+      },
+      ...flatListProps
+    }), [loading, flatListProps]);
+    const onPressSendUserMessage = (0, _uikitUtils.useFreshCallback)(async params => {
+      const processedParams = await onBeforeSendUserMessage(params);
+      await sendUserMessage(processedParams);
+    });
+    const onPressSendFileMessage = (0, _uikitUtils.useFreshCallback)(async params => {
+      const processedParams = await onBeforeSendFileMessage(params);
+      await sendFileMessage(processedParams);
+    });
+    const onPressUpdateUserMessage = (0, _uikitUtils.useFreshCallback)(async (message, params) => {
+      const processedParams = await onBeforeUpdateUserMessage(params);
+      await updateUserMessage(message.messageId, processedParams);
+    });
+    const onPressUpdateFileMessage = (0, _uikitUtils.useFreshCallback)(async (message, params) => {
+      const processedParams = await onBeforeUpdateFileMessage(params);
+      await updateFileMessage(message.messageId, processedParams);
+    });
+    return /*#__PURE__*/_react.default.createElement(OpenChannelModule.Provider, {
+      channel: channel,
+      keyboardAvoidOffset: keyboardAvoidOffset
+    }, /*#__PURE__*/_react.default.createElement(OpenChannelModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft,
+      rightIconName: isOperator ? 'info' : 'members',
+      onPressHeaderRight: isOperator ? onPressHeaderRightWithSettings : onPressHeaderRightWithParticipants
+    }), /*#__PURE__*/_react.default.createElement(_StatusComposition.default, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/_react.default.createElement(OpenChannelModule.StatusLoading, null)
+    }, /*#__PURE__*/_react.default.createElement(OpenChannelModule.MessageList, {
+      channel: channel,
+      enableMessageGrouping: enableMessageGrouping,
+      currentUserId: currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId,
+      renderMessage: _renderMessage,
+      messages: messages,
+      nextMessages: nextMessages,
+      newMessagesFromMembers: newMessagesFromMembers,
+      onTopReached: prev,
+      onBottomReached: next,
+      renderNewMessagesButton: renderNewMessagesButton,
+      renderScrollToBottomButton: renderScrollToBottomButton,
+      onResendFailedMessage: resendMessage,
+      onDeleteMessage: deleteMessage,
+      onPressMediaMessage: onPressMediaMessage,
+      flatListProps: memoizedFlatListProps
+    }), /*#__PURE__*/_react.default.createElement(OpenChannelModule.Input, {
+      shouldRenderInput: true,
+      onPressSendUserMessage: onPressSendUserMessage,
+      onPressSendFileMessage: onPressSendFileMessage,
+      onPressUpdateUserMessage: onPressUpdateUserMessage,
+      onPressUpdateFileMessage: onPressUpdateFileMessage
+    })));
+  };
+};
+
+var _default = createOpenChannelFragment;
+exports.default = _default;
+//# sourceMappingURL=createOpenChannelFragment.js.map

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

@@ -0,0 +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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"}

package/lib/commonjs/fragments/createOpenChannelListFragment.js

@@ -0,0 +1,93 @@
+"use strict";
+
+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 => {
+    let {
+      onPressCreateChannel,
+      onPressChannel = _uikitUtils.NOOP,
+      flatListProps,
+      renderOpenChannelPreview,
+      queryCreator
+    } = _ref;
+    const {
+      sdk,
+      currentUser
+    } = (0, _useContext.useSendbirdChat)();
+    const {
+      STRINGS
+    } = (0, _useContext.useLocalization)();
+    const {
+      openChannels,
+      next,
+      refresh,
+      refreshing,
+      loading,
+      error
+    } = (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, {
+        activeOpacity: 0.8,
+        onPress: () => onPressChannel(props.channel)
+      }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.OpenChannelPreview, {
+        coverUrl: props.channel.coverUrl,
+        title: STRINGS.OPEN_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(props.channel),
+        frozen: props.channel.isFrozen,
+        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, {
+      loading: loading,
+      LoadingComponent: /*#__PURE__*/_react.default.createElement(OpenChannelListModule.StatusLoading, null),
+      error: Boolean(error),
+      ErrorComponent: /*#__PURE__*/_react.default.createElement(OpenChannelListModule.StatusError, {
+        onPressRetry: refresh
+      })
+    }, /*#__PURE__*/_react.default.createElement(OpenChannelListModule.List, {
+      renderOpenChannelPreview: _renderOpenChannelPreview,
+      openChannels: openChannels,
+      onLoadNext: next,
+      refreshing: refreshing,
+      onRefresh: refresh,
+      flatListProps: {
+        ListEmptyComponent: /*#__PURE__*/_react.default.createElement(OpenChannelListModule.StatusEmpty, null),
+        contentContainerStyle: {
+          flexGrow: 1
+        },
+        ...flatListProps
+      }
+    })));
+  };
+};
+
+var _default = createOpenChannelListFragment;
+exports.default = _default;
+//# sourceMappingURL=createOpenChannelListFragment.js.map

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

@@ -0,0 +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"}

package/lib/commonjs/fragments/createOpenChannelModerationFragment.js

@@ -0,0 +1,68 @@
+"use strict";
+
+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 => {
+    let {
+      onPressHeaderLeft = _uikitUtils.NOOP,
+      channel,
+      onPressMenuMutedParticipants,
+      onPressMenuOperators,
+      menuItemsCreator,
+      onPressMenuBannedUsers
+    } = _ref;
+    const {
+      left,
+      right
+    } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+    const {
+      colors
+    } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+    return /*#__PURE__*/_react.default.createElement(OpenChannelModerationModule.Provider, {
+      channel: channel
+    }, /*#__PURE__*/_react.default.createElement(OpenChannelModerationModule.Header, {
+      onPressHeaderLeft: onPressHeaderLeft
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+      style: {
+        backgroundColor: colors.background
+      },
+      contentContainerStyle: {
+        paddingLeft: left + styles.viewContainer.paddingHorizontal,
+        paddingRight: right + styles.viewContainer.paddingHorizontal
+      }
+    }, /*#__PURE__*/_react.default.createElement(OpenChannelModerationModule.Menu, {
+      onPressMenuOperators: onPressMenuOperators,
+      onPressMenuMutedParticipants: onPressMenuMutedParticipants,
+      onPressMenuBannedUsers: onPressMenuBannedUsers,
+      menuItemsCreator: menuItemsCreator
+    })));
+  };
+};
+
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  viewContainer: {
+    paddingHorizontal: 16
+  }
+});
+var _default = createOpenChannelModerationFragment;
+exports.default = _default;
+//# sourceMappingURL=createOpenChannelModerationFragment.js.map

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

@@ -0,0 +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"}