@sendbird/uikit-react 3.0.0-beta.3 → 3.0.0-beta.4

package/cjs/OpenChannel/components/OpenChannelMessage.js

@@ -1,288 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index = require('../../index-a2ce047a.js');
-var ui_OpenchannelUserMessage = require('../../ui/OpenchannelUserMessage.js');
-var ui_OpenChannelAdminMessage = require('../../ui/OpenChannelAdminMessage.js');
-var ui_OpenchannelOGMessage = require('../../ui/OpenchannelOGMessage.js');
-var ui_OpenchannelThumbnailMessage = require('../../ui/OpenchannelThumbnailMessage.js');
-var ui_OpenchannelFileMessage = require('../../ui/OpenchannelFileMessage.js');
-var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../index-f1971e28.js');
-var ui_MessageInput = require('../../ui/MessageInput.js');
-var ui_FileViewer = require('../../ui/FileViewer.js');
-var ui_Modal = require('../../ui/Modal.js');
-var LocalizationContext = require('../../LocalizationContext-382a9ef1.js');
-var OpenChannel_context = require('../../OpenChannelProvider-9000ccb9.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../index-20a06ed6.js');
-require('../../tslib.es6-07dd6257.js');
-require('../../ui/Avatar.js');
-require('../../ui/ImageRenderer.js');
-require('../../_rollupPluginBabelHelpers-6193d45d.js');
-require('prop-types');
-require('../../ui/Icon.js');
-require('../../uuid-172844fb.js');
-require('../../ui/ContextMenu.js');
-require('../../index-212a11f2.js');
-require('react-dom');
-require('../../ui/SortByRow.js');
-require('../../stringSet-b9ea6eef.js');
-require('../../ui/IconButton.js');
-require('../../ui/Loader.js');
-require('../../ui/UserProfile.js');
-require('../../withSendBird.js');
-require('../../sendBirdSelectors.js');
-require('../../topics-11048db8.js');
-require('../../index-01072ac9.js');
-require('../../UserProfileContext-0b7ef11a.js');
-require('../../utils-3240365f.js');
-require('../../openChannelUtils-16f29ba2.js');
-require('../../ui/LinkLabel.js');
-require('../../ui/TextButton.js');
-require('../../color-1816dacf.js');
-require('stream');
-require('../../const-c65837c1.js');
-require('../../const-d9f4d880.js');
-require('../../ui/MentionUserLabel.js');
-require('../../index-2faa2f93.js');
-require('../../utils-94ae6cec.js');
-require('../../compareIds-e9bca8c4.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function RemoveMessageModal(_a) {
-  var onCloseModal = _a.onCloseModal,
-      onDeleteMessage = _a.onDeleteMessage;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
-    onCancel: onCloseModal,
-    onSubmit: onDeleteMessage,
-    submitText: stringSet.MESSAGE_MENU__DELETE,
-    titleText: stringSet.MODAL__DELETE_MESSAGE__TITLE
-  });
-}
-
-// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
-var SUPPORTED_MIMES = {
-  IMAGE: ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/svg+xml', 'image/webp' // not supported in IE
-  ],
-  VIDEO: ['video/mpeg', 'video/ogg', 'video/webm', 'video/mp4']
-};
-var isImage = function isImage(type) {
-  return SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;
-};
-var isVideo = function isVideo(type) {
-  return SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;
-};
-
-var MessageTypes = {
-  ADMIN: 'ADMIN',
-  USER: 'USER',
-  FILE: 'FILE',
-  THUMBNAIL: 'THUMBNAIL',
-  OG: 'OG',
-  UNKNOWN: 'UNKNOWN'
-};
-var SendingMessageStatus = {
-  NONE: 'none',
-  SUCCEEDED: 'succeeded',
-  FAILED: 'failed',
-  PENDING: 'pending'
-};
-var getMessageType = function getMessageType(message) {
-  if (message.isUserMessage && message.isUserMessage() || message.messageType === 'user') {
-    return message.ogMetaData ? MessageTypes.OG : MessageTypes.USER;
-  }
-
-  if (message.isAdminMessage && message.isAdminMessage()) {
-    return MessageTypes.ADMIN;
-  }
-
-  if (message.messageType === 'file') {
-    return isImage(message.type) || isVideo(message.type) ? MessageTypes.THUMBNAIL : MessageTypes.FILE;
-  }
-
-  return MessageTypes.UNKNOWN;
-};
-
-function MessagOpenChannelMessageeHoc(props) {
-  var _a;
-
-  var _b;
-
-  var message = props.message,
-      chainTop = props.chainTop,
-      chainBottom = props.chainBottom,
-      hasSeparator = props.hasSeparator,
-      renderMessage = props.renderMessage;
-
-  var _c = OpenChannel_context.useOpenChannel(),
-      currentOpenChannel = _c.currentOpenChannel,
-      deleteMessage = _c.deleteMessage,
-      updateMessage = _c.updateMessage,
-      resendMessage = _c.resendMessage;
-
-  var dateLocale = LocalizationContext.useLocalization().dateLocale;
-  var editDisabled = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen;
-  var globalState = useSendbirdStateContext();
-  var userId = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _b === void 0 ? void 0 : _b.userId;
-  var sender = null;
-
-  if ((message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
-    sender = message === null || message === void 0 ? void 0 : message.sender;
-  }
-
-  var RenderedMessage = React.useMemo(function () {
-    if (renderMessage) {
-      return renderMessage({
-        message: message,
-        chainBottom: chainBottom,
-        chainTop: chainTop
-      });
-    }
-
-    return null;
-  }, [message, renderMessage]);
-
-  var _d = React.useState(false),
-      showEdit = _d[0],
-      setShowEdit = _d[1];
-
-  var _e = React.useState(false),
-      showRemove = _e[0],
-      setShowRemove = _e[1];
-
-  var _f = React.useState(false),
-      showFileViewer = _f[0],
-      setShowFileViewer = _f[1];
-
-  var editMessageInputRef = React.useRef(null);
-  var isByMe = false;
-
-  if (sender && (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
-    // pending and failed messages are by me
-    isByMe = userId === sender.userId || (message === null || message === void 0 ? void 0 : message.requestState) === SendingMessageStatus.PENDING || (message === null || message === void 0 ? void 0 : message.requestState) === SendingMessageStatus.FAILED;
-  }
-
-  if (RenderedMessage) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sendbird-msg-hoc sendbird-msg--scroll-ref"
-    }, /*#__PURE__*/React__default["default"].createElement(RenderedMessage, null));
-  }
-
-  if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user' && showEdit) {
-    return /*#__PURE__*/React__default["default"].createElement(ui_MessageInput, {
-      isEdit: true,
-      disabled: editDisabled,
-      ref: editMessageInputRef,
-      name: message === null || message === void 0 ? void 0 : message.messageId,
-      onSendMessage: updateMessage,
-      onCancelEdit: function onCancelEdit() {
-        setShowEdit(false);
-      },
-      value: message === null || message === void 0 ? void 0 : message.message
-    });
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-msg-hoc sendbird-msg--scroll-ref"
-  }, hasSeparator && /*#__PURE__*/React__default["default"].createElement(ui_DateSeparator, null, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.CAPTION_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, index.format(message === null || message === void 0 ? void 0 : message.createdAt, 'MMMM dd, yyyy', {
-    locale: dateLocale
-  }))), (_a = {}, _a[MessageTypes.ADMIN] = function () {
-    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'admin') {
-      return /*#__PURE__*/React__default["default"].createElement(ui_OpenChannelAdminMessage, {
-        message: message
-      });
-    }
-  }(), _a[MessageTypes.FILE] = function () {
-    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
-      return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelFileMessage, {
-        message: message,
-        disabled: editDisabled,
-        userId: userId,
-        showRemove: setShowRemove,
-        resendMessage: resendMessage,
-        chainTop: chainTop,
-        chainBottom: chainBottom
-      });
-    }
-
-    return;
-  }(), _a[MessageTypes.OG] = function () {
-    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
-      return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelOGMessage, {
-        message: message,
-        userId: userId,
-        showEdit: setShowEdit,
-        disabled: editDisabled,
-        showRemove: setShowRemove,
-        resendMessage: resendMessage,
-        chainTop: chainTop,
-        chainBottom: chainBottom
-      });
-    }
-
-    return;
-  }(), _a[MessageTypes.THUMBNAIL] = function () {
-    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
-      return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelThumbnailMessage, {
-        message: message,
-        disabled: editDisabled,
-        userId: userId,
-        showRemove: setShowRemove,
-        resendMessage: resendMessage,
-        onClick: setShowFileViewer,
-        chainTop: chainTop,
-        chainBottom: chainBottom
-      });
-    }
-
-    return;
-  }(), _a[MessageTypes.USER] = function () {
-    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
-      return /*#__PURE__*/React__default["default"].createElement(ui_OpenchannelUserMessage, {
-        message: message,
-        userId: userId,
-        disabled: editDisabled,
-        showEdit: setShowEdit,
-        showRemove: setShowRemove,
-        resendMessage: resendMessage,
-        chainTop: chainTop,
-        chainBottom: chainBottom
-      });
-    }
-
-    return;
-  }(), _a[MessageTypes.UNKNOWN] = function () {
-    return; // return (
-    //   <OpenChannelUnknownMessage message={message} />
-    // );
-  }(), _a)[getMessageType(message)], showRemove && /*#__PURE__*/React__default["default"].createElement(RemoveMessageModal, {
-    onCloseModal: function onCloseModal() {
-      return setShowRemove(false);
-    },
-    onDeleteMessage: function onDeleteMessage() {
-      if ((message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
-        deleteMessage(message);
-      }
-    }
-  }), showFileViewer && (message === null || message === void 0 ? void 0 : message.messageType) === 'file' && /*#__PURE__*/React__default["default"].createElement(ui_FileViewer["default"], {
-    onClose: function onClose() {
-      return setShowFileViewer(false);
-    },
-    message: message,
-    onDelete: function onDelete() {
-      return deleteMessage(message);
-    },
-    isByMe: isByMe
-  }));
-}
-
-module.exports = MessagOpenChannelMessageeHoc;
-//# sourceMappingURL=OpenChannelMessage.js.map

