npm - @sendbird/uikit-react - Versions diffs - 3.5.2 → 3.6.0 - Mend

@sendbird/uikit-react 3.5.2 → 3.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (497) hide show

package/cjs/useSendbirdStateContext.js CHANGED Viewed

@@ -2,7 +2,7 @@
 var React = require('react');
 var withSendbird = require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-34d81327.js');
+require('./_rollupPluginBabelHelpers-6870cf75.js');
 /**
  * Example:

package/cjs/utils/message/isVoiceMessage.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var index = require('../../index-17d91cac.js');
-require('../../_rollupPluginBabelHelpers-34d81327.js');
+var index = require('../../index-4c2db3f2.js');
+require('../../_rollupPluginBabelHelpers-6870cf75.js');
 require('./getOutgoingMessageState.js');
 const isVoiceMessage = index.isVoiceMessage;

package/cjs/{utils-dc6bde9f.js → utils-5651b739.js} RENAMED Viewed

@@ -25,4 +25,4 @@ const copyToClipboard = text => {
 };
 exports.copyToClipboard = copyToClipboard;
-//# sourceMappingURL=utils-dc6bde9f.js.map
+//# sourceMappingURL=utils-5651b739.js.map

package/cjs/{utils-dc6bde9f.js.map → utils-5651b739.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils-~~dc6bde9f~~.js","sources":["../../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n // @ts-ignore: Unreachable code error\n if (window.clipboardData && window.clipboardData.setData) {\n // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n // @ts-ignore: Unreachable code error\n return window.clipboardData.setData('Text', text);\n }\n if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n const textarea = document.createElement('textarea');\n textarea.textContent = text;\n textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n document.body.appendChild(textarea);\n textarea.select();\n try {\n return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n } catch (ex) {\n return false;\n } finally {\n document.body.removeChild(textarea);\n }\n }\n return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":";;AAAaA,MAAAA,eAAe,GAAIC,IAAY,IAAc;AACxD;EACA,IAAIC,MAAM,CAACC,aAAa,IAAID,MAAM,CAACC,aAAa,CAACC,OAAO,EAAE;AACxD;AACA;IACA,OAAOF,MAAM,CAACC,aAAa,CAACC,OAAO,CAAC,MAAM,EAAEH,IAAI,CAAC,CAAA;AACnD,GAAA;EACA,IAAII,QAAQ,CAACC,qBAAqB,IAAID,QAAQ,CAACC,qBAAqB,CAAC,MAAM,CAAC,EAAE;AAC5E,IAAA,MAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAa,CAAC,UAAU,CAAC,CAAA;IACnDD,QAAQ,CAACE,WAAW,GAAGR,IAAI,CAAA;AAC3BM,IAAAA,QAAQ,CAACG,KAAK,CAACC,QAAQ,GAAG,OAAO,CAAC;AAClCN,IAAAA,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACN,QAAQ,CAAC,CAAA;IACnCA,QAAQ,CAACO,MAAM,EAAE,CAAA;IACjB,IAAI;AACF,MAAA,OAAOT,QAAQ,CAACU,WAAW,CAAC,MAAM,CAAC,CAAC;KACrC,CAAC,OAAOC,EAAE,EAAE;AACX,MAAA,OAAO,KAAK,CAAA;AACd,KAAC,SAAS;AACRX,MAAAA,QAAQ,CAACO,IAAI,CAACK,WAAW,CAACV,QAAQ,CAAC,CAAA;AACrC,KAAA;AACF,GAAA;AACA,EAAA,OAAO,KAAK,CAAA;AACd;;;;"}
1	+ {"version":3,"file":"utils-5651b739.js","sources":["../../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n // @ts-ignore: Unreachable code error\n if (window.clipboardData && window.clipboardData.setData) {\n // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n // @ts-ignore: Unreachable code error\n return window.clipboardData.setData('Text', text);\n }\n if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n const textarea = document.createElement('textarea');\n textarea.textContent = text;\n textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n document.body.appendChild(textarea);\n textarea.select();\n try {\n return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n } catch (ex) {\n return false;\n } finally {\n document.body.removeChild(textarea);\n }\n }\n return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":";;AAAaA,MAAAA,eAAe,GAAIC,IAAY,IAAc;AACxD;EACA,IAAIC,MAAM,CAACC,aAAa,IAAID,MAAM,CAACC,aAAa,CAACC,OAAO,EAAE;AACxD;AACA;IACA,OAAOF,MAAM,CAACC,aAAa,CAACC,OAAO,CAAC,MAAM,EAAEH,IAAI,CAAC,CAAA;AACnD,GAAA;EACA,IAAII,QAAQ,CAACC,qBAAqB,IAAID,QAAQ,CAACC,qBAAqB,CAAC,MAAM,CAAC,EAAE;AAC5E,IAAA,MAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAa,CAAC,UAAU,CAAC,CAAA;IACnDD,QAAQ,CAACE,WAAW,GAAGR,IAAI,CAAA;AAC3BM,IAAAA,QAAQ,CAACG,KAAK,CAACC,QAAQ,GAAG,OAAO,CAAC;AAClCN,IAAAA,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACN,QAAQ,CAAC,CAAA;IACnCA,QAAQ,CAACO,MAAM,EAAE,CAAA;IACjB,IAAI;AACF,MAAA,OAAOT,QAAQ,CAACU,WAAW,CAAC,MAAM,CAAC,CAAC;KACrC,CAAC,OAAOC,EAAE,EAAE;AACX,MAAA,OAAO,KAAK,CAAA;AACd,KAAC,SAAS;AACRX,MAAAA,QAAQ,CAACO,IAAI,CAACK,WAAW,CAACV,QAAQ,CAAC,CAAA;AACrC,KAAA;AACF,GAAA;AACA,EAAA,OAAO,KAAK,CAAA;AACd;;;;"}

package/cjs/{utils-c6ba98d0.js → utils-8cca935b.js} RENAMED Viewed

@@ -32,4 +32,4 @@ const generateDefaultAvatar = channel => {
 exports.generateDefaultAvatar = generateDefaultAvatar;
 exports.getChannelAvatarSource = getChannelAvatarSource;
 exports.getOpenChannelAvatar = getOpenChannelAvatar;
-//# sourceMappingURL=utils-c6ba98d0.js.map
+//# sourceMappingURL=utils-8cca935b.js.map

package/cjs/{utils-c6ba98d0.js.map → utils-8cca935b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils-~~c6ba98d0~~.js","sources":["../../src/ui/ChannelAvatar/utils.ts"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { OpenChannel } from '@sendbird/chat/openChannel';\n\nexport const DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';\n\nexport const getOpenChannelAvatar = (channel: OpenChannel): string => {\n if (channel?.coverUrl) {\n return channel.coverUrl;\n }\n};\n\nexport const getChannelAvatarSource = (channel: GroupChannel, currentUserId: string): string \| Array<string> => {\n if (channel?.coverUrl) {\n if (!(new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl))) {\n return channel.coverUrl;\n }\n }\n return (channel?.members \|\| [])\n .filter((member) => member.userId !== currentUserId)\n .map(({ profileUrl }) => profileUrl);\n};\n\nexport const generateDefaultAvatar = (channel: GroupChannel): boolean => {\n if (channel?.coverUrl) {\n if (new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl)) {\n return true;\n }\n return false;\n }\n return true;\n};\n"],"names":["DEFAULT_URL_PREFIX","getOpenChannelAvatar","channel","coverUrl","getChannelAvatarSource","currentUserId","RegExp","test","members","filter","member","userId","map","_ref","profileUrl","generateDefaultAvatar"],"mappings":";;AAGO,MAAMA,kBAAkB,GAAG,iDAAiD,CAAA;AAEtEC,MAAAA,oBAAoB,GAAIC,OAAoB,IAAa;AACpE,EAAA,IAAIA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEC,QAAQ,EAAE;IACrB,OAAOD,OAAO,CAACC,QAAQ,CAAA;AACzB,GAAA;AACF,EAAC;MAEYC,sBAAsB,GAAGA,CAACF,OAAqB,EAAEG,aAAqB,KAA6B;AAC9G,EAAA,IAAIH,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEC,QAAQ,EAAE;AACrB,IAAA,IAAI,CAAE,IAAIG,MAAM,CAAE,IAAGN,kBAAmB,CAAA,CAAC,CAAC,CAACO,IAAI,CAACL,OAAO,CAACC,QAAQ,CAAE,EAAE;MAClE,OAAOD,OAAO,CAACC,QAAQ,CAAA;AACzB,KAAA;AACF,GAAA;EACA,OAAO,CAAC,CAAAD,OAAO,KAAPA,IAAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEM,OAAO,KAAI,EAAE,EAC3BC,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,MAAM,KAAKN,aAAa,CAAC,CACnDO,GAAG,CAACC,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,UAAAA;AAAW,KAAC,GAAAD,IAAA,CAAA;AAAA,IAAA,OAAKC,UAAU,CAAA;GAAC,CAAA,CAAA;AACxC,EAAC;AAEYC,MAAAA,qBAAqB,GAAIb,OAAqB,IAAc;AACvE,EAAA,IAAIA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEC,QAAQ,EAAE;AACrB,IAAA,IAAI,IAAIG,MAAM,CAAE,CAAA,CAAA,EAAGN,kBAAmB,CAAC,CAAA,CAAC,CAACO,IAAI,CAACL,OAAO,CAACC,QAAQ,CAAC,EAAE;AAC/D,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AACA,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AACA,EAAA,OAAO,IAAI,CAAA;AACb;;;;;;"}
1	+ {"version":3,"file":"utils-8cca935b.js","sources":["../../src/ui/ChannelAvatar/utils.ts"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { OpenChannel } from '@sendbird/chat/openChannel';\n\nexport const DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';\n\nexport const getOpenChannelAvatar = (channel: OpenChannel): string => {\n if (channel?.coverUrl) {\n return channel.coverUrl;\n }\n};\n\nexport const getChannelAvatarSource = (channel: GroupChannel, currentUserId: string): string \| Array<string> => {\n if (channel?.coverUrl) {\n if (!(new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl))) {\n return channel.coverUrl;\n }\n }\n return (channel?.members \|\| [])\n .filter((member) => member.userId !== currentUserId)\n .map(({ profileUrl }) => profileUrl);\n};\n\nexport const generateDefaultAvatar = (channel: GroupChannel): boolean => {\n if (channel?.coverUrl) {\n if (new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl)) {\n return true;\n }\n return false;\n }\n return true;\n};\n"],"names":["DEFAULT_URL_PREFIX","getOpenChannelAvatar","channel","coverUrl","getChannelAvatarSource","currentUserId","RegExp","test","members","filter","member","userId","map","_ref","profileUrl","generateDefaultAvatar"],"mappings":";;AAGO,MAAMA,kBAAkB,GAAG,iDAAiD,CAAA;AAEtEC,MAAAA,oBAAoB,GAAIC,OAAoB,IAAa;AACpE,EAAA,IAAIA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEC,QAAQ,EAAE;IACrB,OAAOD,OAAO,CAACC,QAAQ,CAAA;AACzB,GAAA;AACF,EAAC;MAEYC,sBAAsB,GAAGA,CAACF,OAAqB,EAAEG,aAAqB,KAA6B;AAC9G,EAAA,IAAIH,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEC,QAAQ,EAAE;AACrB,IAAA,IAAI,CAAE,IAAIG,MAAM,CAAE,IAAGN,kBAAmB,CAAA,CAAC,CAAC,CAACO,IAAI,CAACL,OAAO,CAACC,QAAQ,CAAE,EAAE;MAClE,OAAOD,OAAO,CAACC,QAAQ,CAAA;AACzB,KAAA;AACF,GAAA;EACA,OAAO,CAAC,CAAAD,OAAO,KAAPA,IAAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEM,OAAO,KAAI,EAAE,EAC3BC,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,MAAM,KAAKN,aAAa,CAAC,CACnDO,GAAG,CAACC,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,UAAAA;AAAW,KAAC,GAAAD,IAAA,CAAA;AAAA,IAAA,OAAKC,UAAU,CAAA;GAAC,CAAA,CAAA;AACxC,EAAC;AAEYC,MAAAA,qBAAqB,GAAIb,OAAqB,IAAc;AACvE,EAAA,IAAIA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEC,QAAQ,EAAE;AACrB,IAAA,IAAI,IAAIG,MAAM,CAAE,CAAA,CAAA,EAAGN,kBAAmB,CAAC,CAAA,CAAC,CAACO,IAAI,CAACL,OAAO,CAACC,QAAQ,CAAC,EAAE;AAC/D,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AACA,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AACA,EAAA,OAAO,IAAI,CAAA;AACb;;;;;;"}

package/cjs/{utils-1fae30f5.js → utils-ad5ba819.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var ui_Label = require('./index-473ec049.js');
+var ui_Label = require('./index-a802371c.js');
 const getChannelTitle = (channel, currentUserId, stringSet) => {
   var _channel$members;
@@ -28,4 +28,4 @@ const getChannelTitle = (channel, currentUserId, stringSet) => {
 };
 exports.getChannelTitle = getChannelTitle;
-//# sourceMappingURL=utils-1fae30f5.js.map
+//# sourceMappingURL=utils-ad5ba819.js.map

package/cjs/{utils-1fae30f5.js.map → utils-ad5ba819.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils-~~1fae30f5~~.js","sources":["../../src/modules/Channel/components/ChannelHeader/utils.ts"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (\n channel: GroupChannel,\n currentUserId: string,\n stringSet: { [label: string]: string },\n): string => {\n const LABEL_STRING_SET: { [label: string]: string } = stringSet \|\| LabelStringSet;\n if (!channel?.name && !channel?.members) {\n return LABEL_STRING_SET.NO_TITLE;\n }\n if (channel?.name && channel.name !== 'Group Channel') {\n return channel.name;\n }\n\n if (channel?.members?.length === 1) {\n return LABEL_STRING_SET.NO_MEMBERS;\n }\n\n return channel?.members\n .filter(({ userId }) => userId !== currentUserId)\n .map(({ nickname }) => (nickname \|\| LABEL_STRING_SET.NO_NAME))\n .join(', ');\n};\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","_channel$members","LABEL_STRING_SET","LabelStringSet","name","members","NO_TITLE","length","NO_MEMBERS","filter","_ref","userId","map","_ref2","nickname","NO_NAME","join"],"mappings":";;;;AAGO,MAAMA,eAAe,GAAGA,CAC7BC,OAAqB,EACrBC,aAAqB,EACrBC,SAAsC,KAC3B;AAAA,EAAA,IAAAC,gBAAA,CAAA;AACX,EAAA,MAAMC,gBAA6C,GAAGF,SAAS,IAAIG,uBAAc,CAAA;AACjF,EAAA,IAAI,EAACL,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAEM,IAAI,CAAI,IAAA,EAACN,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEO,OAAO,CAAE,EAAA;IACvC,OAAOH,gBAAgB,CAACI,QAAQ,CAAA;AAClC,GAAA;AACA,EAAA,IAAIR,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAEM,IAAI,IAAIN,OAAO,CAACM,IAAI,KAAK,eAAe,EAAE;IACrD,OAAON,OAAO,CAACM,IAAI,CAAA;AACrB,GAAA;AAEA,EAAA,IAAI,CAAAN,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAG,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,gBAAA,GAAPH,OAAO,CAAEO,OAAO,MAAA,IAAA,IAAAJ,gBAAA,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAkBM,MAAM,MAAK,CAAC,EAAE;IAClC,OAAOL,gBAAgB,CAACM,UAAU,CAAA;AACpC,GAAA;EAEA,OAAOV,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEO,OAAO,CACpBI,MAAM,CAACC,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,MAAAA;AAAO,KAAC,GAAAD,IAAA,CAAA;IAAA,OAAKC,MAAM,KAAKZ,aAAa,CAAA;GAAC,CAAA,CAChDa,GAAG,CAACC,KAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,QAAAA;AAAS,KAAC,GAAAD,KAAA,CAAA;AAAA,IAAA,OAAMC,QAAQ,IAAIZ,gBAAgB,CAACa,OAAO,CAAA;AAAA,GAAC,CAAC,CAC7DC,IAAI,CAAC,IAAI,CAAC,CAAA;AACf;;;;"}
1	+ {"version":3,"file":"utils-ad5ba819.js","sources":["../../src/modules/Channel/components/ChannelHeader/utils.ts"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (\n channel: GroupChannel,\n currentUserId: string,\n stringSet: { [label: string]: string },\n): string => {\n const LABEL_STRING_SET: { [label: string]: string } = stringSet \|\| LabelStringSet;\n if (!channel?.name && !channel?.members) {\n return LABEL_STRING_SET.NO_TITLE;\n }\n if (channel?.name && channel.name !== 'Group Channel') {\n return channel.name;\n }\n\n if (channel?.members?.length === 1) {\n return LABEL_STRING_SET.NO_MEMBERS;\n }\n\n return channel?.members\n .filter(({ userId }) => userId !== currentUserId)\n .map(({ nickname }) => (nickname \|\| LABEL_STRING_SET.NO_NAME))\n .join(', ');\n};\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","_channel$members","LABEL_STRING_SET","LabelStringSet","name","members","NO_TITLE","length","NO_MEMBERS","filter","_ref","userId","map","_ref2","nickname","NO_NAME","join"],"mappings":";;;;AAGO,MAAMA,eAAe,GAAGA,CAC7BC,OAAqB,EACrBC,aAAqB,EACrBC,SAAsC,KAC3B;AAAA,EAAA,IAAAC,gBAAA,CAAA;AACX,EAAA,MAAMC,gBAA6C,GAAGF,SAAS,IAAIG,uBAAc,CAAA;AACjF,EAAA,IAAI,EAACL,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAEM,IAAI,CAAI,IAAA,EAACN,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEO,OAAO,CAAE,EAAA;IACvC,OAAOH,gBAAgB,CAACI,QAAQ,CAAA;AAClC,GAAA;AACA,EAAA,IAAIR,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAEM,IAAI,IAAIN,OAAO,CAACM,IAAI,KAAK,eAAe,EAAE;IACrD,OAAON,OAAO,CAACM,IAAI,CAAA;AACrB,GAAA;AAEA,EAAA,IAAI,CAAAN,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAG,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,gBAAA,GAAPH,OAAO,CAAEO,OAAO,MAAA,IAAA,IAAAJ,gBAAA,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAkBM,MAAM,MAAK,CAAC,EAAE;IAClC,OAAOL,gBAAgB,CAACM,UAAU,CAAA;AACpC,GAAA;EAEA,OAAOV,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEO,OAAO,CACpBI,MAAM,CAACC,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,MAAAA;AAAO,KAAC,GAAAD,IAAA,CAAA;IAAA,OAAKC,MAAM,KAAKZ,aAAa,CAAA;GAAC,CAAA,CAChDa,GAAG,CAACC,KAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,QAAAA;AAAS,KAAC,GAAAD,KAAA,CAAA;AAAA,IAAA,OAAMC,QAAQ,IAAIZ,gBAAgB,CAACa,OAAO,CAAA;AAAA,GAAC,CAAC,CAC7DC,IAAI,CAAC,IAAI,CAAC,CAAA;AACf;;;;"}

package/cjs/{utils-41bb171b.js → utils-d6fb722a.js} RENAMED Viewed

@@ -3,4 +3,4 @@
 const noop = () => {};
 exports.noop = noop;
-//# sourceMappingURL=utils-41bb171b.js.map
+//# sourceMappingURL=utils-d6fb722a.js.map

package/cjs/{utils-41bb171b.js.map → utils-d6fb722a.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils-~~41bb171b~~.js","sources":["../../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n message.sender && (\n message.sender.friendName\n \|\| message.sender.nickname\n \|\| message.sender.userId\n )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n getSenderName,\n getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":";;MAAaA,IAAI,GAAGA,MAAM;;;;"}
1	+ {"version":3,"file":"utils-d6fb722a.js","sources":["../../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n message.sender && (\n message.sender.friendName\n \|\| message.sender.nickname\n \|\| message.sender.userId\n )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n getSenderName,\n getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":";;MAAaA,IAAI,GAAGA,MAAM;;;;"}

package/cjs/{uuid-e63d4fd0.js → uuid-dfad314c.js} RENAMED Viewed

@@ -12,4 +12,4 @@ const uuidv4 = () => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c =
 });
 exports.uuidv4 = uuidv4;
-//# sourceMappingURL=uuid-e63d4fd0.js.map
+//# sourceMappingURL=uuid-dfad314c.js.map

package/cjs/{uuid-e63d4fd0.js.map → uuid-dfad314c.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"uuid-~~e63d4fd0~~.js","sources":["../../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise /\n/ eslint-disable eqeqeq /\n/ eslint-disable no-mixed-operators /\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n const r = Math.random() 16 \| 0;\n const v = c === 'x' ? r : (r & 0x3 \| 0x8);\n return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACaA,MAAAA,MAAM,GAAGA,MAAc,sCAAsC,CAACC,OAAO,CAAC,OAAO,EAAGC,CAAC,IAAK;EACjG,MAAMC,CAAC,GAAGC,IAAI,CAACC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAChC,EAAA,MAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAG,GAAGC,CAAC,GAAIA,CAAC,GAAG,GAAG,GAAG,GAAI,CAAA;AACzC,EAAA,OAAOG,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAAA;AACvB,CAAC;;;;"}
1	+ {"version":3,"file":"uuid-dfad314c.js","sources":["../../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise /\n/ eslint-disable eqeqeq /\n/ eslint-disable no-mixed-operators /\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n const r = Math.random() 16 \| 0;\n const v = c === 'x' ? r : (r & 0x3 \| 0x8);\n return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACaA,MAAAA,MAAM,GAAGA,MAAc,sCAAsC,CAACC,OAAO,CAAC,OAAO,EAAGC,CAAC,IAAK;EACjG,MAAMC,CAAC,GAAGC,IAAI,CAACC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAChC,EAAA,MAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAG,GAAGC,CAAC,GAAIA,CAAC,GAAG,GAAG,GAAG,GAAI,CAAA;AACzC,EAAA,OAAOG,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAAA;AACvB,CAAC;;;;"}

package/cjs/withSendbird.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-34d81327.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-6870cf75.js');
 var React = require('react');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{color-a6442c44.js → color-56e1d933.js} RENAMED Viewed

@@ -31,4 +31,4 @@ const changeColorToClassName = color => {
 };
 export { Colors as C, changeColorToClassName as c };
-//# sourceMappingURL=color-a6442c44.js.map
+//# sourceMappingURL=color-56e1d933.js.map

package/{color-a6442c44.js.map → color-56e1d933.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color-~~a6442c44~~.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,IAAAA,MAAM,0BAANA,MAAM,EAAA;EAANA,MAAM,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;EAANA,MAAM,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;EAANA,MAAM,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;EAANA,MAAM,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;EAANA,MAAM,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAANA,MAAM,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAANA,MAAM,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAANA,MAAM,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAANA,MAAM,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAWLC,MAAAA,sBAAsB,GAAIC,KAAa,IAAa;AAC/D,EAAA,QAAQA,KAAK;IACX,KAAKF,MAAM,CAACG,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKH,MAAM,CAACI,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKJ,MAAM,CAACK,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKL,MAAM,CAACM,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKN,MAAM,CAACO,WAAW;AAAE,MAAA,OAAO,6BAA6B,CAAA;IAC7D,KAAKP,MAAM,CAACQ,OAAO;AAAE,MAAA,OAAO,yBAAyB,CAAA;IACrD,KAAKR,MAAM,CAACS,KAAK;AAAE,MAAA,OAAO,uBAAuB,CAAA;AACjD,IAAA;AAAS,MAAA,OAAO,IAAI,CAAA;AAAC,GAAA;AAEzB;;;;"}
1	+ {"version":3,"file":"color-56e1d933.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,IAAAA,MAAM,0BAANA,MAAM,EAAA;EAANA,MAAM,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;EAANA,MAAM,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;EAANA,MAAM,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;EAANA,MAAM,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;EAANA,MAAM,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAANA,MAAM,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAANA,MAAM,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAANA,MAAM,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAANA,MAAM,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAWLC,MAAAA,sBAAsB,GAAIC,KAAa,IAAa;AAC/D,EAAA,QAAQA,KAAK;IACX,KAAKF,MAAM,CAACG,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKH,MAAM,CAACI,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKJ,MAAM,CAACK,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKL,MAAM,CAACM,cAAc;AAAE,MAAA,OAAO,gCAAgC,CAAA;IACnE,KAAKN,MAAM,CAACO,WAAW;AAAE,MAAA,OAAO,6BAA6B,CAAA;IAC7D,KAAKP,MAAM,CAACQ,OAAO;AAAE,MAAA,OAAO,yBAAyB,CAAA;IACrD,KAAKR,MAAM,CAACS,KAAK;AAAE,MAAA,OAAO,uBAAuB,CAAA;AACjD,IAAA;AAAS,MAAA,OAAO,IAAI,CAAA;AAAC,GAAA;AAEzB;;;;"}

package/{compareIds-25cf33ca.js → compareIds-c4e63aee.js} RENAMED Viewed

@@ -12,4 +12,4 @@ function compareIds(a, b) {
 }
 export { compareIds as c };
-//# sourceMappingURL=compareIds-25cf33ca.js.map
+//# sourceMappingURL=compareIds-c4e63aee.js.map

package/{compareIds-25cf33ca.js.map → compareIds-c4e63aee.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"compareIds-~~25cf33ca~~.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 compareIds(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","compareIds","a","b","aString","toString","bString"],"mappings":"AAAA,MAAMA,OAAO,GAAIC,GAAG,IAAMA,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAKC,SAAU,CAAA;;AAE5D;AACA;AACe,SAASC,UAAUA,CAACC,CAAC,EAAEC,CAAC,EAAE;EACvC,IAAIL,OAAO,CAACI,CAAC,CAAC,IAAIJ,OAAO,CAACK,CAAC,CAAC,EAAE;AAC5B,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AACA,EAAA,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAQ,EAAE,CAAA;AAC5B,EAAA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAQ,EAAE,CAAA;EAC5B,OAAOD,OAAO,KAAKE,OAAO,CAAA;AAC5B;;;;"}
1	+ {"version":3,"file":"compareIds-c4e63aee.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 compareIds(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","compareIds","a","b","aString","toString","bString"],"mappings":"AAAA,MAAMA,OAAO,GAAIC,GAAG,IAAMA,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAKC,SAAU,CAAA;;AAE5D;AACA;AACe,SAASC,UAAUA,CAACC,CAAC,EAAEC,CAAC,EAAE;EACvC,IAAIL,OAAO,CAACI,CAAC,CAAC,IAAIJ,OAAO,CAACK,CAAC,CAAC,EAAE;AAC5B,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AACA,EAAA,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAQ,EAAE,CAAA;AAC5B,EAAA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAQ,EAAE,CAAA;EAC5B,OAAOD,OAAO,KAAKE,OAAO,CAAA;AAC5B;;;;"}

package/{const-e0d0cf98.js → const-71feaede.js} RENAMED Viewed

@@ -10,4 +10,4 @@ let ThreadReplySelectType = /*#__PURE__*/function (ThreadReplySelectType) {
 }({});
 export { MAX_USER_MENTION_COUNT as M, NEXT_RESULT_SIZE as N, PREV_RESULT_SIZE as P, ThreadReplySelectType as T, USER_MENTION_TEMP_CHAR as U, MAX_USER_SUGGESTION_COUNT as a };
