@sendbird/uikit-react-native 2.2.0 → 2.4.0

package/lib/commonjs/domain/openChannelOperators/module/moduleContext.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OpenChannelOperatorsContextsProvider = exports.OpenChannelOperatorsContexts = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ProviderLayout = _interopRequireDefault(require("../../../components/ProviderLayout"));
+
+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; }
+
+const OpenChannelOperatorsContexts = {
+  Fragment: /*#__PURE__*/(0, _react.createContext)({
+    headerTitle: '',
+    channel: {}
+  })
+};
+exports.OpenChannelOperatorsContexts = OpenChannelOperatorsContexts;
+
+const OpenChannelOperatorsContextsProvider = _ref => {
+  let {
+    children,
+    channel
+  } = _ref;
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(OpenChannelOperatorsContexts.Fragment.Provider, {
+    value: {
+      headerTitle: STRINGS.OPEN_CHANNEL_OPERATORS.HEADER_TITLE,
+      channel
+    }
+  }, children));
+};
+
+exports.OpenChannelOperatorsContextsProvider = OpenChannelOperatorsContextsProvider;
+//# sourceMappingURL=moduleContext.js.map

package/lib/commonjs/domain/openChannelOperators/module/moduleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelOperatorsContexts","Fragment","createContext","headerTitle","channel","OpenChannelOperatorsContextsProvider","children","STRINGS","useLocalization","OPEN_CHANNEL_OPERATORS","HEADER_TITLE"],"sources":["moduleContext.tsx"],"sourcesContent":["import React, { createContext } from 'react';\n\nimport type { SendbirdOpenChannel } from '@sendbird/uikit-utils';\n\nimport ProviderLayout from '../../../components/ProviderLayout';\nimport { useLocalization } from '../../../hooks/useContext';\nimport type { OpenChannelOperatorsContextsType, OpenChannelOperatorsModule } from '../types';\n\nexport const OpenChannelOperatorsContexts: OpenChannelOperatorsContextsType = {\n  Fragment: createContext({\n    headerTitle: '',\n    channel: {} as SendbirdOpenChannel,\n  }),\n};\n\nexport const OpenChannelOperatorsContextsProvider: OpenChannelOperatorsModule['Provider'] = ({ children, channel }) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <ProviderLayout>\n      <OpenChannelOperatorsContexts.Fragment.Provider\n        value={{ headerTitle: STRINGS.OPEN_CHANNEL_OPERATORS.HEADER_TITLE, channel }}\n      >\n        {children}\n      </OpenChannelOperatorsContexts.Fragment.Provider>\n    </ProviderLayout>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;;;;;;;AAGO,MAAMA,4BAA8D,GAAG;EAC5EC,QAAQ,eAAE,IAAAC,oBAAA,EAAc;IACtBC,WAAW,EAAE,EADS;IAEtBC,OAAO,EAAE;EAFa,CAAd;AADkE,CAAvE;;;AAOA,MAAMC,oCAA4E,GAAG,QAA2B;EAAA,IAA1B;IAAEC,QAAF;IAAYF;EAAZ,CAA0B;EACrH,MAAM;IAAEG;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,oBACE,6BAAC,uBAAD,qBACE,6BAAC,4BAAD,CAA8B,QAA9B,CAAuC,QAAvC;IACE,KAAK,EAAE;MAAEL,WAAW,EAAEI,OAAO,CAACE,sBAAR,CAA+BC,YAA9C;MAA4DN;IAA5D;EADT,GAGGE,QAHH,CADF,CADF;AASD,CAXM"}

