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

package/cjs/ui/Icon.js

@@ -8,31 +8,32 @@ var PropTypes = require('prop-types');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-var Type = {
+var Types = {
   ADD: 'ADD',
   ARROW_LEFT: 'ARROW_LEFT',
   ATTACH: 'ATTACH',
+  AUDIO_ON_LINED: 'AUDIO_ON_LINED',
   BAN: 'BAN',
   BROADCAST: 'BROADCAST',
   CAMERA: 'CAMERA',
@@ -87,12 +88,258 @@ var Type = {
   USER: 'USER'
 };
 
+var Colors = {
+  DEFAULT: 'DEFAULT',
+  PRIMARY: 'PRIMARY',
+  PRIMARY_2: 'PRIMARY_2',
+  SECONDARY: 'SECONDARY',
+  CONTENT: 'CONTENT',
+  CONTENT_INVERSE: 'CONTENT_INVERSE',
+  WHITE: 'WHITE',
+  GRAY: 'GRAY',
+  SENT: 'SENT',
+  READ: 'READ',
+  ON_BACKGROUND_1: 'ON_BACKGROUND_1',
+  ON_BACKGROUND_2: 'ON_BACKGROUND_2',
+  ON_BACKGROUND_3: 'ON_BACKGROUND_3',
+  ON_BACKGROUND_4: 'ON_BACKGROUND_4',
+  BACKGROUND_3: 'BACKGROUND_3',
+  ERROR: 'ERROR'
+};
+
+function changeColorToClassName(color) {
+  switch (color) {
+    case Colors.PRIMARY:
+      return 'sendbird-icon-color--primary';
+
+    case Colors.PRIMARY_2:
+      return 'sendbird-icon-color--primary-2';
+
+    case Colors.SECONDARY:
+      return 'sendbird-icon-color--secondary';
+
+    case Colors.CONTENT:
+      return 'sendbird-icon-color--content';
+
+    case Colors.CONTENT_INVERSE:
+      return 'sendbird-icon-color--content-inverse';
+
+    case Colors.WHITE:
+      return 'sendbird-icon-color--white';
+
+    case Colors.GRAY:
+      return 'sendbird-icon-color--gray';
+
+    case Colors.SENT:
+      return 'sendbird-icon-color--sent';
+
+    case Colors.READ:
+      return 'sendbird-icon-color--read';
+
+    case Colors.ON_BACKGROUND_1:
+      return 'sendbird-icon-color--on-background-1';
+
+    case Colors.ON_BACKGROUND_2:
+      return 'sendbird-icon-color--on-background-2';
+
+    case Colors.ON_BACKGROUND_3:
+      return 'sendbird-icon-color--on-background-3';
+
+    case Colors.ON_BACKGROUND_4:
+      return 'sendbird-icon-color--on-background-4';
+
+    case Colors.BACKGROUND_3:
+      return 'sendbird-icon-color--background-3';
+
+    case Colors.ERROR:
+      return 'sendbird-icon-color--error';
+
+    default:
+      return '';
+  }
+}
+function changeTypeToIconClassName(type) {
+  switch (type) {
+    case Types.ADD:
+      return 'sendbird-icon-add';
+
+    case Types.ARROW_LEFT:
+      return 'sendbird-icon-arrow-left';
+
+    case Types.ATTACH:
+      return 'sendbird-icon-attach';
+
+    case Types.AUDIO_ON_LINED:
+      return 'sendbird-icon-audio-on-lined';
+
+    case Types.BAN:
+      return 'sendbird-icon-ban';
+
+    case Types.BROADCAST:
+      return 'sendbird-icon-broadcast';
+
+    case Types.CAMERA:
+      return 'sendbird-icon-camera';
+
+    case Types.CHANNELS:
+      return 'sendbird-icon-channels';
+
+    case Types.CHAT:
+      return 'sendbird-icon-chat';
+
+    case Types.CHAT_FILLED:
+      return 'sendbird-icon-chat-filled';
+
+    case Types.CHEVRON_DOWN:
+      return 'sendbird-icon-chevron-down';
+
+    case Types.CHEVRON_RIGHT:
+      return 'sendbird-icon-chevron-right';
+
+    case Types.CLOSE:
+      return 'sendbird-icon-close';
+
+    case Types.COLLAPSE:
+      return 'sendbird-icon-collapse';
+
+    case Types.COPY:
+      return 'sendbird-icon-copy';
+
+    case Types.CREATE:
+      return 'sendbird-icon-create';
+
+    case Types.DELETE:
+      return 'sendbird-icon-delete';
+
+    case Types.DISCONNECTED:
+      return 'sendbird-icon-disconnected';
+
+    case Types.DOCUMENT:
+      return 'sendbird-icon-document';
+
+    case Types.DONE:
+      return 'sendbird-icon-done';
+
+    case Types.DONE_ALL:
+      return 'sendbird-icon-done-all';
+
+    case Types.DOWNLOAD:
+      return 'sendbird-icon-down-load';
+
+    case Types.EDIT:
+      return 'sendbird-icon-edit';
+
+    case Types.EMOJI_MORE:
+      return 'sendbird-icon-emoji-more';
+
+    case Types.ERROR:
+      return 'sendbird-icon-error';
+
+    case Types.EXPAND:
+      return 'sendbird-icon-expand';
+
+    case Types.FILE_AUDIO:
+      return 'sendbird-icon-file-audio';
+
+    case Types.FILE_DOCUMENT:
+      return 'sendbird-icon-file-document';
+
+    case Types.FREEZE:
+      return 'sendbird-icon-freeze';
+
+    case Types.GIF:
+      return 'sendbird-icon-gif';
+
+    case Types.INFO:
+      return 'sendbird-icon-info';
+
+    case Types.LEAVE:
+      return 'sendbird-icon-leave';
+
+    case Types.MEMBERS:
+      return 'sendbird-icon-members';
+
+    case Types.MESSAGE:
+      return 'sendbird-icon-message';
+
+    case Types.MODERATIONS:
+      return 'sendbird-icon-moderations';
+
+    case Types.MORE:
+      return 'sendbird-icon-more';
+
+    case Types.MUTE:
+      return 'sendbird-icon-mute';
+
+    case Types.NOTIFICATIONS:
+      return 'sendbird-icon-notifications';
+
+    case Types.NOTIFICATIONS_OFF_FILLED:
+      return 'sendbird-icon-notifications-off-filled';
+
+    case Types.OPERATOR:
+      return 'sendbird-icon-operator';
+
+    case Types.PHOTO:
+      return 'sendbird-icon-photo';
+
+    case Types.PLAY:
+      return 'sendbird-icon-play';
+
+    case Types.PLUS:
+      return 'sendbird-iconn-plus';
+
+    case Types.QUESTION:
+      return 'sendbird-icon-question';
+
+    case Types.REFRESH:
+      return 'sendbird-icon-refresh';
+
+    case Types.REMOVE:
+      return 'sendbird-icon-remove';
+
+    case Types.REPLY:
+      return 'sendbird-icon-reply';
+
+    case Types.SEARCH:
+      return 'sendbird-icon-search';
+
+    case Types.SEND:
+      return 'sendbird-icon-send';
+
+    case Types.SETTINGS_FILLED:
+      return 'sendbird-icon-settings-filled';
+
+    case Types.SPINNER:
+      return 'sendbird-icon-spinner';
+
+    case Types.SUPERGROUP:
+      return 'sendbird-icon-supergroup';
+
+    case Types.THUMBNAIL_NONE:
+      return 'sendbird-icon-thumbnail-none';
+
+    case Types.TOGGLE_OFF:
+      return 'sendbird-icon-toggle-off';
+
+    case Types.TOGGLE_ON:
+      return 'sendbird-icon-toggle-on';
+
+    case Types.USER:
+      return 'sendbird-icon-user';
+
+    default:
+      return 'sendbird-icon-unknown';
+    // If you see this text 'icon' replace icon for it
+  }
+}
+
 var _path$Q;
 
-function _extends$S() { _extends$S = 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$S.apply(this, arguments); }
+function _extends$T() { _extends$T = 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$T.apply(this, arguments); }
 
 function SvgIconAdd(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$S({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$T({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 64 64"
   }, props), _path$Q || (_path$Q = /*#__PURE__*/React__namespace.createElement("path", {
@@ -105,10 +352,10 @@ function SvgIconAdd(props) {
 
 var _path$P;
 
-function _extends$R() { _extends$R = 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$R.apply(this, arguments); }
+function _extends$S() { _extends$S = 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$S.apply(this, arguments); }
 
 function SvgIconArrowLeft(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$S({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 64 64"
   }, props), _path$P || (_path$P = /*#__PURE__*/React__namespace.createElement("path", {
@@ -121,10 +368,10 @@ function SvgIconArrowLeft(props) {
 
 var _path$O;
 
-function _extends$Q() { _extends$Q = 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$Q.apply(this, arguments); }
+function _extends$R() { _extends$R = 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$R.apply(this, arguments); }
 
 function SvgIconAttach(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 64 64"
   }, props), _path$O || (_path$O = /*#__PURE__*/React__namespace.createElement("path", {
@@ -135,6 +382,32 @@ function SvgIconAttach(props) {
   })));
 }
 
+var _g$2, _defs;
+
+function _extends$Q() { _extends$Q = 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$Q.apply(this, arguments); }
+
+function SvgIconAudioOnLined(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
+    clipPath: "url(#icon-audio-on-lined_svg__clip0_1_7)"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    className: "icon-audio-on-lined_svg__fill",
+    clipRule: "evenodd",
+    d: "M32 0C26.11 0 21.333 4.776 21.333 10.667V32c0 5.891 4.776 10.667 10.667 10.667S42.667 37.89 42.667 32V10.667C42.667 4.776 37.89 0 32 0zm-5.333 10.667a5.333 5.333 0 0110.666 0V32a5.333 5.333 0 01-10.666 0V10.667z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    className: "icon-audio-on-lined_svg__fill",
+    d: "M16 26.667a2.667 2.667 0 10-5.333 0V32c0 10.879 8.143 19.856 18.666 21.168v5.499h-8a2.667 2.667 0 000 5.333h21.334a2.667 2.667 0 100-5.333h-8v-5.499C45.19 51.856 53.333 42.88 53.333 32v-5.333a2.667 2.667 0 10-5.333 0V32c0 8.837-7.163 16-16 16s-16-7.163-16-16v-5.333z"
+  }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "icon-audio-on-lined_svg__clip0_1_7"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h64v64H0z"
+  })))));
+}
+
 var _path$N;
 
 function _extends$P() { _extends$P = 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$P.apply(this, arguments); }
@@ -1003,233 +1276,174 @@ function SvgIconUser(props) {
   })));
 }
 
-const Colors = {
-  DEFAULT: 'DEFAULT',
-  PRIMARY: 'PRIMARY',
-  SECONDARY: 'SECONDARY',
-  CONTENT: 'CONTENT',
-  CONTENT_INVERSE: 'CONTENT_INVERSE',
-  WHITE: 'WHITE',
-  GRAY: 'GRAY',
-  SENT: 'SENT',
-  READ: 'READ',
-  ON_BACKGROUND_1: 'ON_BACKGROUND_1',
-  ON_BACKGROUND_2: 'ON_BACKGROUND_2',
-  ON_BACKGROUND_3: 'ON_BACKGROUND_3',
-  BACKGROUND_3: 'BACKGROUND_3',
-  ERROR: 'ERROR'
-};
-function changeColorToClassName(color) {
-  switch (color) {
-    case Colors.PRIMARY:
-      return 'sendbird-icon-color--primary';
-
-    case Colors.SECONDARY:
-      return 'sendbird-icon-color--secondary';
-
-    case Colors.CONTENT:
-      return 'sendbird-icon-color--content';
-
-    case Colors.CONTENT_INVERSE:
-      return 'sendbird-icon-color--content-inverse';
-
-    case Colors.WHITE:
-      return 'sendbird-icon-color--white';
-
-    case Colors.GRAY:
-      return 'sendbird-icon-color--gray';
-
-    case Colors.SENT:
-      return 'sendbird-icon-color--sent';
-
-    case Colors.READ:
-      return 'sendbird-icon-color--read';
-
-    case Colors.ON_BACKGROUND_1:
-      return 'sendbird-icon-color--on-background-1';
-
-    case Colors.ON_BACKGROUND_2:
-      return 'sendbird-icon-color--on-background-2';
-
-    case Colors.ON_BACKGROUND_3:
-      return 'sendbird-icon-color--on-background-3';
-
-    case Colors.BACKGROUND_3:
-      return 'sendbird-icon-color--background-3';
-
-    case Colors.ERROR:
-      return 'sendbird-icon-color--error';
-
-    default:
-      return '';
-  }
-}
-
 function changeTypeToIconComponent(type) {
   switch (type) {
-    case Type.ADD:
+    case Types.ADD:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconAdd, null);
 
-    case Type.ARROW_LEFT:
+    case Types.ARROW_LEFT:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconArrowLeft, null);
 
-    case Type.ATTACH:
+    case Types.ATTACH:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconAttach, null);
 