package/cjs/OpenChannel/components/OpenChannelMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OpenChannelMessage.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/RemoveMessageModal.tsx","../../../../src/ui/FileViewer/types.js","../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/utils.ts","../../../../src/smart-components/OpenChannel/components/OpenChannelMessage/index.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { ClientFileMessage, ClientUserMessage } from '../../../../index';\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCloseModal(): void;\n  onDeleteMessage(message: ClientUserMessage | ClientFileMessage, callback?: () => void): void;\n}\n\nexport default function RemoveMessageModal({\n  onCloseModal,\n  onDeleteMessage,\n}: Props): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <Modal\n      onCancel={onCloseModal}\n      onSubmit={onDeleteMessage}\n      submitText={stringSet.MESSAGE_MENU__DELETE}\n      titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n    />\n  );\n}\n","// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types\nconst SUPPORTED_MIMES = {\n  IMAGE: [\n    'image/jpeg',\n    'image/jpg',\n    'image/png',\n    'image/gif',\n    'image/svg+xml',\n    'image/webp', // not supported in IE\n  ],\n  VIDEO: [\n    'video/mpeg',\n    'video/ogg',\n    'video/webm',\n    'video/mp4',\n  ],\n};\n\nexport const isImage = (type) => SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;\nexport const isVideo = (type) => SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;\nexport const isGif = (type) => type === 'image/gif';\nexport const unSupported = (type) => !(isImage(type) || isVideo(type));\n\nexport default SUPPORTED_MIMES;\n","import { EveryMessage } from '../../../../index';\nimport { isImage, isVideo } from '../../../../ui/FileViewer/types';\n\nexport const MessageTypes = {\n  ADMIN: 'ADMIN',\n  USER: 'USER',\n  FILE: 'FILE',\n  THUMBNAIL: 'THUMBNAIL',\n  OG: 'OG',\n  UNKNOWN: 'UNKNOWN',\n};\n\nexport const SendingMessageStatus = {\n  NONE: 'none',\n  SUCCEEDED: 'succeeded',\n  FAILED: 'failed',\n  PENDING: 'pending',\n};\n\nexport const getMessageType = (message: EveryMessage): string => {\n  if ((message.isUserMessage && message.isUserMessage()) || message.messageType === 'user') {\n    return (message.ogMetaData)\n      ? MessageTypes.OG\n      : MessageTypes.USER;\n  }\n  if (message.isAdminMessage && message.isAdminMessage()) {\n    return MessageTypes.ADMIN;\n  }\n  if (message.messageType === 'file') {\n    return (isImage(message.type) || isVideo(message.type))\n      ? MessageTypes.THUMBNAIL\n      : MessageTypes.FILE;\n  }\n  return MessageTypes.UNKNOWN;\n};\n\nexport default {\n  MessageTypes,\n  SendingMessageStatus,\n  getMessageType,\n};\n","import React, {\n  useState,\n  useRef,\n  ReactElement,\n  useMemo,\n} from 'react';\n\nimport format from 'date-fns/format';\n\nimport OpenChannelUserMessage from '../../../../ui/OpenchannelUserMessage';\nimport OpenChannelAdminMessage from '../../../../ui/OpenChannelAdminMessage';\nimport OpenChannelOGMessage from '../../../../ui/OpenchannelOGMessage';\nimport OpenChannelThumbnailMessage from '../../../../ui/OpenchannelThumbnailMessage';\nimport OpenChannelFileMessage from '../../../../ui/OpenchannelFileMessage';\n// import UnknownMessage from '../../../../ui/UnknownMessage';\n\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport MessageInput from '../../../../ui/MessageInput';\nimport FileViewer from '../../../../ui/FileViewer';\n\nimport RemoveMessageModal from './RemoveMessageModal';\nimport {\n  MessageTypes,\n  SendingMessageStatus,\n  getMessageType,\n} from './utils';\nimport { useOpenChannel } from '../../context/OpenChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport type { EveryMessage, RenderMessageProps } from '../../../../types';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\nexport type OpenChannelMessageProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ReactNode;\n  message: EveryMessage;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  hasSeparator?: boolean;\n  editDisabled?: boolean;\n};\n\nexport default function MessagOpenChannelMessageeHoc(props: OpenChannelMessageProps): ReactElement {\n  const {\n    message,\n    chainTop,\n    chainBottom,\n    hasSeparator,\n    renderMessage,\n  } = props;\n\n  const {\n    currentOpenChannel,\n    deleteMessage,\n    updateMessage,\n    resendMessage,\n  } = useOpenChannel();\n  const { dateLocale } = useLocalization();\n  const editDisabled = currentOpenChannel?.isFrozen;\n\n  const globalState = useSendbirdStateContext();\n  const userId = globalState?.config?.userId;\n\n  let sender: SendBird.User = null;\n  if (message?.messageType !== 'admin') {\n    sender = message?.sender;\n  }\n\n  const RenderedMessage = useMemo(() => {\n    if (renderMessage) {\n      return renderMessage({\n        message,\n        chainBottom,\n        chainTop,\n      });\n    }\n    return null;\n  }, [message, renderMessage]);\n\n  const [showEdit, setShowEdit] = useState(false);\n  const [showRemove, setShowRemove] = useState(false);\n  const [showFileViewer, setShowFileViewer] = useState(false);\n  const editMessageInputRef = useRef(null);\n\n  let isByMe = false;\n\n  if (sender && message?.messageType !== 'admin') {\n    // pending and failed messages are by me\n    isByMe = (userId === sender.userId)\n      || (message?.requestState === SendingMessageStatus.PENDING)\n      || (message?.requestState === SendingMessageStatus.FAILED);\n  }\n\n  if(RenderedMessage) {\n    return (\n      <div className=\"sendbird-msg-hoc sendbird-msg--scroll-ref\">\n        <RenderedMessage />\n      </div>\n    );\n  }\n\n  if (message?.messageType === 'user' && showEdit) {\n    return (\n      <MessageInput\n        isEdit\n        disabled={editDisabled}\n        ref={editMessageInputRef}\n        name={message?.messageId}\n        onSendMessage={updateMessage}\n        onCancelEdit={() => { setShowEdit(false); }}\n        value={message?.message}\n      />\n    );\n  }\n\n  return (\n    <div className=\"sendbird-msg-hoc sendbird-msg--scroll-ref\">\n      {/* date-separator */}\n      {\n        hasSeparator && (\n          <DateSeparator>\n            <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n              {format(message?.createdAt, 'MMMM dd, yyyy', {\n                locale: dateLocale,\n              })}\n            </Label>\n          </DateSeparator>\n        )\n      }\n      {/* Message */}\n      {\n        {\n          [MessageTypes.ADMIN]: (() => {\n            if (message?.messageType === 'admin') {\n              return (\n                <OpenChannelAdminMessage message={message} />\n              )\n            }\n          })(),\n          [MessageTypes.FILE]: (() => {\n            if (message?.messageType === 'file') {\n              return (\n                <OpenChannelFileMessage\n                  message={message}\n                  disabled={editDisabled}\n                  userId={userId}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n            return;\n          })(),\n          [MessageTypes.OG]: (() => {\n            if (message?.messageType === 'user') {\n              return (\n                <OpenChannelOGMessage\n                  message={message}\n                  userId={userId}\n                  showEdit={setShowEdit}\n                  disabled={editDisabled}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n            return;\n          })(),\n          [MessageTypes.THUMBNAIL]: (() => {\n            if (message?.messageType === 'file') {\n              return (\n                <OpenChannelThumbnailMessage\n                  message={message}\n                  disabled={editDisabled}\n                  userId={userId}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  onClick={setShowFileViewer}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n            return;\n          })(),\n          [MessageTypes.USER]: (() => {\n            if (message?.messageType === 'user') {\n              return (\n                <OpenChannelUserMessage\n                  message={message}\n                  userId={userId}\n                  disabled={editDisabled}\n                  showEdit={setShowEdit}\n                  showRemove={setShowRemove}\n                  resendMessage={resendMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                />\n              );\n            }\n            return;\n          })(),\n          [MessageTypes.UNKNOWN]: (() => {\n            return;\n            // return (\n            //   <OpenChannelUnknownMessage message={message} />\n            // );\n          })(),\n        }[getMessageType(message)]\n      }\n      {/* Modal */}\n      {\n        showRemove && (\n          <RemoveMessageModal\n            onCloseModal={() => setShowRemove(false)}\n            onDeleteMessage={() => {\n              if (message?.messageType !== 'admin') {\n                deleteMessage(message);\n              }\n            }}\n          />\n        )\n      }\n      {\n        (showFileViewer && message?.messageType === 'file') && (\n          <FileViewer\n            onClose={() => setShowFileViewer(false)}\n            message={message}\n            onDelete={() => deleteMessage(message)}\n            isByMe={isByMe}\n          />\n        )\n      }\n      {/* {\n        !((message?.isFileMessage && message?.isFileMessage()) || message?.messageType === 'file')\n        && !(message?.isAdminMessage && message?.isAdminMessage())\n        && !(((message?.isUserMessage && message?.isUserMessage()) || message?.messageType === 'user'))\n        && !(showFileViewer)\n        && (\n          <UnknownMessage\n            message={message}\n            isByMe={isByMe}\n            showRemove={setShowRemove}\n            chainTop={chainTop}\n            chainBottom={chainBottom}\n          />\n        )\n      } */}\n    </div>\n  );\n}\n"],"names":["RemoveMessageModal","_a","onCloseModal","onDeleteMessage","stringSet","useContext","LocalizationContext","React","Modal","MESSAGE_MENU__DELETE","MODAL__DELETE_MESSAGE__TITLE","SUPPORTED_MIMES","IMAGE","VIDEO","isImage","type","indexOf","isVideo","MessageTypes","ADMIN","USER","FILE","THUMBNAIL","OG","UNKNOWN","SendingMessageStatus","NONE","SUCCEEDED","FAILED","PENDING","getMessageType","message","isUserMessage","messageType","ogMetaData","isAdminMessage","MessagOpenChannelMessageeHoc","props","chainTop","chainBottom","hasSeparator","renderMessage","_c","useOpenChannel","currentOpenChannel","deleteMessage","updateMessage","resendMessage","dateLocale","useLocalization","editDisabled","isFrozen","globalState","useSendbirdStateContext","userId","config","sender","RenderedMessage","useMemo","_d","useState","showEdit","setShowEdit","_e","showRemove","setShowRemove","_f","showFileViewer","setShowFileViewer","editMessageInputRef","useRef","isByMe","requestState","MessageInput","messageId","DateSeparator","Label","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","format","createdAt","locale","OpenChannelAdminMessage","OpenChannelFileMessage","OpenChannelOGMessage","OpenChannelThumbnailMessage","OpenChannelUserMessage","FileViewer"],"mappings":"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"}