package/lib/commonjs/domain/openChannelOperators/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/domain/openChannelOperators/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { SendbirdOpenChannel, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport type { CommonComponent } from '../../types';\n\nexport type OpenChannelOperatorsProps = {\n  Fragment: {\n    channel: SendbirdOpenChannel;\n    onPressHeaderLeft: OpenChannelOperatorsProps['Header']['onPressHeaderLeft'];\n    onPressHeaderRight: OpenChannelOperatorsProps['Header']['onPressHeaderRight'];\n    renderUser?: OpenChannelOperatorsProps['List']['renderUser'];\n  };\n  Header: {\n    onPressHeaderLeft: () => void;\n    onPressHeaderRight: () => void;\n  };\n  List: {\n    operators: SendbirdUser[];\n    onLoadNext: () => void;\n    renderUser: (props: { user: SendbirdUser }) => React.ReactElement | null;\n    ListEmptyComponent?: React.ReactElement;\n  };\n  StatusError: {\n    onPressRetry: () => void;\n  };\n  Provider: {\n    channel: SendbirdOpenChannel;\n  };\n};\n\n/**\n * Internal context for OpenChannelOperators\n * For example, the developer can create a custom header\n * with getting data from the domain context\n * */\nexport type OpenChannelOperatorsContextsType = {\n  Fragment: React.Context<{\n    headerTitle: string;\n    channel: SendbirdOpenChannel;\n  }>;\n};\nexport interface OpenChannelOperatorsModule {\n  Provider: CommonComponent<OpenChannelOperatorsProps['Provider']>;\n  Header: CommonComponent<OpenChannelOperatorsProps['Header']>;\n  List: CommonComponent<OpenChannelOperatorsProps['List']>;\n  StatusEmpty: CommonComponent;\n  StatusLoading: CommonComponent;\n  StatusError: CommonComponent<OpenChannelOperatorsProps['StatusError']>;\n}\n\nexport type OpenChannelOperatorsFragment = CommonComponent<OpenChannelOperatorsProps['Fragment']>;\n"],"mappings":""}

package/lib/commonjs/domain/openChannelSettings/component/OpenChannelSettingsHeader.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _moduleContext = require("../module/moduleContext");
+
+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 OpenChannelSettingsHeader = _ref => {
+  let {
+    onPressHeaderLeft
+  } = _ref;
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const {
+    headerTitle,
+    headerRight,
+    onPressHeaderRight
+  } = (0, _react.useContext)(_moduleContext.OpenChannelSettingsContexts.Fragment);
+  const {
+    HeaderComponent
+  } = (0, _uikitReactNativeFoundation.useHeaderStyle)();
+  return /*#__PURE__*/_react.default.createElement(HeaderComponent, {
+    title: headerTitle,
+    left: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'arrow-left'
+    }),
+    onPressLeft: onPressHeaderLeft,
+    right: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+      button: true,
+      color: colors.primary
+    }, headerRight),
+    onPressRight: onPressHeaderRight
+  });
+};
+
+var _default = OpenChannelSettingsHeader;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelSettingsHeader.js.map

package/lib/commonjs/domain/openChannelSettings/component/OpenChannelSettingsHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelSettingsHeader","onPressHeaderLeft","colors","useUIKitTheme","headerTitle","headerRight","onPressHeaderRight","useContext","OpenChannelSettingsContexts","Fragment","HeaderComponent","useHeaderStyle","primary"],"sources":["OpenChannelSettingsHeader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { OpenChannelSettingsContexts } from '../module/moduleContext';\nimport type { OpenChannelSettingsProps } from '../types';\n\nconst OpenChannelSettingsHeader = ({ onPressHeaderLeft }: OpenChannelSettingsProps['Header']) => {\n  const { colors } = useUIKitTheme();\n  const { headerTitle, headerRight, onPressHeaderRight } = useContext(OpenChannelSettingsContexts.Fragment);\n\n  const { HeaderComponent } = useHeaderStyle();\n\n  return (\n    <HeaderComponent\n      title={headerTitle}\n      left={<Icon icon={'arrow-left'} />}\n      onPressLeft={onPressHeaderLeft}\n      right={\n        <Text button color={colors.primary}>\n          {headerRight}\n        </Text>\n      }\n      onPressRight={onPressHeaderRight}\n    />\n  );\n};\n\nexport default OpenChannelSettingsHeader;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAGA,MAAMA,yBAAyB,GAAG,QAA+D;EAAA,IAA9D;IAAEC;EAAF,CAA8D;EAC/F,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EACA,MAAM;IAAEC,WAAF;IAAeC,WAAf;IAA4BC;EAA5B,IAAmD,IAAAC,iBAAA,EAAWC,0CAAA,CAA4BC,QAAvC,CAAzD;EAEA,MAAM;IAAEC;EAAF,IAAsB,IAAAC,0CAAA,GAA5B;EAEA,oBACE,6BAAC,eAAD;IACE,KAAK,EAAEP,WADT;IAEE,IAAI,eAAE,6BAAC,gCAAD;MAAM,IAAI,EAAE;IAAZ,EAFR;IAGE,WAAW,EAAEH,iBAHf;IAIE,KAAK,eACH,6BAAC,gCAAD;MAAM,MAAM,MAAZ;MAAa,KAAK,EAAEC,MAAM,CAACU;IAA3B,GACGP,WADH,CALJ;IASE,YAAY,EAAEC;EAThB,EADF;AAaD,CAnBD;;eAqBeN,yB"}

