@sendbird/uikit-react 3.3.7 → 3.4.0-rc.1

package/cjs/CreateChannel/components/InviteUsers.js

@@ -1,224 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../tslib.es6-0b4c49f8.js');
-var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-a0f833e9.js');
-var CreateChannel_context = require('../../CreateChannelProvider-70422add.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ui_Modal = require('../../ui/Modal.js');
-var ui_Label = require('../../index-2c095d94.js');
-var ui_Button = require('../../ui/Button.js');
-var ui_UserListItem = require('../../ui/UserListItem.js');
-require('../../stringSet-87e51d08.js');
-require('../../index-4dc29990.js');
-require('../../sendbirdSelectors.js');
-require('../../topics-d9091126.js');
-require('../../utils-aa1597cc.js');
-require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-25763ef8.js');
-require('react-dom');
-require('../../index-7d4e7ad9.js');
-require('../../ui/Icon.js');
-require('prop-types');
-require('../../ui/IconButton.js');
-require('../../MediaQueryContext-770ae8bc.js');
-require('../../UserProfileContext-74e6409b.js');
-require('../../ui/Avatar.js');
-require('../../ui/ImageRenderer.js');
-require('../../uuid-0b5f4e5e.js');
-require('../../ui/MutedAvatarOverlay.js');
-require('../../ui/Checkbox.js');
-require('../../ui/UserProfile.js');
-require('../../ui/ContextMenu.js');
-require('../../ui/SortByRow.js');
-require('../../index-bfe8bdde.js');
-require('../../utils/message/getOutgoingMessageState.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var filterUser = function (idsToFilter) {
-  return function (currentId) {
-    return idsToFilter === null || idsToFilter === void 0 ? void 0 : idsToFilter.includes(currentId);
-  };
-};
-var setChannelType = function (params, type) {
-  if (type === 'broadcast') {
-    // eslint-disable-next-line no-param-reassign
-    params.isBroadcast = true;
-  }
-
-  if (type === 'supergroup') {
-    // eslint-disable-next-line no-param-reassign
-    params.isSuper = true;
-  }
-
-  return params;
-};
-var createDefaultUserListQuery = function (_a) {
-  var sdk = _a.sdk,
-      userFilledApplicationUserListQuery = _a.userFilledApplicationUserListQuery;
-
-  if (sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery) {
-    var params_1 = sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery();
-
-    if (userFilledApplicationUserListQuery) {
-      Object.keys(userFilledApplicationUserListQuery).forEach(function (key) {
-        params_1[key] = userFilledApplicationUserListQuery[key];
-      });
-    }
-
-    return params_1;
-  }
-};
-
-var appHeight = function () {
-  try {
-    var doc = document.documentElement;
-    doc.style.setProperty('--sendbird-vh', window.innerHeight * .01 + 'px');
-  } catch (_a) {}
-};
-
-var InviteUsers = function (_a) {
-  var _b, _c, _d;
-
-  var onCancel = _a.onCancel,
-      userListQuery = _a.userListQuery;
-
-  var _e = CreateChannel_context.useCreateChannelContext(),
-      onBeforeCreateChannel = _e.onBeforeCreateChannel,
-      onCreateChannel = _e.onCreateChannel,
-      overrideInviteUser = _e.overrideInviteUser,
-      createChannel = _e.createChannel,
-      type = _e.type;
-
-  var globalStore = useSendbirdStateContext();
-  var userId = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _b === void 0 ? void 0 : _b.userId;
-  var sdk = (_d = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.sdk;
-  var idsToFilter = [userId];
-
-  var _f = React.useState([]),
-      users = _f[0],
-      setUsers = _f[1];
-
-  var _g = React.useState({}),
-      selectedUsers = _g[0],
-      setSelectedUsers = _g[1];
-
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-
-  var _h = React.useState(null),
-      usersDataSource = _h[0],
-      setUsersDataSource = _h[1];
-
-  var selectedCount = Object.keys(selectedUsers).length;
-  var titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;
-  var submitText = stringSet.BUTTON__CREATE;
-  var userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({
-    sdk: sdk
-  });
-  React.useEffect(function () {
-    var applicationUserListQuery = userQueryCreator;
-    setUsersDataSource(applicationUserListQuery); // @ts-ignore
-
-    if (!(applicationUserListQuery === null || applicationUserListQuery === void 0 ? void 0 : applicationUserListQuery.isLoading)) {
-      applicationUserListQuery.next().then(function (users_) {
-        setUsers(users_);
-      });
-    }
-  }, []); // https://stackoverflow.com/a/70302463
-  // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/#css-custom-properties-the-trick-to-correct-sizing
-  // to fix navbar break in mobile
-
-  React.useEffect(function () {
-    appHeight();
-    window.addEventListener('resize', appHeight);
-    return function () {
-      window.removeEventListener('resize', appHeight);
-    };
-  }, []);
-  return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
-    isFullScreenOnMobile: true,
-    titleText: titleText,
-    submitText: submitText,
-    type: ui_Button.ButtonTypes.PRIMARY,
-    disabled: Object.keys(selectedUsers).length === 0,
-    onCancel: onCancel,
-    onSubmit: function () {
-      var selectedUserList = Object.keys(selectedUsers);
-
-      if (typeof overrideInviteUser === 'function') {
-        overrideInviteUser({
-          users: selectedUserList,
-          onClose: onCancel,
-          channelType: type
-        });
-        return;
-      }
-
-      if (selectedUserList.length > 0) {
-        if (onBeforeCreateChannel) {
-          var params = onBeforeCreateChannel(selectedUserList);
-          setChannelType(params, type);
-          createChannel(params).then(function (channel) {
-            onCreateChannel(channel);
-          });
-        } else {
-          var params = {};
-          params.invitedUserIds = selectedUserList;
-          params.isDistinct = false;
-
-          if (userId) {
-            params.operatorUserIds = [userId];
-          }
-
-          setChannelType(params, type); // do not have custom params
-
-          createChannel(params).then(function (channel) {
-            onCreateChannel(channel);
-          });
-        }
-
-        onCancel();
-      }
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    color: selectedCount > 0 ? ui_Label.LabelColors.PRIMARY : ui_Label.LabelColors.ONBACKGROUND_3,
-    type: ui_Label.LabelTypography.CAPTION_1
-  }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTED)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-create-channel--scroll",
-    onScroll: function (e) {
-      var eventTarget = e.target;
-      var hasNext = usersDataSource.hasNext;
-      var fetchMore = eventTarget.clientHeight + eventTarget.scrollTop === eventTarget.scrollHeight;
-
-      if (hasNext && fetchMore) {
-        usersDataSource.next().then(function (usersBatch) {
-          setUsers(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], users, true), usersBatch, true));
-        });
-      }
-    }
-  }, users.map(function (user) {
-    return !filterUser(idsToFilter)(user.userId) && /*#__PURE__*/React__default["default"].createElement(ui_UserListItem, {
-      key: user.userId,
-      user: user,
-      checkBox: true,
-      checked: selectedUsers[user.userId],
-      onChange: function (event) {
-        var _a;
-
-        var modifiedSelectedUsers = tslib_es6.__assign(tslib_es6.__assign({}, selectedUsers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
-
-        if (!event.target.checked) {
-          delete modifiedSelectedUsers[event.target.id];
-        }
-
-        setSelectedUsers(modifiedSelectedUsers);
-      }
-    });
-  }))));
-};
-
-module.exports = InviteUsers;
-//# sourceMappingURL=InviteUsers.js.map