package/cjs/OpenChannel/components/OpenChannelMessageList.js

@@ -1,163 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index = require('../../index-4f40f311.js');
-var ui_Icon = require('../../ui/Icon.js');
-var ui_PlaceHolder = require('../../index-e63da805.js');
-var OpenChannel_context = require('../../OpenChannelProvider-9000ccb9.js');
-var OpenChannel_components_OpenChannelMessage = require('./OpenChannelMessage.js');
-require('../../index-a2ce047a.js');
-require('../../index-20a06ed6.js');
-require('../../_rollupPluginBabelHelpers-6193d45d.js');
-require('prop-types');
-require('../../ui/Loader.js');
-require('../../LocalizationContext-382a9ef1.js');
-require('../../stringSet-b9ea6eef.js');
-require('../../index-f1971e28.js');
-require('../../UserProfileContext-0b7ef11a.js');
-require('../../tslib.es6-07dd6257.js');
-require('../../compareIds-e9bca8c4.js');
-require('../../topics-11048db8.js');
-require('../../uuid-172844fb.js');
-require('../../useSendbirdStateContext.js');
-require('../../withSendBird.js');
-require('../../ui/OpenchannelUserMessage.js');
-require('../../ui/Avatar.js');
-require('../../ui/ImageRenderer.js');
-require('../../ui/ContextMenu.js');
-require('../../index-212a11f2.js');
-require('react-dom');
-require('../../ui/SortByRow.js');
-require('../../ui/IconButton.js');
-require('../../ui/UserProfile.js');
-require('../../sendBirdSelectors.js');
-require('../../index-01072ac9.js');
-require('../../utils-3240365f.js');
-require('../../openChannelUtils-16f29ba2.js');
-require('../../ui/OpenChannelAdminMessage.js');
-require('../../ui/OpenchannelOGMessage.js');
-require('../../ui/LinkLabel.js');
-require('../../ui/OpenchannelThumbnailMessage.js');
-require('../../ui/OpenchannelFileMessage.js');
-require('../../ui/TextButton.js');
-require('../../color-1816dacf.js');
-require('../../ui/DateSeparator.js');
-require('../../ui/MessageInput.js');
-require('stream');
-require('../../const-c65837c1.js');
-require('../../const-d9f4d880.js');
-require('../../ui/MentionUserLabel.js');
-require('../../ui/FileViewer.js');
-require('../../index-2faa2f93.js');
-require('../../ui/Modal.js');
-require('../../utils-94ae6cec.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function OpenchannelMessageList(props, ref) {
-  var _a;
-
-  var _b = OpenChannel_context.useOpenChannel(),
-      _c = _b.useMessageGrouping,
-      useMessageGrouping = _c === void 0 ? true : _c,
-      allMessages = _b.allMessages,
-      hasMore = _b.hasMore,
-      onScroll = _b.onScroll;
-
-  var scrollRef = ref || React.useRef(null);
-
-  var _d = React.useState(false),
-      showScrollDownButton = _d[0],
-      setShowScrollDownButton = _d[1];
-
-  var handleOnScroll = function handleOnScroll(e) {
-    var element = e.target;
-    var scrollTop = element.scrollTop,
-        scrollHeight = element.scrollHeight,
-        clientHeight = element.clientHeight;
-
-    if (scrollHeight > scrollTop + clientHeight && window.navigator.userAgent.indexOf('MSIE ') < 0 // don't show button in IE
-    ) {
-      setShowScrollDownButton(true);
-    } else {
-      setShowScrollDownButton(false);
-    }
-
-    if (!hasMore) {
-      return;
-    }
-
-    if (scrollTop === 0) {
-      var nodes = scrollRef.current.querySelectorAll('.sendbird-msg--scroll-ref');
-      var first_1 = nodes && nodes[0];
-      onScroll(function () {
-        try {
-          first_1.scrollIntoView();
-        } catch (error) {}
-      });
-    }
-  };
-
-  var scrollToBottom = function scrollToBottom() {
-    if (scrollRef && scrollRef.current) {
-      scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);
-      setShowScrollDownButton(false);
-    }
-  };
-
-  var hasMessage = React.useMemo(function () {
-    return allMessages.length > 0;
-  }, [allMessages.length]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-conversation-scroll",
-    onScroll: handleOnScroll,
-    ref: scrollRef
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-conversation-scroll__container"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-conversation-scroll__container__padding"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-conversation-scroll__container__item-container" + (hasMessage ? '' : '--no-messages')
-  }, hasMessage ? allMessages.map(function (message, index$1) {
-    var previousMessage = allMessages[index$1 - 1];
-    var nextMessage = allMessages[index$1 - 1];
-    var previousMessageCreatedAt = previousMessage && previousMessage.createdAt;
-    var currentCreatedAt = message.createdAt; // https://stackoverflow.com/a/41855608
-
-    var hasSeparator = !(previousMessageCreatedAt && index.isSameDay(currentCreatedAt, previousMessageCreatedAt));
-
-    var _a = useMessageGrouping ? OpenChannel_context.compareMessagesForGrouping(previousMessage, message, nextMessage) : [false, false],
-        chainTop = _a[0],
-        chainBottom = _a[1];
-
-    return /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_OpenChannelMessage, {
-      key: (message === null || message === void 0 ? void 0 : message.messageId) || (message === null || message === void 0 ? void 0 : message.reqId),
-      message: message,
-      chainTop: chainTop,
-      chainBottom: chainBottom,
-      hasSeparator: hasSeparator,
-      renderMessage: props === null || props === void 0 ? void 0 : props.renderMessage
-    });
-  }) : ((_a = props === null || props === void 0 ? void 0 : props.renderPlaceHolderEmptyList) === null || _a === void 0 ? void 0 : _a.call(props)) || /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
-    className: "sendbird-openchannel-conversation-scroll__container__place-holder",
-    type: ui_PlaceHolder.PlaceHolderTypes.NO_MESSAGES
-  })), showScrollDownButton && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-conversation-scroll__container__scroll-bottom-button",
-    onClick: scrollToBottom,
-    onKeyDown: scrollToBottom,
-    tabIndex: 0,
-    role: "button"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    width: "24px",
-    height: "24px",
-    type: ui_Icon.IconTypes.CHEVRON_DOWN,
-    fillColor: ui_Icon.IconColors.CONTENT
-  }))));
-}
-
-var OpenChannelMessageList = /*#__PURE__*/React__default["default"].forwardRef(OpenchannelMessageList);
-
-module.exports = OpenChannelMessageList;
-//# sourceMappingURL=OpenChannelMessageList.js.map