package/lib/commonjs/domain/openChannelSettings/component/OpenChannelSettingsInfo.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _ChannelCover = _interopRequireDefault(require("../../../components/ChannelCover"));
+
+var _useContext = require("../../../hooks/useContext");
+
+var _moduleContext = require("../module/moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const OpenChannelSettingsInfo = _ => {
+  const {
+    channel
+  } = (0, _react.useContext)(_moduleContext.OpenChannelSettingsContexts.Fragment);
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, null, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    paddingVertical: 24,
+    alignItems: 'center'
+  }, /*#__PURE__*/_react.default.createElement(_ChannelCover.default, {
+    channel: channel,
+    size: 80,
+    containerStyle: styles.avatarContainer
+  }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    h1: true,
+    numberOfLines: 1
+  }, (0, _uikitUtils.getOpenChannelTitle)(channel) || ' ')), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Divider, null), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, {
+    paddingVertical: 16
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    body2: true,
+    color: colors.onBackground02,
+    style: styles.infoUrl
+  }, STRINGS.OPEN_CHANNEL_SETTINGS.INFO_URL), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+    body3: true,
+    color: colors.onBackground01
+  }, channel.url)), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Divider, null));
+};
+
+const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
+  avatarContainer: {
+    marginBottom: 12
+  },
+  infoUrl: {
+    marginBottom: 4
+  }
+});
+var _default = OpenChannelSettingsInfo;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelSettingsInfo.js.map

package/lib/commonjs/domain/openChannelSettings/component/OpenChannelSettingsInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelSettingsInfo","_","channel","useContext","OpenChannelSettingsContexts","Fragment","STRINGS","useLocalization","colors","useUIKitTheme","styles","avatarContainer","getOpenChannelTitle","onBackground02","infoUrl","OPEN_CHANNEL_SETTINGS","INFO_URL","onBackground01","url","createStyleSheet","marginBottom"],"sources":["OpenChannelSettingsInfo.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Box, Divider, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { getOpenChannelTitle } from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../../../components/ChannelCover';\nimport { useLocalization } from '../../../hooks/useContext';\nimport { OpenChannelSettingsContexts } from '../module/moduleContext';\nimport type { OpenChannelSettingsProps } from '../types';\n\nconst OpenChannelSettingsInfo = (_: OpenChannelSettingsProps['Info']) => {\n  const { channel } = useContext(OpenChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  return (\n    <Box>\n      <Box paddingVertical={24} alignItems={'center'}>\n        <ChannelCover channel={channel} size={80} containerStyle={styles.avatarContainer} />\n        <Text h1 numberOfLines={1}>\n          {getOpenChannelTitle(channel) || ' '}\n        </Text>\n      </Box>\n      <Divider />\n\n      <Box paddingVertical={16}>\n        <Text body2 color={colors.onBackground02} style={styles.infoUrl}>\n          {STRINGS.OPEN_CHANNEL_SETTINGS.INFO_URL}\n        </Text>\n        <Text body3 color={colors.onBackground01}>\n          {channel.url}\n        </Text>\n      </Box>\n      <Divider />\n    </Box>\n  );\n};\n\nconst styles = createStyleSheet({\n  avatarContainer: {\n    marginBottom: 12,\n  },\n  infoUrl: {\n    marginBottom: 4,\n  },\n});\nexport default OpenChannelSettingsInfo;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,uBAAuB,GAAIC,CAAD,IAAyC;EACvE,MAAM;IAAEC;EAAF,IAAc,IAAAC,iBAAA,EAAWC,0CAAA,CAA4BC,QAAvC,CAApB;EACA,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EAEA,oBACE,6BAAC,+BAAD,qBACE,6BAAC,+BAAD;IAAK,eAAe,EAAE,EAAtB;IAA0B,UAAU,EAAE;EAAtC,gBACE,6BAAC,qBAAD;IAAc,OAAO,EAAEP,OAAvB;IAAgC,IAAI,EAAE,EAAtC;IAA0C,cAAc,EAAEQ,MAAM,CAACC;EAAjE,EADF,eAEE,6BAAC,gCAAD;IAAM,EAAE,MAAR;IAAS,aAAa,EAAE;EAAxB,GACG,IAAAC,+BAAA,EAAoBV,OAApB,KAAgC,GADnC,CAFF,CADF,eAOE,6BAAC,mCAAD,OAPF,eASE,6BAAC,+BAAD;IAAK,eAAe,EAAE;EAAtB,gBACE,6BAAC,gCAAD;IAAM,KAAK,MAAX;IAAY,KAAK,EAAEM,MAAM,CAACK,cAA1B;IAA0C,KAAK,EAAEH,MAAM,CAACI;EAAxD,GACGR,OAAO,CAACS,qBAAR,CAA8BC,QADjC,CADF,eAIE,6BAAC,gCAAD;IAAM,KAAK,MAAX;IAAY,KAAK,EAAER,MAAM,CAACS;EAA1B,GACGf,OAAO,CAACgB,GADX,CAJF,CATF,eAiBE,6BAAC,mCAAD,OAjBF,CADF;AAqBD,CA1BD;;AA4BA,MAAMR,MAAM,GAAG,IAAAS,4CAAA,EAAiB;EAC9BR,eAAe,EAAE;IACfS,YAAY,EAAE;EADC,CADa;EAI9BN,OAAO,EAAE;IACPM,YAAY,EAAE;EADP;AAJqB,CAAjB,CAAf;eAQepB,uB"}

