@sendbird/uikit-react 3.1.3 → 3.2.0-rc.1

package/ui/Modal.js

@@ -1,18 +1,17 @@
 import React__default, { useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { M as MODAL_ROOT } from '../index-1086dd43.js';
-import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
-import { a as ButtonTypes, B as Button } from '../index-16e14c17.js';
+import { M as MODAL_ROOT } from '../index-5e788130.js';
+import { a as LocalizationContext } from '../LocalizationContext-10829cf3.js';
+import Button, { ButtonTypes } from './Button.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
-import '../stringSet-c4a61372.js';
-import '../index-25496c01.js';
-import '../tslib.es6-72a2f141.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7b043ab9.js';
+import '../stringSet-804c49f3.js';
+import '../index-940576d8.js';
+import '../tslib.es6-4faaa58d.js';
 import 'prop-types';
 
-var ModalHeader = function ModalHeader(_a) {
+var ModalHeader = function (_a) {
   var titleText = _a.titleText;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-modal__header"
@@ -21,7 +20,7 @@ var ModalHeader = function ModalHeader(_a) {
     color: LabelColors.ONBACKGROUND_1
   }, titleText));
 };
-var ModalBody = function ModalBody(_a) {
+var ModalBody = function (_a) {
   var children = _a.children;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-modal__body"
@@ -30,7 +29,7 @@ var ModalBody = function ModalBody(_a) {
     color: LabelColors.ONBACKGROUND_2
   }, children));
 };
