@sendbird/uikit-react 3.6.11-beta.3 → 3.7.0-rc.0

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":["_ref","createdAt","locale","stringSet","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","MessageSearchItem","className","message","selected","onClick","messageText","sender","_sender","profileUrl","nickname","dateLocale","useLocalization","React","createElement","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":"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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":"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"}

package/cjs/ui/MessageStatus.js

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('../tslib.es6-2f2b0bca.js');
 require('react');
-require('../index-aaa23e06.js');
+require('../index-b6d51e74.js');
 require('./Icon.js');
-require('../index-46bcc5b2.js');
+require('../index-35820a94.js');
 require('./Loader.js');
-require('../index-73a1cca8.js');
+require('../index-b995f638.js');
 require('../utils/message/getOutgoingMessageState.js');
-var ui_MessageStatus = require('../index-8cc5f0ba.js');
-require('../LocalizationContext-c223b781.js');
-require('../index-00aa7289.js');
+var ui_MessageStatus = require('../index-aeb36f01.js');
+require('../LocalizationContext-5009012e.js');
+require('../index-fd8a0abb.js');
 require('prop-types');
-require('../stringSet-286c9fb2.js');
-require('../_rollupPluginBabelHelpers-4693667a.js');
-require('../index.module-223a3af8.js');
-require('../index-7b61bfbc.js');
-require('../index-c8592ba1.js');
+require('../stringSet-98b52c49.js');
+require('../index-609b07a2.js');
+require('../index-83d2aed9.js');
+require('../index-826b76d5.js');
 
 
 

package/cjs/ui/Modal.js

@@ -4,28 +4,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactDom = require('react-dom');
-var utils = require('../utils-89a0ca39.js');
-require('../index.module-223a3af8.js');
-var index = require('../index-7c4a1c63.js');
-var LocalizationContext = require('../LocalizationContext-c223b781.js');
-var MediaQueryContext = require('../MediaQueryContext-ccb12e3d.js');
+var utils = require('../utils-180c6bc8.js');
+require('../tslib.es6-2f2b0bca.js');
+require('../index-609b07a2.js');
+var index = require('../index-daf80c58.js');
+var LocalizationContext = require('../LocalizationContext-5009012e.js');
+var MediaQueryContext = require('../MediaQueryContext-d6fdbe43.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_Button = require('./Button.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-46bcc5b2.js');
-require('../stringSet-286c9fb2.js');
-require('../index-00aa7289.js');
-require('../_rollupPluginBabelHelpers-4693667a.js');
+var ui_Label = require('../index-35820a94.js');
+var types = require('../types-66554668.js');
+require('../stringSet-98b52c49.js');
+require('../index-fd8a0abb.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ModalHeader = _ref => {
-  let {
-    titleText
-  } = _ref;
+var ModalHeader = function (_a) {
+  var titleText = _a.titleText;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-modal__header"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
@@ -33,10 +32,8 @@ const ModalHeader = _ref => {
     color: ui_Label.LabelColors.ONBACKGROUND_1
   }, titleText));
 };
-const ModalBody = _ref2 => {
-  let {
-    children
-  } = _ref2;
+var ModalBody = function (_a) {
+  var children = _a.children;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-modal__body"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
@@ -44,22 +41,21 @@ const ModalBody = _ref2 => {
     color: ui_Label.LabelColors.ONBACKGROUND_2
   }, children));
 };