package/lib/commonjs/domain/openChannelSettings/component/OpenChannelSettingsMenu.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _constants = require("../../../constants");
+
+var _useContext = require("../../../hooks/useContext");
+
+var _moduleContext = require("../module/moduleContext");
+
+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 OpenChannelSettingsMenu = _ref => {
+  let {
+    onPressMenuModeration,
+    onPressMenuParticipants,
+    onPressMenuDeleteChannel,
+    menuItemsCreator = menu => menu
+  } = _ref;
+  const {
+    currentUser,
+    sdk
+  } = (0, _useContext.useSendbirdChat)();
+  const {
+    channel
+  } = (0, _react.useContext)(_moduleContext.OpenChannelSettingsContexts.Fragment);
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    colors
+  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  const {
+    alert
+  } = (0, _uikitReactNativeFoundation.useAlert)();
+  const forceUpdate = (0, _uikitUtils.useForceUpdate)();
+  const handlerId = (0, _uikitUtils.useUniqHandlerId)('OpenChannelSettingsMenu');
+
+  const onChannelUpdated = eventChannel => {
+    if ((0, _uikitUtils.isDifferentChannel)(channel, eventChannel)) return;
+    forceUpdate();
+  };
+
+  (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
+    onChannelChanged: onChannelUpdated,
+    onChannelParticipantCountChanged: onChannelUpdated
+  }, 'open');
+  const menuItems = menuItemsCreator([{
+    icon: 'moderation',
+    visible: channel.isOperator((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? _constants.UNKNOWN_USER_ID),
+    name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_MODERATION,
+    onPress: () => onPressMenuModeration(),
+    actionItem: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }, {
+    icon: 'members',
+    name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_PARTICIPANTS,
+    onPress: () => onPressMenuParticipants(),
+    actionLabel: String(channel.participantCount),
+    actionItem: /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
+      icon: 'chevron-right',
+      color: colors.onBackground01
+    })
+  }, {
+    icon: 'leave',
+    iconColor: colors.error,
+    name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_DELETE_CHANNEL,
+    onPress: () => {
+      alert({
+        title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_TITLE,
+        buttons: [{
+          text: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_CANCEL
+        }, {
+          text: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_OK,
+          style: 'destructive',
+          onPress: () => {
+            channel.delete().then(() => onPressMenuDeleteChannel());
+          }
+        }]
+      });
+    }
+  }]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, menuItems.map(menu => {
+    return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.MenuBar, {
+      key: menu.name,
+      onPress: menu.onPress,
+      name: menu.name,
+      disabled: menu.disabled,
+      visible: menu.visible,
+      icon: menu.icon,
+      iconColor: menu.iconColor,
+      iconBackgroundColor: menu.iconBackgroundColor,
+      actionLabel: menu.actionLabel,
+      actionItem: menu.actionItem
+    });
+  }));
+};
+
+var _default = OpenChannelSettingsMenu;
+exports.default = _default;
+//# sourceMappingURL=OpenChannelSettingsMenu.js.map