-//# sourceMappingURL=const-e0d0cf98.js.map
+//# sourceMappingURL=const-71feaede.js.map

package/{const-e0d0cf98.js.map → const-71feaede.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"const-~~e0d0cf98~~.js","sources":["../src/modules/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,MAAMA,gBAAgB,GAAG,GAAE;AAC3B,MAAMC,gBAAgB,GAAG,GAAE;AAE3B,MAAMC,sBAAsB,GAAG,GAAE;AACjC,MAAMC,yBAAyB,GAAG,GAAE;AACpC,MAAMC,sBAAsB,GAAG,IAAG;AAE7BC,IAAAA,qBAAqB,0BAArBA,qBAAqB,EAAA;EAArBA,qBAAqB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAArBA,qBAAqB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAArBA,qBAAqB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
1	+ {"version":3,"file":"const-71feaede.js","sources":["../src/modules/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,MAAMA,gBAAgB,GAAG,GAAE;AAC3B,MAAMC,gBAAgB,GAAG,GAAE;AAE3B,MAAMC,sBAAsB,GAAG,GAAE;AACjC,MAAMC,yBAAyB,GAAG,GAAE;AACpC,MAAMC,sBAAsB,GAAG,IAAG;AAE7BC,IAAAA,qBAAqB,0BAArBA,qBAAqB,EAAA;EAArBA,qBAAqB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAArBA,qBAAqB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAArBA,qBAAqB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/{const-07a3c977.js → const-ea44ddaf.js} RENAMED Viewed

@@ -15,4 +15,4 @@ const NodeNames = {
 };
 export { MessageInputKeys as M, NodeTypes as N, NodeNames as a };
-//# sourceMappingURL=const-07a3c977.js.map
+//# sourceMappingURL=const-ea44ddaf.js.map

package/{const-07a3c977.js.map → const-ea44ddaf.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"const-~~07a3c977~~.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,MAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,SAAS,EAAE,WAAA;AACb,EAAC;AAEM,MAAMC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CAAC;AACdC,EAAAA,QAAQ,EAAE,CAAA;AACZ,EAAC;AAEM,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,GAAG,EAAE,KAAA;AACP;;;;"}
1	+ {"version":3,"file":"const-ea44ddaf.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,MAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,SAAS,EAAE,WAAA;AACb,EAAC;AAEM,MAAMC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CAAC;AACdC,EAAAA,QAAQ,EAAE,CAAA;AACZ,EAAC;AAEM,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,GAAG,EAAE,KAAA;AACP;;;;"}

package/{consts-5dc81b70.js → consts-21ee5ac2.js} RENAMED Viewed

@@ -1,4 +1,4 @@
 const MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 export { MENTION_USER_LABEL_CLASSNAME as M };
-//# sourceMappingURL=consts-5dc81b70.js.map
+//# sourceMappingURL=consts-21ee5ac2.js.map

package/{consts-5dc81b70.js.map → consts-21ee5ac2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"consts-~~5dc81b70~~.js","sources":["../src/ui/MentionUserLabel/consts.ts"],"sourcesContent":["export const MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';\n"],"names":["MENTION_USER_LABEL_CLASSNAME"],"mappings":"AAAO,MAAMA,4BAA4B,GAAG;;;;"}
1	+ {"version":3,"file":"consts-21ee5ac2.js","sources":["../src/ui/MentionUserLabel/consts.ts"],"sourcesContent":["export const MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';\n"],"names":["MENTION_USER_LABEL_CLASSNAME"],"mappings":"AAAO,MAAMA,4BAA4B,GAAG;;;;"}

package/{consts-122d5e84.js → consts-b4bd07bf.js} RENAMED Viewed

@@ -1,4 +1,4 @@
 const TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';
 export { TEXT_MESSAGE_BODY_CLASSNAME as T };
-//# sourceMappingURL=consts-122d5e84.js.map
+//# sourceMappingURL=consts-b4bd07bf.js.map

package/{consts-122d5e84.js.map → consts-b4bd07bf.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"consts-~~122d5e84~~.js","sources":["../src/ui/TextMessageItemBody/consts.ts"],"sourcesContent":["export const TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';\n"],"names":["TEXT_MESSAGE_BODY_CLASSNAME"],"mappings":"AAAO,MAAMA,2BAA2B,GAAG;;;;"}
1	+ {"version":3,"file":"consts-b4bd07bf.js","sources":["../src/ui/TextMessageItemBody/consts.ts"],"sourcesContent":["export const TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';\n"],"names":["TEXT_MESSAGE_BODY_CLASSNAME"],"mappings":"AAAO,MAAMA,2BAA2B,GAAG;;;;"}

package/{consts-13764641.js → consts-ed3956ee.js} RENAMED Viewed

@@ -25,4 +25,4 @@ const META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';
 const META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';
 export { BROWSER_SUPPORT_MIME_TYPE_LIST as B, META_ARRAY_VOICE_DURATION_KEY as M, SCROLL_BUFFER as S, VOICE_RECORDER_DEFAULT_MAX as V, VOICE_RECORDER_DEFAULT_MIN as a, VOICE_MESSAGE_FILE_NAME as b, VOICE_MESSAGE_MIME_TYPE as c, META_ARRAY_MESSAGE_TYPE_KEY as d, META_ARRAY_MESSAGE_TYPE_VALUE__VOICE as e, VOICE_PLAYER_ROOT_ID as f, VOICE_PLAYER_AUDIO_ID as g, VOICE_RECORDER_AUDIO_BIT_RATE as h, VOICE_RECORDER_CLICK_BUFFER_TIME as i, VOICE_RECORDER_AUDIO_SAMPLE_RATE as j };
-//# sourceMappingURL=consts-13764641.js.map
+//# sourceMappingURL=consts-ed3956ee.js.map

package/{consts-13764641.js.map → consts-ed3956ee.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"consts-~~13764641~~.js","sources":["../src/utils/consts.ts"],"sourcesContent":["export const SCROLL_BUFFER = 10;\n\n// voice message record\nexport const VOICE_RECORDER_CLICK_BUFFER_TIME = 250;\nexport const VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds\nexport const VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes\nexport const VOICE_RECORDER_AUDIO_BIT_RATE = 12000;\nexport const VOICE_RECORDER_AUDIO_SAMPLE_RATE = 11025;\nexport const BROWSER_SUPPORT_MIME_TYPE_LIST = ['audio/webm', 'audio/mp4', 'audio/mpeg', 'audio/ogg'];\n\n// voice message play\nexport const VOICE_PLAYER_PLAYBACK_BUFFER = 0.01;\nexport const VOICE_PLAYER_DURATION_MIN_SIZE = 1000;\n\n/*\n Append Audio element to the root\n * because I can't get the Audio element in the useEffect unmount scope\n */\nexport const VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';\nexport const VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';\n\n// voice message file\nexport const VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';\nexport const VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';\n\n// meta array\nexport const META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';\nexport const META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';\nexport const META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';\n"],"names":["SCROLL_BUFFER","VOICE_RECORDER_CLICK_BUFFER_TIME","VOICE_RECORDER_DEFAULT_MIN","VOICE_RECORDER_DEFAULT_MAX","VOICE_RECORDER_AUDIO_BIT_RATE","VOICE_RECORDER_AUDIO_SAMPLE_RATE","BROWSER_SUPPORT_MIME_TYPE_LIST","VOICE_PLAYER_ROOT_ID","VOICE_PLAYER_AUDIO_ID","VOICE_MESSAGE_FILE_NAME","VOICE_MESSAGE_MIME_TYPE","META_ARRAY_VOICE_DURATION_KEY","META_ARRAY_MESSAGE_TYPE_KEY","META_ARRAY_MESSAGE_TYPE_VALUE__VOICE"],"mappings":"AAAO,MAAMA,aAAa,GAAG,GAAE;;AAE/B;AACO,MAAMC,gCAAgC,GAAG,IAAG;AACtCC,MAAAA,0BAA0B,GAAG,KAAK;AAClCC,MAAAA,0BAA0B,GAAG,OAAO;AAC1C,MAAMC,6BAA6B,GAAG,MAAK;AAC3C,MAAMC,gCAAgC,GAAG,MAAK;AAC9C,MAAMC,8BAA8B,GAAG,CAAC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAC;;AAMpG;AACA;AACA;AACA;AACO,MAAMC,oBAAoB,GAAG,sCAAqC;AAClE,MAAMC,qBAAqB,GAAG,kCAAiC;;AAEtE;AACO,MAAMC,uBAAuB,GAAG,oBAAmB;AACnD,MAAMC,uBAAuB,GAAG,2BAA0B;;AAEjE;AACO,MAAMC,6BAA6B,GAAG,6BAA4B;AAClE,MAAMC,2BAA2B,GAAG,4BAA2B;AAC/D,MAAMC,oCAAoC,GAAG;;;;"}
1	+ {"version":3,"file":"consts-ed3956ee.js","sources":["../src/utils/consts.ts"],"sourcesContent":["export const SCROLL_BUFFER = 10;\n\n// voice message record\nexport const VOICE_RECORDER_CLICK_BUFFER_TIME = 250;\nexport const VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds\nexport const VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes\nexport const VOICE_RECORDER_AUDIO_BIT_RATE = 12000;\nexport const VOICE_RECORDER_AUDIO_SAMPLE_RATE = 11025;\nexport const BROWSER_SUPPORT_MIME_TYPE_LIST = ['audio/webm', 'audio/mp4', 'audio/mpeg', 'audio/ogg'];\n\n// voice message play\nexport const VOICE_PLAYER_PLAYBACK_BUFFER = 0.01;\nexport const VOICE_PLAYER_DURATION_MIN_SIZE = 1000;\n\n/*\n Append Audio element to the root\n * because I can't get the Audio element in the useEffect unmount scope\n */\nexport const VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';\nexport const VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';\n\n// voice message file\nexport const VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';\nexport const VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';\n\n// meta array\nexport const META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';\nexport const META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';\nexport const META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';\n"],"names":["SCROLL_BUFFER","VOICE_RECORDER_CLICK_BUFFER_TIME","VOICE_RECORDER_DEFAULT_MIN","VOICE_RECORDER_DEFAULT_MAX","VOICE_RECORDER_AUDIO_BIT_RATE","VOICE_RECORDER_AUDIO_SAMPLE_RATE","BROWSER_SUPPORT_MIME_TYPE_LIST","VOICE_PLAYER_ROOT_ID","VOICE_PLAYER_AUDIO_ID","VOICE_MESSAGE_FILE_NAME","VOICE_MESSAGE_MIME_TYPE","META_ARRAY_VOICE_DURATION_KEY","META_ARRAY_MESSAGE_TYPE_KEY","META_ARRAY_MESSAGE_TYPE_VALUE__VOICE"],"mappings":"AAAO,MAAMA,aAAa,GAAG,GAAE;;AAE/B;AACO,MAAMC,gCAAgC,GAAG,IAAG;AACtCC,MAAAA,0BAA0B,GAAG,KAAK;AAClCC,MAAAA,0BAA0B,GAAG,OAAO;AAC1C,MAAMC,6BAA6B,GAAG,MAAK;AAC3C,MAAMC,gCAAgC,GAAG,MAAK;AAC9C,MAAMC,8BAA8B,GAAG,CAAC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAC;;AAMpG;AACA;AACA;AACA;AACO,MAAMC,oBAAoB,GAAG,sCAAqC;AAClE,MAAMC,qBAAqB,GAAG,kCAAiC;;AAEtE;AACO,MAAMC,uBAAuB,GAAG,oBAAmB;AACnD,MAAMC,uBAAuB,GAAG,2BAA0B;;AAEjE;AACO,MAAMC,6BAA6B,GAAG,6BAA4B;AAClE,MAAMC,2BAA2B,GAAG,4BAA2B;AAC/D,MAAMC,oCAAoC,GAAG;;;;"}

package/{consts-ef436e72.js → consts-fecb946e.js} RENAMED Viewed

@@ -1,4 +1,4 @@
 const OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
 export { OG_MESSAGE_BODY_CLASSNAME as O };
-//# sourceMappingURL=consts-ef436e72.js.map
+//# sourceMappingURL=consts-fecb946e.js.map

package/{consts-ef436e72.js.map → consts-fecb946e.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"consts-~~ef436e72~~.js","sources":["../src/ui/OGMessageItemBody/consts.ts"],"sourcesContent":["export const OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';\n"],"names":["OG_MESSAGE_BODY_CLASSNAME"],"mappings":"AAAO,MAAMA,yBAAyB,GAAG;;;;"}
1	+ {"version":3,"file":"consts-fecb946e.js","sources":["../src/ui/OGMessageItemBody/consts.ts"],"sourcesContent":["export const OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';\n"],"names":["OG_MESSAGE_BODY_CLASSNAME"],"mappings":"AAAO,MAAMA,yBAAyB,GAAG;;;;"}

package/{context-eb034522.js → context-77deef8f.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { n as noop } from './utils-ce7f6e75.js';
+import { n as noop } from './utils-0dca69e8.js';
 const Context = /*#__PURE__*/React__default.createContext({
   opened: '',
@@ -10,4 +10,4 @@ const Consumer = Context.Consumer;
 const Provider = Context.Provider;
 export { Consumer as C, Provider as P };
-//# sourceMappingURL=context-eb034522.js.map
+//# sourceMappingURL=context-77deef8f.js.map

package/{context-eb034522.js.map → context-77deef8f.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context-~~eb034522~~.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,MAAMA,OAAO,gBAAGC,cAAK,CAACC,aAAa,CAAe;AAChDC,EAAAA,MAAM,EAAE,EAAE;AAAE;AACZC,EAAAA,SAAS,EAAEC,IAAAA;AACb,CAAC,CAAC,CAAA;AAEWC,MAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAQ;AAC3BC,MAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;"}
1	+ {"version":3,"file":"context-77deef8f.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,MAAMA,OAAO,gBAAGC,cAAK,CAACC,aAAa,CAAe;AAChDC,EAAAA,MAAM,EAAE,EAAE;AAAE;AACZC,EAAAA,SAAS,EAAEC,IAAAA;AACb,CAAC,CAAC,CAAA;AAEWC,MAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAQ;AAC3BC,MAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;"}

package/dist/index.css CHANGED Viewed

@@ -70,100 +70,6 @@
   color: inherit;
   word-break: break-all;
 }
-.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 {
-  background-color: var(--sendbird-light-background-50);
-  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 {
-  background-color: var(--sendbird-dark-background-600);
-  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-open-channel-preview {
   position: relative;
   display: inline-flex;
@@ -346,6 +252,100 @@
   display: inline-flex;
   flex-direction: row;
 }
+.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 {
+  background-color: var(--sendbird-light-background-50);
+  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 {
+  background-color: var(--sendbird-dark-background-600);
+  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);
+}
 @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
 :root {
   --sendbird-light-primary-500: #491389;