package/cjs/OpenChannel/components/OpenChannelMessageList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OpenChannelMessageList.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelMessageList/index.tsx"],"sourcesContent":["import './openchannel-message-list.scss';\n\nimport React, { ReactElement, useRef, useState, useMemo } from 'react';\nimport isSameDay from 'date-fns/isSameDay';\n\n// import MessageHoc from './MessageHOC';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport { useOpenChannel } from '../../context/OpenChannelProvider';\nimport OpenChannelMessage from '../OpenChannelMessage';\nimport { RenderMessageProps } from '../../../../types';\n\nexport type OpenchannelMessageListProps = {\n  renderMessage?: (props: RenderMessageProps) => React.ReactNode;\n  renderPlaceHolderEmptyList?: () => React.ReactNode;\n}\n\nfunction OpenchannelMessageList(\n  props: OpenchannelMessageListProps,\n  ref: React.RefObject<HTMLDivElement>,\n): ReactElement {\n  const {\n    useMessageGrouping = true,\n    allMessages,\n    hasMore,\n    onScroll,\n  } = useOpenChannel();\n  const scrollRef = ref || useRef(null);\n  const [showScrollDownButton, setShowScrollDownButton] = useState(false);\n\n  const handleOnScroll = (e) => {\n    const element = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = element;\n    if (\n      (scrollHeight > scrollTop + clientHeight)\n      && (window.navigator.userAgent.indexOf('MSIE ') < 0) // don't show button in IE\n    ) {\n      setShowScrollDownButton(true);\n    } else {\n      setShowScrollDownButton(false);\n    }\n\n    if (!hasMore) {\n      return;\n    }\n    if (scrollTop === 0) {\n      const nodes = scrollRef.current.querySelectorAll('.sendbird-msg--scroll-ref');\n      const first = nodes && nodes[0];\n      onScroll(() => {\n        try {\n          first.scrollIntoView();\n        } catch (error) { }\n      });\n    }\n  };\n\n  const scrollToBottom = () => {\n    if (scrollRef && scrollRef.current) {\n      scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);\n      setShowScrollDownButton(false);\n    }\n  };\n\n  const hasMessage = useMemo(() => {\n    return allMessages.length > 0;\n  }, [allMessages.length]);\n\n  return (\n    <div\n      className=\"sendbird-openchannel-conversation-scroll\"\n      onScroll={handleOnScroll}\n      ref={scrollRef}\n    >\n      <div className=\"sendbird-openchannel-conversation-scroll__container\">\n        <div className=\"sendbird-openchannel-conversation-scroll__container__padding\" />\n        <div className={`sendbird-openchannel-conversation-scroll__container__item-container${hasMessage ? '' : '--no-messages'}`}>\n          {\n            hasMessage\n              ? (\n                allMessages.map((message, index) => {\n                  const previousMessage = allMessages[index - 1];\n                  const nextMessage = allMessages[index - 1];\n\n                  const previousMessageCreatedAt = previousMessage && previousMessage.createdAt;\n                  const currentCreatedAt = message.createdAt;\n                  // https://stackoverflow.com/a/41855608\n                  const hasSeparator = !(previousMessageCreatedAt && (\n                    isSameDay(currentCreatedAt, previousMessageCreatedAt)\n                  ));\n\n                  const [chainTop, chainBottom] = useMessageGrouping\n                    ? compareMessagesForGrouping(previousMessage, message, nextMessage)\n                    : [false, false];\n                  return (\n                    <OpenChannelMessage\n                      key={message?.messageId || message?.reqId}\n                      message={message}\n                      chainTop={chainTop}\n                      chainBottom={chainBottom}\n                      hasSeparator={hasSeparator}\n                      renderMessage={props?.renderMessage}\n                    />\n                  )\n                })\n              )\n              : props?.renderPlaceHolderEmptyList?.() || (\n                <PlaceHolder\n                  className=\"sendbird-openchannel-conversation-scroll__container__place-holder\"\n                  type={PlaceHolderTypes.NO_MESSAGES}\n                />\n              )\n          }\n        </div>\n        {\n          showScrollDownButton && (\n            <div\n              className=\"sendbird-openchannel-conversation-scroll__container__scroll-bottom-button\"\n              onClick={scrollToBottom}\n              onKeyDown={scrollToBottom}\n              tabIndex={0}\n              role=\"button\"\n            >\n              <Icon\n                width=\"24px\"\n                height=\"24px\"\n                type={IconTypes.CHEVRON_DOWN}\n                fillColor={IconColors.CONTENT}\n              />\n            </div>\n          )\n        }\n      </div>\n    </div>\n  );\n}\n\nexport default React.forwardRef(OpenchannelMessageList);\n"],"names":["OpenchannelMessageList","props","ref","_b","useOpenChannel","_c","useMessageGrouping","allMessages","hasMore","onScroll","scrollRef","useRef","_d","useState","showScrollDownButton","setShowScrollDownButton","handleOnScroll","e","element","target","scrollTop","scrollHeight","clientHeight","window","navigator","userAgent","indexOf","nodes","current","querySelectorAll","first_1","scrollIntoView","error","scrollToBottom","scrollTo","hasMessage","useMemo","length","React","map","message","index","previousMessage","nextMessage","previousMessageCreatedAt","createdAt","currentCreatedAt","hasSeparator","isSameDay","_a","compareMessagesForGrouping","chainTop","chainBottom","OpenChannelMessage","messageId","reqId","renderMessage","renderPlaceHolderEmptyList","PlaceHolder","PlaceHolderTypes","NO_MESSAGES","Icon","IconTypes","CHEVRON_DOWN","IconColors","CONTENT","forwardRef"],"mappings":"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"}