package/lib/commonjs/domain/openChannelSettings/component/OpenChannelSettingsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OpenChannelSettingsMenu","onPressMenuModeration","onPressMenuParticipants","onPressMenuDeleteChannel","menuItemsCreator","menu","currentUser","sdk","useSendbirdChat","channel","useContext","OpenChannelSettingsContexts","Fragment","STRINGS","useLocalization","colors","useUIKitTheme","alert","useAlert","forceUpdate","useForceUpdate","handlerId","useUniqHandlerId","onChannelUpdated","eventChannel","isDifferentChannel","useChannelHandler","onChannelChanged","onChannelParticipantCountChanged","menuItems","icon","visible","isOperator","userId","UNKNOWN_USER_ID","name","OPEN_CHANNEL_SETTINGS","MENU_MODERATION","onPress","actionItem","onBackground01","MENU_PARTICIPANTS","actionLabel","String","participantCount","iconColor","error","MENU_DELETE_CHANNEL","title","DIALOG_CHANNEL_DELETE_CONFIRM_TITLE","buttons","text","DIALOG_CHANNEL_DELETE_CONFIRM_CANCEL","DIALOG_CHANNEL_DELETE_CONFIRM_OK","style","delete","then","map","disabled","iconBackgroundColor"],"sources":["OpenChannelSettingsMenu.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { View } from 'react-native';\n\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport type { MenuBarProps } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, MenuBar, useAlert, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdBaseChannel, isDifferentChannel, useForceUpdate, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { UNKNOWN_USER_ID } from '../../../constants';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { OpenChannelSettingsContexts } from '../module/moduleContext';\nimport type { OpenChannelSettingsProps } from '../types';\n\nconst OpenChannelSettingsMenu = ({\n  onPressMenuModeration,\n  onPressMenuParticipants,\n  onPressMenuDeleteChannel,\n  menuItemsCreator = (menu) => menu,\n}: OpenChannelSettingsProps['Menu']) => {\n  const { currentUser, sdk } = useSendbirdChat();\n  const { channel } = useContext(OpenChannelSettingsContexts.Fragment);\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n  const { alert } = useAlert();\n\n  const forceUpdate = useForceUpdate();\n  const handlerId = useUniqHandlerId('OpenChannelSettingsMenu');\n\n  const onChannelUpdated = (eventChannel: SendbirdBaseChannel) => {\n    if (isDifferentChannel(channel, eventChannel)) return;\n    forceUpdate();\n  };\n\n  useChannelHandler(\n    sdk,\n    handlerId,\n    {\n      onChannelChanged: onChannelUpdated,\n      onChannelParticipantCountChanged: onChannelUpdated,\n    },\n    'open',\n  );\n\n  const menuItems: MenuBarProps[] = menuItemsCreator([\n    {\n      icon: 'moderation',\n      visible: channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID),\n      name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_MODERATION,\n      onPress: () => onPressMenuModeration(),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'members',\n      name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_PARTICIPANTS,\n      onPress: () => onPressMenuParticipants(),\n      actionLabel: String(channel.participantCount),\n      actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,\n    },\n    {\n      icon: 'leave',\n      iconColor: colors.error,\n      name: STRINGS.OPEN_CHANNEL_SETTINGS.MENU_DELETE_CHANNEL,\n      onPress: () => {\n        alert({\n          title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_TITLE,\n          buttons: [\n            {\n              text: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_CANCEL,\n            },\n            {\n              text: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANNEL_DELETE_CONFIRM_OK,\n              style: 'destructive',\n              onPress: () => {\n                channel.delete().then(() => onPressMenuDeleteChannel());\n              },\n            },\n          ],\n        });\n      },\n    },\n  ]);\n\n  return (\n    <View>\n      {menuItems.map((menu) => {\n        return (\n          <MenuBar\n            key={menu.name}\n            onPress={menu.onPress}\n            name={menu.name}\n            disabled={menu.disabled}\n            visible={menu.visible}\n            icon={menu.icon}\n            iconColor={menu.iconColor}\n            iconBackgroundColor={menu.iconBackgroundColor}\n            actionLabel={menu.actionLabel}\n            actionItem={menu.actionItem}\n          />\n        );\n      })}\n    </View>\n  );\n};\n\nexport default OpenChannelSettingsMenu;\n"],"mappings":"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"}

