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

package/dist/cjs/ChannelSettings/components/ChannelSettingsUI.js

@@ -1,161 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ChannelSettings_context = require('../context.js');
-var ui_PlaceHolder = require('../../index-2d7e8e6d.js');
-var ui_Label = require('../../index-578f0575.js');
-var LocalizationContext = require('../../LocalizationContext-2fb0be1f.js');
-var ui_Icon = require('../../ui/Icon.js');
-var ui_IconButton = require('../../ui/IconButton.js');
-var ChannelSettings_components_ChannelProfile = require('./ChannelProfile.js');
-var ChannelSettings_components_ModerationPanel = require('./ModerationPanel.js');
-var ChannelSettings_components_LeaveChannel = require('./LeaveChannel.js');
-var ChannelSettings_components_UserPanel = require('./UserPanel.js');
-require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-e7c78521.js');
-require('../../UserProfileContext-0549101e.js');
-require('prop-types');
-require('../../uuid-a94df44e.js');
-require('../../tslib.es6-e8acf1b5.js');
-require('../../ui/Loader.js');
-require('../../stringSet-388f679a.js');
-require('../../index-1ec959ab.js');
-require('../../ui/ChannelAvatar.js');
-require('../../ui/Avatar.js');
-require('../../ui/ImageRenderer.js');
-require('../../utils-763f5a7f.js');
-require('../../ui/TextButton.js');
-require('../../color-84bbbc0b.js');
-require('./EditDetailsModal.js');
-require('../../ui/Modal.js');
-require('react-dom');
-require('../../index-490839e3.js');
-require('../../ui/Button.js');
-require('../../MediaQueryContext-db5159f3.js');
-require('../../ui/Input.js');
-require('../../ui/Accordion.js');
-require('../../ui/AccordionGroup.js');
-require('../../context-f5c934a0.js');
-require('../../utils-c61c3737.js');
-require('../../ui/Badge.js');
-require('../../ui/ContextMenu.js');
-require('../../ui/SortByRow.js');
-require('../../index-6714492f.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('./UserListItem.js');
-require('../../ui/MutedAvatarOverlay.js');
-require('../../ui/UserProfile.js');
-require('../../sendbirdSelectors.js');
-require('../../topics-839402ce.js');
-require('../../ui/UserListItem.js');
-require('../../ui/Checkbox.js');
-require('@sendbird/chat/groupChannel');
-require('../../MemberList-3049bffe.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ChannelSettingsUI = function (props) {
-  var _a, _b;
-
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var state = useSendbirdStateContext();
-  var channelSettingStore = ChannelSettings_context.useChannelSettingsContext();
-
-  var _c = React.useState(false),
-      showLeaveChannelModal = _c[0],
-      setShowLeaveChannelModal = _c[1];
-
-  var isOnline = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.isOnline;
-  var logger = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.logger;
-  var channel = channelSettingStore.channel,
-      invalidChannel = channelSettingStore.invalidChannel,
-      onCloseClick = channelSettingStore.onCloseClick;
-  var renderPlaceholderError = props.renderPlaceholderError,
-      renderChannelProfile = props.renderChannelProfile,
-      renderModerationPanel = props.renderModerationPanel,
-      renderLeaveChannel = props.renderLeaveChannel;
-
-  if (!channel || invalidChannel) {
-    return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sendbird-channel-settings__header"
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-      type: ui_Label.LabelTypography.H_2,
-      color: ui_Label.LabelColors.ONBACKGROUND_1
-    }, stringSet.CHANNEL_SETTING__HEADER__TITLE), /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-      className: "sendbird-channel-settings__close-icon",
-      type: ui_Icon.IconTypes.CLOSE,
-      height: "24px",
-      width: "24px",
-      onClick: function () {
-        logger.info('ChannelSettings: Click close');
-        onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
-      }
-    })), /*#__PURE__*/React__default["default"].createElement("div", null, renderPlaceholderError ? renderPlaceholderError() : /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
-      type: ui_PlaceHolder.PlaceHolderTypes.WRONG
-    })));
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-channel-settings__header"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.H_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.CHANNEL_SETTING__HEADER__TITLE), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-channel-settings__header-icon"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
-    width: "32px",
-    height: "32px",
-    onClick: function () {
-      logger.info('ChannelSettings: Click close');
-      onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-channel-settings__close-icon",
-    type: ui_Icon.IconTypes.CLOSE,
-    height: "22px",
-    width: "22px"
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-channel-settings__scroll-area"
-  }, (renderChannelProfile === null || renderChannelProfile === void 0 ? void 0 : renderChannelProfile()) || /*#__PURE__*/React__default["default"].createElement(ChannelSettings_components_ChannelProfile, null), (renderModerationPanel === null || renderModerationPanel === void 0 ? void 0 : renderModerationPanel()) || ((channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' ? /*#__PURE__*/React__default["default"].createElement(ChannelSettings_components_ModerationPanel, null) : /*#__PURE__*/React__default["default"].createElement(ChannelSettings_components_UserPanel, null)), (renderLeaveChannel === null || renderLeaveChannel === void 0 ? void 0 : renderLeaveChannel()) || /*#__PURE__*/React__default["default"].createElement("div", {
-    className: ['sendbird-channel-settings__panel-item', 'sendbird-channel-settings__leave-channel', !isOnline ? 'sendbird-channel-settings__panel-item__disabled' : ''].join(' '),
-    role: "button",
-    onKeyDown: function () {
-      if (!isOnline) {
-        return;
-      }
-
-      setShowLeaveChannelModal(true);
-    },
-    onClick: function () {
-      if (!isOnline) {
-        return;
-      }
-
-      setShowLeaveChannelModal(true);
-    },
-    tabIndex: 0
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: ['sendbird-channel-settings__panel-icon-left', 'sendbird-channel-settings__panel-icon__leave'].join(' '),
-    type: ui_Icon.IconTypes.LEAVE,
-    fillColor: ui_Icon.IconColors.ERROR,
-    height: "24px",
-    width: "24px"
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.SUBTITLE_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE)), showLeaveChannelModal && /*#__PURE__*/React__default["default"].createElement(ChannelSettings_components_LeaveChannel, {
-    onCancel: function () {
-      setShowLeaveChannelModal(false);
-    },
-    onSubmit: function () {
-      setShowLeaveChannelModal(false);
-      onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
-    }
-  })));
-};
-
-module.exports = ChannelSettingsUI;
-//# sourceMappingURL=ChannelSettingsUI.js.map