-var ModalFooter = function ModalFooter(_a) {
+var ModalFooter = function (_a) {
   var submitText = _a.submitText,
       _b = _a.disabled,
       disabled = _b === void 0 ? false : _b,
@@ -67,12 +66,13 @@ function Modal(props) {
       _e = props.onCancel,
       onCancel = _e === void 0 ? function () {} : _e,
       _f = props.onSubmit,
-      onSubmit = _f === void 0 ? function () {} : _f;
+      onSubmit = _f === void 0 ? function () {} : _f,
+      renderHeader = props.renderHeader;
   return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-modal"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-modal__content"
-  }, /*#__PURE__*/React__default.createElement(ModalHeader, {
+  }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || /*#__PURE__*/React__default.createElement(ModalHeader, {
     titleText: titleText
   }), /*#__PURE__*/React__default.createElement(ModalBody, null, children), !hideFooter && /*#__PURE__*/React__default.createElement(ModalFooter, {
     disabled: disabled,

package/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';\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?: string;\n  onCancel: () => void;\n  onSubmit: () => 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  titleText?: string;\n  submitText?: string;\n  disabled?: boolean;\n  hideFooter?: boolean;\n  type?: string;\n  onCancel?: () => void;\n  onSubmit?: () => void;\n}\nexport default function Modal(props: ModalProps): ReactElement {\n  const {\n    children = null,\n    titleText,\n    submitText,\n    disabled = false,\n    hideFooter = false,\n    type = ButtonTypes.DANGER,\n    onCancel = () => {/* noop */},\n    onSubmit = () => {/* noop */},\n  } = props;\n  return createPortal((\n    <div className=\"sendbird-modal\">\n      <div className=\"sendbird-modal__content\">\n        <ModalHeader titleText={titleText} />\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 className=\"sendbird-modal__backdrop\" />\n    </div>\n  ), document.getElementById(MODAL_ROOT));\n}\n"],"names":["ModalHeader","_a","titleText","React","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","SECONDARY","BUTTON_1","BUTTON__CANCEL","Modal","props","hideFooter","_d","_e","_f","createPortal","IconTypes","CLOSE","IconColors","DEFAULT","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';\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  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    titleText,\n    submitText,\n    disabled = false,\n    hideFooter = false,\n    type = ButtonTypes.DANGER,\n    onCancel = () => {/* noop */ },\n    onSubmit = () => {/* noop */ },\n    renderHeader,\n  } = props;\n  return createPortal((\n    <div className=\"sendbird-modal\">\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 className=\"sendbird-modal__backdrop\" />\n    </div>\n  ), document.getElementById(MODAL_ROOT));\n}\n"],"names":["ModalHeader","_a","titleText","React","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","SECONDARY","BUTTON_1","BUTTON__CANCEL","Modal","props","hideFooter","_d","_e","_f","renderHeader","createPortal","IconTypes","CLOSE","IconColors","DEFAULT","document","getElementById","MODAL_ROOT"],"mappings":"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"}

package/ui/MutedAvatarOverlay.js

@@ -1,6 +1,5 @@
 import React__default from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
 
 function MutedAvatarOverlay(props) {

package/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","IconTypes","MUTE","IconColors","WHITE"],"mappings":";;;;;SAUwBA,mBAAmBC;AACjC,MAAAC,KAA4BD,KAAK,OAAjC;AAAA,MAAAE,MAAM,mBAAG,OAAT;AAAA,MAAaC,KAAeH,KAAK,MAAjC;AAAA,MAAaI,KAAK,mBAAG,OAArB;AACR,sBACEC;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,KAAK,EAAE;AACLH,MAAAA,MAAM,EAAE,SAAA,CAAGA,MAAH,MAAA,CADH;AAELE,MAAAA,KAAK,EAAE,SAAA,CAAGA,KAAH,MAAA;AAFF;AAFT,kBAOEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AACE,IAAA,SAAS,EAAC,2BADZ;AAEE,IAAA,KAAK,EAAE;AACLH,MAAAA,MAAM,EAAE,SAAA,CAAGA,MAAH,MAAA,CADH;AAELE,MAAAA,KAAK,EAAE,SAAA,CAAGA,KAAH,MAAA;AAFF;AAFT,IADF,eAQEC,6BAAC,IAAD;AACE,IAAA,IAAI,EAAEC,SAAS,CAACC,IADlB;AAEE,IAAA,SAAS,EAAEC,UAAU,CAACC,KAFxB;AAGE,IAAA,KAAK,EAAE,SAAA,CAAGP,MAAM,GAAG,CAAZ,MAAA,CAHT;AAIE,IAAA,MAAM,EAAE,SAAA,CAAGE,KAAK,GAAG,CAAX,MAAA;AAJV,IARF,CAPF,CADF;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","concat","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,cAAA,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,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,6BAAA;GACb,eAAAA,cAAA,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,6BAAC,IAAD,EAAA;IACE,IAAI,EAAEE,SAAS,CAACC,IADlB;IAEE,SAAS,EAAEC,UAAU,CAACC,KAFxB;IAGE,KAAK,EAAE,GAAGJ,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;;;;"}

package/ui/OGMessageItemBody.js

@@ -2,27 +2,27 @@ import React__default, { useContext } from 'react';
 import Word from './Word.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
-import { u as uuidv4 } from '../uuid-8a4db02f.js';
-import { k as getClassName, e as isEditedMessage } from '../index-24a5ab49.js';
-import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7b043ab9.js';
+import { u as uuidv4 } from '../uuid-4521c466.js';
+import { k as getClassName, e as isEditedMessage } from '../index-46beca69.js';
+import { a as LocalizationContext } from '../LocalizationContext-10829cf3.js';
 import './LinkLabel.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
 import './MentionLabel.js';
 import './ContextMenu.js';
-import '../tslib.es6-72a2f141.js';
+import '../tslib.es6-4faaa58d.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-c4a61372.js';
+import '../stringSet-804c49f3.js';
 import './UserProfile.js';
 import '../withSendbird.js';
+import '../_rollupPluginBabelHelpers-22c28a74.js';
 import '../sendbirdSelectors.js';
-import '../topics-851d221c.js';
-import '../utils-2c4d166e.js';
+import '../topics-24c0f724.js';
+import '../utils-32938255.js';
 import './Avatar.js';
-import '../index-16e14c17.js';
-import '../index-25496c01.js';
+import './Button.js';
+import '../index-940576d8.js';
 import '../useSendbirdStateContext.js';
 
 function OGMessageItemBody(_a) {
@@ -40,7 +40,7 @@ function OGMessageItemBody(_a) {
       isReactionEnabled = _q === void 0 ? false : _q;
   var stringSet = useContext(LocalizationContext).stringSet;
 
-  var openOGUrl = function openOGUrl() {
+  var openOGUrl = function () {
     var _a, _b;
 
     if ((_a = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _a === void 0 ? void 0 : _a.url) window.open((_b = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _b === void 0 ? void 0 : _b.url);

package/ui/OGMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"OGMessageItemBody.js","sources":["../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            isMessageMentioned\n              ? (\n                message?.mentionedMessageTemplate.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n              : (\n                message?.message.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n          }\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </div>\n      </Label>\n      <div\n        className=\"sendbird-og-message-item-body__og-thumbnail\"\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          width=\"320px\"\n          height=\"180px\"\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__title\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.title}\n          </Label>\n        )}\n        {message?.ogMetaData?.description && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__description\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.description}\n          </Label>\n        )}\n        {message?.ogMetaData?.url && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_m","isByMe","_o","mouseHover","_p","isMentionEnabled","_q","isReactionEnabled","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","React","getClassName","reactions","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","split","map","word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED","defaultImage","alt","IconTypes","THUMBNAIL_NONE","title","SUBTITLE_2","description","BODY_2","CAPTION_3"],"mappings":"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"}
+{"version":3,"file":"OGMessageItemBody.js","sources":["../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            isMessageMentioned\n              ? (\n                message?.mentionedMessageTemplate.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n              : (\n                message?.message.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n          }\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </div>\n      </Label>\n      <div\n        className=\"sendbird-og-message-item-body__og-thumbnail\"\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          width=\"320px\"\n          height=\"180px\"\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__title\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.title}\n          </Label>\n        )}\n        {message?.ogMetaData?.description && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__description\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.description}\n          </Label>\n        )}\n        {message?.ogMetaData?.url && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_m","isByMe","_o","mouseHover","_p","isMentionEnabled","_q","isReactionEnabled","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","_b","isMessageMentioned","mentionedMessageTemplate","length","_c","mentionedUsers","React","getClassName","_d","reactions","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","split","map","word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED","_f","_e","defaultImage","_g","_h","alt","IconTypes","THUMBNAIL_NONE","_j","title","SUBTITLE_2","_k","description","BODY_2","_l","CAPTION_3"],"mappings":"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"}

package/ui/OpenChannelAdminMessage.js

@@ -1,9 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
+import { a as __spreadArray } from '../tslib.es6-4faaa58d.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7b043ab9.js';
 import 'prop-types';
-import '../stringSet-c4a61372.js';
+import '../stringSet-804c49f3.js';
 
 function OpenChannelAdminMessage(_a) {
   var className = _a.className,

package/ui/OpenChannelAdminMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelAdminMessage.js","sources":["../../src/ui/OpenChannelAdminMessage/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { AdminMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: AdminMessage;\n}\n\nexport default function OpenChannelAdminMessage({\n  className,\n  message,\n}: Props): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-admin-message',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-openchannel-admin-message__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {message.message || ''}\n      </Label>\n    </div>\n  );\n}\n"],"names":["OpenChannelAdminMessage","_a","className","message","React","__spreadArray","Array","isArray","join","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;;SAWwBA,wBAAwBC;MAC9CC,SAAS;MACTC,OAAO;AAEP,sBACEC;AACE,IAAA,SAAS,EAAEC,gCACLC,KAAK,CAACC,OAAN,CAAcL,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,6CAFS,CAGTM,IAHS,CAGJ,GAHI;AADb,kBAMEJ,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,0CADZ;AAEE,IAAA,IAAI,EAAEK,eAAe,CAACC,SAFxB;AAGE,IAAA,KAAK,EAAEC,WAAW,CAACC;AAHrB,KAKGT,OAAO,CAACA,OAAR,IAAmB,EALtB,CANF,CADF;AAgBD;;;;"}
+{"version":3,"file":"OpenChannelAdminMessage.js","sources":["../../src/ui/OpenChannelAdminMessage/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { AdminMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: AdminMessage;\n}\n\nexport default function OpenChannelAdminMessage({\n  className,\n  message,\n}: Props): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-admin-message',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-openchannel-admin-message__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {message.message || ''}\n      </Label>\n    </div>\n  );\n}\n"],"names":["OpenChannelAdminMessage","_a","className","message","React","__spreadArray","Array","isArray","join","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;AAWwB,SAAAA,uBAAA,CAAwBC,EAAxB,EAGhB;MAFNC,SAAS,GAAAD,EAAA,CAAAC;MACTC,OAAO,GAAAF,EAAA,CAAAE;EAEP,oBACEC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAEC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAN,CAAcL,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,EAC8C,IAD9C,CAAA,EAC8C,CACvD,oCADuD,CAD9C,EAGT,KAHS,CAAA,CAGTM,IAHS,CAGJ,GAHI,CAAA;AADb,GAAA,eAMEJ,6BAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,0CADZ;IAEE,IAAI,EAAEK,eAAe,CAACC,SAFxB;IAGE,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAHrB,GAAA,EAKGT,OAAO,CAACA,OAAR,IAAmB,EALtB,CANF,CADF,CAAA;AAgBD;;;;"}

package/ui/OpenChannelAvatar.js

@@ -1,15 +1,14 @@
 import React__default, { useContext, useMemo } from 'react';
 import Avatar from './Avatar.js';
-import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
-import { b as getOpenChannelAvatar } from '../utils-bc7d8f0c.js';
-import '../tslib.es6-72a2f141.js';
+import { a as LocalizationContext } from '../LocalizationContext-10829cf3.js';
+import { b as getOpenChannelAvatar } from '../utils-47a3394f.js';
+import '../tslib.es6-4faaa58d.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../uuid-8a4db02f.js';
-import '../stringSet-c4a61372.js';
-import '../index-25496c01.js';
+import '../uuid-4521c466.js';
+import '../stringSet-804c49f3.js';
+import '../index-940576d8.js';
 
 function ChannelAvatar(_a) {
   var channel = _a.channel,

package/ui/OpenChannelAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelAvatar.js","sources":["../../src/ui/ChannelAvatar/OpenChannelAvatar.tsx"],"sourcesContent":["import React, { useMemo, useContext } from 'react';\nimport type { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport Avatar from '../Avatar/index';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport * as utils from './utils';\n\ninterface Props {\n  channel: OpenChannel;\n  theme: string;\n  height?: number;\n  width?: number;\n}\n\nfunction ChannelAvatar({\n  channel,\n  theme,\n  height = 56,\n  width = 56,\n}: Props): JSX.Element{\n  const { stringSet } = useContext(LocalizationContext);\n  const memoizedAvatar = useMemo(() => {\n    return (\n      <Avatar\n        className=\"sendbird-chat-header__avatar--open-channel\"\n        src={utils.getOpenChannelAvatar(channel)}\n        width={`${width}px`}\n        height={`${height}px`}\n        alt={channel?.name || stringSet.OPEN_CHANNEL_SETTINGS__NO_TITLE}\n      />\n    );\n  }, [channel?.coverUrl, theme]);\n  return (\n    <>{ memoizedAvatar }</>\n  );\n}\n\nexport default ChannelAvatar;\n"],"names":["ChannelAvatar","_a","channel","theme","_b","height","_c","width","stringSet","useContext","LocalizationContext","memoizedAvatar","useMemo","React","utils","name","OPEN_CHANNEL_SETTINGS__NO_TITLE","coverUrl"],"mappings":";;;;;;;;;;;;;AAeA,SAASA,aAAT,CAAuBC,EAAvB;MACEC,OAAO;MACPC,KAAK;MACLC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,KAAK,mBAAG;AAEA,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AACR,MAAMC,cAAc,GAAGC,OAAO,CAAC;AAC7B,wBACEC,6BAAC,MAAD;AACE,MAAA,SAAS,EAAC,4CADZ;AAEE,MAAA,GAAG,EAAEC,oBAAA,CAA2BZ,OAA3B,CAFP;AAGE,MAAA,KAAK,EAAE,SAAA,CAAGK,KAAH,MAAA,CAHT;AAIE,MAAA,MAAM,EAAE,SAAA,CAAGF,MAAH,MAAA,CAJV;AAKE,MAAA,GAAG,EAAE,CAAAH,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,IAAT,KAAiBP,SAAS,CAACQ;AALlC,MADF;AASD,GAV6B,EAU3B,CAACd,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEe,QAAV,EAAoBd,KAApB,CAV2B,CAA9B;AAWA,sBACEU,4DAAIF,cAAJ,CADF;AAGD;;;;"}
+{"version":3,"file":"OpenChannelAvatar.js","sources":["../../src/ui/ChannelAvatar/OpenChannelAvatar.tsx"],"sourcesContent":["import React, { useMemo, useContext } from 'react';\nimport type { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport Avatar from '../Avatar/index';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport * as utils from './utils';\n\ninterface Props {\n  channel: OpenChannel;\n  theme: string;\n  height?: number;\n  width?: number;\n}\n\nfunction ChannelAvatar({\n  channel,\n  theme,\n  height = 56,\n  width = 56,\n}: Props): JSX.Element{\n  const { stringSet } = useContext(LocalizationContext);\n  const memoizedAvatar = useMemo(() => {\n    return (\n      <Avatar\n        className=\"sendbird-chat-header__avatar--open-channel\"\n        src={utils.getOpenChannelAvatar(channel)}\n        width={`${width}px`}\n        height={`${height}px`}\n        alt={channel?.name || stringSet.OPEN_CHANNEL_SETTINGS__NO_TITLE}\n      />\n    );\n  }, [channel?.coverUrl, theme]);\n  return (\n    <>{ memoizedAvatar }</>\n  );\n}\n\nexport default ChannelAvatar;\n"],"names":["ChannelAvatar","_a","channel","theme","_b","height","_c","width","stringSet","useContext","LocalizationContext","memoizedAvatar","useMemo","React","utils","concat","name","OPEN_CHANNEL_SETTINGS__NO_TITLE","coverUrl"],"mappings":";;;;;;;;;;;;AAeA,SAASA,aAAT,CAAuBC,EAAvB,EAKQ;AAJN,EAAA,IAAAC,OAAO,aAAP;AAAA,MACAC,KAAK,GAAAF,EAAA,CAAAE,KADL;AAAA,MAEAC,cAFA;MAEAC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,KAFT;AAAA,MAGAE,EAAA,GAAAL,EAAA,CAAAM,KAHA;MAGAA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EAHV,CAAA;AAKQ,EAAA,IAAAE,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;AACR,EAAA,IAAMC,cAAc,GAAGC,OAAO,CAAC,YAAA;AAC7B,IAAA,oBACEC,6BAAC,MAAD,EAAA;AACE,MAAA,SAAS,EAAC,4CADZ;AAEE,MAAA,GAAG,EAAEC,oBAAA,CAA2BZ,OAA3B,CAFP;AAGE,MAAA,KAAK,EAAE,EAAGa,CAAAA,MAAH,CAAGR,KAAH,EAAY,IAAZ,CAHT;AAIE,MAAA,MAAM,EAAE,EAAAQ,CAAAA,MAAA,CAAGV,MAAH,EAAS,IAAT,CAJV;AAKE,MAAA,GAAG,EAAE,CAAAH,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEc,IAAT,KAAiBR,SAAS,CAACS,+BAAAA;KANpC,CAAA,CAAA;GAD4B,EAU3B,CAACf,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEgB,QAAV,EAAoBf,KAApB,CAV2B,CAA9B,CAAA;EAWA,oBACEU,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAIF,cAAJ,CADF,CAAA;AAGD;;;;"}

package/ui/OpenchannelConversationHeader.js

@@ -2,15 +2,14 @@ import React__default, { useContext } from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
-import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
-import '../tslib.es6-72a2f141.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7b043ab9.js';
+import { a as LocalizationContext } from '../LocalizationContext-10829cf3.js';
+import '../tslib.es6-4faaa58d.js';
 import './ImageRenderer.js';
-import '../uuid-8a4db02f.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../uuid-4521c466.js';
 import 'prop-types';
-import '../stringSet-c4a61372.js';
-import '../index-25496c01.js';
+import '../stringSet-804c49f3.js';
+import '../index-940576d8.js';
 
 function OpenchannelConversationHeader(_a) {
   var coverImage = _a.coverImage,

package/ui/OpenchannelConversationHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenchannelConversationHeader.js","sources":["../../src/ui/OpenchannelConversationHeader/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport IconButton from '../IconButton';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  coverImage?: string;\n  title?: string;\n  subTitle?: string;\n  amIOperator?: boolean;\n  onActionClick?(): void;\n}\n\nexport default function OpenchannelConversationHeader({\n  coverImage,\n  title,\n  subTitle,\n  amIOperator,\n  onActionClick,\n}: Props): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <div className=\"sendbird-openchannel-conversation-header\">\n      <div className=\"sendbird-openchannel-conversation-header__left\">\n        {\n          coverImage ? (\n            <Avatar\n              className=\"sendbird-openchannel-conversation-header__left__cover-image\"\n              src={coverImage}\n              alt=\"channel cover image\"\n              width=\"32px\"\n              height=\"32px\"\n            />\n          ) : (\n            <div\n              className=\"sendbird-openchannel-conversation-header__left__cover-image--icon\"\n              style={{ width: 32, height: 32 }}\n            >\n              <Icon\n                type={IconTypes.CHANNELS}\n                fillColor={IconColors.CONTENT}\n                width=\"18px\"\n                height=\"18px\"\n              />\n            </div>\n          )\n        }\n        <Label\n          className=\"sendbird-openchannel-conversation-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {title || stringSet.NO_TITLE}\n        </Label>\n        <Label\n          className=\"sendbird-openchannel-conversation-header__left__sub-title\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle || stringSet.NO_TITLE}\n        </Label>\n      </div>\n      <div className=\"sendbird-openchannel-conversation-header__right\">\n        <IconButton\n          className=\"sendbird-openchannel-conversation-header__right__trigger\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onActionClick}\n        >\n          <Icon\n            type={(\n              amIOperator\n              ? IconTypes.INFO\n              : IconTypes.MEMBERS\n            )}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n"],"names":["OpenchannelConversationHeader","_a","coverImage","title","subTitle","amIOperator","onActionClick","stringSet","useContext","LocalizationContext","React","width","height","IconTypes","CHANNELS","IconColors","CONTENT","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","NO_TITLE","BODY_2","ONBACKGROUND_2","INFO","MEMBERS","PRIMARY"],"mappings":";;;;;;;;;;;;;;SAiBwBA,8BAA8BC;MACpDC,UAAU;MACVC,KAAK;MACLC,QAAQ;MACRC,WAAW;MACXC,aAAa;AAEL,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AAER,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,KAEIR,UAAU,gBACRQ,6BAAC,MAAD;AACE,IAAA,SAAS,EAAC,6DADZ;AAEE,IAAA,GAAG,EAAER,UAFP;AAGE,IAAA,GAAG,EAAC,qBAHN;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC;AALT,IADQ,gBASRQ;AACE,IAAA,SAAS,EAAC,mEADZ;AAEE,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE,EAAT;AAAaC,MAAAA,MAAM,EAAE;AAArB;AAFT,kBAIEF,6BAAC,IAAD;AACE,IAAA,IAAI,EAAEG,SAAS,CAACC,QADlB;AAEE,IAAA,SAAS,EAAEC,UAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC;AAJT,IAJF,CAXN,eAwBEN,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,uDADZ;AAEE,IAAA,IAAI,EAAEO,eAAe,CAACC,GAFxB;AAGE,IAAA,KAAK,EAAEC,WAAW,CAACC;AAHrB,KAKGjB,KAAK,IAAII,SAAS,CAACc,QALtB,CAxBF,eA+BEX,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,2DADZ;AAEE,IAAA,IAAI,EAAEO,eAAe,CAACK,MAFxB;AAGE,IAAA,KAAK,EAAEH,WAAW,CAACI;AAHrB,KAKGnB,QAAQ,IAAIG,SAAS,CAACc,QALzB,CA/BF,CADF,eAwCEX;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,UAAD;AACE,IAAA,SAAS,EAAC,0DADZ;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,OAAO,EAAEJ;AAJX,kBAMEI,6BAAC,IAAD;AACE,IAAA,IAAI,EACFL,WAAW,GACTQ,SAAS,CAACW,IADD,GAETX,SAAS,CAACY,OAJhB;AAME,IAAA,SAAS,EAAEV,UAAU,CAACW,OANxB;AAOE,IAAA,KAAK,EAAC,MAPR;AAQE,IAAA,MAAM,EAAC;AART,IANF,CADF,CAxCF,CADF;AA8DD;;;;"}
+{"version":3,"file":"OpenchannelConversationHeader.js","sources":["../../src/ui/OpenchannelConversationHeader/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport IconButton from '../IconButton';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  coverImage?: string;\n  title?: string;\n  subTitle?: string;\n  amIOperator?: boolean;\n  onActionClick?(): void;\n}\n\nexport default function OpenchannelConversationHeader({\n  coverImage,\n  title,\n  subTitle,\n  amIOperator,\n  onActionClick,\n}: Props): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <div className=\"sendbird-openchannel-conversation-header\">\n      <div className=\"sendbird-openchannel-conversation-header__left\">\n        {\n          coverImage ? (\n            <Avatar\n              className=\"sendbird-openchannel-conversation-header__left__cover-image\"\n              src={coverImage}\n              alt=\"channel cover image\"\n              width=\"32px\"\n              height=\"32px\"\n            />\n          ) : (\n            <div\n              className=\"sendbird-openchannel-conversation-header__left__cover-image--icon\"\n              style={{ width: 32, height: 32 }}\n            >\n              <Icon\n                type={IconTypes.CHANNELS}\n                fillColor={IconColors.CONTENT}\n                width=\"18px\"\n                height=\"18px\"\n              />\n            </div>\n          )\n        }\n        <Label\n          className=\"sendbird-openchannel-conversation-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {title || stringSet.NO_TITLE}\n        </Label>\n        <Label\n          className=\"sendbird-openchannel-conversation-header__left__sub-title\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle || stringSet.NO_TITLE}\n        </Label>\n      </div>\n      <div className=\"sendbird-openchannel-conversation-header__right\">\n        <IconButton\n          className=\"sendbird-openchannel-conversation-header__right__trigger\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onActionClick}\n        >\n          <Icon\n            type={(\n              amIOperator\n              ? IconTypes.INFO\n              : IconTypes.MEMBERS\n            )}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n"],"names":["OpenchannelConversationHeader","_a","coverImage","title","subTitle","amIOperator","onActionClick","stringSet","useContext","LocalizationContext","React","width","height","IconTypes","CHANNELS","IconColors","CONTENT","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","NO_TITLE","BODY_2","ONBACKGROUND_2","INFO","MEMBERS","PRIMARY"],"mappings":";;;;;;;;;;;;;AAiBwB,SAAAA,6BAAA,CAA8BC,EAA9B,EAMhB;AALN,EAAA,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAV;AAAA,MACAC,KAAK,GAAAF,EAAA,CAAAE,KADL;AAAA,MAEAC,QAAQ,GAAAH,EAAA,CAAAG,QAFR;AAAA,MAGAC,WAAW,GAAAJ,EAAA,CAAAI,WAHX;AAAA,MAIAC,aAAa,GAAAL,EAAA,CAAAK,aAJb,CAAA;AAMQ,EAAA,IAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;EAER,oBACEC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,0CAAA;GACb,eAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,gDAAA;GAEXR,EAAAA,UAAU,gBACRQ,cAAA,CAAA,aAAA,CAAC,MAAD,EAAA;AACE,IAAA,SAAS,EAAC,6DADZ;AAEE,IAAA,GAAG,EAAER,UAFP;AAGE,IAAA,GAAG,EAAC,qBAHN;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC,MAAA;AALT,GAAA,CADQ,gBASRQ,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,mEADZ;AAEE,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE,EAAT;AAAaC,MAAAA,MAAM,EAAE,EAAA;AAArB,KAAA;AAFT,GAAA,eAIEF,6BAAC,IAAD,EAAA;IACE,IAAI,EAAEG,SAAS,CAACC,QADlB;IAEE,SAAS,EAAEC,UAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;GARX,CAAA,CAXN,eAwBEN,cAAA,CAAA,aAAA,CAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,uDADZ;IAEE,IAAI,EAAEO,eAAe,CAACC,GAFxB;IAGE,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAElBjB,EAAAA,KAAK,IAAII,SAAS,CAACc,QALtB,CAxBF,eA+BEX,6BAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,2DADZ;IAEE,IAAI,EAAEO,eAAe,CAACK,MAFxB;IAGE,KAAK,EAAEH,WAAW,CAACI,cAAAA;AAHrB,GAAA,EAKGnB,QAAQ,IAAIG,SAAS,CAACc,QALzB,CA/BF,CADF,eAwCEX,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,iDAAA;AAAf,GAAA,eACEA,6BAAC,UAAD,EAAA;AACE,IAAA,SAAS,EAAC,0DADZ;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,OAAO,EAAEJ,aAAAA;AAJX,GAAA,eAMEI,6BAAC,IAAD,EAAA;IACE,IAAI,EACFL,WAAW,GACTQ,SAAS,CAACW,IADD,GAETX,SAAS,CAACY,OAJhB;IAME,SAAS,EAAEV,UAAU,CAACW,OANxB;AAOE,IAAA,KAAK,EAAC,MAPR;AAQE,IAAA,MAAM,EAAC,MAAA;GAdX,CAAA,CADF,CAxCF,CADF,CAAA;AA8DD;;;;"}

package/ui/OpenchannelFileMessage.js

@@ -1,34 +1,34 @@
-import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
+import { a as __spreadArray } from '../tslib.es6-4faaa58d.js';
 import React__default, { useRef, useContext } from 'react';
-import { f as format } from '../index-4400a360.js';
+import { f as format } from '../index-3ddec9e9.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7b043ab9.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import TextButton from './TextButton.js';
 import ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-a2483e23.js';
-import { u as useLocalization } from '../LocalizationContext-5b475a64.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, d as checkIsPending, e as checkIsFailed } from '../openChannelUtils-f64223c9.js';
-import '../index-25496c01.js';
+import { a as UserProfileContext } from '../UserProfileContext-beacab28.js';
+import { u as useLocalization } from '../LocalizationContext-10829cf3.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, d as checkIsPending, e as checkIsFailed } from '../openChannelUtils-d27d1e28.js';
+import '../index-940576d8.js';
 import './ImageRenderer.js';
-import '../uuid-8a4db02f.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../uuid-4521c466.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-24a5ab49.js';
-import '../stringSet-c4a61372.js';
-import '../color-83cfc07a.js';
+import '../index-46beca69.js';
+import '../stringSet-804c49f3.js';
+import '../color-fff21001.js';
 import '../withSendbird.js';
+import '../_rollupPluginBabelHelpers-22c28a74.js';
 import '../sendbirdSelectors.js';
-import '../topics-851d221c.js';
-import '../utils-2c4d166e.js';
-import '../index-16e14c17.js';
+import '../topics-24c0f724.js';
+import '../utils-32938255.js';
+import './Button.js';
 
-var checkFileType = function checkFileType(fileUrl) {
+var checkFileType = function (fileUrl) {
   var audioFile = /(\.mp3)$/i;
   var gifFile = /(\.gif)$/i;
 
@@ -42,7 +42,7 @@ var checkFileType = function checkFileType(fileUrl) {
 
   return IconTypes.FILE_DOCUMENT;
 };
-var truncate = function truncate(fullStr, strLen) {
+var truncate = function (fullStr, strLen) {
   if (fullStr === null || fullStr === undefined) return '';
   if (fullStr.length <= strLen) return fullStr;
   var separator = '...';
@@ -75,7 +75,7 @@ function OpenchannelFileMessage(_a) {
       disableUserProfile = _c.disableUserProfile,
       renderUserProfile = _c.renderUserProfile;
 
-  var openFileUrl = function openFileUrl() {
+  var openFileUrl = function () {
     window.open(message.url);
   };
 
@@ -87,21 +87,21 @@ function OpenchannelFileMessage(_a) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-openchannel-file-message__left"
   }, !chainTop && /*#__PURE__*/React__default.createElement(ContextMenu, {
-    menuTrigger: function menuTrigger(toggleDropdown) {
+    menuTrigger: function (toggleDropdown) {
       return /*#__PURE__*/React__default.createElement(Avatar, {
         className: "sendbird-openchannel-file-message__left__avatar",
         src: sender.profileUrl || '',
         ref: avatarRef,
         width: "28px",
         height: "28px",
-        onClick: function onClick() {
+        onClick: function () {
           if (!disableUserProfile) {
             toggleDropdown();
           }
         }
       });
     },
-    menuItems: function menuItems(closeDropdown) {
+    menuItems: function (closeDropdown) {
       return /*#__PURE__*/React__default.createElement(MenuItems, {
         parentRef: avatarRef,
         parentContainRef: avatarRef,
@@ -168,7 +168,7 @@ function OpenchannelFileMessage(_a) {
     className: "sendbird-openchannel-file-message__context-menu",
     ref: contextMenuRef
   }, /*#__PURE__*/React__default.createElement(ContextMenu, {
-    menuTrigger: function menuTrigger(toggleDropdown) {
+    menuTrigger: function (toggleDropdown) {
       return showMenuTrigger({
         message: message,
         userId: userId,
@@ -184,7 +184,7 @@ function OpenchannelFileMessage(_a) {
         height: "24px"
       }));
     },
-    menuItems: function menuItems(closeDropdown) {
+    menuItems: function (closeDropdown) {
       return /*#__PURE__*/React__default.createElement(MenuItems, {
         parentRef: contextMenuRef,
         parentContainRef: contextMenuRef,
@@ -195,7 +195,7 @@ function OpenchannelFileMessage(_a) {
         userId: userId,
         status: status
       }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-        onClick: function onClick() {
+        onClick: function () {
           if (disabled) {
             return;
           }
@@ -208,7 +208,7 @@ function OpenchannelFileMessage(_a) {
         userId: userId,
         status: status
       }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-        onClick: function onClick() {
+        onClick: function () {
           if (disabled) {
             return;
           }

package/ui/OpenchannelFileMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenchannelFileMessage.js","sources":["../../src/ui/OpenchannelFileMessage/utils.ts","../../src/ui/OpenchannelFileMessage/index.tsx"],"sourcesContent":["import { IconTypes } from '../Icon';\n\nexport const checkFileType = (fileUrl: string): string => {\n  const audioFile = /(\\.mp3)$/i;\n  const gifFile = /(\\.gif)$/i;\n  if (audioFile.test(fileUrl)) {\n    return IconTypes.FILE_AUDIO;\n  }\n  if (gifFile.test(fileUrl)) {\n    return IconTypes.GIF\n  }\n  return IconTypes.FILE_DOCUMENT;\n}\n\nexport const truncate = (fullStr:string, strLen: number): string => {\n  if (fullStr === null || fullStr === undefined) return '';\n  if (fullStr.length <= strLen) return fullStr;\n  const separator = '...';\n  const sepLen = separator.length;\n  const charsToShow = strLen - sepLen;\n  const frontChars = Math.ceil(charsToShow / 2);\n  const backChars = Math.floor(charsToShow / 2);\n  return fullStr.substr(0, frontChars) + separator + fullStr.substr(fullStr.length - backChars);\n};\n","import React, { useContext, useRef } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport TextButton from '../TextButton';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { checkFileType, truncate } from './utils';\nimport {\n  checkIsPending,\n  checkIsFailed,\n  isFineDelete,\n  isFineResend,\n  showMenuTrigger,\n} from '../../utils/openChannelUtils';\nimport { getSenderFromMessage } from '../../utils/openChannelUtils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isOperator?: boolean;\n  userId: string;\n  disabled?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  showRemove(bool: boolean): void;\n  resendMessage(message: FileMessage): void;\n}\n\nexport default function OpenchannelFileMessage({\n  className,\n  message,\n  isOperator,\n  userId,\n  disabled,\n  chainTop,\n  showRemove,\n  resendMessage,\n}: Props): JSX.Element {\n  const status = message?.sendingStatus;\n  const { dateLocale, stringSet } = useLocalization();\n  const contextMenuRef = useRef(null);\n  const avatarRef = useRef(null);\n  const { disableUserProfile, renderUserProfile } = useContext(UserProfileContext);\n\n  const openFileUrl = () => { window.open(message.url); };\n\n  const isPending = checkIsPending(status);\n  const isFailed = checkIsFailed(status);\n  const sender = getSenderFromMessage(message);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-file-message',\n      ].join(' ')}\n    >\n      <div className=\"sendbird-openchannel-file-message__left\">\n        {\n            !chainTop && (\n              <ContextMenu\n                menuTrigger={(toggleDropdown) => (\n                  <Avatar\n                    className=\"sendbird-openchannel-file-message__left__avatar\"\n                    src={sender.profileUrl || ''}\n                    ref={avatarRef}\n                    width=\"28px\"\n                    height=\"28px\"\n                    onClick={() => {\n                      if (!disableUserProfile) {\n                        toggleDropdown();\n                      }\n                    }}\n                  />\n                )}\n                menuItems={(closeDropdown) => (\n                  <MenuItems\n                    parentRef={avatarRef}\n                    parentContainRef={avatarRef}\n                    closeDropdown={closeDropdown}\n                    style={{ paddingTop: 0, paddingBottom: 0 }}\n                  >\n                    {\n                      renderUserProfile\n                      ? (\n                        renderUserProfile({\n                          user: sender,\n                          close: closeDropdown,\n                        })\n                      )\n                      : (\n                        <UserProfile\n                          user={sender}\n                          onSuccess={closeDropdown}\n                          disableMessaging\n                        />\n                      )\n                    }\n                  </MenuItems>\n                )}\n              />\n            )\n          }\n      </div>\n      <div className=\"sendbird-openchannel-file-message__right\">\n        {\n          !chainTop && (\n            <div className=\"sendbird-openchannel-file-message__right__title\">\n              <Label\n                className=\"sendbird-openchannel-file-message__right__title__sender-name\"\n                type={LabelTypography.CAPTION_2}\n                color={isOperator ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2}\n              >\n                {\n                  sender && (\n                    sender.friendName\n                    || sender.nickname\n                    || sender.userId\n                  )\n                }\n              </Label>\n              <Label\n                className=\"sendbird-openchannel-file-message__right__title__sent-at\"\n                type={LabelTypography.CAPTION_3}\n                color={LabelColors.ONBACKGROUND_3}\n              >\n                {\n                  message?.createdAt && (\n                    format(message.createdAt, 'p', {\n                      locale: dateLocale,\n                    })\n                  )\n                }\n              </Label>\n            </div>\n          )\n        }\n        <div className=\"sendbird-openchannel-file-message__right__body\">\n          {\n            checkFileType(message.url) && (\n              <Icon\n                className=\"sendbird-openchannel-file-message__right__body__icon\"\n                type={checkFileType(message.url)}\n                fillColor={IconColors.PRIMARY}\n                width=\"48px\"\n                height=\"48px\"\n              />\n            )\n          }\n          <TextButton\n            className=\"sendbird-openchannel-file-message__right__body__file-name\"\n            onClick={openFileUrl}\n          >\n            <Label\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {truncate(message.name || message.url, 40)}\n            </Label>\n          </TextButton>\n        </div>\n        {\n          (isPending || isFailed) && (\n            <div className=\"sendbird-openchannel-file-message__right__tail\">\n              {\n                isPending && (\n                  <Loader\n                    width=\"16px\"\n                    height=\"16px\"\n                  >\n                    <Icon\n                      className=\"sendbird-openchannel-file-message__right__tail__pending\"\n                      type={IconTypes.SPINNER}\n                      fillColor={IconColors.PRIMARY}\n                      width=\"16px\"\n                      height=\"16px\"\n                    />\n                  </Loader>\n                )\n              }\n              {\n                isFailed && (\n                  <Icon\n                    className=\"sendbird-openchannel-file-message__right__tail__failed\"\n                    type={IconTypes.ERROR}\n                    fillColor={IconColors.ERROR}\n                    width=\"16px\"\n                    height=\"16px\"\n                  />\n                )\n              }\n            </div>\n          )\n        }\n      </div>\n      <div\n        className=\"sendbird-openchannel-file-message__context-menu\"\n        ref={contextMenuRef}\n      >\n        {\n            <ContextMenu\n              menuTrigger={(toggleDropdown) => (\n                showMenuTrigger({ message, userId, status }) && (\n                  <IconButton\n                    className=\"sendbird-openchannel-file-message__context-menu__icon\"\n                    width=\"32px\"\n                    height=\"32px\"\n                    onClick={toggleDropdown}\n                  >\n                    <Icon\n                      type={IconTypes.MORE}\n                      width=\"24px\"\n                      height=\"24px\"\n                    />\n                  </IconButton>\n                )\n              )}\n              menuItems={(closeDropdown) => (\n                <MenuItems\n                  parentRef={contextMenuRef}\n                  parentContainRef={contextMenuRef}\n                  closeDropdown={closeDropdown}\n                  openLeft\n                >\n                  {\n                    isFineResend({ message, userId, status }) && (\n                      <MenuItem\n                        onClick={() => {\n                          if (disabled) { return; }\n                          resendMessage(message);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__RESEND}\n                      </MenuItem>\n                    )\n                  }\n                  {\n                    isFineDelete({ message, userId, status }) && (\n                      <MenuItem\n                        onClick={() => {\n                          if (disabled) { return; }\n                          showRemove(true);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n                      </MenuItem>\n                    )\n                  }\n                </MenuItems>\n              )}\n            />\n        }\n      </div>\n    </div>\n  );\n}\n"],"names":["checkFileType","fileUrl","audioFile","gifFile","test","IconTypes","FILE_AUDIO","GIF","FILE_DOCUMENT","truncate","fullStr","strLen","undefined","length","separator","sepLen","charsToShow","frontChars","Math","ceil","backChars","floor","substr","OpenchannelFileMessage","_a","className","message","isOperator","userId","disabled","chainTop","showRemove","resendMessage","status","sendingStatus","_b","useLocalization","dateLocale","stringSet","contextMenuRef","useRef","avatarRef","_c","useContext","UserProfileContext","disableUserProfile","renderUserProfile","openFileUrl","window","open","url","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","React","__spreadArray","Array","isArray","join","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","user","close","UserProfile","LabelTypography","CAPTION_2","LabelColors","SECONDARY_3","ONBACKGROUND_2","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","IconColors","PRIMARY","BODY_1","ONBACKGROUND_1","name","SPINNER","ERROR","showMenuTrigger","MORE","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE"],"mappings":"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"}
+{"version":3,"file":"OpenchannelFileMessage.js","sources":["../../src/ui/OpenchannelFileMessage/utils.ts","../../src/ui/OpenchannelFileMessage/index.tsx"],"sourcesContent":["import { IconTypes } from '../Icon';\n\nexport const checkFileType = (fileUrl: string): string => {\n  const audioFile = /(\\.mp3)$/i;\n  const gifFile = /(\\.gif)$/i;\n  if (audioFile.test(fileUrl)) {\n    return IconTypes.FILE_AUDIO;\n  }\n  if (gifFile.test(fileUrl)) {\n    return IconTypes.GIF\n  }\n  return IconTypes.FILE_DOCUMENT;\n}\n\nexport const truncate = (fullStr:string, strLen: number): string => {\n  if (fullStr === null || fullStr === undefined) return '';\n  if (fullStr.length <= strLen) return fullStr;\n  const separator = '...';\n  const sepLen = separator.length;\n  const charsToShow = strLen - sepLen;\n  const frontChars = Math.ceil(charsToShow / 2);\n  const backChars = Math.floor(charsToShow / 2);\n  return fullStr.substr(0, frontChars) + separator + fullStr.substr(fullStr.length - backChars);\n};\n","import React, { useContext, useRef } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport TextButton from '../TextButton';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { checkFileType, truncate } from './utils';\nimport {\n  checkIsPending,\n  checkIsFailed,\n  isFineDelete,\n  isFineResend,\n  showMenuTrigger,\n} from '../../utils/openChannelUtils';\nimport { getSenderFromMessage } from '../../utils/openChannelUtils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isOperator?: boolean;\n  userId: string;\n  disabled?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  showRemove(bool: boolean): void;\n  resendMessage(message: FileMessage): void;\n}\n\nexport default function OpenchannelFileMessage({\n  className,\n  message,\n  isOperator,\n  userId,\n  disabled,\n  chainTop,\n  showRemove,\n  resendMessage,\n}: Props): JSX.Element {\n  const status = message?.sendingStatus;\n  const { dateLocale, stringSet } = useLocalization();\n  const contextMenuRef = useRef(null);\n  const avatarRef = useRef(null);\n  const { disableUserProfile, renderUserProfile } = useContext(UserProfileContext);\n\n  const openFileUrl = () => { window.open(message.url); };\n\n  const isPending = checkIsPending(status);\n  const isFailed = checkIsFailed(status);\n  const sender = getSenderFromMessage(message);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-file-message',\n      ].join(' ')}\n    >\n      <div className=\"sendbird-openchannel-file-message__left\">\n        {\n            !chainTop && (\n              <ContextMenu\n                menuTrigger={(toggleDropdown) => (\n                  <Avatar\n                    className=\"sendbird-openchannel-file-message__left__avatar\"\n                    src={sender.profileUrl || ''}\n                    ref={avatarRef}\n                    width=\"28px\"\n                    height=\"28px\"\n                    onClick={() => {\n                      if (!disableUserProfile) {\n                        toggleDropdown();\n                      }\n                    }}\n                  />\n                )}\n                menuItems={(closeDropdown) => (\n                  <MenuItems\n                    parentRef={avatarRef}\n                    parentContainRef={avatarRef}\n                    closeDropdown={closeDropdown}\n                    style={{ paddingTop: 0, paddingBottom: 0 }}\n                  >\n                    {\n                      renderUserProfile\n                      ? (\n                        renderUserProfile({\n                          user: sender,\n                          close: closeDropdown,\n                        })\n                      )\n                      : (\n                        <UserProfile\n                          user={sender}\n                          onSuccess={closeDropdown}\n                          disableMessaging\n                        />\n                      )\n                    }\n                  </MenuItems>\n                )}\n              />\n            )\n          }\n      </div>\n      <div className=\"sendbird-openchannel-file-message__right\">\n        {\n          !chainTop && (\n            <div className=\"sendbird-openchannel-file-message__right__title\">\n              <Label\n                className=\"sendbird-openchannel-file-message__right__title__sender-name\"\n                type={LabelTypography.CAPTION_2}\n                color={isOperator ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2}\n              >\n                {\n                  sender && (\n                    sender.friendName\n                    || sender.nickname\n                    || sender.userId\n                  )\n                }\n              </Label>\n              <Label\n                className=\"sendbird-openchannel-file-message__right__title__sent-at\"\n                type={LabelTypography.CAPTION_3}\n                color={LabelColors.ONBACKGROUND_3}\n              >\n                {\n                  message?.createdAt && (\n                    format(message.createdAt, 'p', {\n                      locale: dateLocale,\n                    })\n                  )\n                }\n              </Label>\n            </div>\n          )\n        }\n        <div className=\"sendbird-openchannel-file-message__right__body\">\n          {\n            checkFileType(message.url) && (\n              <Icon\n                className=\"sendbird-openchannel-file-message__right__body__icon\"\n                type={checkFileType(message.url)}\n                fillColor={IconColors.PRIMARY}\n                width=\"48px\"\n                height=\"48px\"\n              />\n            )\n          }\n          <TextButton\n            className=\"sendbird-openchannel-file-message__right__body__file-name\"\n            onClick={openFileUrl}\n          >\n            <Label\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {truncate(message.name || message.url, 40)}\n            </Label>\n          </TextButton>\n        </div>\n        {\n          (isPending || isFailed) && (\n            <div className=\"sendbird-openchannel-file-message__right__tail\">\n              {\n                isPending && (\n                  <Loader\n                    width=\"16px\"\n                    height=\"16px\"\n                  >\n                    <Icon\n                      className=\"sendbird-openchannel-file-message__right__tail__pending\"\n                      type={IconTypes.SPINNER}\n                      fillColor={IconColors.PRIMARY}\n                      width=\"16px\"\n                      height=\"16px\"\n                    />\n                  </Loader>\n                )\n              }\n              {\n                isFailed && (\n                  <Icon\n                    className=\"sendbird-openchannel-file-message__right__tail__failed\"\n                    type={IconTypes.ERROR}\n                    fillColor={IconColors.ERROR}\n                    width=\"16px\"\n                    height=\"16px\"\n                  />\n                )\n              }\n            </div>\n          )\n        }\n      </div>\n      <div\n        className=\"sendbird-openchannel-file-message__context-menu\"\n        ref={contextMenuRef}\n      >\n        {\n            <ContextMenu\n              menuTrigger={(toggleDropdown) => (\n                showMenuTrigger({ message, userId, status }) && (\n                  <IconButton\n                    className=\"sendbird-openchannel-file-message__context-menu__icon\"\n                    width=\"32px\"\n                    height=\"32px\"\n                    onClick={toggleDropdown}\n                  >\n                    <Icon\n                      type={IconTypes.MORE}\n                      width=\"24px\"\n                      height=\"24px\"\n                    />\n                  </IconButton>\n                )\n              )}\n              menuItems={(closeDropdown) => (\n                <MenuItems\n                  parentRef={contextMenuRef}\n                  parentContainRef={contextMenuRef}\n                  closeDropdown={closeDropdown}\n                  openLeft\n                >\n                  {\n                    isFineResend({ message, userId, status }) && (\n                      <MenuItem\n                        onClick={() => {\n                          if (disabled) { return; }\n                          resendMessage(message);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__RESEND}\n                      </MenuItem>\n                    )\n                  }\n                  {\n                    isFineDelete({ message, userId, status }) && (\n                      <MenuItem\n                        onClick={() => {\n                          if (disabled) { return; }\n                          showRemove(true);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n                      </MenuItem>\n                    )\n                  }\n                </MenuItems>\n              )}\n            />\n        }\n      </div>\n    </div>\n  );\n}\n"],"names":["checkFileType","fileUrl","audioFile","gifFile","test","IconTypes","FILE_AUDIO","GIF","FILE_DOCUMENT","truncate","fullStr","strLen","undefined","length","separator","sepLen","charsToShow","frontChars","Math","ceil","backChars","floor","substr","OpenchannelFileMessage","_a","className","message","isOperator","userId","disabled","chainTop","showRemove","resendMessage","status","sendingStatus","_b","useLocalization","dateLocale","stringSet","contextMenuRef","useRef","avatarRef","_c","useContext","UserProfileContext","disableUserProfile","renderUserProfile","openFileUrl","window","open","url","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","React","__spreadArray","Array","isArray","join","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","user","close","UserProfile","LabelTypography","CAPTION_2","LabelColors","SECONDARY_3","ONBACKGROUND_2","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","IconColors","PRIMARY","BODY_1","ONBACKGROUND_1","name","SPINNER","ERROR","showMenuTrigger","MORE","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,aAAa,GAAG,UAACC,OAAD,EAAgB;EAC3C,IAAMC,SAAS,GAAG,WAAlB,CAAA;EACA,IAAMC,OAAO,GAAG,WAAhB,CAAA;;AACA,EAAA,IAAID,SAAS,CAACE,IAAV,CAAeH,OAAf,CAAJ,EAA6B;IAC3B,OAAOI,SAAS,CAACC,UAAjB,CAAA;AACD,GAAA;;AACD,EAAA,IAAIH,OAAO,CAACC,IAAR,CAAaH,OAAb,CAAJ,EAA2B;IACzB,OAAOI,SAAS,CAACE,GAAjB,CAAA;AACD,GAAA;;EACD,OAAOF,SAAS,CAACG,aAAjB,CAAA;AACD,CAVM,CAAA;AAYA,IAAMC,QAAQ,GAAG,UAACC,OAAD,EAAiBC,MAAjB,EAA+B;EACrD,IAAID,OAAO,KAAK,IAAZ,IAAoBA,OAAO,KAAKE,SAApC,EAA+C,OAAO,EAAP,CAAA;AAC/C,EAAA,IAAIF,OAAO,CAACG,MAAR,IAAkBF,MAAtB,EAA8B,OAAOD,OAAP,CAAA;EAC9B,IAAMI,SAAS,GAAG,KAAlB,CAAA;AACA,EAAA,IAAMC,MAAM,GAAGD,SAAS,CAACD,MAAzB,CAAA;AACA,EAAA,IAAMG,WAAW,GAAGL,MAAM,GAAGI,MAA7B,CAAA;EACA,IAAME,UAAU,GAAGC,IAAI,CAACC,IAAL,CAAUH,WAAW,GAAG,CAAxB,CAAnB,CAAA;EACA,IAAMI,SAAS,GAAGF,IAAI,CAACG,KAAL,CAAWL,WAAW,GAAG,CAAzB,CAAlB,CAAA;AACA,EAAA,OAAON,OAAO,CAACY,MAAR,CAAe,CAAf,EAAkBL,UAAlB,CAAgCH,GAAAA,SAAhC,GAA4CJ,OAAO,CAACY,MAAR,CAAeZ,OAAO,CAACG,MAAR,GAAiBO,SAAhC,CAAnD,CAAA;AACD,CATM;;ACwBiB,SAAAG,sBAAA,CAAuBC,EAAvB,EAShB;MARNC,SAAS,GAAAD,EAAA,CAAAC;MACTC,OAAO,GAAAF,EAAA,CAAAE;MACPC,UAAU,GAAAH,EAAA,CAAAG;MACVC,MAAM,GAAAJ,EAAA,CAAAI;MACNC,QAAQ,GAAAL,EAAA,CAAAK;MACRC,QAAQ,GAAAN,EAAA,CAAAM;MACRC,UAAU,GAAAP,EAAA,CAAAO;MACVC,aAAa,GAAAR,EAAA,CAAAQ;AAEb,EAAA,IAAMC,MAAM,GAAGP,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEQ,aAAxB,CAAA;;EACM,IAAAC,EAAA,GAA4BC,eAAe,EAA3C;AAAA,MAAEC,UAAU,GAAAF,EAAA,CAAAE,UAAZ;AAAA,MAAcC,SAAS,GAAAH,EAAA,CAAAG,SAAvB,CAAA;;AACN,EAAA,IAAMC,cAAc,GAAGC,MAAM,CAAC,IAAD,CAA7B,CAAA;AACA,EAAA,IAAMC,SAAS,GAAGD,MAAM,CAAC,IAAD,CAAxB,CAAA;;AACM,EAAA,IAAAE,EAAA,GAA4CC,UAAU,CAACC,kBAAD,CAAtD;AAAA,MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAApB;AAAA,MAAsBC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAvC,CAAA;;EAEN,IAAMC,WAAW,GAAG,YAAQ;AAAAC,IAAAA,MAAM,CAACC,IAAP,CAAYvB,OAAO,CAACwB,GAApB,CAAA,CAAA;GAA5B,CAAA;;AAEA,EAAA,IAAMC,SAAS,GAAGC,cAAc,CAACnB,MAAD,CAAhC,CAAA;AACA,EAAA,IAAMoB,QAAQ,GAAGC,aAAa,CAACrB,MAAD,CAA9B,CAAA;AACA,EAAA,IAAMsB,MAAM,GAAGC,oBAAoB,CAAC9B,OAAD,CAAnC,CAAA;EAEA,oBACE+B,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAEC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAN,CAAcnC,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,EAC8C,IAD9C,CAAA,EAC8C,CACvD,mCADuD,CAD9C,EAGT,KAHS,CAAA,CAGToC,IAHS,CAGJ,GAHI,CAAA;GAKX,eAAAJ,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,yCAAA;AAAf,GAAA,EAEM,CAAC3B,QAAD,iBACE2B,cAAA,CAAA,aAAA,CAAC,WAAD,EAAA;IACE,WAAW,EAAE,UAACK,cAAD,EAAoB;AAAA,MAAA,oBAC/BL,6BAAC,MAAD,EAAA;AACE,QAAA,SAAS,EAAC,iDADZ;AAEE,QAAA,GAAG,EAAEF,MAAM,CAACQ,UAAP,IAAqB,EAF5B;AAGE,QAAA,GAAG,EAAEtB,SAHP;AAIE,QAAA,KAAK,EAAC,MAJR;AAKE,QAAA,MAAM,EAAC,MALT;AAME,QAAA,OAAO,EAAE,YAAA;UACP,IAAI,CAACI,kBAAL,EAAyB;YACvBiB,cAAc,EAAA,CAAA;AACf,WAAA;AACF,SAAA;OAX4B,CAAA,CAAA;KADnC;IAeE,SAAS,EAAE,UAACE,aAAD,EAAmB;AAAA,MAAA,oBAC5BP,6BAAC,SAAD,EAAA;AACE,QAAA,SAAS,EAAEhB,SADb;AAEE,QAAA,gBAAgB,EAAEA,SAFpB;AAGE,QAAA,aAAa,EAAEuB,aAHjB;AAIE,QAAA,KAAK,EAAE;AAAEC,UAAAA,UAAU,EAAE,CAAd;AAAiBC,UAAAA,aAAa,EAAE,CAAA;AAAhC,SAAA;OAGLpB,EAAAA,iBAAiB,GAEfA,iBAAiB,CAAC;AAChBqB,QAAAA,IAAI,EAAEZ,MADU;AAEhBa,QAAAA,KAAK,EAAEJ,aAAAA;OAFQ,CAFF,gBAQfP,cAAA,CAAA,aAAA,CAACY,oBAAD,EAAA;AACE,QAAA,IAAI,EAAEd,MADR;AAEE,QAAA,SAAS,EAAES,aAFb;QAGE,gBAAgB,EAAA,IAAA;AAHlB,OAAA,CAfN,CAD4B,CAAA;AAwB7B,KAAA;AAvCH,GAAA,CAHR,CANF,eAqDEP,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,0CAAA;GAEX,EAAA,CAAC3B,QAAD,iBACE2B,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,iDAAA;AAAf,GAAA,eACEA,6BAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,8DADZ;IAEE,IAAI,EAAEa,eAAe,CAACC,SAFxB;IAGE,KAAK,EAAE5C,UAAU,GAAG6C,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE,cAAAA;AAH5D,GAAA,EAMInB,MAAM,KACJA,MAAM,CAACoB,UAAP,IACGpB,MAAM,CAACqB,QADV,IAEGrB,MAAM,CAAC3B,MAHN,CANV,CADF,eAcE6B,6BAAC,KAAD,EAAA;AACE,IAAA,SAAS,EAAC,0DADZ;IAEE,IAAI,EAAEa,eAAe,CAACO,SAFxB;IAGE,KAAK,EAAEL,WAAW,CAACM,cAAAA;GAGjB,EAAA,CAAApD,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEqD,SAAT,KACEC,MAAM,CAACtD,OAAO,CAACqD,SAAT,EAAoB,GAApB,EAAyB;AAC7BE,IAAAA,MAAM,EAAE5C,UAAAA;GADJ,CAPZ,CAdF,CAHN,eAiCEoB,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,gDAAA;GAEXzD,EAAAA,aAAa,CAAC0B,OAAO,CAACwB,GAAT,CAAb,iBACEO,6BAAC,IAAD,EAAA;AACE,IAAA,SAAS,EAAC,sDADZ;AAEE,IAAA,IAAI,EAAEzD,aAAa,CAAC0B,OAAO,CAACwB,GAAT,CAFrB;IAGE,SAAS,EAAEgC,UAAU,CAACC,OAHxB;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC,MAAA;GARf,CAAA,eAYE1B,6BAAC,UAAD,EAAA;AACE,IAAA,SAAS,EAAC,2DADZ;AAEE,IAAA,OAAO,EAAEV,WAAAA;AAFX,GAAA,eAIEU,6BAAC,KAAD,EAAA;IACE,IAAI,EAAEa,eAAe,CAACc,MADxB;IAEE,KAAK,EAAEZ,WAAW,CAACa,cAAAA;GAElB5E,EAAAA,QAAQ,CAACiB,OAAO,CAAC4D,IAAR,IAAgB5D,OAAO,CAACwB,GAAzB,EAA8B,EAA9B,CAJX,CAJF,CAZF,CAjCF,EA0DI,CAACC,SAAS,IAAIE,QAAd,kBACEI,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,gDAAA;GAEXN,EAAAA,SAAS,iBACPM,cAAA,CAAA,aAAA,CAAC,MAAD,EAAA;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAAA;AAFT,GAAA,eAIEA,6BAAC,IAAD,EAAA;AACE,IAAA,SAAS,EAAC,yDADZ;IAEE,IAAI,EAAEpD,SAAS,CAACkF,OAFlB;IAGE,SAAS,EAAEL,UAAU,CAACC,OAHxB;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC,MAAA;AALT,GAAA,CAJF,CAHN,EAkBI9B,QAAQ,iBACNI,6BAAC,IAAD,EAAA;AACE,IAAA,SAAS,EAAC,wDADZ;IAEE,IAAI,EAAEpD,SAAS,CAACmF,KAFlB;IAGE,SAAS,EAAEN,UAAU,CAACM,KAHxB;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC,MAAA;GAxBf,CAAA,CA3DN,CArDF,eAgJE/B,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,GAAG,EAAElB,cAAAA;AAFP,GAAA,eAKMkB,6BAAC,WAAD,EAAA;IACE,WAAW,EAAE,UAACK,cAAD,EAAoB;AAAA,MAAA,OAC/B2B,eAAe,CAAC;AAAE/D,QAAAA,OAAO,EAAAA,OAAT;AAAWE,QAAAA,MAAM,EAAAA,MAAjB;AAAmBK,QAAAA,MAAM,EAAAA,MAAAA;OAA1B,CAAf,iBACEwB,cAAA,CAAA,aAAA,CAAC,UAAD,EAAA;AACE,QAAA,SAAS,EAAC,uDADZ;AAEE,QAAA,KAAK,EAAC,MAFR;AAGE,QAAA,MAAM,EAAC,MAHT;AAIE,QAAA,OAAO,EAAEK,cAAAA;AAJX,OAAA,eAMEL,6BAAC,IAAD,EAAA;QACE,IAAI,EAAEpD,SAAS,CAACqF,IADlB;AAEE,QAAA,KAAK,EAAC,MAFR;AAGE,QAAA,MAAM,EAAC,MAAA;AAHT,OAAA,CANF,CAF6B,CAAA;KADnC;IAiBE,SAAS,EAAE,UAAC1B,aAAD;AAAmB,MAAA,oBAC5BP,6BAAC,SAAD,EAAA;AACE,QAAA,SAAS,EAAElB,cADb;AAEE,QAAA,gBAAgB,EAAEA,cAFpB;AAGE,QAAA,aAAa,EAAEyB,aAHjB;QAIE,QAAQ,EAAA,IAAA;AAJV,OAAA,EAOI2B,YAAY,CAAC;AAAEjE,QAAAA,OAAO,SAAT;AAAWE,QAAAA,MAAM,QAAjB;AAAmBK,QAAAA,MAAM;OAA1B,CAAZ,iBACEwB,cAAA,CAAA,aAAA,CAAC,QAAD,EAAA;AACE,QAAA,OAAO,EAAE,YAAA;AACP,UAAA,IAAI5B,QAAJ,EAAc;AAAE,YAAA,OAAA;AAAS,WAAA;;UACzBG,aAAa,CAACN,OAAD,CAAb,CAAA;UACAsC,aAAa,EAAA,CAAA;AACd,SAAA;AALH,OAAA,EAOG1B,SAAS,CAACsD,6BAPb,CARN,EAoBIC,YAAY,CAAC;AAAEnE,QAAAA,OAAO,SAAT;AAAWE,QAAAA,MAAM,QAAjB;AAAmBK,QAAAA,MAAM;OAA1B,CAAZ,iBACEwB,cAAA,CAAA,aAAA,CAAC,QAAD,EAAA;AACE,QAAA,OAAO,EAAE,YAAA;AACP,UAAA,IAAI5B,QAAJ,EAAc;AAAE,YAAA,OAAA;AAAS,WAAA;;UACzBE,UAAU,CAAC,IAAD,CAAV,CAAA;UACAiC,aAAa,EAAA,CAAA;AACd,SAAA;AALH,OAAA,EAOG1B,SAAS,CAACwD,6BAPb,CArBN,CAD4B,CAAA;AAkC7B,KAAA;AAnDH,GAAA,CALN,CAhJF,CADF,CAAA;AA+MD;;;;"}