package/lib/commonjs/domain/openChannelSettings/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "OpenChannelSettingsContexts", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.OpenChannelSettingsContexts;
+  }
+});
+Object.defineProperty(exports, "OpenChannelSettingsContextsProvider", {
+  enumerable: true,
+  get: function () {
+    return _moduleContext.OpenChannelSettingsContextsProvider;
+  }
+});
+Object.defineProperty(exports, "OpenChannelSettingsHeader", {
+  enumerable: true,
+  get: function () {
+    return _OpenChannelSettingsHeader.default;
+  }
+});
+Object.defineProperty(exports, "OpenChannelSettingsInfo", {
+  enumerable: true,
+  get: function () {
+    return _OpenChannelSettingsInfo.default;
+  }
+});
+Object.defineProperty(exports, "OpenChannelSettingsMenu", {
+  enumerable: true,
+  get: function () {
+    return _OpenChannelSettingsMenu.default;
+  }
+});
+Object.defineProperty(exports, "createOpenChannelSettingsModule", {
+  enumerable: true,
+  get: function () {
+    return _createOpenChannelSettingsModule.default;
+  }
+});
+
+var _OpenChannelSettingsHeader = _interopRequireDefault(require("./component/OpenChannelSettingsHeader"));
+
+var _OpenChannelSettingsMenu = _interopRequireDefault(require("./component/OpenChannelSettingsMenu"));
+
+var _OpenChannelSettingsInfo = _interopRequireDefault(require("./component/OpenChannelSettingsInfo"));
+
+var _createOpenChannelSettingsModule = _interopRequireDefault(require("./module/createOpenChannelSettingsModule"));
+
+var _moduleContext = require("./module/moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/domain/openChannelSettings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as OpenChannelSettingsHeader } from './component/OpenChannelSettingsHeader';\nexport { default as OpenChannelSettingsMenu } from './component/OpenChannelSettingsMenu';\nexport { default as OpenChannelSettingsInfo } from './component/OpenChannelSettingsInfo';\nexport { default as createOpenChannelSettingsModule } from './module/createOpenChannelSettingsModule';\nexport { OpenChannelSettingsContextsProvider, OpenChannelSettingsContexts } from './module/moduleContext';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA"}

package/lib/commonjs/domain/openChannelSettings/module/createOpenChannelSettingsModule.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _OpenChannelSettingsHeader = _interopRequireDefault(require("../component/OpenChannelSettingsHeader"));
+
+var _OpenChannelSettingsInfo = _interopRequireDefault(require("../component/OpenChannelSettingsInfo"));
+
+var _OpenChannelSettingsMenu = _interopRequireDefault(require("../component/OpenChannelSettingsMenu"));
+
+var _moduleContext = require("./moduleContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const createOpenChannelSettingsModule = function () {
+  let {
+    Header = _OpenChannelSettingsHeader.default,
+    Info = _OpenChannelSettingsInfo.default,
+    Menu = _OpenChannelSettingsMenu.default,
+    Provider = _moduleContext.OpenChannelSettingsContextsProvider,
+    ...module
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    Header,
+    Info,
+    Menu,
+    Provider,
+    ...module
+  };
+};
+
+var _default = createOpenChannelSettingsModule;
+exports.default = _default;
+//# sourceMappingURL=createOpenChannelSettingsModule.js.map