package/cjs/CreateChannel/components/SelectChannelType.js

@@ -1,140 +0,0 @@
-'use strict';
-
-var React = require('react');
-var sendbirdSelectors = require('../../sendbirdSelectors.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var CreateChannel_context = require('../../CreateChannelProvider-70422add.js');
-var LocalizationContext = require('../../LocalizationContext-a0f833e9.js');
-var ui_Label = require('../../index-2c095d94.js');
-var ui_Icon = require('../../ui/Icon.js');
-var ui_Modal = require('../../ui/Modal.js');
-require('../../topics-d9091126.js');
-require('../../utils-aa1597cc.js');
-require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-25763ef8.js');
-require('../../stringSet-87e51d08.js');
-require('../../index-4dc29990.js');
-require('prop-types');
-require('react-dom');
-require('../../index-7d4e7ad9.js');
-require('../../ui/Button.js');
-require('../../tslib.es6-0b4c49f8.js');
-require('../../ui/IconButton.js');
-require('../../MediaQueryContext-770ae8bc.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var isBroadcastChannelEnabled = function (sdk) {
-  var _a;
-
-  var ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';
-  var applicationAttributes = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.applicationAttributes;
-
-  if (Array.isArray(applicationAttributes)) {
-    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);
-  }
-
-  return false;
-};
-var isSuperGroupChannelEnabled = function (sdk) {
-  var _a;
-
-  var ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';
-  var applicationAttributes = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.applicationAttributes;
-
-  if (Array.isArray(applicationAttributes)) {
-    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);
-  }
-
-  return false;
-};
-
-var SelectChannelType = function (props) {
-  var onCancel = props.onCancel;
-  var store = useSendbirdStateContext();
-  var sdk = sendbirdSelectors.getSdk(store);
-  var createChannelProps = CreateChannel_context.useCreateChannelContext();
-  var setStep = createChannelProps.setStep,
-      setType = createChannelProps.setType;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var isBroadcastAvailable = isBroadcastChannelEnabled(sdk);
-  var isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);
-  return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
-    titleText: stringSet === null || stringSet === void 0 ? void 0 : stringSet.MODAL__CREATE_CHANNEL__TITLE,
-    hideFooter: true,
-    onCancel: function () {
-      onCancel();
-    },
-    className: "sendbird-add-channel__modal"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-add-channel__rectangle-wrap"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-add-channel__rectangle",
-    onClick: function () {
-      setType(CreateChannel_context.CHANNEL_TYPE.GROUP);
-      setStep(1);
-    },
-    role: "button",
-    tabIndex: 0,
-    onKeyDown: function () {
-      setType(CreateChannel_context.CHANNEL_TYPE.GROUP);
-      setStep(1);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-add-channel__rectangle__chat-icon",
-    type: ui_Icon.IconTypes.CHAT,
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: "28px",
-    height: "28px"
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.SUBTITLE_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.MODAL__CREATE_CHANNEL__GROUP)), isSupergroupAvailable && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-add-channel__rectangle",
-    onClick: function () {
-      setType(CreateChannel_context.CHANNEL_TYPE.SUPERGROUP);
-      setStep(1);
-    },
-    role: "button",
-    tabIndex: 0,
-    onKeyDown: function () {
-      setType(CreateChannel_context.CHANNEL_TYPE.SUPERGROUP);
-      setStep(1);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-add-channel__rectangle__supergroup-icon",
-    type: ui_Icon.IconTypes.SUPERGROUP,
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: "28px",
-    height: "28px"
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.SUBTITLE_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.MODAL__CREATE_CHANNEL__SUPER)), isBroadcastAvailable && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-add-channel__rectangle",
-    onClick: function () {
-      setType(CreateChannel_context.CHANNEL_TYPE.BROADCAST);
-      setStep(1);
-    },
-    role: "button",
-    tabIndex: 0,
-    onKeyDown: function () {
-      setType(CreateChannel_context.CHANNEL_TYPE.BROADCAST);
-      setStep(1);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-add-channel__rectangle__broadcast-icon",
-    type: ui_Icon.IconTypes.BROADCAST,
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: "28px",
-    height: "28px"
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.SUBTITLE_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.MODAL__CREATE_CHANNEL__BROADCAST))));
-};
-
-module.exports = SelectChannelType;
-//# sourceMappingURL=SelectChannelType.js.map

