@sendbird/uikit-react 3.3.5 → 3.5.0-beta.0

package/cjs/{UserProfileContext-80409a4d.js → UserProfileContext-9d60cdc4.js}

@@ -49,4 +49,4 @@ UserProfileProvider.defaultProps = {
 
 exports.UserProfileContext = UserProfileContext;
 exports.UserProfileProvider = UserProfileProvider;
-//# sourceMappingURL=UserProfileContext-80409a4d.js.map
+//# sourceMappingURL=UserProfileContext-9d60cdc4.js.map

package/cjs/{UserProfileContext-80409a4d.js.map → UserProfileContext-9d60cdc4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UserProfileContext-80409a4d.js","sources":["../../src/lib/UserProfileContext.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n * user profile goes deep inside the component tree\n * use this context as a short circuit to send in values\n */\nconst UserProfileContext = React.createContext({\n  disableUserProfile: true,\n  isOpenChannel: false,\n  renderUserProfile: null,\n  onUserProfileMessage: null,\n});\n\nconst UserProfileProvider = (props) => {\n  const { children } = props;\n  return (\n    <UserProfileContext.Provider value={props}>\n      {children}\n    </UserProfileContext.Provider>\n  );\n};\n\nUserProfileProvider.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.element),\n    PropTypes.any,\n  ]).isRequired,\n  // eslint-disable-next-line react/no-unused-prop-types\n  isOpenChannel: PropTypes.bool,\n  // eslint-disable-next-line react/no-unused-prop-types\n  disableUserProfile: PropTypes.bool,\n  // eslint-disable-next-line react/no-unused-prop-types\n  renderUserProfile: PropTypes.func,\n  // eslint-disable-next-line react/no-unused-prop-types\n  onUserProfileMessage: PropTypes.func,\n};\n\nUserProfileProvider.defaultProps = {\n  isOpenChannel: false,\n  disableUserProfile: false,\n  renderUserProfile: null,\n  onUserProfileMessage: null,\n};\n\nexport { UserProfileContext, UserProfileProvider };\n"],"names":["UserProfileContext","React","createContext","disableUserProfile","isOpenChannel","renderUserProfile","onUserProfileMessage","UserProfileProvider","props","children","propTypes","PropTypes","oneOfType","element","arrayOf","any","isRequired","bool","func","defaultProps"],"mappings":";;;;;;;;;;AAGA;AACA;AACA;AACA;;AACA,MAAMA,kBAAkB,gBAAGC,yBAAK,CAACC,aAAN,CAAoB;AAC7CC,EAAAA,kBAAkB,EAAE,IADyB;AAE7CC,EAAAA,aAAa,EAAE,KAF8B;AAG7CC,EAAAA,iBAAiB,EAAE,IAH0B;AAI7CC,EAAAA,oBAAoB,EAAE,IAAA;AAJuB,CAApB,EAA3B;;AAOMC,MAAAA,mBAAmB,GAAIC,KAAD,IAAW;EACrC,MAAM;AAAEC,IAAAA,QAAAA;AAAF,GAAA,GAAeD,KAArB,CAAA;EACA,oBACEP,yBAAA,CAAA,aAAA,CAAC,kBAAD,CAAoB,QAApB,EAAA;AAA6B,IAAA,KAAK,EAAEO,KAAAA;AAApC,GAAA,EACGC,QADH,CADF,CAAA;AAKD,EAPD;;AASAF,mBAAmB,CAACG,SAApB,GAAgC;EAC9BD,QAAQ,EAAEE,6BAAS,CAACC,SAAV,CAAoB,CAC5BD,6BAAS,CAACE,OADkB,EAE5BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,OAA5B,CAF4B,EAG5BF,6BAAS,CAACI,GAHkB,CAApB,CAAA,CAIPC,UAL2B;AAM9B;EACAZ,aAAa,EAAEO,6BAAS,CAACM,IAPK;AAQ9B;EACAd,kBAAkB,EAAEQ,6BAAS,CAACM,IATA;AAU9B;EACAZ,iBAAiB,EAAEM,6BAAS,CAACO,IAXC;AAY9B;EACAZ,oBAAoB,EAAEK,6BAAS,CAACO,IAAAA;AAbF,CAAhC,CAAA;AAgBAX,mBAAmB,CAACY,YAApB,GAAmC;AACjCf,EAAAA,aAAa,EAAE,KADkB;AAEjCD,EAAAA,kBAAkB,EAAE,KAFa;AAGjCE,EAAAA,iBAAiB,EAAE,IAHc;AAIjCC,EAAAA,oBAAoB,EAAE,IAAA;AAJW,CAAnC;;;;;"}
+{"version":3,"file":"UserProfileContext-9d60cdc4.js","sources":["../../src/lib/UserProfileContext.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n * user profile goes deep inside the component tree\n * use this context as a short circuit to send in values\n */\nconst UserProfileContext = React.createContext({\n  disableUserProfile: true,\n  isOpenChannel: false,\n  renderUserProfile: null,\n  onUserProfileMessage: null,\n});\n\nconst UserProfileProvider = (props) => {\n  const { children } = props;\n  return (\n    <UserProfileContext.Provider value={props}>\n      {children}\n    </UserProfileContext.Provider>\n  );\n};\n\nUserProfileProvider.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.element),\n    PropTypes.any,\n  ]).isRequired,\n  // eslint-disable-next-line react/no-unused-prop-types\n  isOpenChannel: PropTypes.bool,\n  // eslint-disable-next-line react/no-unused-prop-types\n  disableUserProfile: PropTypes.bool,\n  // eslint-disable-next-line react/no-unused-prop-types\n  renderUserProfile: PropTypes.func,\n  // eslint-disable-next-line react/no-unused-prop-types\n  onUserProfileMessage: PropTypes.func,\n};\n\nUserProfileProvider.defaultProps = {\n  isOpenChannel: false,\n  disableUserProfile: false,\n  renderUserProfile: null,\n  onUserProfileMessage: null,\n};\n\nexport { UserProfileContext, UserProfileProvider };\n"],"names":["UserProfileContext","React","createContext","disableUserProfile","isOpenChannel","renderUserProfile","onUserProfileMessage","UserProfileProvider","props","children","propTypes","PropTypes","oneOfType","element","arrayOf","any","isRequired","bool","func","defaultProps"],"mappings":";;;;;;;;;;AAGA;AACA;AACA;AACA;;AACA,MAAMA,kBAAkB,gBAAGC,yBAAK,CAACC,aAAN,CAAoB;AAC7CC,EAAAA,kBAAkB,EAAE,IADyB;AAE7CC,EAAAA,aAAa,EAAE,KAF8B;AAG7CC,EAAAA,iBAAiB,EAAE,IAH0B;AAI7CC,EAAAA,oBAAoB,EAAE,IAAA;AAJuB,CAApB,EAA3B;;AAOMC,MAAAA,mBAAmB,GAAIC,KAAD,IAAW;EACrC,MAAM;AAAEC,IAAAA,QAAAA;AAAF,GAAA,GAAeD,KAArB,CAAA;EACA,oBACEP,yBAAA,CAAA,aAAA,CAAC,kBAAD,CAAoB,QAApB,EAAA;AAA6B,IAAA,KAAK,EAAEO,KAAAA;AAApC,GAAA,EACGC,QADH,CADF,CAAA;AAKD,EAPD;;AASAF,mBAAmB,CAACG,SAApB,GAAgC;EAC9BD,QAAQ,EAAEE,6BAAS,CAACC,SAAV,CAAoB,CAC5BD,6BAAS,CAACE,OADkB,EAE5BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,OAA5B,CAF4B,EAG5BF,6BAAS,CAACI,GAHkB,CAApB,CAAA,CAIPC,UAL2B;AAM9B;EACAZ,aAAa,EAAEO,6BAAS,CAACM,IAPK;AAQ9B;EACAd,kBAAkB,EAAEQ,6BAAS,CAACM,IATA;AAU9B;EACAZ,iBAAiB,EAAEM,6BAAS,CAACO,IAXC;AAY9B;EACAZ,oBAAoB,EAAEK,6BAAS,CAACO,IAAAA;AAbF,CAAhC,CAAA;AAgBAX,mBAAmB,CAACY,YAApB,GAAmC;AACjCf,EAAAA,aAAa,EAAE,KADkB;AAEjCD,EAAAA,kBAAkB,EAAE,KAFa;AAGjCE,EAAAA,iBAAiB,EAAE,IAHc;AAIjCC,EAAAA,oBAAoB,EAAE,IAAA;AAJW,CAAnC;;;;;"}