package/lib/commonjs/domain/openChannelSettings/module/createOpenChannelSettingsModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createOpenChannelSettingsModule","Header","OpenChannelSettingsHeader","Info","OpenChannelSettingsInfo","Menu","OpenChannelSettingsMenu","Provider","OpenChannelSettingsContextsProvider","module"],"sources":["createOpenChannelSettingsModule.tsx"],"sourcesContent":["import OpenChannelSettingsHeader from '../component/OpenChannelSettingsHeader';\nimport OpenChannelSettingsInfo from '../component/OpenChannelSettingsInfo';\nimport OpenChannelSettingsMenu from '../component/OpenChannelSettingsMenu';\nimport type { OpenChannelSettingsModule } from '../types';\nimport { OpenChannelSettingsContextsProvider } from './moduleContext';\n\nconst createOpenChannelSettingsModule = ({\n  Header = OpenChannelSettingsHeader,\n  Info = OpenChannelSettingsInfo,\n  Menu = OpenChannelSettingsMenu,\n  Provider = OpenChannelSettingsContextsProvider,\n  ...module\n}: Partial<OpenChannelSettingsModule> = {}): OpenChannelSettingsModule => {\n  return { Header, Info, Menu, Provider, ...module };\n};\n\nexport default createOpenChannelSettingsModule;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,+BAA+B,GAAG,YAMkC;EAAA,IANjC;IACvCC,MAAM,GAAGC,kCAD8B;IAEvCC,IAAI,GAAGC,gCAFgC;IAGvCC,IAAI,GAAGC,gCAHgC;IAIvCC,QAAQ,GAAGC,kDAJ4B;IAKvC,GAAGC;EALoC,CAMiC,uEAAlC,EAAkC;EACxE,OAAO;IAAER,MAAF;IAAUE,IAAV;IAAgBE,IAAhB;IAAsBE,QAAtB;IAAgC,GAAGE;EAAnC,CAAP;AACD,CARD;;eAUeT,+B"}