-const ModalFooter = _ref3 => {
-  let {
-    submitText,
-    disabled = false,
-    hideCancelButton = false,
-    type = ui_Button.ButtonTypes.DANGER,
-    onSubmit,
-    onCancel
-  } = _ref3;
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
+var ModalFooter = function (_a) {
+  var submitText = _a.submitText,
+    _b = _a.disabled,
+    disabled = _b === void 0 ? false : _b,
+    _c = _a.hideCancelButton,
+    hideCancelButton = _c === void 0 ? false : _c,
+    _d = _a.type,
+    type = _d === void 0 ? types.ButtonTypes.DANGER : _d,
+    onSubmit = _a.onSubmit,
+    onCancel = _a.onCancel;
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-modal__footer"
   }, !hideCancelButton && /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
-    type: ui_Button.ButtonTypes.SECONDARY,
+    type: types.ButtonTypes.SECONDARY,
     onClick: onCancel
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     type: ui_Label.LabelTypography.BUTTON_1,
@@ -71,38 +67,43 @@ const ModalFooter = _ref3 => {
   }, submitText));
 };
 function Modal(props) {
-  const {
-    children = null,
-    className = '',
-    isCloseOnClickOutside = false,
-    isFullScreenOnMobile = false,
-    titleText,
-    submitText,
-    disabled = false,
-    hideFooter = false,
-    type = ui_Button.ButtonTypes.DANGER,
+  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 ? types.ButtonTypes.DANGER : _g,
     /**
      * Do not use this! We will deprecate onCancel in v4.
      */
-    onCancel = utils.noop,
-    onClose,
-    onSubmit = utils.noop,
-    renderHeader
-  } = props;
-  const handleClose = onClose !== null && onClose !== void 0 ? onClose : onCancel;
-  const {
-    isMobile
-  } = MediaQueryContext.useMediaQueryContext();
+    _h = props.onCancel,
+    /**
+     * Do not use this! We will deprecate onCancel in v4.
+     */
+    onCancel = _h === void 0 ? utils.noop : _h,
+    onClose = props.onClose,
+    _j = props.onSubmit,
+    onSubmit = _j === void 0 ? utils.noop : _j,
+    renderHeader = props.renderHeader;
+  var handleClose = onClose !== null && onClose !== void 0 ? onClose : onCancel;
+  var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
   return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `
-      sendbird-modal ${className}
-      ${isFullScreenOnMobile && isMobile ? 'sendbird-modal--full-mobile' : ''}
-    `
+    className: "\n      sendbird-modal ".concat(className, "\n      ").concat(isFullScreenOnMobile && isMobile ? 'sendbird-modal--full-mobile' : '', "\n    ")
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-modal__content"
   }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || /*#__PURE__*/React__default["default"].createElement(ModalHeader, {
     titleText: titleText !== null && titleText !== void 0 ? titleText : ''
-  }), /*#__PURE__*/React__default["default"].createElement(ModalBody, null, children !== null && children !== void 0 ? children : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null)), !hideFooter && /*#__PURE__*/React__default["default"].createElement(ModalFooter, {
+  }), /*#__PURE__*/React__default["default"].createElement(ModalBody, null, children), !hideFooter && /*#__PURE__*/React__default["default"].createElement(ModalFooter, {
     disabled: disabled,
     onCancel: handleClose,
     onSubmit: onSubmit,
@@ -120,11 +121,8 @@ function Modal(props) {
     width: "24px",
     height: "24px"
   })))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `
-          sendbird-modal__backdrop
-          ${isCloseOnClickOutside && 'sendbird-modal__backdrop--clickoutside'}
-        `,
-    onClick: e => {
+    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) {
         handleClose();

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 { noop } from '../../utils/utils';\nimport { MODAL_ROOT } from '../../hooks/useModal';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\nimport IconButton from '../IconButton';\nimport Button, { ButtonTypes } from '../Button';\nimport Icon, { IconTypes, IconColors } from '../Icon';\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: () => void;\n  hideCancelButton?: boolean;\n}\nexport const ModalFooter = ({\n  submitText,\n  disabled = false,\n  hideCancelButton = 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      {!hideCancelButton && (\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      )}\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  /**\n   * Do not use this! We will deprecate onCancel in v4.\n   */\n  onCancel?: () => void;\n  onClose?: () => void;\n  onSubmit?: (...args: any[]) => void;\n  renderHeader?: () => ReactElement;\n}\nexport 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    /**\n     * Do not use this! We will deprecate onCancel in v4.\n     */\n    onCancel = noop,\n    onClose,\n    onSubmit = noop,\n    renderHeader,\n  } = props;\n  const handleClose = onClose ?? onCancel;\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={handleClose}\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={handleClose}\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            handleClose();\n          }\n        }}\n      />\n    </div>\n  ), document.getElementById(MODAL_ROOT) as HTMLElement);\n}\nexport default Modal;\n"],"names":["ModalHeader","_ref","titleText","React","createElement","className","Label","type","LabelTypography","H_1","color","LabelColors","ONBACKGROUND_1","ModalBody","_ref2","children","SUBTITLE_1","ONBACKGROUND_2","ModalFooter","_ref3","submitText","disabled","hideCancelButton","ButtonTypes","DANGER","onSubmit","onCancel","stringSet","useContext","LocalizationContext","Button","SECONDARY","onClick","BUTTON_1","BUTTON__CANCEL","Modal","props","isCloseOnClickOutside","isFullScreenOnMobile","hideFooter","noop","onClose","renderHeader","handleClose","isMobile","useMediaQueryContext","createPortal","Fragment","IconButton","width","height","Icon","IconTypes","CLOSE","fillColor","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 { noop } from '../../utils/utils';\nimport { MODAL_ROOT } from '../../hooks/useModal';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\nimport IconButton from '../IconButton';\nimport Button, { ButtonTypes } from '../Button';\nimport Icon, { IconTypes, IconColors } from '../Icon';\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 | ReactElement[] | null;\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: () => void;\n  hideCancelButton?: boolean;\n}\nexport const ModalFooter = ({\n  submitText,\n  disabled = false,\n  hideCancelButton = 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      {!hideCancelButton && (\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      )}\n      <Button type={type} disabled={disabled} onClick={onSubmit}>\n        {submitText}\n      </Button>\n    </div>\n  );\n};\n\nexport interface ModalProps {\n  children?: ReactElement | 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  /**\n   * Do not use this! We will deprecate onCancel in v4.\n   */\n  onCancel?: () => void;\n  onClose?: () => void;\n  onSubmit?: (...args: any[]) => void;\n  renderHeader?: () => ReactElement;\n}\nexport 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    /**\n     * Do not use this! We will deprecate onCancel in v4.\n     */\n    onCancel = noop,\n    onClose,\n    onSubmit = noop,\n    renderHeader,\n  } = props;\n  const handleClose = onClose ?? onCancel;\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={handleClose}\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={handleClose}\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            handleClose();\n          }\n        }}\n      />\n    </div>\n  ), document.getElementById(MODAL_ROOT) as HTMLElement);\n}\nexport default Modal;\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","hideCancelButton","_d","ButtonTypes","DANGER","onSubmit","onCancel","stringSet","useContext","LocalizationContext","Button","SECONDARY","onClick","BUTTON_1","BUTTON__CANCEL","Modal","props","isCloseOnClickOutside","isFullScreenOnMobile","_e","_f","hideFooter","_g","_h","noop","onClose","_j","renderHeader","handleClose","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