-    case Type.BAN:
+    case Types.AUDIO_ON_LINED:
+      return /*#__PURE__*/React__default["default"].createElement(SvgIconAudioOnLined, null);
+
+    case Types.BAN:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconBan, null);
 
-    case Type.BROADCAST:
+    case Types.BROADCAST:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconBroadcast, null);
 
-    case Type.CAMERA:
+    case Types.CAMERA:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconCamera, null);
 
-    case Type.CHANNELS:
+    case Types.CHANNELS:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconChannels, null);
 
-    case Type.CHAT:
+    case Types.CHAT:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconChat, null);
 
-    case Type.CHAT_FILLED:
+    case Types.CHAT_FILLED:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconChatFilled, null);
 
-    case Type.CHEVRON_DOWN:
+    case Types.CHEVRON_DOWN:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconChevronDown, null);
 
-    case Type.CHEVRON_RIGHT:
+    case Types.CHEVRON_RIGHT:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconChevronRight, null);
 
-    case Type.CLOSE:
+    case Types.CLOSE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconClose, null);
 
-    case Type.COLLAPSE:
+    case Types.COLLAPSE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconCollapse, null);
 
-    case Type.COPY:
+    case Types.COPY:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconCopy, null);
 
-    case Type.CREATE:
+    case Types.CREATE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconCreate, null);
 
