@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/cjs/withSendbird.js.map

@@ -1 +1 @@
-{"version":3,"file":"withSendbird.js","sources":["../../src/lib/SendbirdSdkContext.tsx"],"sourcesContent":["import React from 'react';\n\ntype ContextAwareComponentType = {\n  (props: any): JSX.Element;\n  displayName: string;\n}\n\nexport const SendbirdSdkContext = React.createContext({});\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nconst withSendbirdContext = (OriginalComponent: any, mapStoreToProps: Record<string, any>): ContextAwareComponentType => {\n  const ContextAwareComponent = (props) => (\n    <SendbirdSdkContext.Consumer>\n      {(context) => {\n        if (mapStoreToProps && typeof mapStoreToProps !== 'function') {\n          // eslint-disable-next-line no-console\n          console.warn('Second parameter to withSendbirdContext must be a pure function');\n        }\n        const mergedProps = (mapStoreToProps && typeof mapStoreToProps === 'function')\n          ? { ...mapStoreToProps(context), ...props }\n          : { ...context, ...props };\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        return <OriginalComponent {...mergedProps} />;\n      }}\n    </SendbirdSdkContext.Consumer>\n  );\n\n  const componentName = OriginalComponent.displayName || OriginalComponent.name || 'Component';\n  ContextAwareComponent.displayName = `SendbirdAware${componentName}`;\n\n  return ContextAwareComponent;\n};\n\nexport default withSendbirdContext;\n"],"names":["SendbirdSdkContext","React","createContext","withSendbirdContext","OriginalComponent","mapStoreToProps","ContextAwareComponent","props","createElement","Consumer","context","console","warn","mergedProps","__assign","componentName","displayName","name","concat"],"mappings":";;;;;;;;;;;AAOO,IAAMA,kBAAkB,gBAAGC,yBAAK,CAACC,aAAa,CAAC,EAAE,EAAC;AAEzD;AACA,IAAMC,mBAAmB,GAAG,UAACC,iBAAsB,EAAEC,eAAoC,EAAA;AACvF,EAAA,IAAMC,qBAAqB,GAAG,UAACC,KAAK,EAAA;IAAK,oBACvCN,yBAAA,CAAAO,aAAA,CAACR,kBAAkB,CAACS,QAAQ,EAAA,IAAA,EACzB,UAACC,OAAO,EAAA;AACP,MAAA,IAAIL,eAAe,IAAI,OAAOA,eAAe,KAAK,UAAU,EAAE;AAC5D;AACAM,QAAAA,OAAO,CAACC,IAAI,CAAC,iEAAiE,CAAC,CAAA;AAChF,OAAA;AACD,MAAA,IAAMC,WAAW,GAAIR,eAAe,IAAI,OAAOA,eAAe,KAAK,UAAU,GACpES,kBAAA,CAAAA,kBAAA,CAAA,EAAA,EAAAT,eAAe,CAACK,OAAO,CAAC,CAAK,EAAAH,KAAK,CACzC,GAAOO,kBAAA,CAAAA,kBAAA,CAAA,EAAA,EAAAJ,OAAO,CAAK,EAAAH,KAAK,CAAE,CAAA;AAC5B;AACA,MAAA,oBAAON,yBAAA,CAAAO,aAAA,CAACJ,iBAAiB,EAAKS,WAAW,CAAI,CAAA;AAC/C,KAAC,CAC2B,CAAA;GAC/B,CAAA;EAED,IAAME,aAAa,GAAGX,iBAAiB,CAACY,WAAW,IAAIZ,iBAAiB,CAACa,IAAI,IAAI,WAAW,CAAA;EAC5FX,qBAAqB,CAACU,WAAW,GAAG,eAAgB,CAAAE,MAAA,CAAAH,aAAa,CAAE,CAAA;AAEnE,EAAA,OAAOT,qBAAqB,CAAA;AAC9B;;;;;"}
+{"version":3,"file":"withSendbird.js","sources":["../../src/lib/SendbirdSdkContext.tsx"],"sourcesContent":["import React from 'react';\n\ntype ContextAwareComponentType = {\n  (props: any): JSX.Element;\n  displayName: string;\n}\n\nexport const SendbirdSdkContext = React.createContext({});\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nconst withSendbirdContext = (OriginalComponent: any, mapStoreToProps: Record<string, any>): ContextAwareComponentType => {\n  const ContextAwareComponent = (props) => (\n    <SendbirdSdkContext.Consumer>\n      {(context) => {\n        if (mapStoreToProps && typeof mapStoreToProps !== 'function') {\n          // eslint-disable-next-line no-console\n          console.warn('Second parameter to withSendbirdContext must be a pure function');\n        }\n        const mergedProps = (mapStoreToProps && typeof mapStoreToProps === 'function')\n          ? { ...mapStoreToProps(context), ...props }\n          : { ...context, ...props };\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        return <OriginalComponent {...mergedProps} />;\n      }}\n    </SendbirdSdkContext.Consumer>\n  );\n\n  const componentName = OriginalComponent.displayName || OriginalComponent.name || 'Component';\n  ContextAwareComponent.displayName = `SendbirdAware${componentName}`;\n\n  return ContextAwareComponent;\n};\n\nexport default withSendbirdContext;\n"],"names":["SendbirdSdkContext","React","createContext","withSendbirdContext","OriginalComponent","mapStoreToProps","ContextAwareComponent","props","createElement","Consumer","context","console","warn","mergedProps","_objectSpread","componentName","displayName","name"],"mappings":";;;;;;;;;;;AAOO,MAAMA,kBAAkB,gBAAGC,yBAAK,CAACC,aAAa,CAAC,EAAE,EAAC;;AAEzD;AACA,MAAMC,mBAAmB,GAAGA,CAACC,iBAAsB,EAAEC,eAAoC,KAAgC;AACvH,EAAA,MAAMC,qBAAqB,GAAIC,KAAK,iBAClCN,yBAAA,CAAAO,aAAA,CAACR,kBAAkB,CAACS,QAAQ,EAAA,IAAA,EACxBC,OAAO,IAAK;AACZ,IAAA,IAAIL,eAAe,IAAI,OAAOA,eAAe,KAAK,UAAU,EAAE;AAC5D;AACAM,MAAAA,OAAO,CAACC,IAAI,CAAC,iEAAiE,CAAC,CAAA;AACjF,KAAA;IACA,MAAMC,WAAW,GAAIR,eAAe,IAAI,OAAOA,eAAe,KAAK,UAAU,GAAAS,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EACpET,eAAe,CAACK,OAAO,CAAC,CAAKH,EAAAA,KAAK,CAAAO,GAAAA,wCAAA,CAAAA,wCAAA,CAClCJ,EAAAA,EAAAA,OAAO,CAAKH,EAAAA,KAAK,CAAE,CAAA;AAC5B;AACA,IAAA,oBAAON,yBAAA,CAAAO,aAAA,CAACJ,iBAAiB,EAAKS,WAAc,CAAC,CAAA;AAC/C,GAC2B,CAC9B,CAAA;EAED,MAAME,aAAa,GAAGX,iBAAiB,CAACY,WAAW,IAAIZ,iBAAiB,CAACa,IAAI,IAAI,WAAW,CAAA;AAC5FX,EAAAA,qBAAqB,CAACU,WAAW,GAAI,CAAA,aAAA,EAAeD,aAAc,CAAC,CAAA,CAAA;AAEnE,EAAA,OAAOT,qBAAqB,CAAA;AAC9B;;;;;"}