@@ -9,29 +9,29 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function MutedAvatarOverlay(props) {
-  const {
-    height = 24,
-    width = 24
-  } = props;
+  var _a = props.height,
+    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: {
-      height: `${height}px`,
-      width: `${width}px`
+      height: "".concat(height, "px"),
+      width: "".concat(width, "px")
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-muted-avatar__icon"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-muted-avatar__bg",
     style: {
-      height: `${height}px`,
-      width: `${width}px`
+      height: "".concat(height, "px"),
+      width: "".concat(width, "px")
     }
   }), /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
     type: ui_Icon.IconTypes.MUTE,
     fillColor: ui_Icon.IconColors.WHITE,
-    width: `${height - 8}px`,
-    height: `${width - 8}px`
+    width: "".concat(height - 8, "px"),
+    height: "".concat(width - 8, "px")
   })));
 }
 

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","height","width","React","createElement","className","style","Icon","type","IconTypes","MUTE","fillColor","IconColors","WHITE"],"mappings":";;;;;;;;;;AAUe,SAASA,kBAAkBA,CAACC,KAAY,EAAgB;EACrE,MAAM;AAAEC,IAAAA,MAAM,GAAG,EAAE;AAAEC,IAAAA,KAAK,GAAG,EAAA;AAAG,GAAC,GAAGF,KAAK,CAAA;EACzC,oBACEG,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,uBAAuB;AACjCC,IAAAA,KAAK,EAAE;MACLL,MAAM,EAAG,CAAEA,EAAAA,MAAO,CAAG,EAAA,CAAA;MACrBC,KAAK,EAAG,GAAEA,KAAM,CAAA,EAAA,CAAA;AAClB,KAAA;GAEAC,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;MACLL,MAAM,EAAG,CAAEA,EAAAA,MAAO,CAAG,EAAA,CAAA;MACrBC,KAAK,EAAG,GAAEA,KAAM,CAAA,EAAA,CAAA;AAClB,KAAA;AAAE,GAAA,CACF,eACFC,yBAAA,CAAAC,aAAA,CAACG,kBAAI,EAAA;IACHC,IAAI,EAAEC,iBAAS,CAACC,IAAK;IACrBC,SAAS,EAAEC,kBAAU,CAACC,KAAM;AAC5BX,IAAAA,KAAK,EAAG,CAAA,EAAED,MAAM,GAAG,CAAE,CAAI,EAAA,CAAA;AACzBA,IAAAA,MAAM,EAAG,CAAA,EAAEC,KAAK,GAAG,CAAE,CAAA,EAAA,CAAA;AAAI,GAAA,CACzB,CACE,CACF,CAAA;AAEV;;;;"}
+{"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,GAEJ,CAAA,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;GAExB,CAAK,CACF,CAAC,CAAA;AAEV;;;;"}

package/cjs/ui/OGMessageItemBody.js

@@ -3,31 +3,32 @@
 var React = require('react');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-46bcc5b2.js');