-    case Type.DELETE:
+    case Types.DELETE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconDelete, null);
 
-    case Type.DISCONNECTED:
+    case Types.DISCONNECTED:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconDisconnected, null);
 
-    case Type.DOCUMENT:
+    case Types.DOCUMENT:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconDocument, null);
 
-    case Type.DONE:
+    case Types.DONE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconDone, null);
 
-    case Type.DONE_ALL:
+    case Types.DONE_ALL:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconDoneAll, null);
 
-    case Type.DOWNLOAD:
+    case Types.DOWNLOAD:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconDownload, null);
 
-    case Type.EDIT:
+    case Types.EDIT:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconEdit, null);
 
-    case Type.EMOJI_MORE:
+    case Types.EMOJI_MORE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconEmojiMore, null);
 
-    case Type.ERROR:
+    case Types.ERROR:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconError, null);
 
-    case Type.EXPAND:
+    case Types.EXPAND:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconExpand, null);
 
-    case Type.FILE_AUDIO:
+    case Types.FILE_AUDIO:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconFileAudio, null);
 
-    case Type.FILE_DOCUMENT:
+    case Types.FILE_DOCUMENT:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconFileDocument, null);
 
-    case Type.FREEZE:
+    case Types.FREEZE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconFreeze, null);
 
-    case Type.GIF:
+    case Types.GIF:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconGif, null);
 