package/lib/commonjs/domain/openChannelSettings/module/moduleContext.js

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OpenChannelSettingsContextsProvider = exports.OpenChannelSettingsContexts = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
+
+var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+
+var _uikitUtils = require("@sendbird/uikit-utils");
+
+var _ProviderLayout = _interopRequireDefault(require("../../../components/ProviderLayout"));
+
+var _useContext = require("../../../hooks/useContext");
+
+var _SBUError = _interopRequireDefault(require("../../../libs/SBUError"));
+
+var _SBUUtils = _interopRequireDefault(require("../../../libs/SBUUtils"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const OpenChannelSettingsContexts = {
+  Fragment: /*#__PURE__*/(0, _react.createContext)({
+    channel: {},
+    headerTitle: '',
+    headerRight: '',
+    onPressHeaderRight: _uikitUtils.NOOP
+  })
+};
+exports.OpenChannelSettingsContexts = OpenChannelSettingsContexts;
+
+const OpenChannelSettingsContextsProvider = _ref => {
+  let {
+    channel,
+    onNavigateToOpenChannel,
+    children
+  } = _ref;
+  const handlerId = (0, _uikitUtils.useUniqHandlerId)('OpenChannelSettingsContextsProvider');
+  const forceUpdate = (0, _uikitUtils.useForceUpdate)();
+  const {
+    STRINGS
+  } = (0, _useContext.useLocalization)();
+  const {
+    sdk,
+    currentUser
+  } = (0, _useContext.useSendbirdChat)();
+  const {
+    fileService
+  } = (0, _useContext.usePlatformService)();
+  const {
+    alert
+  } = (0, _uikitReactNativeFoundation.useAlert)();
+
+  const onChannelChanged = eventChannel => {
+    if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel)) return;
+    forceUpdate();
+  };
+
+  const onOperatorUpdated = eventChannel => {
+    if ((0, _uikitUtils.isDifferentChannel)(eventChannel, channel) || !eventChannel.isOpenChannel()) return;
+
+    if (currentUser && !eventChannel.isOperator(currentUser.userId)) {
+      onNavigateToOpenChannel();
+    }
+  };
+
+  (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
+    onOperatorUpdated: onOperatorUpdated,
+    onChannelUnfrozen: onChannelChanged,
+    onChannelChanged: onChannelChanged,
+    onChannelFrozen: onChannelChanged,
+    onUserBanned: onChannelChanged
+  }, 'open');
+  const toast = (0, _uikitReactNativeFoundation.useToast)();
+  const {
+    openSheet
+  } = (0, _uikitReactNativeFoundation.useBottomSheet)();
+  const {
+    openPrompt
+  } = (0, _uikitReactNativeFoundation.usePrompt)();
+  const {
+    openMenu
+  } = (0, _uikitReactNativeFoundation.useActionMenu)();
+  const updateChannel = (0, _react.useCallback)(async params => {
+    await channel.updateChannel(params);
+    forceUpdate();
+  }, [channel]);
+  const changeChannelName = (0, _react.useCallback)(() => {
+    openPrompt({
+      title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,
+      submitLabel: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,
+      placeholder: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,
+      defaultValue: channel.name,
+      onSubmit: channelName => updateChannel({
+        name: channelName
+      })
+    });
+  }, [STRINGS, updateChannel, channel.name]);
+  const changeChannelImage = (0, _react.useCallback)(() => {
+    openMenu({
+      title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_TITLE,
+      menuItems: [{
+        title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_CAMERA,
+        onPress: async () => {
+          const file = await fileService.openCamera({
+            mediaType: 'photo',
+            onOpenFailure: error => {
+              if (error.code === _SBUError.default.CODE.ERR_PERMISSIONS_DENIED) {
+                alert({
+                  title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
+                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_CAMERA, STRINGS.LABELS.PERMISSION_APP_NAME),
+                  buttons: [{
+                    text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
+                    onPress: () => _SBUUtils.default.openSettings()
+                  }]
+                });
+              } else {
+                toast.show(STRINGS.TOAST.OPEN_CAMERA_ERROR, 'error');
+              }
+            }
+          });
+          if (!file) return;
+          await updateChannel({
+            coverUrlOrImage: file
+          });
+        }
+      }, {
+        title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY,
+        onPress: async () => {
+          const files = await fileService.openMediaLibrary({
+            selectionLimit: 1,
+            mediaType: 'photo',
+            onOpenFailure: error => {
+              if (error.code === _SBUError.default.CODE.ERR_PERMISSIONS_DENIED) {
+                alert({
+                  title: STRINGS.DIALOG.ALERT_PERMISSIONS_TITLE,
+                  message: STRINGS.DIALOG.ALERT_PERMISSIONS_MESSAGE(STRINGS.LABELS.PERMISSION_DEVICE_STORAGE, STRINGS.LABELS.PERMISSION_APP_NAME),
+                  buttons: [{
+                    text: STRINGS.DIALOG.ALERT_PERMISSIONS_OK,
+                    onPress: () => _SBUUtils.default.openSettings()
+                  }]
+                });
+              } else {
+                toast.show(STRINGS.TOAST.OPEN_PHOTO_LIBRARY_ERROR, 'error');
+              }
+            }
+          });
+          if (!files || !files[0]) return;
+          await updateChannel({
+            coverUrlOrImage: files[0]
+          });
+        }
+      }]
+    });
+  }, [STRINGS, updateChannel]);
+  const onPressHeaderRight = (0, _react.useCallback)(() => {
+    openSheet({
+      sheetItems: [{
+        title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME,
+        onPress: changeChannelName
+      }, {
+        title: STRINGS.OPEN_CHANNEL_SETTINGS.DIALOG_CHANGE_IMAGE,
+        onPress: changeChannelImage
+      }]
+    });
+  }, [STRINGS, changeChannelImage, changeChannelName]);
+  return /*#__PURE__*/_react.default.createElement(_ProviderLayout.default, null, /*#__PURE__*/_react.default.createElement(OpenChannelSettingsContexts.Fragment.Provider, {
+    value: {
+      channel,
+      headerTitle: STRINGS.OPEN_CHANNEL_SETTINGS.HEADER_TITLE,
+      headerRight: STRINGS.OPEN_CHANNEL_SETTINGS.HEADER_RIGHT,
+      onPressHeaderRight
+    }
+  }, children));
+};
+
+exports.OpenChannelSettingsContextsProvider = OpenChannelSettingsContextsProvider;
+//# sourceMappingURL=moduleContext.js.map