@sendbird/uikit-react 3.4.5 → 3.4.6-0

package/cjs/ui/MessageItemReactionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItemReactionMenu.js","sources":["../../../src/ui/MessageItemReactionMenu/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useRef } from 'react';\nimport type { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\n\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport ImageRenderer from '../ImageRenderer';\nimport ReactionButton from '../ReactionButton';\nimport { getClassName, getEmojiListAll, isPendingMessage, isFailedMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage | FileMessage;\n  userId: string;\n  spaceFromTrigger?: Record<string, unknown>;\n  emojiContainer?: EmojiContainer;\n  toggleReaction?: (message: UserMessage | FileMessage, reactionKey: string, isReacted: boolean) => void;\n  setSupposedHover?: (bool: boolean) => void;\n}\n\nexport default function MessageItemReactionMenu({\n  className,\n  message,\n  userId,\n  spaceFromTrigger = {},\n  emojiContainer,\n  toggleReaction,\n  setSupposedHover,\n}: Props): ReactElement {\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  if(isPendingMessage(message) || isFailedMessage(message)) {\n    return null;\n  }\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-reaction-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-reaction-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-reaction-menu__trigger__icon\"\n              type={IconTypes.EMOJI_MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <EmojiListItems\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              spaceFromTrigger={spaceFromTrigger}\n            >\n              {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n                const isReacted: boolean = message?.reactions?.\n                  filter((reaction: Reaction) => reaction.key === emoji.key)[0]?.userIds?.\n                  some((reactorId: string) => reactorId === userId);\n                return (\n                  <ReactionButton\n                    key={emoji.key}\n                    width=\"36px\"\n                    height=\"36px\"\n                    selected={isReacted}\n                    onClick={() => {\n                      closeDropdown();\n                      toggleReaction(message, emoji.key, isReacted);\n                    }}\n                  >\n                    <ImageRenderer\n                      url={emoji.url}\n                      width=\"28px\"\n                      height=\"28px\"\n                      placeHolder={(style) => (\n                        <div style={style}>\n                          <Icon\n                            type={IconTypes.QUESTION}\n                            fillColor={IconColors.ON_BACKGROUND_3}\n                            width=\"28px\"\n                            height=\"28px\"\n                          />\n                        </div>\n                      )}\n                    />\n                  </ReactionButton>\n                );\n              })}\n            </EmojiListItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemReactionMenu","_a","className","message","userId","_b","spaceFromTrigger","emojiContainer","toggleReaction","setSupposedHover","triggerRef","useRef","containerRef","isPendingMessage","isFailedMessage","React","getClassName","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","EMOJI_MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","EmojiListItems","getEmojiListAll","map","emoji","isReacted","_c","reactions","filter","reaction","key","userIds","some","reactorId","ReactionButton","ImageRenderer","url","style","QUESTION","ON_BACKGROUND_3"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBwB,SAAAA,uBAAA,CAAwBC,EAAxB,EAQhB;MAPNC,SAAS,GAAAD,EAAA,CAAAC;MACTC,OAAO,GAAAF,EAAA,CAAAE;MACPC,MAAM,GAAAH,EAAA,CAAAG;MACNC,EAAA,GAAAJ,EAAA,CAAAK;MAAAA,gBAAgB,mBAAG,KAAED;MACrBE,cAAc,GAAAN,EAAA,CAAAM;MACdC,cAAc,GAAAP,EAAA,CAAAO;MACdC,gBAAgB,GAAAR,EAAA,CAAAQ;AAEhB,EAAA,IAAMC,UAAU,GAAGC,YAAM,CAAC,IAAD,CAAzB,CAAA;AACA,EAAA,IAAMC,YAAY,GAAGD,YAAM,CAAC,IAAD,CAA3B,CAAA;;EAEA,IAAGE,sBAAgB,CAACV,OAAD,CAAhB,IAA6BW,qBAAe,CAACX,OAAD,CAA/C,EAA0D;AACxD,IAAA,OAAO,IAAP,CAAA;AACD,GAAA;;EAED,oBACEY,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;IACE,SAAS,EAAEC,kBAAY,CAAC,CAACd,SAAD,EAAY,qCAAZ,CAAD,CADzB;AAEE,IAAA,GAAG,EAAEU,YAAAA;AAFP,GAAA,eAIEG,wCAACE,yBAAD,EAAA;IACE,WAAW,EAAE,UAACC,cAAD,EAA8C;AAAA,MAAA,oBACzDH,wCAACI,aAAD,EAAA;AACE,QAAA,SAAS,EAAC,8CADZ;AAEE,QAAA,GAAG,EAAET,UAFP;AAGE,QAAA,KAAK,EAAC,MAHR;AAIE,QAAA,MAAM,EAAC,MAJT;AAKE,QAAA,OAAO,EAAE,YAAA;UACPQ,cAAc,EAAA,CAAA;UACdT,gBAAgB,CAAC,IAAD,CAAhB,CAAA;SAPJ;AASE,QAAA,MAAM,EAAE,YAAA;UACNA,gBAAgB,CAAC,KAAD,CAAhB,CAAA;AACD,SAAA;AAXH,OAAA,eAaEM,wCAACK,kBAAD,EAAA;AACE,QAAA,SAAS,EAAC,oDADZ;QAEE,IAAI,EAAEC,iBAAS,CAACC,UAFlB;QAGE,SAAS,EAAEC,kBAAU,CAACC,eAHxB;AAIE,QAAA,KAAK,EAAC,MAJR;AAKE,QAAA,MAAM,EAAC,MAAA;AALT,OAAA,CAbF,CADyD,CAAA;KAD7D;IAwBE,SAAS,EAAE,UAACC,KAAD,EAAkB;MAC3B,IAAMC,aAAa,GAAG,YAAA;QACpBD,KAAK,EAAA,CAAA;QACLhB,gBAAgB,CAAC,KAAD,CAAhB,CAAA;OAFF,CAAA;;AAIA,MAAA,oBACEM,wCAACY,6BAAD,EAAA;AACE,QAAA,SAAS,EAAEjB,UADb;AAEE,QAAA,gBAAgB,EAAEE,YAFpB;AAGE,QAAA,aAAa,EAAEc,aAHjB;AAIE,QAAA,gBAAgB,EAAEpB,gBAAAA;OAEjBsB,EAAAA,qBAAe,CAACrB,cAAD,CAAf,CAAgCsB,GAAhC,CAAoC,UAACC,KAAD,EAAa;;;AAChD,QAAA,IAAMC,SAAS,GAAY,CAAAC,EAAA,GAAA,CAAA3B,EAAA,GAAA,MAAAF,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE8B,SAAT,MAAkB,IAAlB,IAAkBhC,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkBA,EAAA,CAC3CiC,MAD2C,CACpC,UAACC,QAAD,EAAwB;AAAA,UAAA,OAAAA,QAAQ,CAACC,GAAT,KAAiBN,KAAK,CAACM,GAAvB,CAAA;AAA0B,SADd,CACgB,CAAA,CADhB,CAAlB,MACoC,IADpC,IACoC/B,EAAA,KAAA,KAAA,CADpC,GACoC,KAAA,CADpC,GACoCA,EAAA,CAAEgC,OADtC,MAEzB,IAFyB,IAEzBL,EAAA,KAAA,KAAA,CAFyB,GAEzB,KAAA,CAFyB,GAEzBA,EAAA,CAAAM,IAAA,CAAK,UAACC,SAAD;UAAuB,OAAAA,SAAS,KAAKnC,MAAd,CAAA;AAAoB,SAAhD,CAFF,CAAA;AAGA,QAAA,oBACEW,wCAACyB,iBAAD,EAAA;UACE,GAAG,EAAEV,KAAK,CAACM,GADb;AAEE,UAAA,KAAK,EAAC,MAFR;AAGE,UAAA,MAAM,EAAC,MAHT;AAIE,UAAA,QAAQ,EAAEL,SAJZ;AAKE,UAAA,OAAO,EAAE,YAAA;YACPL,aAAa,EAAA,CAAA;YACblB,cAAc,CAACL,OAAD,EAAU2B,KAAK,CAACM,GAAhB,EAAqBL,SAArB,CAAd,CAAA;AACD,WAAA;AARH,SAAA,eAUEhB,wCAAC0B,gBAAD,EAAA;UACE,GAAG,EAAEX,KAAK,CAACY,GADb;AAEE,UAAA,KAAK,EAAC,MAFR;AAGE,UAAA,MAAM,EAAC,MAHT;UAIE,WAAW,EAAE,UAACC,KAAD;YAAW,oBACtB5B,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,cAAA,KAAK,EAAE4B,KAAAA;AAAZ,aAAA,eACE5B,wCAACK,kBAAD,EAAA;cACE,IAAI,EAAEC,iBAAS,CAACuB,QADlB;cAEE,SAAS,EAAErB,kBAAU,CAACsB,eAFxB;AAGE,cAAA,KAAK,EAAC,MAHR;AAIE,cAAA,MAAM,EAAC,MAAA;AAJT,aAAA,CADF,CADsB,CAAA;AASvB,WAAA;AAbH,SAAA,CAVF,CADF,CAAA;AA4BD,OAhCA,CANH,CADF,CAAA;AA0CD,KAAA;AAvEH,GAAA,CAJF,CADF,CAAA;AAgFD;;;;"}
+{"version":3,"file":"MessageItemReactionMenu.js","sources":["../../../src/ui/MessageItemReactionMenu/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useRef } from 'react';\nimport type { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\n\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport ImageRenderer from '../ImageRenderer';\nimport ReactionButton from '../ReactionButton';\nimport { getClassName, getEmojiListAll, isPendingMessage, isFailedMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage | FileMessage;\n  userId: string;\n  spaceFromTrigger?: Record<string, unknown>;\n  emojiContainer?: EmojiContainer;\n  toggleReaction?: (message: UserMessage | FileMessage, reactionKey: string, isReacted: boolean) => void;\n  setSupposedHover?: (bool: boolean) => void;\n}\n\nexport default function MessageItemReactionMenu({\n  className,\n  message,\n  userId,\n  spaceFromTrigger = {},\n  emojiContainer,\n  toggleReaction,\n  setSupposedHover,\n}: Props): ReactElement {\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  if(isPendingMessage(message) || isFailedMessage(message)) {\n    return null;\n  }\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-reaction-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-reaction-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-reaction-menu__trigger__icon\"\n              type={IconTypes.EMOJI_MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <EmojiListItems\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              spaceFromTrigger={spaceFromTrigger}\n            >\n              {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n                const isReacted: boolean = message?.reactions?.\n                  filter((reaction: Reaction) => reaction.key === emoji.key)[0]?.userIds?.\n                  some((reactorId: string) => reactorId === userId);\n                return (\n                  <ReactionButton\n                    key={emoji.key}\n                    width=\"36px\"\n                    height=\"36px\"\n                    selected={isReacted}\n                    onClick={() => {\n                      closeDropdown();\n                      toggleReaction(message, emoji.key, isReacted);\n                    }}\n                  >\n                    <ImageRenderer\n                      url={emoji.url}\n                      width=\"28px\"\n                      height=\"28px\"\n                      placeHolder={(style) => (\n                        <div style={style}>\n                          <Icon\n                            type={IconTypes.QUESTION}\n                            fillColor={IconColors.ON_BACKGROUND_3}\n                            width=\"28px\"\n                            height=\"28px\"\n                          />\n                        </div>\n                      )}\n                    />\n                  </ReactionButton>\n                );\n              })}\n            </EmojiListItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemReactionMenu","_a","className","message","userId","_b","spaceFromTrigger","emojiContainer","toggleReaction","setSupposedHover","triggerRef","useRef","containerRef","isPendingMessage","isFailedMessage","React","createElement","getClassName","ref","ContextMenu","menuTrigger","toggleDropdown","IconButton","width","height","onClick","onBlur","Icon","type","IconTypes","EMOJI_MORE","fillColor","IconColors","CONTENT_INVERSE","menuItems","close","closeDropdown","EmojiListItems","parentRef","parentContainRef","getEmojiListAll","map","emoji","isReacted","_c","reactions","filter","reaction","key","userIds","some","reactorId","ReactionButton","selected","ImageRenderer","url","placeHolder","style","QUESTION","ON_BACKGROUND_3"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBwB,SAAAA,uBAAuBA,CAACC,EAQxC,EAAA;MAPNC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,OAAO,GAAAF,EAAA,CAAAE,OAAA;IACPC,MAAM,GAAAH,EAAA,CAAAG,MAAA;IACNC,EAAA,GAAAJ,EAAA,CAAAK,gBAAqB;IAArBA,gBAAgB,mBAAG,EAAE,GAAAD,EAAA;IACrBE,cAAc,GAAAN,EAAA,CAAAM,cAAA;IACdC,cAAc,GAAAP,EAAA,CAAAO,cAAA;IACdC,gBAAgB,GAAAR,EAAA,CAAAQ,gBAAA,CAAA;AAEhB,EAAA,IAAMC,UAAU,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;AAC/B,EAAA,IAAMC,YAAY,GAAGD,YAAM,CAAC,IAAI,CAAC,CAAA;EAEjC,IAAGE,sBAAgB,CAACV,OAAO,CAAC,IAAIW,qBAAe,CAACX,OAAO,CAAC,EAAE;AACxD,IAAA,OAAO,IAAI,CAAA;AACZ,GAAA;EAED,oBACEY,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEd,SAAS,EAAEe,kBAAY,CAAC,CAACf,SAAS,EAAE,qCAAqC,CAAC,CAAE;AAC5EgB,IAAAA,GAAG,EAAEN,YAAAA;AAAa,GAAA,eAElBG,yBAAA,CAAAC,aAAA,CAACG,yBAAW,EAAA;AACVC,IAAAA,WAAW,EAAE,UAACC,cAA0B,EAAmB;AAAA,MAAA,oBACzDN,yBAAA,CAAAC,aAAA,CAACM,aAAU,EAAA;AACTpB,QAAAA,SAAS,EAAC,8CAA8C;AACxDgB,QAAAA,GAAG,EAAER,UAAW;AAChBa,QAAAA,KAAK,EAAC,MAAM;AACZC,QAAAA,MAAM,EAAC,MAAM;QACbC,OAAO,EAAE,YAAA;AACPJ,UAAAA,cAAc,EAAE,CAAA;UAChBZ,gBAAgB,CAAC,IAAI,CAAC,CAAA;SACtB;QACFiB,MAAM,EAAE,YAAA;UACNjB,gBAAgB,CAAC,KAAK,CAAC,CAAA;AACzB,SAAA;AAAE,OAAA,eAEFM,yBAAA,CAAAC,aAAA,CAACW,kBAAI,EAAA;AACHzB,QAAAA,SAAS,EAAC,oDAAoD;QAC9D0B,IAAI,EAAEC,iBAAS,CAACC,UAAW;QAC3BC,SAAS,EAAEC,kBAAU,CAACC,eAAgB;AACtCV,QAAAA,KAAK,EAAC,MAAM;AACZC,QAAAA,MAAM,EAAC,MAAA;AAAM,OAAA,CAEjB,CAAa,CAAA;KACb;AACFU,IAAAA,SAAS,EAAE,UAACC,KAAiB,EAAA;AAC3B,MAAA,IAAMC,aAAa,GAAG,YAAA;AACpBD,QAAAA,KAAK,EAAE,CAAA;QACP1B,gBAAgB,CAAC,KAAK,CAAC,CAAA;OACxB,CAAA;AACD,MAAA,oBACEM,yBAAA,CAAAC,aAAA,CAACqB,6BAAc,EAAA;AACbC,QAAAA,SAAS,EAAE5B,UAAW;AACtB6B,QAAAA,gBAAgB,EAAE3B,YAAa;AAC/BwB,QAAAA,aAAa,EAAEA,aAAc;AAC7B9B,QAAAA,gBAAgB,EAAEA,gBAAAA;OAEjBkC,EAAAA,qBAAe,CAACjC,cAAc,CAAC,CAACkC,GAAG,CAAC,UAACC,KAAY,EAAA;;AAChD,QAAA,IAAMC,SAAS,GAAY,CAAAC,EAAA,GAAA,CAAAvC,EAAA,GAAA,MAAAF,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE0C,SAAS,MAAA,IAAA,IAAA5C,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAC3C6C,MAAM,CAAC,UAACC,QAAkB,EAAK;AAAA,UAAA,OAAAA,QAAQ,CAACC,GAAG,KAAKN,KAAK,CAACM,GAAG,CAAA;AAA1B,SAA0B,CAAA,CAAE,CAAC,CAAC,MAAA,IAAA,IAAA3C,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAE4C,OAAO,MACtE,IAAA,IAAAL,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAM,IAAI,CAAC,UAACC,SAAiB;UAAK,OAAAA,SAAS,KAAK/C,MAAM,CAAA;AAApB,SAAoB,CAAC,CAAA;AACnD,QAAA,oBACEW,yBAAA,CAAAC,aAAA,CAACoC,iBAAc,EAAA;UACbJ,GAAG,EAAEN,KAAK,CAACM,GAAI;AACfzB,UAAAA,KAAK,EAAC,MAAM;AACZC,UAAAA,MAAM,EAAC,MAAM;AACb6B,UAAAA,QAAQ,EAAEV,SAAU;UACpBlB,OAAO,EAAE,YAAA;AACPW,YAAAA,aAAa,EAAE,CAAA;YACf5B,cAAc,CAACL,OAAO,EAAEuC,KAAK,CAACM,GAAG,EAAEL,SAAS,CAAC,CAAA;AAC/C,WAAA;AAAE,SAAA,eAEF5B,yBAAA,CAAAC,aAAA,CAACsC,gBAAa,EAAA;UACZC,GAAG,EAAEb,KAAK,CAACa,GAAI;AACfhC,UAAAA,KAAK,EAAC,MAAM;AACZC,UAAAA,MAAM,EAAC,MAAM;AACbgC,UAAAA,WAAW,EAAE,UAACC,KAAK;YAAK,oBACtB1C,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKyC,cAAAA,KAAK,EAAEA,KAAAA;AAAM,aAAA,eAChB1C,yBAAA,CAAAC,aAAA,CAACW,kBAAI,EAAA;cACHC,IAAI,EAAEC,iBAAS,CAAC6B,QAAS;cACzB3B,SAAS,EAAEC,kBAAU,CAAC2B,eAAgB;AACtCpC,cAAAA,KAAK,EAAC,MAAM;AACZC,cAAAA,MAAM,EAAC,MAAA;AAAM,aAAA,CAEjB,CAAM,CAAA;AARgB,WAAA;AAStB,SAAA,CAEN,CAAiB,CAAA;AAErB,OAAC,CAAC,CACa,CAAA;AAErB,KAAA;AAAE,GAAA,CAEN,CAAM,CAAA;AAEV;;;;"}

package/cjs/ui/MessageSearchFileItem.js

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-ee1122c5.js');
+var tslib_es6 = require('../tslib.es6-67bdb021.js');
 var React = require('react');
 var ui_Avatar = require('./Avatar.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-26a1e861.js');
-var LocalizationContext = require('../LocalizationContext-01fceac0.js');
-var index$1 = require('../index-959a4ab1.js');
-var index = require('../index-e3f00fd1.js');
-var index$2 = require('../index-72fd0294.js');
+var ui_Label = require('../index-0e43cd69.js');
+var LocalizationContext = require('../LocalizationContext-e4a874cf.js');
+var index$1 = require('../index-f2d71843.js');
+var index = require('../index-44341b78.js');
+var index$2 = require('../index-5075f3b2.js');
 require('./ImageRenderer.js');
-require('../uuid-26b61f16.js');
+require('../uuid-f23c161c.js');
 require('prop-types');
-require('../stringSet-7330b627.js');
-require('../index-7c5d21c4.js');
-require('../index-1f02e60f.js');
+require('../stringSet-76f7df68.js');
+require('../index-903c0f93.js');
+require('../index-47105c4f.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -23,35 +23,29 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function getCreatedAt(_a) {
   var createdAt = _a.createdAt,
-      locale = _a.locale,
-      stringSet = _a.stringSet;
+    locale = _a.locale,
+    stringSet = _a.stringSet;
   var optionalParam = locale ? {
     locale: locale
   } : null;
-
   if (!createdAt) {
     return '';
   }
-
   if (index.isToday(createdAt)) {
     return index$1.format(createdAt, 'p', optionalParam);
   }
-
   if (index.isYesterday(createdAt)) {
     return (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_STATUS__YESTERDAY) || 'Yesterday';
   }
-
   if (index.isThisYear(createdAt)) {
     return index$1.format(createdAt, 'MMM d', optionalParam);
   }
-
   return index$1.format(createdAt, 'yyyy/M/d', optionalParam);
 }
 function getIconOfFileType(message) {
   var url = message.url;
   var fileMessageUrl = url;
   var fileExtension = fileMessageUrl.match(/\.([^.]*?)(?=\?|#|$)/)[1];
-
   if (/(jpg|jpeg|png)$/i.test(fileExtension)) {
     return ui_Icon.IconTypes.PHOTO;
   } else if (/mp4$/i.test(fileExtension) || index$2.isVoiceMessage(message)) {
@@ -67,21 +61,19 @@ function getIconOfFileType(message) {
 
 function MessageSearchFileItem(props) {
   var className = props.className,
-      message = props.message,
-      selected = props.selected,
-      onClick = props.onClick;
+    message = props.message,
+    selected = props.selected,
+    onClick = props.onClick;
   var createdAt = message.createdAt,
-      url = message.url,
-      name = message.name; // @ts-ignore
-
+    url = message.url,
+    name = message.name;
+  // @ts-ignore
   var sender = message.sender || message._sender;
   var profileUrl = sender.profileUrl,
-      nickname = sender.nickname;
-
+    nickname = sender.nickname;
   var _a = LocalizationContext.useLocalization(),
-      stringSet = _a.stringSet,
-      dateLocale = _a.dateLocale;
-
+    stringSet = _a.stringSet,
+    dateLocale = _a.dateLocale;
   var isVoiceMsg = index$2.isVoiceMessage(message);
   var prettyFilename = isVoiceMsg ? stringSet.VOICE_MESSAGE : name || url;
   return /*#__PURE__*/React__default["default"].createElement("div", {

package/cjs/ui/MessageSearchFileItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearchFileItem.js","sources":["../../../src/ui/MessageSearchFileItem/utils.ts","../../../src/ui/MessageSearchFileItem/index.tsx"],"sourcesContent":["import type { FileMessage } from '@sendbird/chat/message';\nimport type { Locale } from 'date-fns';\nimport format from 'date-fns/format';\nimport isToday from 'date-fns/isToday';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\nimport { IconTypes } from '../Icon';\nimport { isVoiceMessage } from '../../utils';\n\nexport interface GetCreatedAtProps {\n  createdAt: number;\n  locale?: Locale;\n  stringSet?: Record<string, string>;\n}\n\nexport function getCreatedAt({ createdAt, locale, stringSet }: GetCreatedAtProps): string {\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return stringSet?.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n  }\n  if (isThisYear(createdAt)) {\n    return format(createdAt, 'MMM d', optionalParam);\n  }\n  return format(createdAt, 'yyyy/M/d', optionalParam);\n}\n\nexport function getIconOfFileType(message: FileMessage): string {\n  const { url } = message;\n  const fileMessageUrl = url;\n  const fileExtension = (fileMessageUrl.match(/\\.([^.]*?)(?=\\?|#|$)/))[1];\n\n  if (/(jpg|jpeg|png)$/i.test(fileExtension)) {\n    return IconTypes.PHOTO;\n  } else if (/mp4$/i.test(fileExtension) || isVoiceMessage(message)) {\n    return IconTypes.PLAY;\n  } else if (/mp3/i.test(fileExtension)) {\n    return IconTypes.FILE_AUDIO;\n  } else if (/gif/i.test(fileExtension)) {\n    return IconTypes.GIF;\n  } else {\n    return IconTypes.FILE_DOCUMENT;\n  }\n}\n\nexport function truncate(fullText: string, textLimit: number): string {\n  if (fullText.length <= textLimit) return fullText;\n  const separator = '...';\n  const sepLen = separator.length;\n  const charsToShow = textLimit - sepLen;\n  const frontChars = Math.ceil(charsToShow / 2);\n  const backChars = Math.floor(charsToShow / 2);\n  return fullText.substr(0, frontChars) + separator + fullText.substr(fullText.length - backChars);\n}\n","import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Avatar from '../Avatar';\nimport Icon, { IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { getCreatedAt, getIconOfFileType } from './utils';\nimport { isVoiceMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  selected?: boolean;\n  onClick?: (message: FileMessage) => void;\n}\n\nexport default function MessageSearchFileItem(props: Props): ReactElement {\n  const {\n    className,\n    message,\n    selected,\n    onClick,\n  } = props;\n  const { createdAt, url, name } = message;\n  // @ts-ignore\n  const sender = message.sender || message._sender;\n  const { profileUrl, nickname } = sender;\n  const { stringSet, dateLocale } = useLocalization();\n  const isVoiceMsg = isVoiceMessage(message);\n  const prettyFilename = isVoiceMsg ? stringSet.VOICE_MESSAGE : (name || url);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-search-file-item',\n        selected ? 'sendbird-message-search-file-item--selected' : '',\n      ].join(' ')}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick(message);\n      }}\n    >\n      <div className=\"sendbird-message-search-file-item__left\">\n        <Avatar\n          className=\"sendbird-message-search-file-item__left__sender-avatar\"\n          src={profileUrl}\n          alt=\"profile image\"\n          width=\"56px\"\n          height=\"56px\"\n        />\n      </div>\n      <div className=\"sendbird-message-search-file-item__right\">\n        <Label\n          className=\"sendbird-message-search-file-item__right__sender-name\"\n          type={LabelTypography.SUBTITLE_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {nickname || stringSet.NO_NAME}\n        </Label>\n        <div className=\"sendbird-message-search-file-item__right__content\">\n          {!isVoiceMsg && (\n            <div className={`sendbird-message-search-file-item__right__content__type-icon`}>\n              <Icon\n                type={getIconOfFileType(message)}\n                fillColor={IconColors.PRIMARY}\n                width=\"18px\"\n                height=\"18px\"\n              />\n            </div>\n          )}\n          <Label\n            className=\"sendbird-message-search-file-item__right__content__url\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {prettyFilename}\n          </Label>\n        </div>\n      </div>\n      <Label\n        className=\"sendbird-message-search-file-item__message-created-at\"\n        type={LabelTypography.CAPTION_3}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {getCreatedAt({ createdAt, locale: dateLocale, stringSet })}\n      </Label>\n      <div className=\"sendbird-message-search-file-item__right-footer\" />\n    </div>\n  );\n}\n"],"names":["getCreatedAt","_a","createdAt","locale","stringSet","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","getIconOfFileType","message","url","fileMessageUrl","fileExtension","match","test","IconTypes","PHOTO","isVoiceMessage","PLAY","FILE_AUDIO","GIF","FILE_DOCUMENT","MessageSearchFileItem","props","className","selected","onClick","name","sender","_sender","profileUrl","nickname","useLocalization","dateLocale","isVoiceMsg","prettyFilename","VOICE_MESSAGE","React","__spreadArray","Array","isArray","join","e","stopPropagation","Avatar","Label","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","NO_NAME","Icon","IconColors","PRIMARY","BODY_2","CAPTION_3","ONBACKGROUND_2"],"mappings":"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"}
+{"version":3,"file":"MessageSearchFileItem.js","sources":["../../../src/ui/MessageSearchFileItem/utils.ts","../../../src/ui/MessageSearchFileItem/index.tsx"],"sourcesContent":["import type { FileMessage } from '@sendbird/chat/message';\nimport type { Locale } from 'date-fns';\nimport format from 'date-fns/format';\nimport isToday from 'date-fns/isToday';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\nimport { IconTypes } from '../Icon';\nimport { isVoiceMessage } from '../../utils';\n\nexport interface GetCreatedAtProps {\n  createdAt: number;\n  locale?: Locale;\n  stringSet?: Record<string, string>;\n}\n\nexport function getCreatedAt({ createdAt, locale, stringSet }: GetCreatedAtProps): string {\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return stringSet?.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n  }\n  if (isThisYear(createdAt)) {\n    return format(createdAt, 'MMM d', optionalParam);\n  }\n  return format(createdAt, 'yyyy/M/d', optionalParam);\n}\n\nexport function getIconOfFileType(message: FileMessage): string {\n  const { url } = message;\n  const fileMessageUrl = url;\n  const fileExtension = (fileMessageUrl.match(/\\.([^.]*?)(?=\\?|#|$)/))[1];\n\n  if (/(jpg|jpeg|png)$/i.test(fileExtension)) {\n    return IconTypes.PHOTO;\n  } else if (/mp4$/i.test(fileExtension) || isVoiceMessage(message)) {\n    return IconTypes.PLAY;\n  } else if (/mp3/i.test(fileExtension)) {\n    return IconTypes.FILE_AUDIO;\n  } else if (/gif/i.test(fileExtension)) {\n    return IconTypes.GIF;\n  } else {\n    return IconTypes.FILE_DOCUMENT;\n  }\n}\n\nexport function truncate(fullText: string, textLimit: number): string {\n  if (fullText.length <= textLimit) return fullText;\n  const separator = '...';\n  const sepLen = separator.length;\n  const charsToShow = textLimit - sepLen;\n  const frontChars = Math.ceil(charsToShow / 2);\n  const backChars = Math.floor(charsToShow / 2);\n  return fullText.substr(0, frontChars) + separator + fullText.substr(fullText.length - backChars);\n}\n","import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Avatar from '../Avatar';\nimport Icon, { IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { getCreatedAt, getIconOfFileType } from './utils';\nimport { isVoiceMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  selected?: boolean;\n  onClick?: (message: FileMessage) => void;\n}\n\nexport default function MessageSearchFileItem(props: Props): ReactElement {\n  const {\n    className,\n    message,\n    selected,\n    onClick,\n  } = props;\n  const { createdAt, url, name } = message;\n  // @ts-ignore\n  const sender = message.sender || message._sender;\n  const { profileUrl, nickname } = sender;\n  const { stringSet, dateLocale } = useLocalization();\n  const isVoiceMsg = isVoiceMessage(message);\n  const prettyFilename = isVoiceMsg ? stringSet.VOICE_MESSAGE : (name || url);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-search-file-item',\n        selected ? 'sendbird-message-search-file-item--selected' : '',\n      ].join(' ')}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick(message);\n      }}\n    >\n      <div className=\"sendbird-message-search-file-item__left\">\n        <Avatar\n          className=\"sendbird-message-search-file-item__left__sender-avatar\"\n          src={profileUrl}\n          alt=\"profile image\"\n          width=\"56px\"\n          height=\"56px\"\n        />\n      </div>\n      <div className=\"sendbird-message-search-file-item__right\">\n        <Label\n          className=\"sendbird-message-search-file-item__right__sender-name\"\n          type={LabelTypography.SUBTITLE_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {nickname || stringSet.NO_NAME}\n        </Label>\n        <div className=\"sendbird-message-search-file-item__right__content\">\n          {!isVoiceMsg && (\n            <div className={`sendbird-message-search-file-item__right__content__type-icon`}>\n              <Icon\n                type={getIconOfFileType(message)}\n                fillColor={IconColors.PRIMARY}\n                width=\"18px\"\n                height=\"18px\"\n              />\n            </div>\n          )}\n          <Label\n            className=\"sendbird-message-search-file-item__right__content__url\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {prettyFilename}\n          </Label>\n        </div>\n      </div>\n      <Label\n        className=\"sendbird-message-search-file-item__message-created-at\"\n        type={LabelTypography.CAPTION_3}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {getCreatedAt({ createdAt, locale: dateLocale, stringSet })}\n      </Label>\n      <div className=\"sendbird-message-search-file-item__right-footer\" />\n    </div>\n  );\n}\n"],"names":["getCreatedAt","_a","createdAt","locale","stringSet","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","getIconOfFileType","message","url","fileMessageUrl","fileExtension","match","test","IconTypes","PHOTO","isVoiceMessage","PLAY","FILE_AUDIO","GIF","FILE_DOCUMENT","MessageSearchFileItem","props","className","selected","onClick","name","sender","_sender","profileUrl","nickname","useLocalization","dateLocale","isVoiceMsg","prettyFilename","VOICE_MESSAGE","React","createElement","__spreadArray","Array","isArray","join","e","stopPropagation","Avatar","src","alt","width","height","Label","type","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","NO_NAME","Icon","fillColor","IconColors","PRIMARY","BODY_2","CAPTION_3","ONBACKGROUND_2"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeM,SAAUA,YAAYA,CAACC,EAAmD,EAAA;AAAjD,EAAA,IAAAC,SAAS,eAAA;IAAEC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IAAEC,SAAS,GAAAH,EAAA,CAAAG,SAAA,CAAA;EACzD,IAAMC,aAAa,GAAGF,MAAM,GAAG;AAAEA,IAAAA,MAAM,EAAAA,MAAAA;AAAE,GAAA,GAAG,IAAI,CAAA;EAChD,IAAI,CAACD,SAAS,EAAE;AACd,IAAA,OAAO,EAAE,CAAA;AACV,GAAA;AACD,EAAA,IAAII,aAAO,CAACJ,SAAS,CAAC,EAAE;AACtB,IAAA,OAAOK,cAAM,CAACL,SAAS,EAAE,GAAG,EAAEG,aAAa,CAAC,CAAA;AAC7C,GAAA;AACD,EAAA,IAAIG,iBAAW,CAACN,SAAS,CAAC,EAAE;AAC1B,IAAA,OAAO,CAAAE,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEK,yBAAyB,KAAI,WAAW,CAAA;AAC3D,GAAA;AACD,EAAA,IAAIC,gBAAU,CAACR,SAAS,CAAC,EAAE;AACzB,IAAA,OAAOK,cAAM,CAACL,SAAS,EAAE,OAAO,EAAEG,aAAa,CAAC,CAAA;AACjD,GAAA;AACD,EAAA,OAAOE,cAAM,CAACL,SAAS,EAAE,UAAU,EAAEG,aAAa,CAAC,CAAA;AACrD,CAAA;AAEM,SAAUM,iBAAiBA,CAACC,OAAoB,EAAA;AAC5C,EAAA,IAAAC,GAAG,GAAKD,OAAO,CAAAC,GAAZ,CAAA;EACX,IAAMC,cAAc,GAAGD,GAAG,CAAA;EAC1B,IAAME,aAAa,GAAID,cAAc,CAACE,KAAK,CAAC,sBAAsB,CAAC,CAAE,CAAC,CAAC,CAAA;AAEvE,EAAA,IAAI,kBAAkB,CAACC,IAAI,CAACF,aAAa,CAAC,EAAE;IAC1C,OAAOG,iBAAS,CAACC,KAAK,CAAA;AACvB,GAAA,MAAM,IAAI,OAAO,CAACF,IAAI,CAACF,aAAa,CAAC,IAAIK,sBAAc,CAACR,OAAO,CAAC,EAAE;IACjE,OAAOM,iBAAS,CAACG,IAAI,CAAA;GACtB,MAAM,IAAI,MAAM,CAACJ,IAAI,CAACF,aAAa,CAAC,EAAE;IACrC,OAAOG,iBAAS,CAACI,UAAU,CAAA;GAC5B,MAAM,IAAI,MAAM,CAACL,IAAI,CAACF,aAAa,CAAC,EAAE;IACrC,OAAOG,iBAAS,CAACK,GAAG,CAAA;AACrB,GAAA,MAAM;IACL,OAAOL,iBAAS,CAACM,aAAa,CAAA;AAC/B,GAAA;AACH;;AC9BwB,SAAAC,qBAAqBA,CAACC,KAAY,EAAA;AAEtD,EAAA,IAAAC,SAAS,GAIPD,KAAK,UAJE;IACTd,OAAO,GAGLc,KAAK,CAAAd,OAHA;IACPgB,QAAQ,GAENF,KAAK,CAFCE,QAAA;IACRC,OAAO,GACLH,KAAK,QADA,CAAA;AAED,EAAA,IAAAxB,SAAS,GAAgBU,OAAO,CAAAV,SAAvB;IAAEW,GAAG,GAAWD,OAAO,CAAAC,GAAlB;IAAEiB,IAAI,GAAKlB,OAAO,KAAZ,CAAA;AAC5B;EACA,IAAMmB,MAAM,GAAGnB,OAAO,CAACmB,MAAM,IAAInB,OAAO,CAACoB,OAAO,CAAA;AACxC,EAAA,IAAAC,UAAU,GAAeF,MAAM,CAAAE,UAArB;IAAEC,QAAQ,GAAKH,MAAM,CAAAG,QAAX,CAAA;EACtB,IAAAjC,EAAA,GAA4BkC,mCAAe,EAAE;IAA3C/B,SAAS,GAAAH,EAAA,CAAAG,SAAA;IAAEgC,UAAU,GAAAnC,EAAA,CAAAmC,UAAsB,CAAA;AACnD,EAAA,IAAMC,UAAU,GAAGjB,sBAAc,CAACR,OAAO,CAAC,CAAA;EAC1C,IAAM0B,cAAc,GAAGD,UAAU,GAAGjC,SAAS,CAACmC,aAAa,GAAIT,IAAI,IAAIjB,GAAI,CAAA;EAE3E,oBACE2B,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEd,IAAAA,SAAS,EAAEe,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACjB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,mCAAmC,EACnCC,QAAQ,GAAG,6CAA6C,GAAG,EAAE,UAC7DiB,IAAI,CAAC,GAAG,CAAE;AACZhB,IAAAA,OAAO,EAAE,UAACiB,CAAC,EAAA;MACTA,CAAC,CAACC,eAAe,EAAE,CAAA;MACnBlB,OAAO,CAACjB,OAAO,CAAC,CAAA;AAClB,KAAA;GAEA4B,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,yCAAA;AAAyC,GAAA,eACtDa,yBAAA,CAAAC,aAAA,CAACO,oBAAM,EAAA;AACLrB,IAAAA,SAAS,EAAC,wDAAwD;AAClEsB,IAAAA,GAAG,EAAEhB,UAAW;AAChBiB,IAAAA,GAAG,EAAC,eAAe;AACnBC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,CAEjB,CACA,eAAAZ,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,0CAAA;AAA0C,GAAA,eACvDa,yBAAA,CAAAC,aAAA,CAACY,cAAK,EAAA;AACJ1B,IAAAA,SAAS,EAAC,uDAAuD;IACjE2B,IAAI,EAAEC,wBAAe,CAACC,UAAW;IACjCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBzB,EAAAA,QAAQ,IAAI9B,SAAS,CAACwD,OAAO,CAEhC,eAAApB,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,mDAAA;AAAmD,GAAA,EAC/D,CAACU,UAAU,iBACVG,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAE,8DAAA;AAA+D,GAAA,eAC7Ea,yBAAA,CAAAC,aAAA,CAACoB,kBAAI,EAAA;AACHP,IAAAA,IAAI,EAAE3C,iBAAiB,CAACC,OAAO,CAAE;IACjCkD,SAAS,EAAEC,kBAAU,CAACC,OAAQ;AAC9Bb,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,CAEjB,CACD,eACDZ,yBAAA,CAAAC,aAAA,CAACY,cAAK,EAAA;AACJ1B,IAAAA,SAAS,EAAC,wDAAwD;IAClE2B,IAAI,EAAEC,wBAAe,CAACU,MAAO;IAC7BR,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBrB,EAAAA,cAAc,CAEnB,CACF,CACA,eAAAE,yBAAA,CAAAC,aAAA,CAACY,cAAK,EAAA;AACJ1B,IAAAA,SAAS,EAAC,uDAAuD;IACjE2B,IAAI,EAAEC,wBAAe,CAACW,SAAU;IAChCT,KAAK,EAAEC,oBAAW,CAACS,cAAAA;AAAe,GAAA,EAEjCnE,YAAY,CAAC;AAAEE,IAAAA,SAAS,WAAA;AAAEC,IAAAA,MAAM,EAAEiC,UAAU;AAAEhC,IAAAA,SAAS,EAAAA,SAAAA;AAAA,GAAE,CAAC,CAE7D,eAAAoC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,iDAAA;AAAiD,GAAA,CAClE,CAAM,CAAA;AAEV;;;;"}

package/cjs/ui/MessageSearchItem.js

@@ -1,66 +1,60 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-ee1122c5.js');
+var tslib_es6 = require('../tslib.es6-67bdb021.js');
 var React = require('react');
-var index$1 = require('../index-959a4ab1.js');
-var index = require('../index-e3f00fd1.js');
+var index$1 = require('../index-f2d71843.js');
+var index = require('../index-44341b78.js');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-26a1e861.js');
-var LocalizationContext = require('../LocalizationContext-01fceac0.js');
-require('../index-7c5d21c4.js');
-require('../index-1f02e60f.js');
+var ui_Label = require('../index-0e43cd69.js');
+var LocalizationContext = require('../LocalizationContext-e4a874cf.js');
+require('../index-903c0f93.js');
+require('../index-47105c4f.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
 require('prop-types');
-require('../uuid-26b61f16.js');
-require('../stringSet-7330b627.js');
+require('../uuid-f23c161c.js');
+require('../stringSet-76f7df68.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+// getCreatedAt
 function getCreatedAt (_a) {
   var createdAt = _a.createdAt,
-      locale = _a.locale,
-      stringSet = _a.stringSet;
+    locale = _a.locale,
+    stringSet = _a.stringSet;
   var optionalParam = locale ? {
     locale: locale
   } : null;
-
   if (!createdAt) {
     return '';
   }
-
   if (index.isToday(createdAt)) {
     return index$1.format(createdAt, 'p', optionalParam);
   }
-
   if (index.isYesterday(createdAt)) {
     return (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_STATUS__YESTERDAY) || 'Yesterday';
   }
-
   if (index.isThisYear(createdAt)) {
     return index$1.format(createdAt, 'MMM d', optionalParam);
   }
-
   return index$1.format(createdAt, 'yyyy/M/d', optionalParam);
 }
 
 function MessageSearchItem(_a) {
   var className = _a.className,
-      message = _a.message,
-      selected = _a.selected,
-      onClick = _a.onClick;
+    message = _a.message,
+    selected = _a.selected,
+    onClick = _a.onClick;
   var createdAt = message.createdAt;
   var messageText = message.message;
   var sender = message.sender || message._sender;
   var profileUrl = sender.profileUrl,
-      nickname = sender.nickname;
-
+    nickname = sender.nickname;
   var _b = LocalizationContext.useLocalization(),
-      stringSet = _b.stringSet,
-      dateLocale = _b.dateLocale;
-
+    stringSet = _b.stringSet,
+    dateLocale = _b.dateLocale;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-message-search-item', selected ? 'sendbird-message-search-item--selected' : ''], false).join(' '),
     onClick: function (e) {

package/cjs/ui/MessageSearchItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearchItem.js","sources":["../../../src/ui/MessageSearchItem/getCreatedAt.ts","../../../src/ui/MessageSearchItem/index.tsx"],"sourcesContent":["import type { Locale } from 'date-fns';\nimport format from 'date-fns/format';\nimport isToday from 'date-fns/isToday';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\n\ninterface GetCreatedAtProps {\n  createdAt: number;\n  locale?: Locale;\n  stringSet?: Record<string, string>;\n}\n\n// getCreatedAt\nexport default function ({\n  createdAt,\n  locale,\n  stringSet,\n}: GetCreatedAtProps): string {\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return stringSet?.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n  }\n  if (isThisYear(createdAt)) {\n    return format(createdAt, 'MMM d', optionalParam);\n  }\n  return format(createdAt, 'yyyy/M/d', optionalParam);\n}\n","import React from 'react';\nimport './index.scss';\nimport getCreatedAt from './getCreatedAt';\n\nimport Avatar from '../Avatar';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { UserMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  selected?: boolean;\n  onClick?: (message: UserMessage) => void;\n}\n\nexport default function MessageSearchItem({\n  className,\n  message,\n  selected,\n  onClick,\n}: Props): JSX.Element {\n  const { createdAt } = message;\n  const messageText = message.message;\n  const sender = message.sender || message._sender;\n  const { profileUrl, nickname } = sender;\n  const { stringSet, dateLocale } = useLocalization();\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-search-item',\n        selected ? 'sendbird-message-search-item--selected' : '',\n      ].join(' ')}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick(message);\n      }}\n    >\n      <div className=\"sendbird-message-search-item__left\">\n        <Avatar\n          className=\"sendbird-message-search-item__left__sender-avatar\"\n          src={profileUrl}\n          alt=\"profile image\"\n          width=\"56px\"\n          height=\"56px\"\n        />\n      </div>\n      <div className=\"sendbird-message-search-item__right\">\n        <Label\n          className=\"sendbird-message-search-item__right__sender-name\"\n          type={LabelTypography.SUBTITLE_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {nickname || stringSet.NO_NAME}\n        </Label>\n        <Label\n          className=\"sendbird-message-search-item__right__message-text\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {messageText}\n        </Label>\n        <Label\n          className=\"sendbird-message-search-item__right__message-created-at\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {getCreatedAt({createdAt, locale: dateLocale, stringSet })}\n        </Label>\n      </div>\n      <div className=\"sendbird-message-search-item__right-footer\" />\n    </div>\n  );\n}\n"],"names":["_a","createdAt","locale","stringSet","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","MessageSearchItem","className","message","selected","onClick","messageText","sender","_sender","profileUrl","nickname","_b","useLocalization","dateLocale","React","__spreadArray","Array","isArray","join","e","stopPropagation","Avatar","Label","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","NO_NAME","BODY_2","ONBACKGROUND_3","CAPTION_3","ONBACKGROUND_2","getCreatedAt"],"mappings":"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"}
+{"version":3,"file":"MessageSearchItem.js","sources":["../../../src/ui/MessageSearchItem/getCreatedAt.ts","../../../src/ui/MessageSearchItem/index.tsx"],"sourcesContent":["import type { Locale } from 'date-fns';\nimport format from 'date-fns/format';\nimport isToday from 'date-fns/isToday';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\n\ninterface GetCreatedAtProps {\n  createdAt: number;\n  locale?: Locale;\n  stringSet?: Record<string, string>;\n}\n\n// getCreatedAt\nexport default function ({\n  createdAt,\n  locale,\n  stringSet,\n}: GetCreatedAtProps): string {\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return stringSet?.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n  }\n  if (isThisYear(createdAt)) {\n    return format(createdAt, 'MMM d', optionalParam);\n  }\n  return format(createdAt, 'yyyy/M/d', optionalParam);\n}\n","import React from 'react';\nimport './index.scss';\nimport getCreatedAt from './getCreatedAt';\n\nimport Avatar from '../Avatar';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { UserMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  selected?: boolean;\n  onClick?: (message: UserMessage) => void;\n}\n\nexport default function MessageSearchItem({\n  className,\n  message,\n  selected,\n  onClick,\n}: Props): JSX.Element {\n  const { createdAt } = message;\n  const messageText = message.message;\n  const sender = message.sender || message._sender;\n  const { profileUrl, nickname } = sender;\n  const { stringSet, dateLocale } = useLocalization();\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-search-item',\n        selected ? 'sendbird-message-search-item--selected' : '',\n      ].join(' ')}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick(message);\n      }}\n    >\n      <div className=\"sendbird-message-search-item__left\">\n        <Avatar\n          className=\"sendbird-message-search-item__left__sender-avatar\"\n          src={profileUrl}\n          alt=\"profile image\"\n          width=\"56px\"\n          height=\"56px\"\n        />\n      </div>\n      <div className=\"sendbird-message-search-item__right\">\n        <Label\n          className=\"sendbird-message-search-item__right__sender-name\"\n          type={LabelTypography.SUBTITLE_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {nickname || stringSet.NO_NAME}\n        </Label>\n        <Label\n          className=\"sendbird-message-search-item__right__message-text\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {messageText}\n        </Label>\n        <Label\n          className=\"sendbird-message-search-item__right__message-created-at\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {getCreatedAt({createdAt, locale: dateLocale, stringSet })}\n        </Label>\n      </div>\n      <div className=\"sendbird-message-search-item__right-footer\" />\n    </div>\n  );\n}\n"],"names":["_a","createdAt","locale","stringSet","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","MessageSearchItem","className","message","selected","onClick","messageText","sender","_sender","profileUrl","nickname","_b","useLocalization","dateLocale","React","createElement","__spreadArray","Array","isArray","join","e","stopPropagation","Avatar","src","alt","width","height","Label","type","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","NO_NAME","BODY_2","ONBACKGROUND_3","CAPTION_3","ONBACKGROUND_2","getCreatedAt"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYA;AACc,qBAAA,EAAWA,EAIL,EAAA;AAHlB,EAAA,IAAAC,SAAS,eAAA;IACTC,MAAM,GAAAF,EAAA,CAAAE,MAAA;IACNC,SAAS,GAAAH,EAAA,CAAAG,SAAA,CAAA;EAET,IAAMC,aAAa,GAAGF,MAAM,GAAG;AAAEA,IAAAA,MAAM,EAAAA,MAAAA;AAAE,GAAA,GAAG,IAAI,CAAA;EAChD,IAAI,CAACD,SAAS,EAAE;AACd,IAAA,OAAO,EAAE,CAAA;AACV,GAAA;AACD,EAAA,IAAII,aAAO,CAACJ,SAAS,CAAC,EAAE;AACtB,IAAA,OAAOK,cAAM,CAACL,SAAS,EAAE,GAAG,EAAEG,aAAa,CAAC,CAAA;AAC7C,GAAA;AACD,EAAA,IAAIG,iBAAW,CAACN,SAAS,CAAC,EAAE;AAC1B,IAAA,OAAO,CAAAE,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEK,yBAAyB,KAAI,WAAW,CAAA;AAC3D,GAAA;AACD,EAAA,IAAIC,gBAAU,CAACR,SAAS,CAAC,EAAE;AACzB,IAAA,OAAOK,cAAM,CAACL,SAAS,EAAE,OAAO,EAAEG,aAAa,CAAC,CAAA;AACjD,GAAA;AACD,EAAA,OAAOE,cAAM,CAACL,SAAS,EAAE,UAAU,EAAEG,aAAa,CAAC,CAAA;AACrD;;AChBwB,SAAAM,iBAAiBA,CAACV,EAKlC,EAAA;MAJNW,SAAS,GAAAX,EAAA,CAAAW,SAAA;IACTC,OAAO,GAAAZ,EAAA,CAAAY,OAAA;IACPC,QAAQ,GAAAb,EAAA,CAAAa,QAAA;IACRC,OAAO,GAAAd,EAAA,CAAAc,OAAA,CAAA;AAEC,EAAA,IAAAb,SAAS,GAAKW,OAAO,CAAAX,SAAZ,CAAA;AACjB,EAAA,IAAMc,WAAW,GAAGH,OAAO,CAACA,OAAO,CAAA;EACnC,IAAMI,MAAM,GAAGJ,OAAO,CAACI,MAAM,IAAIJ,OAAO,CAACK,OAAO,CAAA;AACxC,EAAA,IAAAC,UAAU,GAAeF,MAAM,CAAAE,UAArB;IAAEC,QAAQ,GAAKH,MAAM,CAAAG,QAAX,CAAA;EACtB,IAAAC,EAAA,GAA4BC,mCAAe,EAAE;IAA3ClB,SAAS,GAAAiB,EAAA,CAAAjB,SAAA;IAAEmB,UAAU,GAAAF,EAAA,CAAAE,UAAsB,CAAA;EAEnD,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEb,IAAAA,SAAS,EAAEc,uBAAA,CAAAA,uBAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAAChB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,8BAA8B,EAC9BE,QAAQ,GAAG,wCAAwC,GAAG,EAAE,UACxDe,IAAI,CAAC,GAAG,CAAE;AACZd,IAAAA,OAAO,EAAE,UAACe,CAAC,EAAA;MACTA,CAAC,CAACC,eAAe,EAAE,CAAA;MACnBhB,OAAO,CAACF,OAAO,CAAC,CAAA;AAClB,KAAA;GAEAW,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKb,IAAAA,SAAS,EAAC,oCAAA;AAAoC,GAAA,eACjDY,yBAAA,CAAAC,aAAA,CAACO,oBAAM,EAAA;AACLpB,IAAAA,SAAS,EAAC,mDAAmD;AAC7DqB,IAAAA,GAAG,EAAEd,UAAW;AAChBe,IAAAA,GAAG,EAAC,eAAe;AACnBC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,CAEjB,CACA,eAAAZ,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKb,IAAAA,SAAS,EAAC,qCAAA;AAAqC,GAAA,eAClDY,yBAAA,CAAAC,aAAA,CAACY,cAAK,EAAA;AACJzB,IAAAA,SAAS,EAAC,kDAAkD;IAC5D0B,IAAI,EAAEC,wBAAe,CAACC,UAAW;IACjCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBvB,EAAAA,QAAQ,IAAIhB,SAAS,CAACwC,OAAO,CAEhC,eAAApB,yBAAA,CAAAC,aAAA,CAACY,cAAK,EAAA;AACJzB,IAAAA,SAAS,EAAC,mDAAmD;IAC7D0B,IAAI,EAAEC,wBAAe,CAACM,MAAO;IAC7BJ,KAAK,EAAEC,oBAAW,CAACI,cAAAA;AAAe,GAAA,EAEjC9B,WAAW,CAEd,eAAAQ,yBAAA,CAAAC,aAAA,CAACY,cAAK,EAAA;AACJzB,IAAAA,SAAS,EAAC,yDAAyD;IACnE0B,IAAI,EAAEC,wBAAe,CAACQ,SAAU;IAChCN,KAAK,EAAEC,oBAAW,CAACM,cAAAA;AAAe,GAAA,EAEjCC,YAAY,CAAC;AAAC/C,IAAAA,SAAS,WAAA;AAAEC,IAAAA,MAAM,EAAEoB,UAAU;AAAEnB,IAAAA,SAAS,EAAAA,SAAAA;AAAA,GAAE,CAAC,CAE9D,CACA,eAAAoB,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKb,IAAAA,SAAS,EAAC,4CAAA;AAA4C,GAAA,CAC7D,CAAM,CAAA;AAEV;;;;"}

package/cjs/ui/MessageStatus.js

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-ee1122c5.js');
+require('../tslib.es6-67bdb021.js');
 require('react');
-require('../index-959a4ab1.js');
+require('../index-f2d71843.js');
 require('./Icon.js');
-require('../index-26a1e861.js');
+require('../index-0e43cd69.js');
 require('./Loader.js');
-require('../index-72fd0294.js');
+require('../index-5075f3b2.js');
 require('../utils/message/getOutgoingMessageState.js');
-var ui_MessageStatus = require('../index-aa908fcf.js');
-require('../LocalizationContext-01fceac0.js');
-require('../index-7c5d21c4.js');
+var ui_MessageStatus = require('../index-4894fc55.js');
+require('../LocalizationContext-e4a874cf.js');
+require('../index-903c0f93.js');
 require('prop-types');
-require('../stringSet-7330b627.js');
-require('../index-e3f00fd1.js');
-require('../index-1f02e60f.js');
+require('../stringSet-76f7df68.js');
+require('../index-44341b78.js');
+require('../index-47105c4f.js');
 
 
 

package/cjs/ui/Modal.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactDom = require('react-dom');
-var index = require('../index-36aaf992.js');
-var LocalizationContext = require('../LocalizationContext-01fceac0.js');
+var index = require('../index-813deccc.js');
+var LocalizationContext = require('../LocalizationContext-e4a874cf.js');
 var ui_Button = require('./Button.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var ui_Label = require('../index-26a1e861.js');
-var MediaQueryContext = require('../MediaQueryContext-4978c777.js');
-require('../stringSet-7330b627.js');
-require('../index-7c5d21c4.js');
-require('../tslib.es6-ee1122c5.js');
+var ui_Label = require('../index-0e43cd69.js');
+var MediaQueryContext = require('../MediaQueryContext-fcd92c17.js');
+require('../stringSet-76f7df68.js');
+require('../index-903c0f93.js');
+require('../tslib.es6-67bdb021.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -40,12 +40,12 @@ var ModalBody = function (_a) {
 };
 var ModalFooter = function (_a) {
   var submitText = _a.submitText,
-      _b = _a.disabled,
-      disabled = _b === void 0 ? false : _b,
-      _c = _a.type,
-      type = _c === void 0 ? ui_Button.ButtonTypes.DANGER : _c,
-      onSubmit = _a.onSubmit,
-      onCancel = _a.onCancel;
+    _b = _a.disabled,
+    disabled = _b === void 0 ? false : _b,
+    _c = _a.type,
+    type = _c === void 0 ? ui_Button.ButtonTypes.DANGER : _c,
+    onSubmit = _a.onSubmit,
+    onCancel = _a.onCancel;
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-modal__footer"
@@ -63,26 +63,26 @@ var ModalFooter = function (_a) {
 };
 function Modal(props) {
   var _a = props.children,
-      children = _a === void 0 ? null : _a,
-      _b = props.className,
-      className = _b === void 0 ? '' : _b,
-      _c = props.isCloseOnClickOutside,
-      isCloseOnClickOutside = _c === void 0 ? false : _c,
-      _d = props.isFullScreenOnMobile,
-      isFullScreenOnMobile = _d === void 0 ? false : _d,
-      titleText = props.titleText,
-      submitText = props.submitText,
-      _e = props.disabled,
-      disabled = _e === void 0 ? false : _e,
-      _f = props.hideFooter,
-      hideFooter = _f === void 0 ? false : _f,
-      _g = props.type,
-      type = _g === void 0 ? ui_Button.ButtonTypes.DANGER : _g,
-      _h = props.onCancel,
-      onCancel = _h === void 0 ? function () {} : _h,
-      _j = props.onSubmit,
-      onSubmit = _j === void 0 ? function () {} : _j,
-      renderHeader = props.renderHeader;
+    children = _a === void 0 ? null : _a,
+    _b = props.className,
+    className = _b === void 0 ? '' : _b,
+    _c = props.isCloseOnClickOutside,
+    isCloseOnClickOutside = _c === void 0 ? false : _c,
+    _d = props.isFullScreenOnMobile,
+    isFullScreenOnMobile = _d === void 0 ? false : _d,
+    titleText = props.titleText,
+    submitText = props.submitText,
+    _e = props.disabled,
+    disabled = _e === void 0 ? false : _e,
+    _f = props.hideFooter,
+    hideFooter = _f === void 0 ? false : _f,
+    _g = props.type,
+    type = _g === void 0 ? ui_Button.ButtonTypes.DANGER : _g,
+    _h = props.onCancel,
+    onCancel = _h === void 0 ? function () {} : _h,
+    _j = props.onSubmit,
+    onSubmit = _j === void 0 ? function () {} : _j,
+    renderHeader = props.renderHeader;
   var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
   return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement("div", {
     className: "\n      sendbird-modal ".concat(className, "\n      ").concat(isFullScreenOnMobile && isMobile ? 'sendbird-modal--full-mobile' : '', "\n    ")
@@ -111,7 +111,6 @@ function Modal(props) {
     className: "\n          sendbird-modal__backdrop\n          ".concat(isCloseOnClickOutside && 'sendbird-modal__backdrop--clickoutside', "\n        "),
     onClick: function (e) {
       e === null || e === void 0 ? void 0 : e.stopPropagation();
-
       if (isCloseOnClickOutside) {
         onCancel();
       }

package/cjs/ui/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/ui/Modal/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\n\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport Button, { ButtonTypes } from '../Button';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\nexport interface ModalHeaderProps {\n  titleText: string;\n}\nexport const ModalHeader = ({ titleText }: ModalHeaderProps): ReactElement => (\n  <div className=\"sendbird-modal__header\">\n    <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n      {titleText}\n    </Label>\n  </div>\n);\n\nexport interface ModalBodyProps {\n  children?: ReactElement;\n}\nexport const ModalBody = ({ children }: ModalBodyProps): ReactElement => (\n  <div className=\"sendbird-modal__body\">\n    <Label\n      type={LabelTypography.SUBTITLE_1}\n      color={LabelColors.ONBACKGROUND_2}\n    >\n      {children}\n    </Label>\n  </div>\n);\n\nexport interface ModalFooterProps {\n  submitText: string;\n  disabled?: boolean;\n  type?: ButtonTypes;\n  onCancel: () => void;\n  onSubmit: (e: SubmitEvent) => void;\n}\nexport const ModalFooter = ({\n  submitText,\n  disabled = false,\n  type = ButtonTypes.DANGER,\n  onSubmit,\n  onCancel,\n}: ModalFooterProps): ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-modal__footer\">\n      <Button type={ButtonTypes.SECONDARY} onClick={onCancel}>\n        <Label type={LabelTypography.BUTTON_1} color={LabelColors.ONBACKGROUND_1}>\n          {stringSet.BUTTON__CANCEL}\n        </Label>\n      </Button>\n      <Button type={type} disabled={disabled} onClick={onSubmit}>\n        {submitText}\n      </Button>\n    </div>\n  );\n};\n\nexport interface ModalProps {\n  children?: ReactElement;\n  className?: string;\n  isCloseOnClickOutside?: boolean;\n  isFullScreenOnMobile?: boolean;\n  titleText?: string;\n  submitText?: string;\n  disabled?: boolean;\n  hideFooter?: boolean;\n  type?: ButtonTypes;\n  onCancel?: () => void;\n  onSubmit?: (e: SubmitEvent) => void;\n  renderHeader?: () => ReactElement;\n}\nexport default function Modal(props: ModalProps): ReactElement {\n  const {\n    children = null,\n    className = '',\n    isCloseOnClickOutside = false,\n    isFullScreenOnMobile = false,\n    titleText,\n    submitText,\n    disabled = false,\n    hideFooter = false,\n    type = ButtonTypes.DANGER,\n    onCancel = () => {/* noop */ },\n    onSubmit = () => {/* noop */ },\n    renderHeader,\n  } = props;\n\n  const { isMobile } = useMediaQueryContext();\n  return createPortal((\n    <div className={`\n      sendbird-modal ${className}\n      ${(isFullScreenOnMobile && isMobile) ? 'sendbird-modal--full-mobile' : ''}\n    `}>\n      <div className=\"sendbird-modal__content\">\n        {renderHeader?.() || (\n          <ModalHeader titleText={titleText} />\n        )}\n        <ModalBody>{children}</ModalBody>\n        {\n          !hideFooter && (\n            <ModalFooter\n              disabled={disabled}\n              onCancel={onCancel}\n              onSubmit={onSubmit}\n              submitText={submitText}\n              type={type}\n            />\n          )\n        }\n        <div className=\"sendbird-modal__close\">\n          <IconButton\n            width=\"32px\"\n            height=\"32px\"\n            onClick={onCancel}\n          >\n            <Icon\n              type={IconTypes.CLOSE}\n              fillColor={IconColors.DEFAULT}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        </div>\n      </div>\n      <div\n        className={`\n          sendbird-modal__backdrop\n          ${isCloseOnClickOutside && 'sendbird-modal__backdrop--clickoutside'}\n        `}\n        onClick={(e) =>{\n          e?.stopPropagation();\n          if (isCloseOnClickOutside) {\n            onCancel();\n          }\n        }}\n      />\n    </div>\n  ), document.getElementById(MODAL_ROOT));\n}\n"],"names":["ModalHeader","_a","titleText","React","Label","LabelTypography","H_1","LabelColors","ONBACKGROUND_1","ModalBody","children","SUBTITLE_1","ONBACKGROUND_2","ModalFooter","submitText","_b","disabled","_c","type","ButtonTypes","DANGER","onSubmit","onCancel","stringSet","useContext","LocalizationContext","Button","SECONDARY","BUTTON_1","BUTTON__CANCEL","Modal","props","className","isCloseOnClickOutside","_d","isFullScreenOnMobile","_e","_f","hideFooter","_g","_h","_j","renderHeader","isMobile","useMediaQueryContext","createPortal","concat","IconButton","Icon","IconTypes","CLOSE","IconColors","DEFAULT","e","stopPropagation","document","getElementById","MODAL_ROOT"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../src/ui/Modal/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\n\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport Button, { ButtonTypes } from '../Button';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\nexport interface ModalHeaderProps {\n  titleText: string;\n}\nexport const ModalHeader = ({ titleText }: ModalHeaderProps): ReactElement => (\n  <div className=\"sendbird-modal__header\">\n    <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n      {titleText}\n    </Label>\n  </div>\n);\n\nexport interface ModalBodyProps {\n  children?: ReactElement;\n}\nexport const ModalBody = ({ children }: ModalBodyProps): ReactElement => (\n  <div className=\"sendbird-modal__body\">\n    <Label\n      type={LabelTypography.SUBTITLE_1}\n      color={LabelColors.ONBACKGROUND_2}\n    >\n      {children}\n    </Label>\n  </div>\n);\n\nexport interface ModalFooterProps {\n  submitText: string;\n  disabled?: boolean;\n  type?: ButtonTypes;\n  onCancel: () => void;\n  onSubmit: (e: SubmitEvent) => void;\n}\nexport const ModalFooter = ({\n  submitText,\n  disabled = false,\n  type = ButtonTypes.DANGER,\n  onSubmit,\n  onCancel,\n}: ModalFooterProps): ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-modal__footer\">\n      <Button type={ButtonTypes.SECONDARY} onClick={onCancel}>\n        <Label type={LabelTypography.BUTTON_1} color={LabelColors.ONBACKGROUND_1}>\n          {stringSet.BUTTON__CANCEL}\n        </Label>\n      </Button>\n      <Button type={type} disabled={disabled} onClick={onSubmit}>\n        {submitText}\n      </Button>\n    </div>\n  );\n};\n\nexport interface ModalProps {\n  children?: ReactElement;\n  className?: string;\n  isCloseOnClickOutside?: boolean;\n  isFullScreenOnMobile?: boolean;\n  titleText?: string;\n  submitText?: string;\n  disabled?: boolean;\n  hideFooter?: boolean;\n  type?: ButtonTypes;\n  onCancel?: () => void;\n  onSubmit?: (e: SubmitEvent) => void;\n  renderHeader?: () => ReactElement;\n}\nexport default function Modal(props: ModalProps): ReactElement {\n  const {\n    children = null,\n    className = '',\n    isCloseOnClickOutside = false,\n    isFullScreenOnMobile = false,\n    titleText,\n    submitText,\n    disabled = false,\n    hideFooter = false,\n    type = ButtonTypes.DANGER,\n    onCancel = () => {/* noop */ },\n    onSubmit = () => {/* noop */ },\n    renderHeader,\n  } = props;\n\n  const { isMobile } = useMediaQueryContext();\n  return createPortal((\n    <div className={`\n      sendbird-modal ${className}\n      ${(isFullScreenOnMobile && isMobile) ? 'sendbird-modal--full-mobile' : ''}\n    `}>\n      <div className=\"sendbird-modal__content\">\n        {renderHeader?.() || (\n          <ModalHeader titleText={titleText} />\n        )}\n        <ModalBody>{children}</ModalBody>\n        {\n          !hideFooter && (\n            <ModalFooter\n              disabled={disabled}\n              onCancel={onCancel}\n              onSubmit={onSubmit}\n              submitText={submitText}\n              type={type}\n            />\n          )\n        }\n        <div className=\"sendbird-modal__close\">\n          <IconButton\n            width=\"32px\"\n            height=\"32px\"\n            onClick={onCancel}\n          >\n            <Icon\n              type={IconTypes.CLOSE}\n              fillColor={IconColors.DEFAULT}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        </div>\n      </div>\n      <div\n        className={`\n          sendbird-modal__backdrop\n          ${isCloseOnClickOutside && 'sendbird-modal__backdrop--clickoutside'}\n        `}\n        onClick={(e) =>{\n          e?.stopPropagation();\n          if (isCloseOnClickOutside) {\n            onCancel();\n          }\n        }}\n      />\n    </div>\n  ), document.getElementById(MODAL_ROOT));\n}\n"],"names":["ModalHeader","_a","titleText","React","createElement","className","Label","type","LabelTypography","H_1","color","LabelColors","ONBACKGROUND_1","ModalBody","children","SUBTITLE_1","ONBACKGROUND_2","ModalFooter","submitText","_b","disabled","_c","ButtonTypes","DANGER","onSubmit","onCancel","stringSet","useContext","LocalizationContext","Button","SECONDARY","onClick","BUTTON_1","BUTTON__CANCEL","Modal","props","isCloseOnClickOutside","_d","isFullScreenOnMobile","_e","_f","hideFooter","_g","_h","_j","renderHeader","isMobile","useMediaQueryContext","createPortal","concat","IconButton","width","height","Icon","IconTypes","CLOSE","fillColor","IconColors","DEFAULT","e","stopPropagation","document","getElementById","MODAL_ROOT"],"mappings":"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"}

package/cjs/ui/MutedAvatarOverlay.js

@@ -10,9 +10,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function MutedAvatarOverlay(props) {
   var _a = props.height,
-      height = _a === void 0 ? 24 : _a,
-      _b = props.width,
-      width = _b === void 0 ? 24 : _b;
+    height = _a === void 0 ? 24 : _a,
+    _b = props.width,
+    width = _b === void 0 ? 24 : _b;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-muted-avatar",
     style: {

package/cjs/ui/MutedAvatarOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"MutedAvatarOverlay.js","sources":["../../../src/ui/Avatar/MutedAvatarOverlay.tsx"],"sourcesContent":["import './muted-avatar-overlay.scss';\n\nimport React, { ReactElement } from 'react'\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\ninterface Props {\n  height?: number;\n  width?: number;\n}\n\nexport default function MutedAvatarOverlay(props: Props): ReactElement {\n  const { height = 24, width = 24 } = props;\n  return (\n    <div\n      className=\"sendbird-muted-avatar\"\n      style={{\n        height: `${height}px`,\n        width: `${width}px`,\n      }}\n    >\n      <div className=\"sendbird-muted-avatar__icon\">\n        <div\n          className=\"sendbird-muted-avatar__bg\"\n          style={{\n            height: `${height}px`,\n            width: `${width}px`,\n          }}\n        />\n        <Icon\n          type={IconTypes.MUTE}\n          fillColor={IconColors.WHITE}\n          width={`${height - 8}px`}\n          height={`${width - 8}px`}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["MutedAvatarOverlay","props","_a","height","_b","width","React","concat","Icon","IconTypes","MUTE","IconColors","WHITE"],"mappings":";;;;;;;;;;AAUwB,SAAAA,kBAAA,CAAmBC,KAAnB,EAA+B;AAC7C,EAAA,IAAAC,KAA4BD,KAAK,CAAAE,MAAjC;MAAAA,MAAM,mBAAG,KAAED,EAAX;AAAA,MAAaE,EAAA,GAAeH,KAAK,CAAVI,KAAvB;MAAaA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,KAArB,CAAA;EACR,oBACEE,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,KAAK,EAAE;AACLH,MAAAA,MAAM,EAAE,EAAGI,CAAAA,MAAH,CAAGJ,MAAH,EAAa,IAAb,CADH;AAELE,MAAAA,KAAK,EAAE,EAAGE,CAAAA,MAAH,CAAGF,KAAH,EAAY,IAAZ,CAAA;AAFF,KAAA;GAKP,eAAAC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,6BAAA;GACb,eAAAA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,2BADZ;AAEE,IAAA,KAAK,EAAE;AACLH,MAAAA,MAAM,EAAE,EAAGI,CAAAA,MAAH,CAAGJ,MAAH,EAAa,IAAb,CADH;AAELE,MAAAA,KAAK,EAAE,EAAGE,CAAAA,MAAH,CAAGF,KAAH,EAAY,IAAZ,CAAA;AAFF,KAAA;GAHX,CAAA,eAQEC,wCAACE,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACC,IADlB;IAEE,SAAS,EAAEC,kBAAU,CAACC,KAFxB;IAGE,KAAK,EAAE,GAAGL,MAAH,CAAGJ,MAAM,GAAG,CAAZ,MAAA,CAHT;IAIE,MAAM,EAAE,GAAGI,MAAH,CAAGF,KAAK,GAAG,CAAX,EAAY,IAAZ,CAAA;AAJV,GAAA,CARF,CAPF,CADF,CAAA;AAyBD;;;;"}
+{"version":3,"file":"MutedAvatarOverlay.js","sources":["../../../src/ui/Avatar/MutedAvatarOverlay.tsx"],"sourcesContent":["import './muted-avatar-overlay.scss';\n\nimport React, { ReactElement } from 'react'\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\ninterface Props {\n  height?: number;\n  width?: number;\n}\n\nexport default function MutedAvatarOverlay(props: Props): ReactElement {\n  const { height = 24, width = 24 } = props;\n  return (\n    <div\n      className=\"sendbird-muted-avatar\"\n      style={{\n        height: `${height}px`,\n        width: `${width}px`,\n      }}\n    >\n      <div className=\"sendbird-muted-avatar__icon\">\n        <div\n          className=\"sendbird-muted-avatar__bg\"\n          style={{\n            height: `${height}px`,\n            width: `${width}px`,\n          }}\n        />\n        <Icon\n          type={IconTypes.MUTE}\n          fillColor={IconColors.WHITE}\n          width={`${height - 8}px`}\n          height={`${width - 8}px`}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["MutedAvatarOverlay","props","_a","height","_b","width","React","createElement","className","style","concat","Icon","type","IconTypes","MUTE","fillColor","IconColors","WHITE"],"mappings":";;;;;;;;;;AAUwB,SAAAA,kBAAkBA,CAACC,KAAY,EAAA;AAC7C,EAAA,IAAAC,KAA4BD,KAAK,CAAAE,MAAtB;IAAXA,MAAM,mBAAG,EAAE,GAAAD,EAAA;IAAEE,EAAA,GAAeH,KAAK,CAAVI,KAAA;IAAVA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA,CAAA;EAC/B,oBACEE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,uBAAuB;AACjCC,IAAAA,KAAK,EAAE;MACLN,MAAM,EAAE,EAAG,CAAAO,MAAA,CAAAP,MAAM,EAAI,IAAA,CAAA;AACrBE,MAAAA,KAAK,EAAE,EAAG,CAAAK,MAAA,CAAAL,KAAK,EAAI,IAAA,CAAA;AACpB,KAAA;GAEDC,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,6BAAA;GACbF,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,2BAA2B;AACrCC,IAAAA,KAAK,EAAE;MACLN,MAAM,EAAE,EAAG,CAAAO,MAAA,CAAAP,MAAM,EAAI,IAAA,CAAA;AACrBE,MAAAA,KAAK,EAAE,EAAG,CAAAK,MAAA,CAAAL,KAAK,EAAI,IAAA,CAAA;AACpB,KAAA;AAAC,GAAA,CAEJ,eAAAC,yBAAA,CAAAC,aAAA,CAACI,kBAAI,EAAA;IACHC,IAAI,EAAEC,iBAAS,CAACC,IAAK;IACrBC,SAAS,EAAEC,kBAAU,CAACC,KAAM;IAC5BZ,KAAK,EAAE,EAAG,CAAAK,MAAA,CAAAP,MAAM,GAAG,CAAC,OAAK;IACzBA,MAAM,EAAE,EAAG,CAAAO,MAAA,CAAAL,KAAK,GAAG,CAAC,EAAA,IAAA,CAAA;AAAK,GAAA,CAE7B,CACF,CAAM,CAAA;AAEV;;;;"}