-    case Type.INFO:
+    case Types.INFO:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconInfo, null);
 
-    case Type.LEAVE:
+    case Types.LEAVE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconLeave, null);
 
-    case Type.MEMBERS:
+    case Types.MEMBERS:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconMembers, null);
 
-    case Type.MESSAGE:
+    case Types.MESSAGE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconMessage, null);
 
-    case Type.MODERATIONS:
+    case Types.MODERATIONS:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconModerations, null);
 
-    case Type.MORE:
+    case Types.MORE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconMore, null);
 
-    case Type.MUTE:
+    case Types.MUTE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconMute, null);
 
-    case Type.NOTIFICATIONS:
+    case Types.NOTIFICATIONS:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconNotifications, null);
 
-    case Type.NOTIFICATIONS_OFF_FILLED:
+    case Types.NOTIFICATIONS_OFF_FILLED:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconNotificationsOffFilled, null);
 
-    case Type.OPERATOR:
+    case Types.OPERATOR:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconOperator, null);
 
-    case Type.PHOTO:
+    case Types.PHOTO:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconPhoto, null);
 
-    case Type.PLAY:
+    case Types.PLAY:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconPlay, null);
 
-    case Type.PLUS:
+    case Types.PLUS:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconPlus, null);
 
-    case Type.QUESTION:
+    case Types.QUESTION:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconQuestion, null);
 