package/cjs/CreateChannel/context.js

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react');
-require('../sendbirdSelectors.js');
-require('../useSendbirdStateContext.js');
-var CreateChannel_context = require('../CreateChannelProvider-70422add.js');
-require('../topics-d9091126.js');
-require('../utils-aa1597cc.js');
-require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-25763ef8.js');
-
-
-
-exports.CreateChannelProvider = CreateChannel_context.CreateChannelProvider;
-exports.useCreateChannelContext = CreateChannel_context.useCreateChannelContext;
-//# sourceMappingURL=context.js.map

package/cjs/CreateChannel.js

@@ -1,63 +0,0 @@
-'use strict';
-
-var React = require('react');
-var CreateChannel_components_CreateChannelUI = require('./CreateChannel/components/CreateChannelUI.js');
-var CreateChannel_context = require('./CreateChannelProvider-70422add.js');
-require('./CreateChannel/components/InviteUsers.js');
-require('./tslib.es6-0b4c49f8.js');
-require('./LocalizationContext-a0f833e9.js');
-require('./stringSet-87e51d08.js');
-require('./index-4dc29990.js');
-require('./useSendbirdStateContext.js');
-require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-25763ef8.js');
-require('./ui/Modal.js');
-require('react-dom');
-require('./index-7d4e7ad9.js');
-require('./ui/Button.js');
-require('./index-2c095d94.js');
-require('prop-types');
-require('./ui/Icon.js');
-require('./ui/IconButton.js');
-require('./MediaQueryContext-770ae8bc.js');
-require('./ui/UserListItem.js');
-require('./UserProfileContext-74e6409b.js');
-require('./ui/Avatar.js');
-require('./ui/ImageRenderer.js');
-require('./uuid-0b5f4e5e.js');
-require('./ui/MutedAvatarOverlay.js');
-require('./ui/Checkbox.js');
-require('./ui/UserProfile.js');
-require('./sendbirdSelectors.js');
-require('./topics-d9091126.js');
-require('./utils-aa1597cc.js');
-require('./ui/ContextMenu.js');
-require('./ui/SortByRow.js');
-require('./index-bfe8bdde.js');
-require('./utils/message/getOutgoingMessageState.js');
-require('./CreateChannel/components/SelectChannelType.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var CreateChannel = function (props) {
-  var onBeforeCreateChannel = props.onBeforeCreateChannel,
-      userListQuery = props.userListQuery,
-      onCreateChannel = props.onCreateChannel,
-      overrideInviteUser = props.overrideInviteUser,
-      onCancel = props.onCancel,
-      renderStepOne = props.renderStepOne;
-  return /*#__PURE__*/React__default["default"].createElement(CreateChannel_context.CreateChannelProvider, {
-    onBeforeCreateChannel: onBeforeCreateChannel,
-    userListQuery: userListQuery,
-    onCreateChannel: onCreateChannel,
-    overrideInviteUser: overrideInviteUser
-  }, /*#__PURE__*/React__default["default"].createElement(CreateChannel_components_CreateChannelUI, {
-    renderStepOne: renderStepOne,
-    onCancel: onCancel
-  }));
-};
-
-module.exports = CreateChannel;
-//# sourceMappingURL=CreateChannel.js.map