package/dist/cjs/ChannelSettings/components/EditDetailsModal.js

@@ -1,163 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ChannelSettings_context = require('../context.js');
-var LocalizationContext = require('../../LocalizationContext-2fb0be1f.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ui_Modal = require('../../ui/Modal.js');
-var ui_Input = require('../../ui/Input.js');
-var ui_Avatar = require('../../ui/Avatar.js');
-var ui_Button = require('../../ui/Button.js');
-var ui_Label = require('../../index-578f0575.js');
-var ui_TextButton = require('../../ui/TextButton.js');
-var ui_ChannelAvatar = require('../../ui/ChannelAvatar.js');
-var uuid = require('../../uuid-a94df44e.js');
-require('../../UserProfileContext-0549101e.js');
-require('prop-types');
-require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-e7c78521.js');
-require('../../stringSet-388f679a.js');
-require('../../index-1ec959ab.js');
-require('react-dom');
-require('../../index-490839e3.js');
-require('../../ui/Icon.js');
-require('../../ui/IconButton.js');
-require('../../tslib.es6-e8acf1b5.js');
-require('../../MediaQueryContext-db5159f3.js');
-require('../../ui/ImageRenderer.js');
-require('../../color-84bbbc0b.js');
-require('../../utils-763f5a7f.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var EditDetails = function (props) {
-  var _a, _b, _c;
-
-  var onSubmit = props.onSubmit,
-      onCancel = props.onCancel;
-
-  var _d = ChannelSettings_context.useChannelSettingsContext(),
-      channel = _d.channel,
-      onChannelModified = _d.onChannelModified,
-      onBeforeUpdateChannel = _d.onBeforeUpdateChannel,
-      setChannelUpdateId = _d.setChannelUpdateId;
-
-  var title = channel === null || channel === void 0 ? void 0 : channel.name;
-  var state = useSendbirdStateContext();
-  var userId = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.userId;
-  var theme = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.theme;
-  var logger = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.logger;
-  var inputRef = React.useRef(null);
-  var formRef = React.useRef(null);
-  var hiddenInputRef = React.useRef(null);
-
-  var _e = React.useState(null),
-      currentImg = _e[0],
-      setCurrentImg = _e[1];
-
-  var _f = React.useState(null),
-      newFile = _f[0],
-      setNewFile = _f[1];
-
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
-    isFullScreenOnMobile: true,
-    titleText: stringSet.MODAL__CHANNEL_INFORMATION__TITLE,
-    submitText: stringSet.BUTTON__SAVE,
-    onCancel: onCancel,
-    onSubmit: function () {
-      if (title !== '' && !inputRef.current.value) {
-        if (formRef.current.reportValidity) {
-          // might not work in explorer
-          formRef.current.reportValidity();
-        }
-
-        return;
-      }
-
-      var currentTitle = inputRef.current.value;
-      var currentImg = newFile;
-      logger.info('ChannelSettings: Channel information being updated', {
-        currentTitle: currentTitle,
-        currentImg: currentImg
-      });
-
-      if (onBeforeUpdateChannel) {
-        logger.info('ChannelSettings: onBeforeUpdateChannel');
-        var params = onBeforeUpdateChannel(currentTitle, currentImg, channel === null || channel === void 0 ? void 0 : channel.data);
-        channel === null || channel === void 0 ? void 0 : channel.updateChannel(params).then(function (groupChannel) {
-          onChannelModified === null || onChannelModified === void 0 ? void 0 : onChannelModified(groupChannel);
-          setChannelUpdateId(uuid.uuidv4());
-          onSubmit();
-        });
-      } else {
-        logger.info('ChannelSettings: normal');
-        channel === null || channel === void 0 ? void 0 : channel.updateChannel({
-          coverImage: currentImg,
-          name: currentTitle,
-          data: (channel === null || channel === void 0 ? void 0 : channel.data) || ''
-        }).then(function (groupChannel) {
-          logger.info('ChannelSettings: Channel information updated', groupChannel);
-          onChannelModified === null || onChannelModified === void 0 ? void 0 : onChannelModified(groupChannel);
-          setChannelUpdateId(uuid.uuidv4());
-          onSubmit();
-        });
-      }
-    },
-    type: ui_Button.ButtonTypes.PRIMARY
-  }, /*#__PURE__*/React__default["default"].createElement("form", {
-    className: "channel-profile-form",
-    ref: formRef,
-    onSubmit: function (e) {
-      e.preventDefault();
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "channel-profile-form__img-section"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Input.InputLabel, null, stringSet.MODAL__CHANNEL_INFORMATION__CHANNEL_IMAGE), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "channel-profile-form__avatar"
-  }, currentImg ? /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-    height: "80px",
-    width: "80px",
-    src: currentImg
-  }) : /*#__PURE__*/React__default["default"].createElement(ui_ChannelAvatar, {
-    height: 80,
-    width: 80,
-    channel: channel,
-    userId: userId,
-    theme: theme
-  })), /*#__PURE__*/React__default["default"].createElement("input", {
-    ref: hiddenInputRef,
-    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]);
-      hiddenInputRef.current.value = '';
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
-    className: "channel-profile-form__avatar-button",
-    onClick: function () {
-      return hiddenInputRef.current.click();
-    },
-    disableUnderline: true
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.BUTTON_1,
-    color: ui_Label.LabelColors.PRIMARY
-  }, stringSet.MODAL__CHANNEL_INFORMATION__UPLOAD))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "channel-profile-form__name-section"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Input.InputLabel, null, stringSet.MODAL__CHANNEL_INFORMATION__CHANNEL_NAME), /*#__PURE__*/React__default["default"].createElement(ui_Input["default"], {
-    required: title !== '',
-    name: "channel-profile-form__name",
-    ref: inputRef,
-    value: title,
-    placeHolder: stringSet.MODAL__CHANNEL_INFORMATION__INPUT__PLACE_HOLDER
-  }))));
-};
-
-module.exports = EditDetails;
-//# sourceMappingURL=EditDetailsModal.js.map