-    case Type.REFRESH:
+    case Types.REFRESH:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconRefresh, null);
 
-    case Type.REMOVE:
+    case Types.REMOVE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconRemove, null);
 
-    case Type.REPLY:
+    case Types.REPLY:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconReplyFilled, null);
 
-    case Type.SEARCH:
+    case Types.SEARCH:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconSearch, null);
 
-    case Type.SEND:
+    case Types.SEND:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconSend, null);
 
-    case Type.SETTINGS_FILLED:
+    case Types.SETTINGS_FILLED:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconSettingsFilled, null);
 
-    case Type.SPINNER:
+    case Types.SPINNER:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconSpinner, null);
 
-    case Type.SUPERGROUP:
+    case Types.SUPERGROUP:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconSupergroup, null);
 
-    case Type.THUMBNAIL_NONE:
+    case Types.THUMBNAIL_NONE:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconThumbnailNone, null);
 
-    case Type.TOGGLE_OFF:
+    case Types.TOGGLE_OFF:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconToggleoff, null);
 
-    case Type.TOGGLE_ON:
+    case Types.TOGGLE_ON:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconToggleon, null);
 
-    case Type.USER:
+    case Types.USER:
       return /*#__PURE__*/React__default["default"].createElement(SvgIconUser, null);
 
     default:
@@ -1238,178 +1452,6 @@ function changeTypeToIconComponent(type) {
   }
 }
 