package/cjs/OpenChannel/components/OpenChannelUI.js

@@ -1,115 +0,0 @@
-'use strict';
-
-var React = require('react');
-var OpenChannel_context = require('../../OpenChannelProvider-9000ccb9.js');
-var OpenChannel_components_OpenChannelInput = require('./OpenChannelInput.js');
-var OpenChannel_components_FrozenChannelNotification = require('./FrozenChannelNotification.js');
-var OpenChannel_components_OpenChannelHeader = require('./OpenChannelHeader.js');
-var ui_PlaceHolder = require('../../index-e63da805.js');
-var OpenChannel_components_OpenChannelMessageList = require('./OpenChannelMessageList.js');
-require('../../index-a2ce047a.js');
-require('../../index-20a06ed6.js');
-require('../../UserProfileContext-0b7ef11a.js');
-require('prop-types');
-require('../../tslib.es6-07dd6257.js');
-require('../../compareIds-e9bca8c4.js');
-require('../../topics-11048db8.js');
-require('../../uuid-172844fb.js');
-require('../../useSendbirdStateContext.js');
-require('../../withSendBird.js');
-require('../../_rollupPluginBabelHelpers-6193d45d.js');
-require('../../LocalizationContext-382a9ef1.js');
-require('../../stringSet-b9ea6eef.js');
-require('../../ui/MessageInput.js');
-require('stream');
-require('../../const-c65837c1.js');
-require('../../const-d9f4d880.js');
-require('../../ui/IconButton.js');
-require('../../index-01072ac9.js');
-require('../../index-f1971e28.js');
-require('../../ui/MentionUserLabel.js');
-require('../../ui/Icon.js');
-require('../../index-212a11f2.js');
-require('../../ui/Avatar.js');
-require('../../ui/ImageRenderer.js');
-require('../../ui/Loader.js');
-require('../../index-4f40f311.js');
-require('./OpenChannelMessage.js');
-require('../../ui/OpenchannelUserMessage.js');
-require('../../ui/ContextMenu.js');
-require('react-dom');
-require('../../ui/SortByRow.js');
-require('../../ui/UserProfile.js');
-require('../../sendBirdSelectors.js');
-require('../../utils-3240365f.js');
-require('../../openChannelUtils-16f29ba2.js');
-require('../../ui/OpenChannelAdminMessage.js');
-require('../../ui/OpenchannelOGMessage.js');
-require('../../ui/LinkLabel.js');
-require('../../ui/OpenchannelThumbnailMessage.js');
-require('../../ui/OpenchannelFileMessage.js');
-require('../../ui/TextButton.js');
-require('../../color-1816dacf.js');
-require('../../ui/DateSeparator.js');
-require('../../ui/FileViewer.js');
-require('../../index-2faa2f93.js');
-require('../../ui/Modal.js');
-require('../../utils-94ae6cec.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';
-
-var OpenChannelUI = function OpenChannelUI(_a) {
-  var renderMessage = _a.renderMessage,
-      renderHeader = _a.renderHeader,
-      renderInput = _a.renderInput,
-      renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList,
-      renderPlaceHolderError = _a.renderPlaceHolderError,
-      renderPlaceHolderLoading = _a.renderPlaceHolderLoading;
-
-  var _b = OpenChannel_context.useOpenChannel(),
-      currentOpenChannel = _b.currentOpenChannel,
-      amIBanned = _b.amIBanned,
-      loading = _b.loading,
-      isInvalid = _b.isInvalid,
-      messageInputRef = _b.messageInputRef;
-
-  if (!currentOpenChannel || !(currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.url) || amIBanned) {
-    return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || /*#__PURE__*/React__default["default"].createElement("div", {
-      className: COMPONENT_CLASS_NAME
-    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
-      type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS
-    }));
-  }
-
-  if (loading) {
-    return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || /*#__PURE__*/React__default["default"].createElement("div", {
-      className: COMPONENT_CLASS_NAME
-    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
-      type: ui_PlaceHolder.PlaceHolderTypes.LOADING
-    }));
-  }
-
-  if (isInvalid) {
-    return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || /*#__PURE__*/React__default["default"].createElement("div", {
-      className: COMPONENT_CLASS_NAME
-    }, /*#__PURE__*/React__default["default"].createElement(ui_PlaceHolder.PlaceHolder, {
-      type: ui_PlaceHolder.PlaceHolderTypes.WRONG
-    }));
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: COMPONENT_CLASS_NAME
-  }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_OpenChannelHeader, null), (currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen) && /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_FrozenChannelNotification, null), /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_OpenChannelMessageList, {
-    renderMessage: renderMessage,
-    renderPlaceHolderEmptyList: renderPlaceHolderEmptyList
-  }), (renderInput === null || renderInput === void 0 ? void 0 : renderInput()) || /*#__PURE__*/React__default["default"].createElement(OpenChannel_components_OpenChannelInput, {
-    ref: messageInputRef
-  }));
-};
-
-module.exports = OpenChannelUI;
-//# sourceMappingURL=OpenChannelUI.js.map