package/cjs/CreateChannelProvider-70422add.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var React = require('react');
-var sendbirdSelectors = require('./sendbirdSelectors.js');
-var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-exports.CHANNEL_TYPE = void 0;
-
-(function (CHANNEL_TYPE) {
-  CHANNEL_TYPE["GROUP"] = "group";
-  CHANNEL_TYPE["SUPERGROUP"] = "supergroup";
-  CHANNEL_TYPE["BROADCAST"] = "broadcast";
-})(exports.CHANNEL_TYPE || (exports.CHANNEL_TYPE = {}));
-
-var CreateChannelContext = /*#__PURE__*/React__default["default"].createContext(undefined);
-
-var CreateChannelProvider = function (props) {
-  var _a;
-
-  var children = props.children,
-      onCreateChannel = props.onCreateChannel,
-      onBeforeCreateChannel = props.onBeforeCreateChannel,
-      overrideInviteUser = props.overrideInviteUser,
-      userListQuery = props.userListQuery;
-  var store = useSendbirdStateContext();
-  var userListQuery_ = (_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.userListQuery;
-  var createChannel = sendbirdSelectors.getCreateGroupChannel(store);
-
-  var _b = React.useState(0),
-      step = _b[0],
-      setStep = _b[1];
-
-  var _c = React.useState(exports.CHANNEL_TYPE.GROUP),
-      type = _c[0],
-      setType = _c[1];
-
-  return /*#__PURE__*/React__default["default"].createElement(CreateChannelContext.Provider, {
-    value: {
-      onBeforeCreateChannel: onBeforeCreateChannel,
-      createChannel: createChannel,
-      onCreateChannel: onCreateChannel,
-      overrideInviteUser: overrideInviteUser,
-      userListQuery: userListQuery || userListQuery_,
-      step: step,
-      setStep: setStep,
-      type: type,
-      setType: setType
-    }
-  }, children);
-};
-
-var useCreateChannelContext = function () {
-  return React__default["default"].useContext(CreateChannelContext);
-};
-
-exports.CreateChannelProvider = CreateChannelProvider;
-exports.useCreateChannelContext = useCreateChannelContext;
-//# sourceMappingURL=CreateChannelProvider-70422add.js.map

package/cjs/CreateChannelProvider-70422add.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CreateChannelProvider-70422add.js","sources":["../../src/smart-components/CreateChannel/types.ts","../../src/smart-components/CreateChannel/context/CreateChannelProvider.tsx"],"sourcesContent":["export enum CHANNEL_TYPE {\n  GROUP = 'group',\n  SUPERGROUP = 'supergroup',\n  BROADCAST = 'broadcast',\n}\n","import React, { useState } from 'react';\nimport { User } from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCreateParams,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\n\nimport { getCreateGroupChannel } from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { CHANNEL_TYPE } from '../types';\n\nconst CreateChannelContext = React.createContext(undefined);\n\nexport interface UserListQuery {\n  hasNext?: boolean;\n  next(): Promise<Array<User>>;\n}\n\ntype OverrideInviteUserType = {\n  users: Array<string>;\n  onClose: () => void;\n  channelType: CHANNEL_TYPE;\n};\n\nexport interface CreateChannelProviderProps {\n  children?: React.ReactElement;\n  onCreateChannel(channel: GroupChannel): void;\n  overrideInviteUser?(params: OverrideInviteUserType): void;\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  userListQuery?(): UserListQuery;\n}\n\ntype CreateChannel = (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;\n\nexport interface CreateChannelContextInterface {\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  createChannel: CreateChannel;\n  sdk: SendbirdGroupChat;\n  userListQuery?(): UserListQuery;\n  overrideInviteUser?(params: OverrideInviteUserType): void;\n  onCreateChannel?(channel: GroupChannel): void;\n  step: number,\n  setStep: React.Dispatch<React.SetStateAction<number>>,\n  type: CHANNEL_TYPE,\n  setType: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>>,\n}\n\nconst CreateChannelProvider: React.FC<CreateChannelProviderProps> = (props: CreateChannelProviderProps) => {\n  const {\n    children,\n    onCreateChannel,\n    onBeforeCreateChannel,\n    overrideInviteUser,\n    userListQuery,\n  } = props;\n\n  const store = useSendbirdStateContext();\n  const userListQuery_ = store?.config?.userListQuery;\n  const createChannel: (channelParams: GroupChannelCreateParams)\n    => Promise<GroupChannel> = getCreateGroupChannel(store);\n\n  const [step, setStep] = useState(0);\n  const [type, setType] = useState(CHANNEL_TYPE.GROUP);\n\n  return (\n    <CreateChannelContext.Provider value={{\n      onBeforeCreateChannel,\n      createChannel,\n      onCreateChannel,\n      overrideInviteUser,\n      userListQuery: userListQuery || userListQuery_,\n      step,\n      setStep,\n      type,\n      setType,\n    }}>\n      {children}\n    </CreateChannelContext.Provider>\n  );\n}\n\nconst useCreateChannelContext = (): CreateChannelContextInterface => (\n  React.useContext(CreateChannelContext)\n);\n\nexport {\n  CreateChannelProvider,\n  useCreateChannelContext,\n};\n"],"names":["CHANNEL_TYPE","CreateChannelContext","React","createContext","undefined","CreateChannelProvider","props","children","onCreateChannel","onBeforeCreateChannel","overrideInviteUser","userListQuery","store","useSendbirdStateContext","userListQuery_","_a","config","createChannel","getCreateGroupChannel","_b","useState","step","setStep","_c","GROUP","type","setType","useCreateChannelContext","useContext"],"mappings":";;;;;;;;;;AAAYA,8BAAZ;;AAAA,CAAA,UAAYA,YAAZ,EAAwB;AACtBA,EAAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AACD,CAJD,EAAYA,oBAAY,KAAZA,oBAAY,GAIvB,EAJuB,CAAxB,CAAA;;ACYA,IAAMC,oBAAoB,gBAAGC,yBAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B,CAAA;;AAoCA,IAAMC,qBAAqB,GAAyC,UAACC,KAAD,EAAkC;;;AAElG,EAAA,IAAAC,QAAQ,GAKND,KAAK,CALCC,QAAR;AAAA,MACAC,eAAe,GAIbF,KAAK,CAJQE,eADf;AAAA,MAEAC,qBAAqB,GAGnBH,KAAK,CAHcG,qBAFrB;AAAA,MAGAC,kBAAkB,GAEhBJ,KAAK,CAAAI,kBALP;AAAA,MAIAC,aAAa,GACXL,KAAK,CAAAK,aALP,CAAA;EAOF,IAAMC,KAAK,GAAGC,uBAAuB,EAArC,CAAA;AACA,EAAA,IAAMC,cAAc,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAJ,aAAtC,CAAA;AACA,EAAA,IAAMM,aAAa,GACUC,uCAAqB,CAACN,KAAD,CADlD,CAAA;;AAGM,EAAA,IAAAO,EAAA,GAAkBC,cAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,GAAAH,EAAA,CAAA,CAAA,CAAd,CAAA;;AACA,EAAA,IAAAI,EAAkB,GAAAH,cAAQ,CAACpB,oBAAY,CAACwB,KAAd,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,QAAd,CAAA;;EAEN,oBACExB,yBAAA,CAAA,aAAA,CAAC,oBAAD,CAAsB,QAAtB,EAAA;AAA+B,IAAA,KAAK,EAAE;AACpCO,MAAAA,qBAAqB,EAAAA,qBADe;AAEpCQ,MAAAA,aAAa,EAAAA,aAFuB;AAGpCT,MAAAA,eAAe,EAAAA,eAHqB;AAIpCE,MAAAA,kBAAkB,EAAAA,kBAJkB;MAKpCC,aAAa,EAAEA,aAAa,IAAIG,cALI;AAMpCO,MAAAA,IAAI,EAAAA,IANgC;AAOpCC,MAAAA,OAAO,EAAAA,OAP6B;AAQpCG,MAAAA,IAAI,EAAAA,IARgC;AASpCC,MAAAA,OAAO,EAAAA,OAAAA;AAT6B,KAAA;AAAtC,GAAA,EAWGnB,QAXH,CADF,CAAA;AAeD,EAhCD;;AAkCMoB,IAAAA,uBAAuB,GAAG,YAAqC;AAAA,EAAA,OACnEzB,yBAAK,CAAC0B,UAAN,CAAiB3B,oBAAjB,CADmE,CAAA;AAEpE;;;;;"}

package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -1,136 +0,0 @@
-'use strict';
-
-var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-a0f833e9.js');
-var ui_Avatar = require('../../ui/Avatar.js');
-var ui_Button = require('../../ui/Button.js');
-var ui_Modal = require('../../ui/Modal.js');
-var ui_Icon = require('../../ui/Icon.js');
-var ui_Input = require('../../ui/Input.js');
-var ui_Label = require('../../index-2c095d94.js');
-var ui_TextButton = require('../../ui/TextButton.js');
-var CreateOpenChannel_context = require('../context.js');
-require('../../stringSet-87e51d08.js');
-require('../../index-4dc29990.js');
-require('../../tslib.es6-0b4c49f8.js');
-require('../../ui/ImageRenderer.js');
-require('../../uuid-0b5f4e5e.js');
-require('prop-types');
-require('react-dom');
-require('../../index-7d4e7ad9.js');
-require('../../ui/IconButton.js');
-require('../../MediaQueryContext-770ae8bc.js');
-require('../../color-51fd9a0c.js');
-require('../../useSendbirdStateContext.js');
-require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-25763ef8.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function CreateOpenChannelUI(_a) {
-  var closeModal = _a.closeModal,
-      renderHeader = _a.renderHeader,
-      renderProfileInput = _a.renderProfileInput;
-
-  var _b = React.useState(null),
-      newFile = _b[0],
-      setNewFile = _b[1];
-
-  var _c = React.useState(null),
-      currentImage = _c[0],
-      setCurrentImg = _c[1];
-
-  var inputFormRef = React.useRef(null);
-  var inputFileRef = React.useRef(null);
-  var inputTextRef = React.useRef(null);
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-
-  var _d = CreateOpenChannel_context.useCreateOpenChannelContext(),
-      logger = _d.logger,
-      createNewOpenChannel = _d.createNewOpenChannel;
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-create-open-channel-ui"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
-    isFullScreenOnMobile: true,
-    titleText: stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE,
-    submitText: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT,
-    type: ui_Button.ButtonTypes.PRIMARY,
-    onCancel: closeModal,
-    renderHeader: renderHeader,
-    onSubmit: function () {
-      var _a;
-
-      var channelName = (_a = inputTextRef === null || inputTextRef === void 0 ? void 0 : inputTextRef.current) === null || _a === void 0 ? void 0 : _a.value;
-
-      if (!channelName) {
-        logger.warning('CreateOpenChannelUI: You should fill the channel name');
-        return;
-      }
-
-      createNewOpenChannel({
-        name: channelName,
-        coverUrlOrImage: newFile
-      });
-      closeModal();
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (renderProfileInput === null || renderProfileInput === void 0 ? void 0 : renderProfileInput()) || /*#__PURE__*/React__default["default"].createElement("form", {
-    className: "sendbird-create-open-channel-ui__profile-input",
-    ref: inputFormRef,
-    onSubmit: function (e) {
-      e.preventDefault();
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Input.InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-create-open-channel-ui__profile-input__img-section"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-create-open-channel-ui__profile-input__img-section__avatar"
-  }, currentImage ? /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-    width: "80px",
-    height: "80px",
-    src: currentImage
-  }) : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-create-open-channel-ui__profile-input__img-section__avatar--default"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.CHANNELS,
-    fillColor: ui_Icon.IconColors.CONTENT,
-    width: "46px",
-    height: "46px"
-  }))), /*#__PURE__*/React__default["default"].createElement("input", {
-    className: "sendbird-create-open-channel-ui__profile-input__img-section__input",
-    ref: inputFileRef,
-    type: "file",
-    accept: "image/gif, image/jpeg, image/png",
-    style: {
-      display: 'none'
-    },
-    onChange: function (e) {
-      setCurrentImg(URL.createObjectURL(e.target.files[0]));
-      setNewFile(e.target.files[0]);
-      inputFileRef.current.value = '';
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
-    className: "sendbird-create-open-channel-ui__profile-input__img-section__button",
-    onClick: function () {
-      return inputFileRef.current.click();
-    },
-    disableUnderline: true
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.BUTTON_1,
-    color: ui_Label.LabelColors.PRIMARY
-  }, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD))), /*#__PURE__*/React__default["default"].createElement("div", {
-    style: {
-      marginTop: '20px'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Input.InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-create-open-channel-ui__profile-input__name-section"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Input["default"], {
-    name: "sendbird-create-open-channel-ui__profile-input__name-section__input",
-    ref: inputTextRef,
-    placeHolder: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER
-  }))))));
-}
-
-module.exports = CreateOpenChannelUI;
-//# sourceMappingURL=CreateOpenChannelUI.js.map