package/{color-73049158.js → color-3bac434a.js}

@@ -1,5 +1,4 @@
-var Colors;
-(function (Colors) {
+let Colors = /*#__PURE__*/function (Colors) {
   Colors["ONBACKGROUND_1"] = "ONBACKGROUND_1";
   Colors["ONBACKGROUND_2"] = "ONBACKGROUND_2";
   Colors["ONBACKGROUND_3"] = "ONBACKGROUND_3";
@@ -8,8 +7,9 @@ var Colors;
   Colors["ONCONTENT_2"] = "ONCONTENT_2";
   Colors["PRIMARY"] = "PRIMARY";
   Colors["ERROR"] = "ERROR";
-})(Colors || (Colors = {}));
-var changeColorToClassName = function (color) {
+  return Colors;
+}({});
+const changeColorToClassName = color => {
   switch (color) {
     case Colors.ONBACKGROUND_1:
       return 'sendbird-color--onbackground-1';
@@ -31,4 +31,4 @@ var changeColorToClassName = function (color) {
 };
 
 export { Colors as C, changeColorToClassName as c };
-//# sourceMappingURL=color-73049158.js.map
+//# sourceMappingURL=color-3bac434a.js.map

package/{color-73049158.js.map → color-3bac434a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"color-73049158.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":"IAEYA,OASX;AATD,CAAA,UAAYA,MAAM,EAAA;AAChBA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACjCA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACjCA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACjCA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACjCA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3BA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3BA,EAAAA,MAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,MAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EATWA,MAAM,KAANA,MAAM,GASjB,EAAA,CAAA,CAAA,CAAA;IAEYC,sBAAsB,GAAG,UAACC,KAAa,EAAA;AAClD,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;;;;"}
+{"version":3,"file":"color-3bac434a.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;AACtB,GAAA;AACF;;;;"}

package/{compareIds-88bffa50.js → compareIds-1e0e668f.js}

@@ -12,4 +12,4 @@ function compareIds (a, b) {
 }
 
 export { compareIds as c };
-//# sourceMappingURL=compareIds-88bffa50.js.map
+//# sourceMappingURL=compareIds-1e0e668f.js.map

package/{compareIds-88bffa50.js.map → compareIds-1e0e668f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"compareIds-88bffa50.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,GAAG,IAAMA,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAKC,SAAU,CAAA;;AAE5D;AACA;AACe,mBAAUC,EAAAA,CAAC,EAAEC,CAAC,EAAE;EAC7B,IAAIJ,OAAO,CAACG,CAAC,CAAC,IAAIH,OAAO,CAACI,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;;;;"}
+{"version":3,"file":"compareIds-1e0e668f.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,GAAG,IAAMA,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAKC,SAAU,CAAA;;AAE5D;AACA;AACe,mBAAUC,EAAAA,CAAC,EAAEC,CAAC,EAAE;EAC7B,IAAIJ,OAAO,CAACG,CAAC,CAAC,IAAIH,OAAO,CAACI,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-5f722b91.js

@@ -0,0 +1,13 @@
+const PREV_RESULT_SIZE = 30;
+const NEXT_RESULT_SIZE = 15;
+const MAX_USER_MENTION_COUNT = 10;
+const MAX_USER_SUGGESTION_COUNT = 15;
+const USER_MENTION_TEMP_CHAR = '@';
+let ThreadReplySelectType = /*#__PURE__*/function (ThreadReplySelectType) {
+  ThreadReplySelectType["PARENT"] = "PARENT";
+  ThreadReplySelectType["THREAD"] = "THREAD";
+  return 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-5f722b91.js.map

package/const-5f722b91.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const-5f722b91.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-2919bc87.js → const-6a07b718.js}

@@ -1,18 +1,18 @@
-var MessageInputKeys = {
+const MessageInputKeys = {
   Enter: 'Enter',
   ArrowUp: 'ArrowUp',
   ArrowDown: 'ArrowDown',
   Backspace: 'Backspace'
 };
-var NodeTypes = {
+const NodeTypes = {
   ElementNode: 1,
   TextNode: 3
 };
-var NodeNames = {
+const NodeNames = {
   Span: 'SPAN',
   Br: 'BR',
   Div: 'DIV'
 };
 
 export { MessageInputKeys as M, NodeTypes as N, NodeNames as a };
-//# sourceMappingURL=const-2919bc87.js.map
+//# sourceMappingURL=const-6a07b718.js.map

package/{const-2919bc87.js.map → const-6a07b718.js.map}

@@ -1 +1 @@
-{"version":3,"file":"const-2919bc87.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,OAAO;AACdC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,SAAS,EAAE,WAAA;EACZ;AAEM,IAAMC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CAAC;AACdC,EAAAA,QAAQ,EAAE,CAAA;EACX;AAEM,IAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,GAAG,EAAE,KAAA;;;;;"}
+{"version":3,"file":"const-6a07b718.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-790ae3a9.js

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

package/{consts-0ea80430.js.map → consts-790ae3a9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"consts-0ea80430.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,IAAMA,yBAAyB,GAAG;;;;"}
+{"version":3,"file":"consts-790ae3a9.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/consts-aadaccca.js

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

package/consts-aadaccca.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts-aadaccca.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-c9746f2b.js

@@ -0,0 +1,27 @@
+const SCROLL_BUFFER = 10;
+
+// voice message record
+const VOICE_RECORDER_CLICK_BUFFER_TIME = 250;
+const VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds
+const VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes
+const VOICE_RECORDER_MIME_TYPE = 'audio/webm';
+const VOICE_RECORDER_AUDIO_BITS = 128000;
+
+/**
+ * Append Audio element to the root
+ * because I can't get the Audio element in the useEffect unmount scope
+ */
+const VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';
+const VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';
+
+// voice message file
+const VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';
+const VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';
+
+// meta array
+const META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';
+const META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';
+const META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';
+
+export { 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_MIME_TYPE as h, VOICE_RECORDER_AUDIO_BITS as i, VOICE_RECORDER_CLICK_BUFFER_TIME as j };
+//# sourceMappingURL=consts-c9746f2b.js.map

package/{consts-966c9540.js.map → consts-c9746f2b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"consts-966c9540.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_MIME_TYPE = 'audio/webm';\nexport const VOICE_RECORDER_AUDIO_BITS = 128000;\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_MIME_TYPE","VOICE_RECORDER_AUDIO_BITS","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,IAAMA,aAAa,GAAG,GAAE;AAE/B;AACO,IAAMC,gCAAgC,GAAG,IAAG;AACtCC,IAAAA,0BAA0B,GAAG,KAAK;AAClCC,IAAAA,0BAA0B,GAAG,OAAO;AAC1C,IAAMC,wBAAwB,GAAG,aAAY;AAC7C,IAAMC,yBAAyB,GAAG,OAAM;AAM/C;;;AAGG;AACI,IAAMC,oBAAoB,GAAG,sCAAqC;AAClE,IAAMC,qBAAqB,GAAG,kCAAiC;AAEtE;AACO,IAAMC,uBAAuB,GAAG,oBAAmB;AACnD,IAAMC,uBAAuB,GAAG,2BAA0B;AAEjE;AACO,IAAMC,6BAA6B,GAAG,6BAA4B;AAClE,IAAMC,2BAA2B,GAAG,4BAA2B;AAC/D,IAAMC,oCAAoC,GAAG;;;;"}
+{"version":3,"file":"consts-c9746f2b.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_MIME_TYPE = 'audio/webm';\nexport const VOICE_RECORDER_AUDIO_BITS = 128000;\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_MIME_TYPE","VOICE_RECORDER_AUDIO_BITS","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,wBAAwB,GAAG,aAAY;AAC7C,MAAMC,yBAAyB,GAAG,OAAM;;AAM/C;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-d4c78cc0.js

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

package/consts-d4c78cc0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts-d4c78cc0.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/context-fcbabe23.js

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { n as noop } from './utils-0c09801e.js';
+
+const Context = /*#__PURE__*/React__default.createContext({
+  opened: '',
+  // mock default value
+  setOpened: noop
+});
+const Consumer = Context.Consumer;
+const Provider = Context.Provider;
+
+export { Consumer as C, Provider as P };
+//# sourceMappingURL=context-fcbabe23.js.map

package/{context-9baa8d25.js.map → context-fcbabe23.js.map}

@@ -1 +1 @@
-{"version":3,"file":"context-9baa8d25.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,cAAK,CAACC,aAAa,CAAe;AAChDC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,SAAS,EAAEC,IAAAA;AACZ,CAAA,CAAC,CAAA;AAEWC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAQ;AAC3BC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;"}
+{"version":3,"file":"context-fcbabe23.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

@@ -65,10 +65,102 @@
 }
 .sendbird-word .sendbird-word__url,
 .sendbird-word .sendbird-word__normal {
-  margin-right: 4px;
+  margin: 0 4px;
   display: inline-block;
   color: inherit;
 }
+.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-create-open-channel-ui {
   position: relative;
   display: inline-flex;
@@ -243,98 +335,6 @@
   text-overflow: ellipsis;
   word-break: keep-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 {
-  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);
-}
 @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
 :root {
   --sendbird-light-primary-500: #491389;
@@ -5052,6 +5052,106 @@ div.sendbird-og-message-item-body__text-bubble {
 .sendbird-theme--dark .sendbird-accordion__panel-icon__leave path {
   fill: var(--sendbird-dark-error-300);
 }
+.sendbird-input-toggle-button {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+.sendbird-theme--light .sendbird-input-toggle-button--checked {
+  background-color: var(--sendbird-light-primary-300);
+  border: 1px solid var(--sendbird-light-primary-300);
+}
+.sendbird-theme--dark .sendbird-input-toggle-button--checked {
+  background-color: var(--sendbird-dark-primary-200);
+  border: 1px solid var(--sendbird-dark-primary-200);
+}
+
+.sendbird-theme--light .sendbird-input-toggle-button--unchecked {
+  background-color: var(--sendbird-light-background-300);
+  border: 1px solid var(--sendbird-light-background-300);
+}
+.sendbird-theme--dark .sendbird-input-toggle-button--unchecked {
+  background-color: var(--sendbird-dark-background-400);
+  border: 1px solid var(--sendbird-dark-background-400);
+}
+
+.sendbird-input-toggle-button--disabled {
+  cursor: not-allowed;
+}
+.sendbird-theme--light .sendbird-input-toggle-button--disabled {
+  background-color: var(--sendbird-light-background-200);
+  border: 1px solid var(--sendbird-light-background-200);
+}
+.sendbird-theme--dark .sendbird-input-toggle-button--disabled {
+  background-color: var(--sendbird-dark-background-400);
+  border: 1px solid var(--sendbird-dark-background-400);
+}
+
+.sendbird-input-toggle-button input {
+  position: absolute;
+  display: none;
+}
+
+.sendbird-input-toggle-button__inner-dot {
+  position: absolute;
+  border-radius: 50%;
+  animation-iteration-count: 1;
+}
+.sendbird-theme--light .sendbird-input-toggle-button__inner-dot {
+  background-color: var(--sendbird-light-background-50);
+}
+.sendbird-theme--dark .sendbird-input-toggle-button__inner-dot {
+  background-color: var(--sendbird-dark-background-600);
+}
+
+/* Manage animation and position by status */
+@keyframes sendbirdMoveToRight {
+  0% {
+    right: 60%;
+  }
+  100% {
+    right: 10%;
+  }
+}
+@keyframes sendbirdMoveToLeft {
+  0% {
+    right: 10%;
+  }
+  100% {
+    right: 60%;
+  }
+}
+.sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot {
+  animation-name: sendbirdMoveToRight;
+}
+
+.sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot {
+  animation-name: sendbirdMoveToLeft;
+}
+
+.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot {
+  right: 60%;
+}
+
+.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot {
+  right: 10%;
+}
+
+.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot {
+  animation-name: sendbirdMoveToLeft;
+}
+.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot {
+  animation-name: sendbirdMoveToRight;
+}
+.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot {
+  right: 10%;
+}
+.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot {
+  right: 60%;
+}
 .sendbird-user-list-item--small {
   display: block;
   position: relative;
@@ -7335,6 +7435,10 @@ div.sendbird-og-message-item-body__text-bubble {
   margin-left: 8px;
 }
 
+.sendbird-participants-accordion__member-avatar__avatar {
+  position: absolute;
+}
+
 .sendbird-more-users__popup-scroll {
   max-height: 420px;
   overflow: scroll;