-var index = require('../index-73a1cca8.js');
-var LocalizationContext = require('../LocalizationContext-c223b781.js');
-var index$1 = require('../index-1914edda.js');
-var tokenize = require('../tokenize-d4732550.js');
-var consts = require('../consts-f2c42e3a.js');
+var ui_Label = require('../index-35820a94.js');
+var index = require('../index-b995f638.js');
+var LocalizationContext = require('../LocalizationContext-5009012e.js');
+var index$1 = require('../index-e81e2882.js');
+var tokenize = require('../tokenize-91bdbeb0.js');
+var consts = require('../consts-85cd42fa.js');
+require('../tslib.es6-2f2b0bca.js');
 require('prop-types');
-require('../stringSet-286c9fb2.js');
-require('../_rollupPluginBabelHelpers-4693667a.js');
+require('../stringSet-98b52c49.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index.module-223a3af8.js');
-require('../index-00aa7289.js');
+require('../index-609b07a2.js');
+require('../index-fd8a0abb.js');
 require('../Message/context.js');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-dee72498.js');
+require('../uuid-c74bbbb6.js');
 require('./UserProfile.js');
-require('../UserProfileContext-d59fe64f.js');
+require('../UserProfileContext-922a43ec.js');
 require('../sendbirdSelectors.js');
-require('../topics-df8731af.js');
-require('../utils-89a0ca39.js');
+require('../pubSub/topics.js');
+require('../utils-180c6bc8.js');
 require('./Avatar.js');
 require('./Button.js');