package/cjs/{_rollupPluginBabelHelpers-41d3db2d.js → _rollupPluginBabelHelpers-a7254c9d.js}

@@ -60,4 +60,4 @@ function _extends() {
 
 exports._extends = _extends;
 exports._objectSpread2 = _objectSpread2;
-//# sourceMappingURL=_rollupPluginBabelHelpers-41d3db2d.js.map
+//# sourceMappingURL=_rollupPluginBabelHelpers-a7254c9d.js.map

package/cjs/_rollupPluginBabelHelpers-a7254c9d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_rollupPluginBabelHelpers-a7254c9d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/{actionTypes-697b5dfb.js → actionTypes-0e8bea91.js}

@@ -7,4 +7,4 @@ const UPDATE_USER_INFO = 'UPDATE_USER_INFO';
 exports.INIT_USER = INIT_USER;
 exports.RESET_USER = RESET_USER;
 exports.UPDATE_USER_INFO = UPDATE_USER_INFO;
-//# sourceMappingURL=actionTypes-697b5dfb.js.map
+//# sourceMappingURL=actionTypes-0e8bea91.js.map

package/cjs/{actionTypes-697b5dfb.js.map → actionTypes-0e8bea91.js.map}

@@ -1 +1 @@
-{"version":3,"file":"actionTypes-697b5dfb.js","sources":["../../src/lib/dux/user/actionTypes.js"],"sourcesContent":["export const INIT_USER = 'INIT_USER';\nexport const RESET_USER = 'RESET_USER';\nexport const SET_USER_LOADING = 'SET_USER_LOADING';\nexport const UPDATE_USER_INFO = 'UPDATE_USER_INFO';\n"],"names":["INIT_USER","RESET_USER","UPDATE_USER_INFO"],"mappings":";;AAAO,MAAMA,SAAS,GAAG,YAAlB;AACA,MAAMC,UAAU,GAAG,aAAnB;AAEA,MAAMC,gBAAgB,GAAG;;;;;;"}
+{"version":3,"file":"actionTypes-0e8bea91.js","sources":["../../src/lib/dux/user/actionTypes.js"],"sourcesContent":["export const INIT_USER = 'INIT_USER';\nexport const RESET_USER = 'RESET_USER';\nexport const SET_USER_LOADING = 'SET_USER_LOADING';\nexport const UPDATE_USER_INFO = 'UPDATE_USER_INFO';\n"],"names":["INIT_USER","RESET_USER","UPDATE_USER_INFO"],"mappings":";;AAAO,MAAMA,SAAS,GAAG,YAAlB;AACA,MAAMC,UAAU,GAAG,aAAnB;AAEA,MAAMC,gBAAgB,GAAG;;;;;;"}

package/cjs/{color-d7217651.js → color-89f33656.js}

@@ -42,4 +42,4 @@ var changeColorToClassName = function (color) {
 };
 
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=color-d7217651.js.map
+//# sourceMappingURL=color-89f33656.js.map

package/cjs/{color-d7217651.js.map → color-89f33656.js.map}

@@ -1 +1 @@
-{"version":3,"file":"color-d7217651.js","sources":["../../src/utils/color.ts"],"sourcesContent":["import './color.scss';\n\nexport enum Colors {\n  ONBACKGROUND_1 = 'ONBACKGROUND_1',\n  ONBACKGROUND_2 = 'ONBACKGROUND_2',\n  ONBACKGROUND_3 = 'ONBACKGROUND_3',\n  ONBACKGROUND_4 = 'ONBACKGROUND_4',\n  ONCONTENT_1 = 'ONCONTENT_1',\n  ONCONTENT_2 = 'ONCONTENT_2',\n  PRIMARY = 'PRIMARY',\n  ERROR = 'ERROR',\n}\n\nexport const changeColorToClassName = (color: Colors): string => {\n  switch (color) {\n    case Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';\n    case Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';\n    case Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';\n    case Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';\n    case Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';\n    case Colors.PRIMARY: return 'sendbird-color--primary';\n    case Colors.ERROR: return 'sendbird-color--error';\n    default: return null;\n  }\n};\n"],"names":["Colors","changeColorToClassName","color","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","PRIMARY","ERROR"],"mappings":";;AAEYA,wBAAZ;;AAAA,CAAA,UAAYA,MAAZ,EAAkB;AAChBA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACD,CATD,EAAYA,cAAM,KAANA,cAAM,GASjB,EATiB,CAAlB,CAAA,CAAA;;AAWaC,IAAAA,sBAAsB,GAAG,UAACC,KAAD,EAAc;AAClD,EAAA,QAAQA,KAAR;IACE,KAAKF,cAAM,CAACG,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKH,cAAM,CAACI,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKJ,cAAM,CAACK,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKL,cAAM,CAACM,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKN,cAAM,CAACO,WAAZ;AAAyB,MAAA,OAAO,6BAAP,CAAA;;IACzB,KAAKP,cAAM,CAACQ,OAAZ;AAAqB,MAAA,OAAO,yBAAP,CAAA;;IACrB,KAAKR,cAAM,CAACS,KAAZ;AAAmB,MAAA,OAAO,uBAAP,CAAA;;AACnB,IAAA;AAAS,MAAA,OAAO,IAAP,CAAA;AARX,GAAA;AAUD;;;;"}
+{"version":3,"file":"color-89f33656.js","sources":["../../src/utils/color.ts"],"sourcesContent":["import './color.scss';\n\nexport enum Colors {\n  ONBACKGROUND_1 = 'ONBACKGROUND_1',\n  ONBACKGROUND_2 = 'ONBACKGROUND_2',\n  ONBACKGROUND_3 = 'ONBACKGROUND_3',\n  ONBACKGROUND_4 = 'ONBACKGROUND_4',\n  ONCONTENT_1 = 'ONCONTENT_1',\n  ONCONTENT_2 = 'ONCONTENT_2',\n  PRIMARY = 'PRIMARY',\n  ERROR = 'ERROR',\n}\n\nexport const changeColorToClassName = (color: Colors): string => {\n  switch (color) {\n    case Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';\n    case Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';\n    case Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';\n    case Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';\n    case Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';\n    case Colors.PRIMARY: return 'sendbird-color--primary';\n    case Colors.ERROR: return 'sendbird-color--error';\n    default: return null;\n  }\n};\n"],"names":["Colors","changeColorToClassName","color","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","PRIMARY","ERROR"],"mappings":";;AAEYA,wBAAZ;;AAAA,CAAA,UAAYA,MAAZ,EAAkB;AAChBA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACD,CATD,EAAYA,cAAM,KAANA,cAAM,GASjB,EATiB,CAAlB,CAAA,CAAA;;AAWaC,IAAAA,sBAAsB,GAAG,UAACC,KAAD,EAAc;AAClD,EAAA,QAAQA,KAAR;IACE,KAAKF,cAAM,CAACG,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKH,cAAM,CAACI,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKJ,cAAM,CAACK,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKL,cAAM,CAACM,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKN,cAAM,CAACO,WAAZ;AAAyB,MAAA,OAAO,6BAAP,CAAA;;IACzB,KAAKP,cAAM,CAACQ,OAAZ;AAAqB,MAAA,OAAO,yBAAP,CAAA;;IACrB,KAAKR,cAAM,CAACS,KAAZ;AAAmB,MAAA,OAAO,uBAAP,CAAA;;AACnB,IAAA;AAAS,MAAA,OAAO,IAAP,CAAA;AARX,GAAA;AAUD;;;;"}

package/cjs/{compareIds-caa9f926.js → compareIds-ca869c2e.js}

@@ -15,4 +15,4 @@ function compareIds (a, b) {
 }
 
 exports.compareIds = compareIds;
-//# sourceMappingURL=compareIds-caa9f926.js.map
+//# sourceMappingURL=compareIds-ca869c2e.js.map

package/cjs/{compareIds-caa9f926.js.map → compareIds-ca869c2e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"compareIds-caa9f926.js","sources":["../../src/utils/compareIds.js"],"sourcesContent":["const isEmpty = (val) => (val === null || val === undefined);\n\n// Some Ids return string and number inconsistently\n// only use to comapre IDs\nexport default function (a, b) {\n  if (isEmpty(a) || isEmpty(b)) {\n    return false;\n  }\n  const aString = a.toString();\n  const bString = b.toString();\n  return aString === bString;\n}\n"],"names":["isEmpty","val","undefined","a","b","aString","toString","bString"],"mappings":";;AAAA,MAAMA,OAAO,GAAIC,GAAD,IAAUA,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKC,SAAlD;AAGA;;;AACe,mBAAUC,EAAAA,CAAV,EAAaC,CAAb,EAAgB;EAC7B,IAAIJ,OAAO,CAACG,CAAD,CAAP,IAAcH,OAAO,CAACI,CAAD,CAAzB,EAA8B;AAC5B,IAAA,OAAO,KAAP,CAAA;AACD,GAAA;;AACD,EAAA,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAF,EAAhB,CAAA;AACA,EAAA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAF,EAAhB,CAAA;EACA,OAAOD,OAAO,KAAKE,OAAnB,CAAA;AACD;;;;"}
+{"version":3,"file":"compareIds-ca869c2e.js","sources":["../../src/utils/compareIds.js"],"sourcesContent":["const isEmpty = (val) => (val === null || val === undefined);\n\n// Some Ids return string and number inconsistently\n// only use to comapre IDs\nexport default function (a, b) {\n  if (isEmpty(a) || isEmpty(b)) {\n    return false;\n  }\n  const aString = a.toString();\n  const bString = b.toString();\n  return aString === bString;\n}\n"],"names":["isEmpty","val","undefined","a","b","aString","toString","bString"],"mappings":";;AAAA,MAAMA,OAAO,GAAIC,GAAD,IAAUA,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKC,SAAlD;AAGA;;;AACe,mBAAUC,EAAAA,CAAV,EAAaC,CAAb,EAAgB;EAC7B,IAAIJ,OAAO,CAACG,CAAD,CAAP,IAAcH,OAAO,CAACI,CAAD,CAAzB,EAA8B;AAC5B,IAAA,OAAO,KAAP,CAAA;AACD,GAAA;;AACD,EAAA,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAF,EAAhB,CAAA;AACA,EAAA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAF,EAAhB,CAAA;EACA,OAAOD,OAAO,KAAKE,OAAnB,CAAA;AACD;;;;"}

package/cjs/{const-4235b5b5.js → const-55d167ca.js}

@@ -17,4 +17,4 @@ exports.MAX_USER_SUGGESTION_COUNT = MAX_USER_SUGGESTION_COUNT;
 exports.NEXT_RESULT_SIZE = NEXT_RESULT_SIZE;
 exports.PREV_RESULT_SIZE = PREV_RESULT_SIZE;
 exports.USER_MENTION_TEMP_CHAR = USER_MENTION_TEMP_CHAR;
-//# sourceMappingURL=const-4235b5b5.js.map
+//# sourceMappingURL=const-55d167ca.js.map

package/cjs/{const-4235b5b5.js.map → const-55d167ca.js.map}

@@ -1 +1 @@
-{"version":3,"file":"const-4235b5b5.js","sources":["../../src/smart-components/Channel/context/const.ts"],"sourcesContent":["export const PREV_RESULT_SIZE = 30;\nexport const NEXT_RESULT_SIZE = 15;\n\nexport const MAX_USER_MENTION_COUNT = 10;\nexport const MAX_USER_SUGGESTION_COUNT = 15;\nexport const USER_MENTION_TEMP_CHAR = '@';\n\nexport enum ThreadReplySelectType {\n  PARENT = 'PARENT',\n  THREAD = 'THREAD',\n}\n"],"names":["PREV_RESULT_SIZE","NEXT_RESULT_SIZE","MAX_USER_MENTION_COUNT","MAX_USER_SUGGESTION_COUNT","USER_MENTION_TEMP_CHAR","ThreadReplySelectType"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG,GAAzB;AACA,IAAMC,gBAAgB,GAAG,GAAzB;AAEA,IAAMC,sBAAsB,GAAG,GAA/B;AACA,IAAMC,yBAAyB,GAAG,GAAlC;AACA,IAAMC,sBAAsB,GAAG,IAA/B;AAEKC,uCAAZ;;AAAA,CAAA,UAAYA,qBAAZ,EAAiC;AAC/BA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACAA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACD,CAHD,EAAYA,6BAAqB,KAArBA,6BAAqB,GAGhC,EAHgC,CAAjC,CAAA;;;;;;;;"}
+{"version":3,"file":"const-55d167ca.js","sources":["../../src/smart-components/Channel/context/const.ts"],"sourcesContent":["export const PREV_RESULT_SIZE = 30;\nexport const NEXT_RESULT_SIZE = 15;\n\nexport const MAX_USER_MENTION_COUNT = 10;\nexport const MAX_USER_SUGGESTION_COUNT = 15;\nexport const USER_MENTION_TEMP_CHAR = '@';\n\nexport enum ThreadReplySelectType {\n  PARENT = 'PARENT',\n  THREAD = 'THREAD',\n}\n"],"names":["PREV_RESULT_SIZE","NEXT_RESULT_SIZE","MAX_USER_MENTION_COUNT","MAX_USER_SUGGESTION_COUNT","USER_MENTION_TEMP_CHAR","ThreadReplySelectType"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG,GAAzB;AACA,IAAMC,gBAAgB,GAAG,GAAzB;AAEA,IAAMC,sBAAsB,GAAG,GAA/B;AACA,IAAMC,yBAAyB,GAAG,GAAlC;AACA,IAAMC,sBAAsB,GAAG,IAA/B;AAEKC,uCAAZ;;AAAA,CAAA,UAAYA,qBAAZ,EAAiC;AAC/BA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACAA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACD,CAHD,EAAYA,6BAAqB,KAArBA,6BAAqB,GAGhC,EAHgC,CAAjC,CAAA;;;;;;;;"}

package/cjs/{const-4ba60f84.js → const-db71e993.js}

@@ -19,4 +19,4 @@ var NodeNames = {
 exports.MessageInputKeys = MessageInputKeys;
 exports.NodeNames = NodeNames;
 exports.NodeTypes = NodeTypes;
-//# sourceMappingURL=const-4ba60f84.js.map
+//# sourceMappingURL=const-db71e993.js.map

package/cjs/{const-4ba60f84.js.map → const-db71e993.js.map}

@@ -1 +1 @@
-{"version":3,"file":"const-4ba60f84.js","sources":["../../src/ui/MessageInput/const.ts"],"sourcesContent":["export const MessageInputKeys = {\n  Enter: 'Enter',\n  ArrowUp: 'ArrowUp',\n  ArrowDown: 'ArrowDown',\n  Backspace: 'Backspace',\n};\n\nexport const NodeTypes = {\n  ElementNode: 1,\n  TextNode: 3,\n};\n\nexport const NodeNames = {\n  Span: 'SPAN',\n  Br: 'BR',\n  Div: 'DIV',\n};\n"],"names":["MessageInputKeys","Enter","ArrowUp","ArrowDown","Backspace","NodeTypes","ElementNode","TextNode","NodeNames","Span","Br","Div"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OADuB;AAE9BC,EAAAA,OAAO,EAAE,SAFqB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,SAAS,EAAE,WAAA;AAJmB,EAAzB;AAOA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CADU;AAEvBC,EAAAA,QAAQ,EAAE,CAAA;AAFa,EAAlB;AAKA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,EAAE,EAAE,IAFmB;AAGvBC,EAAAA,GAAG,EAAE,KAAA;AAHkB;;;;;;"}
+{"version":3,"file":"const-db71e993.js","sources":["../../src/ui/MessageInput/const.ts"],"sourcesContent":["export const MessageInputKeys = {\n  Enter: 'Enter',\n  ArrowUp: 'ArrowUp',\n  ArrowDown: 'ArrowDown',\n  Backspace: 'Backspace',\n};\n\nexport const NodeTypes = {\n  ElementNode: 1,\n  TextNode: 3,\n};\n\nexport const NodeNames = {\n  Span: 'SPAN',\n  Br: 'BR',\n  Div: 'DIV',\n};\n"],"names":["MessageInputKeys","Enter","ArrowUp","ArrowDown","Backspace","NodeTypes","ElementNode","TextNode","NodeNames","Span","Br","Div"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OADuB;AAE9BC,EAAAA,OAAO,EAAE,SAFqB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,SAAS,EAAE,WAAA;AAJmB,EAAzB;AAOA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CADU;AAEvBC,EAAAA,QAAQ,EAAE,CAAA;AAFa,EAAlB;AAKA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,EAAE,EAAE,IAFmB;AAGvBC,EAAAA,GAAG,EAAE,KAAA;AAHkB;;;;;;"}

package/cjs/{context-867cb427.js → context-2f5d47fd.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var utils = require('./utils-33e5dfc7.js');
+var utils = require('./utils-1f6c6626.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,4 +16,4 @@ var Provider = Context.Provider;
 
 exports.Consumer = Consumer;
 exports.Provider = Provider;
-//# sourceMappingURL=context-867cb427.js.map
+//# sourceMappingURL=context-2f5d47fd.js.map

package/cjs/{context-867cb427.js.map → context-2f5d47fd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"context-867cb427.js","sources":["../../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n  setOpened(accordion: string): void;\n  opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n  opened: '', // mock default value\n  setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;;;;;;;AASA,IAAMA,OAAO,gBAAGC,yBAAK,CAACC,aAAN,CAAkC;AAChDC,EAAAA,MAAM,EAAE,EADwC;AAEhDC,EAAAA,SAAS,EAAEC,UAAAA;AAFqC,CAAlC,CAAhB,CAAA;AAKaC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAzB;AACMC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;;"}
+{"version":3,"file":"context-2f5d47fd.js","sources":["../../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n  setOpened(accordion: string): void;\n  opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n  opened: '', // mock default value\n  setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;;;;;;;AASA,IAAMA,OAAO,gBAAGC,yBAAK,CAACC,aAAN,CAAkC;AAChDC,EAAAA,MAAM,EAAE,EADwC;AAEhDC,EAAAA,SAAS,EAAEC,UAAAA;AAFqC,CAAlC,CAAhB,CAAA;AAKaC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAzB;AACMC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;;"}

package/cjs/dist/index.css

@@ -58,98 +58,83 @@
 .sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
   background-color: var(--sendbird-dark-background-300);
 }
-.sendbird-open-channel-list,
-.sendbird-open-channel-list-ui {
-  position: relative;
-  display: inline-flex;
-  flex-direction: column;
-  width: 256px;
-  min-width: 256px;
-  height: 100%;
-  box-sizing: border-box;
-}
-.sendbird--mobile-mode .sendbird-open-channel-list,
-.sendbird--mobile-mode .sendbird-open-channel-list-ui {
-  width: 100%;
+@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap');
+
+.sb-message-template__action {
+  cursor: pointer;
 }
-.sendbird-theme--light .sendbird-open-channel-list,
-.sendbird-theme--light .sendbird-open-channel-list-ui {
-  border-right: solid 1px var(--sendbird-light-onlight-04);
+.sb-message-template__parent {
+  font-family: 'Roboto';
 }
-.sendbird-theme--dark .sendbird-open-channel-list,
-.sendbird-theme--dark .sendbird-open-channel-list-ui {
-  border-right: solid 1px var(--sendbird-dark-ondark-04);
+.sendbird-theme--light
+.sb-message-template__box {
+  background-color: #eee;
 }
-.sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
-.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
-  position: relative;
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  width: 100%;
-  height: 64px;
-  box-sizing: border-box;
+.sendbird-theme--dark
+.sb-message-template__box {
+  background-color: #2c2c2c;
 }
-.sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
-.sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
-  border-bottom: solid 1px var(--sendbird-light-onlight-04);
+
+.sendbird-theme--light
+.sb-message-template__text {
+  color: rgba(0, 0, 0, 0.88);
 }
-.sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
-.sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
-  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
+.sendbird-theme--dark
+.sb-message-template__text {
+  color: rgba(255, 255, 255, 0.88);
 }
-.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
-.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
-  position: relative;
-  margin-left: 24px;
-  display: inline-flex;
-  align-items: center;
-  box-sizing: border-box;
+.sb-message-template__text {
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: normal;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.43;
+  letter-spacing: normal;
+  text-align: left;
 }
-.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
-.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
-  position: absolute;
-  top: 16px;
-  right: 56px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
+
+.sendbird-theme--light
+.sb-message-template__text-button {
+  background-color: #e0e0e0;
+  color: #742ddd;
 }
-.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
-.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
-  position: absolute;
-  top: 16px;
-  right: 16px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
+.sendbird-theme--dark
+.sb-message-template__text-button {
+  background-color: #393939;
+  color: #c2a9fa;
 }
-.sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
-.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
-  position: relative;
-  display: inline-flex;
-  flex-direction: column;
-  width: 100%;
-  height: calc(100% - 64px);
-  box-sizing: border-box;
-  overflow-y: scroll;
+.sb-message-template__text-button {
+  height: 36px;
+  padding: 10px 20px;
+  border-radius: 6px;
+  font-family: Roboto;
+  font-size: 14px;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.43;
+  letter-spacing: normal;
+  text-align: center;
+  /* opacity: 0.8; */
 }
 
-.sendbird-open-channel-list-ui__channel-list--place-holder--loading {
-  position: relative;
-  min-height: 62px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
+.sb-message-template__text-button:hover {
+  opacity: 1;
+  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
 }
-.sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
-  background-color: var(--sendbird-light-background-100);
+
+.sb-message-template__text-button,
+.sb-message-template__image-button {
+  cursor: pointer;
+  border-style: none;
 }
-.sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
-  background-color: var(--sendbird-dark-background-500);
+
+.sb-message-template__parent {
+  border-radius: 8px;
+  overflow: hidden;
 }
+
 .sendbird-create-open-channel-ui {
   position: relative;
   display: inline-flex;
@@ -205,6 +190,77 @@
   display: inline-flex;
   flex-direction: row;
 }
+.sendbird-notification-channel__message-wrap {
+  padding-left: 48px;
+  margin-right: 16px;
+  box-sizing: border-box;
+  /**
+   * 1. Modify unknown message to be visually similar with other platforms
+   */
+}
+.sendbird-notification-channel__message-wrap .sendbird-unknown-message-item-body {
+  width: 100%;
+}
+.sendbird-notification-channel__message-wrap .sendbird-unknown-message-item-body__description {
+  white-space: pre-line;
+}
+.sendbird-theme--light .sendbird-notification-channel__message-wrap .sendbird-unknown-message-item-body__description {
+  color: var(--sendbird-light-onlight-01);
+}
+.sendbird-theme--dark .sendbird-notification-channel__message-wrap .sendbird-unknown-message-item-body__description {
+  color: var(--sendbird-dark-ondark-01);
+}
+
+.sendbird-notification-channel__message-wrap-header {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  margin-bottom: 4px;
+  margin-top: 16px;
+}
+
+.sendbird-notification-channel__message-caption {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 120px;
+}
+
+.sendbird-notification-channel__message-date-wrap {
+  position: relative;
+}
+
+.sendbird-notification-channel__unread {
+  position: absolute;
+  left: -10px;
+  top: 8px;
+  height: 6px;
+  width: 6px;
+  border-radius: 50%;
+  background-color: #259C72;
+}
+
+.sendbird-notification-channel__channel-icon-wrap {
+  position: absolute;
+  left: -32px;
+  top: 12px;
+}
+
+.sendbird-notification-channel__channel-icon {
+  display: inline-block;
+  height: 24px;
+  width: 24px;
+  border-radius: 50%;
+  box-sizing: border-box;
+  padding-top: 4px;
+  padding-left: 6px;
+  background-color: #bdbdbd;
+}
+
+.sendbird-theme--dark .sendbird-notification-channel__channel-icon-hash .icon-channels_svg__fill {
+  fill: rgba(0, 0, 0, 0.88);
+}
 .sendbird-open-channel-preview {
   position: relative;
   display: inline-flex;
@@ -324,6 +380,114 @@
   text-overflow: ellipsis;
   word-break: keep-all;
 }
+.sendbird-notification-channel__list {
+  height: 100%;
+  overflow-y: scroll;
+  width: 100%;
+}
+.sendbird-open-channel-list,
+.sendbird-open-channel-list-ui {
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  width: 256px;
+  min-width: 256px;
+  height: 100%;
+  box-sizing: border-box;
+}
+.sendbird--mobile-mode .sendbird-open-channel-list,
+.sendbird--mobile-mode .sendbird-open-channel-list-ui {
+  width: 100%;
+}
+.sendbird-theme--light .sendbird-open-channel-list,
+.sendbird-theme--light .sendbird-open-channel-list-ui {
+  border-right: solid 1px var(--sendbird-light-onlight-04);
+}
+.sendbird-theme--dark .sendbird-open-channel-list,
+.sendbird-theme--dark .sendbird-open-channel-list-ui {
+  border-right: solid 1px var(--sendbird-dark-ondark-04);
+}
+.sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
+.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
+  position: relative;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  height: 64px;
+  box-sizing: border-box;
+}
+.sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
+.sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
+  border-bottom: solid 1px var(--sendbird-light-onlight-04);
+}
+.sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,
+.sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header {
+  border-bottom: solid 1px var(--sendbird-dark-ondark-04);
+}
+.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,
+.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title {
+  position: relative;
+  margin-left: 24px;
+  display: inline-flex;
+  align-items: center;
+  box-sizing: border-box;
+}
+.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,
+.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh {
+  position: absolute;
+  top: 16px;
+  right: 56px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+}
+.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,
+.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel {
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+}
+.sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,
+.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list {
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  width: 100%;
+  height: calc(100% - 64px);
+  box-sizing: border-box;
+  overflow-y: scroll;
+}
+
+.sendbird-open-channel-list-ui__channel-list--place-holder--loading {
+  position: relative;
+  min-height: 62px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
+  background-color: var(--sendbird-light-background-100);
+}
+.sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
+  background-color: var(--sendbird-dark-background-500);
+}
+.sendbird-notification-channel {
+  height: 100%;
+}
+.sendbird-theme--light .sendbird-notification-channel {
+  background-color: var(--sendbird-light-background-50);
+  border: 1px solid var(--sendbird-light-onlight-04);
+}
+.sendbird-theme--dark .sendbird-notification-channel {
+  background-color: var(--sendbird-dark-background-600);
+  border: 1px solid var(--sendbird-dark-ondark-04);
+}
 @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
 :root {
   --sendbird-light-primary-500: #491389;
@@ -1058,6 +1222,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  z-index: 9999999;
 }
 
 .sendbird-modal__backdrop--clickoutside {
@@ -2515,7 +2680,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  max-width: 780px;
+  max-width: calc(100vw - 600px);
 }
 .sendbird--mobile-mode .sendbird-chat-header .sendbird-chat-header__left__title {
   max-width: calc(100vw - 240px);
@@ -3696,10 +3861,12 @@ div.sendbird-og-message-item-body__text-bubble {
 .sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.incoming, .sendbird-theme--dark .sendbird-unknown-message-item-body:hover.incoming {
   background-color: var(--sendbird-dark-background-400);
 }
-.sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__header {
+
+.sendbird-unknown-message-item-body__header {
   display: block;
 }
-.sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__description {
+
+.sendbird-unknown-message-item-body__description {
   display: block;
 }
 .sendbird-quote-message {