package/dist/cjs/ChannelSettings/components/LeaveChannel.js

@@ -1,107 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ChannelSettings_context = require('../context.js');
-var utils = require('../../utils-c61c3737.js');
-var ui_Modal = require('../../ui/Modal.js');
-var LocalizationContext = require('../../LocalizationContext-2fb0be1f.js');
-var MediaQueryContext = require('../../MediaQueryContext-db5159f3.js');
-var ui_TextButton = require('../../ui/TextButton.js');
-var ui_Label = require('../../index-578f0575.js');
-require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-e7c78521.js');
-require('../../UserProfileContext-0549101e.js');
-require('prop-types');
-require('../../uuid-a94df44e.js');
-require('react-dom');
-require('../../index-490839e3.js');
-require('../../ui/Button.js');
-require('../../tslib.es6-e8acf1b5.js');
-require('../../ui/Icon.js');
-require('../../ui/IconButton.js');
-require('../../stringSet-388f679a.js');
-require('../../index-1ec959ab.js');
-require('../../color-84bbbc0b.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var LeaveChannel = function (props) {
-  var _a, _b;
-
-  var _c = props.onSubmit,
-      onSubmit = _c === void 0 ? utils.noop : _c,
-      _d = props.onCancel,
-      onCancel = _d === void 0 ? utils.noop : _d;
-
-  var _e = ChannelSettings_context.useChannelSettingsContext(),
-      channel = _e.channel,
-      onLeaveChannel = _e.onLeaveChannel;
-
-  var stringSet = LocalizationContext.useLocalization().stringSet;
-  var state = useSendbirdStateContext();
-  var logger = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.logger;
-  var isOnline = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.isOnline;
-  var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-
-  var getChannelName = function (channel) {
-    if ((channel === null || channel === void 0 ? void 0 : channel.name) && (channel === null || channel === void 0 ? void 0 : channel.name) !== 'Group Channel') {
-      return channel.name;
-    }
-
-    if ((channel === null || channel === void 0 ? void 0 : channel.name) === 'Group Channel' || !(channel === null || channel === void 0 ? void 0 : channel.name)) {
-      return ((channel === null || channel === void 0 ? void 0 : channel.members) || []).map(function (member) {
-        return member.nickname || stringSet.NO_NAME;
-      }).join(', ');
-    }
-
-    return stringSet.NO_TITLE;
-  };
-
-  if (isMobile) {
-    return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
-      className: "sendbird-channel-settings__leave--mobile",
-      titleText: getChannelName(channel),
-      hideFooter: true,
-      isCloseOnClickOutside: true,
-      onCancel: onCancel
-    }, /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
-      onClick: function () {
-        logger.info('ChannelSettings: Leaving channel', channel);
-        channel === null || channel === void 0 ? void 0 : channel.leave().then(function () {
-          logger.info('ChannelSettings: Leaving channel successful!', channel);
-          onLeaveChannel();
-        });
-      },
-      className: "sendbird-channel-settings__leave-label--mobile"
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-      type: ui_Label.LabelTypography.SUBTITLE_1,
-      color: ui_Label.LabelColors.ONBACKGROUND_1
-    }, stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE)));
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
-    isFullScreenOnMobile: true,
-    disabled: !isOnline,
-    onCancel: onCancel,
-    onSubmit: function () {
-      logger.info('ChannelSettings: Leaving channel', channel);
-      channel === null || channel === void 0 ? void 0 : channel.leave().then(function () {
-        logger.info('ChannelSettings: Leaving channel successful!', channel); // is for backward compactability
-
-        if (onLeaveChannel) {
-          onLeaveChannel();
-        } else {
-          onSubmit();
-        }
-      });
-    },
-    submitText: stringSet.MODAL__LEAVE_CHANNEL__FOOTER,
-    titleText: stringSet.MODAL__LEAVE_CHANNEL__TITLE
-  });
-};
-
-module.exports = LeaveChannel;
-//# sourceMappingURL=LeaveChannel.js.map