+require('../types-66554668.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 require('./LinkLabel.js');
@@ -36,27 +37,28 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function OGMessageItemBody(_ref) {
-  var _message$mentionedMes, _message$mentionedUse, _message$reactions, _message$ogMetaData3, _message$ogMetaData3$, _message$ogMetaData4, _message$ogMetaData4$, _message$ogMetaData5, _message$ogMetaData5$, _message$ogMetaData6, _message$ogMetaData7, _message$ogMetaData8;
-  let {
-    className,
-    message,
-    isByMe = false,
-    mouseHover = false,
-    isMentionEnabled = false,
-    isReactionEnabled = false,
-    onMessageHeightChange = () => {/* noop */}
-  } = _ref;
-  const imageRef = React.useRef(null);
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
-  const openOGUrl = () => {
-    var _message$ogMetaData, _message$ogMetaData2;
-    if (message !== null && message !== void 0 && (_message$ogMetaData = message.ogMetaData) !== null && _message$ogMetaData !== void 0 && _message$ogMetaData.url) window.open(message === null || message === void 0 ? void 0 : (_message$ogMetaData2 = message.ogMetaData) === null || _message$ogMetaData2 === void 0 ? void 0 : _message$ogMetaData2.url);
+function OGMessageItemBody(_a) {
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+  var className = _a.className,
+    message = _a.message,
+    _p = _a.isByMe,
+    isByMe = _p === void 0 ? false : _p,
+    _q = _a.mouseHover,
+    mouseHover = _q === void 0 ? false : _q,
+    _r = _a.isMentionEnabled,
+    isMentionEnabled = _r === void 0 ? false : _r,
+    _s = _a.isReactionEnabled,
+    isReactionEnabled = _s === void 0 ? false : _s,
+    _t = _a.onMessageHeightChange,
+    onMessageHeightChange = _t === void 0 ? function () {} : _t;
+  var imageRef = React.useRef(null);
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+  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);
   };
-  const isMessageMentioned = isMentionEnabled && (message === null || message === void 0 ? void 0 : (_message$mentionedMes = message.mentionedMessageTemplate) === null || _message$mentionedMes === void 0 ? void 0 : _message$mentionedMes.length) > 0 && (message === null || message === void 0 ? void 0 : (_message$mentionedUse = message.mentionedUsers) === null || _message$mentionedUse === void 0 ? void 0 : _message$mentionedUse.length) > 0;
-  const tokens = React.useMemo(() => {
+  var isMessageMentioned = isMentionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_c = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _c === void 0 ? void 0 : _c.length) > 0;
+  var tokens = React.useMemo(function () {
     if (isMessageMentioned) {
       return tokenize.tokenizeMessage({
         mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
@@ -68,7 +70,7 @@ function OGMessageItemBody(_ref) {
     });
   }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.getClassName([className, 'sendbird-og-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && (message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length) > 0 ? 'reactions' : ''])
+    className: index.getClassName([className, 'sendbird-og-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0 ? 'reactions' : ''])
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     type: ui_Label.LabelTypography.BODY_1,
     color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
@@ -80,25 +82,23 @@ function OGMessageItemBody(_ref) {
     className: "sendbird-og-message-item-body__text-bubble__message",
     type: ui_Label.LabelTypography.BODY_1,
     color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2
-  }, ` ${stringSet.MESSAGE_EDITED} `))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, " ".concat(stringSet.MESSAGE_EDITED, " ")))), /*#__PURE__*/React__default["default"].createElement("div", {
     ref: imageRef,
-    className: `sendbird-og-message-item-body__og-thumbnail
-          ${message !== null && message !== void 0 && (_message$ogMetaData3 = message.ogMetaData) !== null && _message$ogMetaData3 !== void 0 && (_message$ogMetaData3$ = _message$ogMetaData3.defaultImage) !== null && _message$ogMetaData3$ !== void 0 && _message$ogMetaData3$.url ? '' : 'sendbird-og-message-item-body__og-thumbnail__empty'}
-        `,
+    className: "sendbird-og-message-item-body__og-thumbnail\n          ".concat(((_f = (_e = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _e === void 0 ? void 0 : _e.defaultImage) === null || _f === void 0 ? void 0 : _f.url) ? '' : 'sendbird-og-message-item-body__og-thumbnail__empty', "\n        "),
     onClick: openOGUrl
   }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer["default"], {
     onLoad: onMessageHeightChange,
-    onError: () => {
+    onError: function () {
+      var _a, _b;
       try {
-        var _imageRef$current, _imageRef$current$cla;
-        imageRef === null || imageRef === void 0 ? void 0 : (_imageRef$current = imageRef.current) === null || _imageRef$current === void 0 ? void 0 : (_imageRef$current$cla = _imageRef$current.classList) === null || _imageRef$current$cla === void 0 ? void 0 : _imageRef$current$cla.add('sendbird-og-message-item-body__og-thumbnail__empty');
+        (_b = (_a = imageRef === null || imageRef === void 0 ? void 0 : imageRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('sendbird-og-message-item-body__og-thumbnail__empty');
       } catch (error) {
         // do nothing
       }
     },
     className: "sendbird-og-message-item-body__og-thumbnail__image",
-    url: (message === null || message === void 0 ? void 0 : (_message$ogMetaData4 = message.ogMetaData) === null || _message$ogMetaData4 === void 0 ? void 0 : (_message$ogMetaData4$ = _message$ogMetaData4.defaultImage) === null || _message$ogMetaData4$ === void 0 ? void 0 : _message$ogMetaData4$.url) || '',
-    alt: message === null || message === void 0 ? void 0 : (_message$ogMetaData5 = message.ogMetaData) === null || _message$ogMetaData5 === void 0 ? void 0 : (_message$ogMetaData5$ = _message$ogMetaData5.defaultImage) === null || _message$ogMetaData5$ === void 0 ? void 0 : _message$ogMetaData5$.alt
+    url: ((_h = (_g = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _g === void 0 ? void 0 : _g.defaultImage) === null || _h === void 0 ? void 0 : _h.url) || '',
+    alt: (_k = (_j = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _j === void 0 ? void 0 : _j.defaultImage) === null || _k === void 0 ? void 0 : _k.alt
     // TODO: Change fixing width and height lengths
     ,
     defaultComponent: /*#__PURE__*/React__default["default"].createElement("div", {
@@ -112,15 +112,15 @@ function OGMessageItemBody(_ref) {
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-og-message-item-body__description",
     onClick: openOGUrl
-  }, (message === null || message === void 0 ? void 0 : (_message$ogMetaData6 = message.ogMetaData) === null || _message$ogMetaData6 === void 0 ? void 0 : _message$ogMetaData6.title) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+  }, ((_l = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _l === void 0 ? void 0 : _l.title) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-og-message-item-body__description__title",
     type: ui_Label.LabelTypography.SUBTITLE_2,
     color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, message.ogMetaData.title), (message === null || message === void 0 ? void 0 : (_message$ogMetaData7 = message.ogMetaData) === null || _message$ogMetaData7 === void 0 ? void 0 : _message$ogMetaData7.description) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+  }, message.ogMetaData.title), ((_m = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _m === void 0 ? void 0 : _m.description) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-og-message-item-body__description__description",
     type: ui_Label.LabelTypography.BODY_2,
     color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, message.ogMetaData.description), (message === null || message === void 0 ? void 0 : (_message$ogMetaData8 = message.ogMetaData) === null || _message$ogMetaData8 === void 0 ? void 0 : _message$ogMetaData8.url) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+  }, message.ogMetaData.description), ((_o = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _o === void 0 ? void 0 : _o.url) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-og-message-item-body__description__url",
     type: ui_Label.LabelTypography.CAPTION_3,
     color: ui_Label.LabelColors.ONBACKGROUND_2

package/cjs/ui/OGMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"OGMessageItemBody.js","sources":["../../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, {\n  ReactElement,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport TextFragment from '../../modules/Message/components/TextFragment';\nimport { tokenizeMessage } from '../../modules/Message/utils/tokens/tokenize';\nimport { OG_MESSAGE_BODY_CLASSNAME } from './consts';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n  onMessageHeightChange?: () => void;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n  onMessageHeightChange = () => { /* noop */ },\n}: Props): ReactElement {\n  const imageRef = useRef<HTMLDivElement>(null);\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  const tokens = useMemo(() => {\n    if (isMessageMentioned) {\n      return tokenizeMessage({\n        mentionedUsers: message?.mentionedUsers,\n        messageText: message?.mentionedMessageTemplate,\n      });\n    }\n    return tokenizeMessage({\n      messageText: message?.message,\n    });\n  }, [message?.updatedAt]);\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        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className={OG_MESSAGE_BODY_CLASSNAME}>\n          <TextFragment tokens={tokens} />\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        ref={imageRef}\n        className={`sendbird-og-message-item-body__og-thumbnail\n          ${message?.ogMetaData?.defaultImage?.url ? '' : 'sendbird-og-message-item-body__og-thumbnail__empty'}\n        `}\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          onLoad={onMessageHeightChange}\n          onError={() => {\n            try {\n              imageRef?.current?.classList?.add('sendbird-og-message-item-body__og-thumbnail__empty');\n            } catch (error) {\n              // do nothing\n            }\n          }}\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          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","_ref","_message$mentionedMes","_message$mentionedUse","_message$reactions","_message$ogMetaData3","_message$ogMetaData3$","_message$ogMetaData4","_message$ogMetaData4$","_message$ogMetaData5","_message$ogMetaData5$","_message$ogMetaData6","_message$ogMetaData7","_message$ogMetaData8","className","message","isByMe","mouseHover","isMentionEnabled","isReactionEnabled","onMessageHeightChange","imageRef","useRef","stringSet","useContext","LocalizationContext","openOGUrl","_message$ogMetaData","_message$ogMetaData2","ogMetaData","url","window","open","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","tokens","useMemo","tokenizeMessage","messageText","updatedAt","React","createElement","getClassName","reactions","Label","type","LabelTypography","BODY_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","OG_MESSAGE_BODY_CLASSNAME","TextFragment","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED","ref","defaultImage","onClick","ImageRenderer","onLoad","onError","_imageRef$current","_imageRef$current$cla","current","classList","add","error","alt","defaultComponent","Icon","IconTypes","THUMBNAIL_NONE","width","height","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, {\n  ReactElement,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport TextFragment from '../../modules/Message/components/TextFragment';\nimport { tokenizeMessage } from '../../modules/Message/utils/tokens/tokenize';\nimport { OG_MESSAGE_BODY_CLASSNAME } from './consts';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n  onMessageHeightChange?: () => void;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n  onMessageHeightChange = () => { /* noop */ },\n}: Props): ReactElement {\n  const imageRef = useRef<HTMLDivElement>(null);\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  const tokens = useMemo(() => {\n    if (isMessageMentioned) {\n      return tokenizeMessage({\n        mentionedUsers: message?.mentionedUsers,\n        messageText: message?.mentionedMessageTemplate,\n      });\n    }\n    return tokenizeMessage({\n      messageText: message?.message,\n    });\n  }, [message?.updatedAt]);\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        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className={OG_MESSAGE_BODY_CLASSNAME}>\n          <TextFragment tokens={tokens} />\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        ref={imageRef}\n        className={`sendbird-og-message-item-body__og-thumbnail\n          ${message?.ogMetaData?.defaultImage?.url ? '' : 'sendbird-og-message-item-body__og-thumbnail__empty'}\n        `}\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          onLoad={onMessageHeightChange}\n          onError={() => {\n            try {\n              imageRef?.current?.classList?.add('sendbird-og-message-item-body__og-thumbnail__empty');\n            } catch (error) {\n              // do nothing\n            }\n          }}\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          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","_p","isByMe","_q","mouseHover","_r","isMentionEnabled","_s","isReactionEnabled","_t","onMessageHeightChange","imageRef","useRef","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","_b","isMessageMentioned","mentionedMessageTemplate","length","_c","mentionedUsers","tokens","useMemo","tokenizeMessage","messageText","updatedAt","React","createElement","getClassName","_d","reactions","Label","type","LabelTypography","BODY_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","OG_MESSAGE_BODY_CLASSNAME","TextFragment","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED","ref","_f","_e","defaultImage","onClick","ImageRenderer","onLoad","onError","current","classList","add","error","_h","_g","alt","_j","_k","defaultComponent","Icon","IconTypes","THUMBNAIL_NONE","width","height","_l","title","SUBTITLE_2","_m","description","BODY_2","_o","CAPTION_3"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BwB,SAAAA,iBAAiBA,CAACC,EAQlC,EAAA;;AAPN,EAAA,IAAAC,SAAS,eAAA;IACTC,OAAO,GAAAF,EAAA,CAAAE,OAAA;IACPC,cAAc;IAAdC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA;IACdE,EAAA,GAAAL,EAAA,CAAAM,UAAkB;IAAlBA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAClBE,EAAwB,GAAAP,EAAA,CAAAQ,gBAAA;IAAxBA,gBAAgB,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA;IACxBE,EAAA,GAAAT,EAAA,CAAAU,iBAAyB;IAAzBA,iBAAiB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IACzBE,EAA4C,GAAAX,EAAA,CAAAY,qBAAA;IAA5CA,qBAAqB,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAoB,GAAAA,EAAA,CAAA;AAE5C,EAAA,IAAME,QAAQ,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AACrC,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAmB,CAAC,UAApC,CAAA;AACjB,EAAA,IAAMC,SAAS,GAAG,YAAA;;AAChB,IAAA,IAAI,CAAAlB,EAAA,GAAAE,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEiB,UAAU,MAAA,IAAA,IAAAnB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEoB,GAAG,EAAEC,MAAM,CAACC,IAAI,CAAC,CAAAC,EAAA,GAAArB,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEiB,UAAU,MAAE,IAAA,IAAAI,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAH,GAAG,CAAC,CAAA;GACpE,CAAA;AACD,EAAA,IAAMI,kBAAkB,GAAGhB,gBAAgB,IAAI,CAAA,CAAAe,EAAA,GAAArB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEuB,wBAAwB,MAAE,IAAA,IAAAF,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAG,MAAM,IAAG,CAAC,IAAI,CAAA,CAAAC,EAAA,GAAAzB,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAE0B,cAAc,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAED,MAAM,IAAG,CAAC,CAAA;AACnI,EAAA,IAAMG,MAAM,GAAGC,aAAO,CAAC,YAAA;AACrB,IAAA,IAAIN,kBAAkB,EAAE;AACtB,MAAA,OAAOO,wBAAe,CAAC;AACrBH,QAAAA,cAAc,EAAE1B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE0B,cAAc;AACvCI,QAAAA,WAAW,EAAE9B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEuB,wBAAAA;AACvB,OAAA,CAAC,CAAA;AACH,KAAA;AACD,IAAA,OAAOM,wBAAe,CAAC;AACrBC,MAAAA,WAAW,EAAE9B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEA,OAAAA;AACvB,KAAA,CAAC,CAAA;AACJ,GAAC,EAAE,CAACA,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE+B,SAAS,CAAC,CAAC,CAAA;EACxB,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlC,IAAAA,SAAS,EAAEmC,kBAAY,CAAC,CAC3BnC,SAAS,EACT,+BAA+B,EAC/BG,MAAM,GAAG,UAAU,GAAG,UAAU,EAChCE,UAAU,GAAG,aAAa,GAAG,EAAE,EAC9BI,iBAAiB,IAAI,CAAA,CAAA2B,EAAA,GAAAnC,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEoC,SAAS,0CAAEZ,MAAM,IAAG,CAAC,GAAI,WAAW,GAAG,EAAE,CACzE,CAAA;AAAE,GAAA,eACDQ,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;IACJC,IAAI,EAAEC,wBAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEvC,MAAM,GAAGwC,oBAAW,CAACC,WAAW,GAAGD,oBAAW,CAACE,cAAAA;GAEtDZ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlC,IAAAA,SAAS,EAAE8C,gCAAAA;AAA0B,GAAA,eACxCb,yBAAA,CAAAC,aAAA,CAACa,oBAAY,EAAA;AAACnB,IAAAA,MAAM,EAAEA,MAAAA;GACtB,CAAA,EACEoB,qBAAe,CAAC/C,OAAO,CAAC,iBACtBgC,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJtC,IAAAA,SAAS,EAAC,qDAAqD;IAC/DuC,IAAI,EAAEC,wBAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEvC,MAAM,GAAGwC,oBAAW,CAACM,WAAW,GAAGN,oBAAW,CAACO,cAAAA;AAAe,GAAA,EAEpE,GAAI,CAAAC,MAAA,CAAArC,SAAS,CAACsC,cAAc,MACxB,CAGR,CACA,CACP,eAAAnB,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEmB,IAAAA,GAAG,EAAEzC,QAAS;AACdZ,IAAAA,SAAS,EAAE,yDAAA,CAAAmD,MAAA,CACP,CAAA,CAAAG,EAAA,GAAA,CAAAC,EAAA,GAAAtD,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEiB,UAAU,MAAA,IAAA,IAAAqC,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEC,YAAY,MAAE,IAAA,IAAAF,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAnC,GAAG,IAAG,EAAE,GAAG,oDAAoD,EAAA,YAAA,CACpG;AACFsC,IAAAA,OAAO,EAAExC,SAAAA;AAAU,GAAA,eAEnBgB,yBAAA,CAAAC,aAAA,CAACwB,2BAAa,EAAA;AACZC,IAAAA,MAAM,EAAEhD,qBAAsB;IAC9BiD,OAAO,EAAE,YAAA;;MACP,IAAI;QACF,CAAAtC,EAAA,GAAA,CAAAvB,EAAA,GAAAa,QAAQ,KAAR,IAAA,IAAAA,QAAQ,uBAARA,QAAQ,CAAEiD,OAAO,MAAA,IAAA,IAAA9D,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAE+D,SAAS,MAAE,IAAA,IAAAxC,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAyC,GAAG,CAAC,oDAAoD,CAAC,CAAA;OACxF,CAAC,OAAOC,KAAK,EAAE;AACd;AAAA,OAAA;KAEF;AACFhE,IAAAA,SAAS,EAAC,oDAAoD;IAC9DmB,GAAG,EAAE,CAAA,CAAA8C,EAAA,GAAA,CAAAC,EAAA,GAAAjE,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEiB,UAAU,MAAE,IAAA,IAAAgD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAV,YAAY,0CAAErC,GAAG,KAAI,EAAG;IAClDgD,GAAG,EAAE,MAAA,CAAAC,EAAA,GAAAnE,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEiB,UAAU,0CAAEsC,YAAY,MAAA,IAAA,IAAAa,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEF,GAAAA;AACxC;AAAA;IACAG,gBAAgB,eACdrC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlC,MAAAA,SAAS,EAAC,2DAAA;AAA2D,KAAA,eACxEiC,yBAAA,CAAAC,aAAA,CAACqC,kBAAI,EAAA;AACHvE,MAAAA,SAAS,EAAC,iEAAiE;MAC3EuC,IAAI,EAAEiC,iBAAS,CAACC,cAAe;AAC/BC,MAAAA,KAAK,EAAC,MAAM;AACZC,MAAAA,MAAM,EAAC,MAAA;AAAM,KAEjB,CAAK,CAAA;AACL,GAEN,CAAK,CACL,eAAA1C,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACElC,IAAAA,SAAS,EAAC,4CAA4C;AACtDyD,IAAAA,OAAO,EAAExC,SAAAA;AAAU,GAAA,EAElB,CAAA,CAAA2D,EAAA,GAAA3E,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEiB,UAAU,0CAAE2D,KAAK,kBACzB5C,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJtC,IAAAA,SAAS,EAAC,mDAAmD;IAC7DuC,IAAI,EAAEC,wBAAe,CAACsC,UAAW;IACjCpC,KAAK,EAAEC,oBAAW,CAACE,cAAAA;GAElB5C,EAAAA,OAAO,CAACiB,UAAU,CAAC2D,KACf,CACR,EACA,CAAA,CAAAE,EAAA,GAAA9E,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEiB,UAAU,0CAAE8D,WAAW,kBAC/B/C,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJtC,IAAAA,SAAS,EAAC,yDAAyD;IACnEuC,IAAI,EAAEC,wBAAe,CAACyC,MAAO;IAC7BvC,KAAK,EAAEC,oBAAW,CAACE,cAAAA;GAElB5C,EAAAA,OAAO,CAACiB,UAAU,CAAC8D,WACf,CACR,EACA,CAAA,CAAAE,EAAA,GAAAjF,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEiB,UAAU,0CAAEC,GAAG,kBACvBc,yBAAA,CAAAC,aAAA,CAACI,cAAK,EAAA;AACJtC,IAAAA,SAAS,EAAC,iDAAiD;IAC3DuC,IAAI,EAAEC,wBAAe,CAAC2C,SAAU;IAChCzC,KAAK,EAAEC,oBAAW,CAACO,cAAAA;GAElBjD,EAAAA,OAAO,CAACiB,UAAU,CAACC,GACf,CAEN,CACL,eAAAc,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlC,IAAAA,SAAS,EAAC,sCAAA;AAAsC,GACvD,CAAK,CAAC,CAAA;AAEV;;;;"}