package/cjs/OpenChannel/components/OpenChannelUI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OpenChannelUI.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelUI/index.tsx"],"sourcesContent":["import './open-channel-ui.scss';\n\nimport React from 'react';\nimport { useOpenChannel } from '../../context/OpenChannelProvider';\n\nimport OpenChannelInput from '../OpenChannelInput';\nimport FrozenChannelNotification from '../FrozenChannelNotification';\nimport OpenChannelHeader from '../OpenChannelHeader';\n// import OpenchannelConversationScroll from './components/OpenchannelConversationScroll';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport OpenChannelMessageList from '../OpenChannelMessageList';\nimport { RenderMessageProps } from '../../../../types';\n\nexport interface OpenChannelUIProps {\n  renderMessage?: (props: RenderMessageProps) => React.ReactNode;\n  renderHeader?: () => React.ReactNode;\n  renderInput?: () => React.ReactNode;\n  renderPlaceHolderEmptyList?: () => React.ReactNode;\n  renderPlaceHolderError?: () => React.ReactNode;\n  renderPlaceHolderLoading?: () => React.ReactNode;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';\n\nconst OpenChannelUI: React.FC<OpenChannelUIProps> = ({\n  renderMessage,\n  renderHeader,\n  renderInput,\n  renderPlaceHolderEmptyList,\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n}: OpenChannelUIProps) => {\n  const {\n    currentOpenChannel,\n    amIBanned,\n    loading,\n    isInvalid,\n    messageInputRef,\n  } = useOpenChannel();\n\n  if (\n    !currentOpenChannel\n    || !currentOpenChannel?.url\n    || amIBanned\n  ) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} /></div>\n    );\n  }\n  if (loading) {\n    return (renderPlaceHolderLoading?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.LOADING} /></div>\n    );\n  }\n  if (isInvalid) {\n    return (renderPlaceHolderError?.() ||\n      <div className={COMPONENT_CLASS_NAME}><PlaceHolder type={PlaceHolderTypes.WRONG} /></div>\n    );\n  }\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      {\n        renderHeader?.() || (\n          <OpenChannelHeader />\n        )\n      }\n      {\n        currentOpenChannel?.isFrozen && (\n          <FrozenChannelNotification />\n        )\n      }\n      <OpenChannelMessageList\n        renderMessage={renderMessage}\n        renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n      />\n      {\n        renderInput?.() || (\n          <OpenChannelInput ref={messageInputRef} />\n        )\n      }\n    </div>\n  );\n};\n\nexport default OpenChannelUI;\n"],"names":["COMPONENT_CLASS_NAME","OpenChannelUI","_a","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading","_b","useOpenChannel","currentOpenChannel","amIBanned","loading","isInvalid","messageInputRef","url","React","PlaceHolder","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification","OpenChannelMessageList","OpenChannelInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAMA,oBAAoB,GAAG,mCAA7B;;IAEMC,aAAa,GAAiC,SAA9CA,aAA8C,CAACC,EAAD;MAClDC,aAAa;MACbC,YAAY;MACZC,WAAW;MACXC,0BAA0B;MAC1BC,sBAAsB;MACtBC,wBAAwB;;AAElB,MAAAC,KAMFC,kCAAc,EANZ;AAAA,MACJC,kBAAkB,wBADd;AAAA,MAEJC,SAAS,eAFL;AAAA,MAGJC,OAAO,aAHH;AAAA,MAIJC,SAAS,eAJL;AAAA,MAKJC,eAAe,qBALX;;AAQN,MACE,CAACJ,kBAAD,IACG,EAACA,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEK,GAArB,CADH,IAEGJ,SAHL,EAIE;AACA,WAAQ,CAAAL,sBAAsB,SAAtB,IAAAA,sBAAsB,WAAtB,SAAA,GAAAA,sBAAsB,EAAtB,kBACNU;AAAK,MAAA,SAAS,EAAEjB;AAAhB,oBAAsCiB,wCAACC,0BAAD;AAAa,MAAA,IAAI,EAAEC,+BAAgB,CAACC;AAApC,MAAtC,CADF;AAGD;;AACD,MAAIP,OAAJ,EAAa;AACX,WAAQ,CAAAL,wBAAwB,SAAxB,IAAAA,wBAAwB,WAAxB,SAAA,GAAAA,wBAAwB,EAAxB,kBACNS;AAAK,MAAA,SAAS,EAAEjB;AAAhB,oBAAsCiB,wCAACC,0BAAD;AAAa,MAAA,IAAI,EAAEC,+BAAgB,CAACE;AAApC,MAAtC,CADF;AAGD;;AACD,MAAIP,SAAJ,EAAe;AACb,WAAQ,CAAAP,sBAAsB,SAAtB,IAAAA,sBAAsB,WAAtB,SAAA,GAAAA,sBAAsB,EAAtB,kBACNU;AAAK,MAAA,SAAS,EAAEjB;AAAhB,oBAAsCiB,wCAACC,0BAAD;AAAa,MAAA,IAAI,EAAEC,+BAAgB,CAACG;AAApC,MAAtC,CADF;AAGD;;AAED,sBACEL;AAAK,IAAA,SAAS,EAAEjB;AAAhB,KAEI,CAAAI,YAAY,SAAZ,IAAAA,YAAY,WAAZ,SAAA,GAAAA,YAAY,EAAZ,kBACEa,wCAACM,wCAAD,OAHN,EAOI,CAAAZ,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEa,QAApB,kBACEP,wCAACQ,gDAAD,OARN,eAWER,wCAACS,6CAAD;AACE,IAAA,aAAa,EAAEvB,aADjB;AAEE,IAAA,0BAA0B,EAAEG;AAF9B,IAXF,EAgBI,CAAAD,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,EAAX,kBACEY,wCAACU,uCAAD;AAAkB,IAAA,GAAG,EAAEZ;AAAvB,IAjBN,CADF;AAuBD;;;;"}