-function changeTypeToIconClassName(type) {
-  switch (type) {
-    case Type.ADD:
-      return 'sendbird-icon-add';
-
-    case Type.ARROW_LEFT:
-      return 'sendbird-icon-arrow-left';
-
-    case Type.ATTACH:
-      return 'sendbird-icon-attach';
-
-    case Type.BAN:
-      return 'sendbird-icon-ban';
-
-    case Type.BROADCAST:
-      return 'sendbird-icon-broadcast';
-
-    case Type.CAMERA:
-      return 'sendbird-icon-camera';
-
-    case Type.CHANNELS:
-      return 'sendbird-icon-channels';
-
-    case Type.CHAT:
-      return 'sendbird-icon-chat';
-
-    case Type.CHAT_FILLED:
-      return 'sendbird-icon-chat-filled';
-
-    case Type.CHEVRON_DOWN:
-      return 'sendbird-icon-chevron-down';
-
-    case Type.CHEVRON_RIGHT:
-      return 'sendbird-icon-chevron-right';
-
-    case Type.CLOSE:
-      return 'sendbird-icon-close';
-
-    case Type.COLLAPSE:
-      return 'sendbird-icon-collapse';
-
-    case Type.COPY:
-      return 'sendbird-icon-copy';
-
-    case Type.CREATE:
-      return 'sendbird-icon-create';
-
-    case Type.DELETE:
-      return 'sendbird-icon-delete';
-
-    case Type.DISCONNECTED:
-      return 'sendbird-icon-disconnected';
-
-    case Type.DOCUMENT:
-      return 'sendbird-icon-document';
-
-    case Type.DONE:
-      return 'sendbird-icon-done';
-
-    case Type.DONE_ALL:
-      return 'sendbird-icon-done-all';
-
-    case Type.DOWNLOAD:
-      return 'sendbird-icon-down-load';
-
-    case Type.EDIT:
-      return 'sendbird-icon-edit';
-
-    case Type.EMOJI_MORE:
-      return 'sendbird-icon-emoji-more';
-
-    case Type.ERROR:
-      return 'sendbird-icon-error';
-
-    case Type.EXPAND:
-      return 'sendbird-icon-expand';
-
-    case Type.FILE_AUDIO:
-      return 'sendbird-icon-file-audio';
-
-    case Type.FILE_DOCUMENT:
-      return 'sendbird-icon-file-document';
-
-    case Type.FREEZE:
-      return 'sendbird-icon-freeze';
-
-    case Type.GIF:
-      return 'sendbird-icon-gif';
-
-    case Type.INFO:
-      return 'sendbird-icon-info';
-
-    case Type.LEAVE:
-      return 'sendbird-icon-leave';
-
-    case Type.MEMBERS:
-      return 'sendbird-icon-members';
-
-    case Type.MESSAGE:
-      return 'sendbird-icon-message';
-
-    case Type.MODERATIONS:
-      return 'sendbird-icon-moderations';
-
-    case Type.MORE:
-      return 'sendbird-icon-more';
-
-    case Type.MUTE:
-      return 'sendbird-icon-mute';
-
-    case Type.NOTIFICATIONS:
-      return 'sendbird-icon-notifications';
-
-    case Type.NOTIFICATIONS_OFF_FILLED:
-      return 'sendbird-icon-notifications-off-filled';
-
-    case Type.OPERATOR:
-      return 'sendbird-icon-operator';
-
-    case Type.PHOTO:
-      return 'sendbird-icon-photo';
-
-    case Type.PLAY:
-      return 'sendbird-icon-play';
-
-    case Type.PLUS:
-      return 'sendbird-iconn-plus';
-
-    case Type.QUESTION:
-      return 'sendbird-icon-question';
-
-    case Type.REFRESH:
-      return 'sendbird-icon-refresh';
-
-    case Type.REMOVE:
-      return 'sendbird-icon-remove';
-
-    case Type.REPLY:
-      return 'sendbird-icon-reply';
-
-    case Type.SEARCH:
-      return 'sendbird-icon-search';
-
-    case Type.SEND:
-      return 'sendbird-icon-send';
-
-    case Type.SETTINGS_FILLED:
-      return 'sendbird-icon-settings-filled';
-
-    case Type.SPINNER:
-      return 'sendbird-icon-spinner';
-
-    case Type.SUPERGROUP:
-      return 'sendbird-icon-supergroup';
-
-    case Type.THUMBNAIL_NONE:
-      return 'sendbird-icon-thumbnail-none';
-
-    case Type.TOGGLE_OFF:
-      return 'sendbird-icon-toggle-off';
-
-    case Type.TOGGLE_ON:
-      return 'sendbird-icon-toggle-on';
-
-    case Type.USER:
-      return 'sendbird-icon-user';
-
-    default:
-      return 'sendbird-icon-unknown';
-    // If you see this text 'icon' replace icon for it
-  }
-}
 function Icon(_ref) {
   let {
     className,
@@ -1439,7 +1481,7 @@ Icon.propTypes = {
   className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
 
   /** Type: Use strings from below list */
-  type: PropTypes__default["default"].oneOfType([PropTypes__default["default"].oneOf(Object.keys(Type)), PropTypes__default["default"].string]).isRequired,
+  type: PropTypes__default["default"].oneOfType([PropTypes__default["default"].oneOf(Object.keys(Types)), PropTypes__default["default"].string]).isRequired,
 
   /** Type: Use Colors from below list */
   fillColor: PropTypes__default["default"].oneOf(Object.keys(Colors)),
@@ -1456,12 +1498,10 @@ Icon.defaultProps = {
   onClick: () => {},
   children: null
 };
-const IconTypes = Type;
+const IconTypes = Types;
 const IconColors = Colors;
 
 exports.IconColors = IconColors;
 exports.IconTypes = IconTypes;
-exports.changeColorToClassName = changeColorToClassName;
-exports.changeTypeToIconClassName = changeTypeToIconClassName;
 exports["default"] = Icon;
 //# sourceMappingURL=Icon.js.map