@sendbird/uikit-react 3.0.0-alpha → 3.0.0-alpha.1

package/dist/cjs/MessageSearch.js

@@ -1,152 +0,0 @@
-'use strict';
-
-var React = require('react');
-var MessageSearch_components_MessageSearchUI = require('./MessageSearch/components/MessageSearchUI.js');
-var LocalizationContext = require('./LocalizationContext-68e55e2a.js');
-var ui_Icon = require('./ui/Icon.js');
-var ui_IconButton = require('./ui/IconButton.js');
-var ui_Label = require('./index-1468d245.js');
-var ui_Loader = require('./ui/Loader.js');
-var MessageSearch_context = require('./MessageSearch/context.js');
-require('./ui/MessageSearchItem.js');
-require('./tslib.es6-4a281a05.js');
-require('./index-905331fa.js');
-require('./index-e2bb862c.js');
-require('./index-8becccd8.js');
-require('./index-9dc3863f.js');
-require('./ui/Avatar.js');
-require('./ui/ImageRenderer.js');
-require('./_rollupPluginBabelHelpers-fc14118c.js');
-require('prop-types');
-require('./uuid-1d5ec8b2.js');
-require('./index-659c9ca5.js');
-require('./ui/MessageSearchFileItem.js');
-require('./stringSet-aa544ce5.js');
-require('./useSendbirdStateContext.js');
-require('./withSendBird.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-message-search-pannel';
-
-function MessageSearchPannel(props) {
-  var channelUrl = props.channelUrl,
-      onResultClick = props.onResultClick,
-      onCloseClick = props.onCloseClick,
-      messageSearchQuery = props.messageSearchQuery,
-      renderPlaceHolderError = props.renderPlaceHolderError,
-      renderPlaceHolderLoading = props.renderPlaceHolderLoading,
-      renderPlaceHolderNoString = props.renderPlaceHolderNoString,
-      renderPlaceHolderEmptyList = props.renderPlaceHolderEmptyList,
-      renderSearchItem = props.renderSearchItem;
-
-  var _a = React.useState(''),
-      searchString = _a[0],
-      setSearchString = _a[1];
-
-  var _b = React.useState(''),
-      inputString = _b[0],
-      setInputString = _b[1];
-
-  var _c = React.useState(false),
-      loading = _c[0],
-      setLoading = _c[1];
-
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var timeout = null;
-  React.useEffect(function () {
-    if (timeout) {
-      clearTimeout(timeout);
-    }
-
-    timeout = setTimeout(function () {
-      setSearchString(inputString);
-      setLoading(true);
-      timeout = null;
-    }, 500);
-  }, [inputString]);
-
-  var handleOnChangeInputString = function handleOnChangeInputString(e) {
-    setInputString(e.target.value);
-  };
-
-  var handleOnResultLoaded = function handleOnResultLoaded() {
-    setLoading(false);
-  };
-
-  var handleOnClickResetStringButton = function handleOnClickResetStringButton(e) {
-    e.stopPropagation();
-    setInputString('');
-    setSearchString('');
-  };
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: COMPONENT_CLASS_NAME
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: COMPONENT_CLASS_NAME + "__header"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: COMPONENT_CLASS_NAME + "__header__title",
-    type: ui_Label.LabelTypography.H_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.SEARCH_IN_CHANNEL), /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
-    className: COMPONENT_CLASS_NAME + "__header__close-button",
-    width: "32px",
-    height: "32px",
-    onClick: onCloseClick
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.CLOSE,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
-    width: "22px",
-    height: "22px"
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: COMPONENT_CLASS_NAME + "__input"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: COMPONENT_CLASS_NAME + "__input__container"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: COMPONENT_CLASS_NAME + "__input__container__search-icon",
-    type: ui_Icon.IconTypes.SEARCH,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
-    width: "24px",
-    height: "24px"
-  }), /*#__PURE__*/React__default["default"].createElement("input", {
-    className: COMPONENT_CLASS_NAME + "__input__container__input-area",
-    placeholder: stringSet.SEARCH,
-    value: inputString,
-    onChange: handleOnChangeInputString
-  }), inputString && loading && /*#__PURE__*/React__default["default"].createElement(ui_Loader, {
-    className: COMPONENT_CLASS_NAME + "__input__container__spinner",
-    width: "20px",
-    height: "20px"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.SPINNER,
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: "20px",
-    height: "20px"
-  })), !loading && inputString && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: COMPONENT_CLASS_NAME + "__input__container__reset-input-button",
-    type: ui_Icon.IconTypes.REMOVE,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
-    width: "20px",
-    height: "20px",
-    onClick: handleOnClickResetStringButton
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: COMPONENT_CLASS_NAME + "__message-search"
-  }, /*#__PURE__*/React__default["default"].createElement(MessageSearch_context.MessageSearchProvider, {
-    channelUrl: channelUrl,
-    searchString: searchString,
-    onResultClick: onResultClick,
-    onResultLoaded: handleOnResultLoaded,
-    messageSearchQuery: messageSearchQuery
-  }, /*#__PURE__*/React__default["default"].createElement(MessageSearch_components_MessageSearchUI.MessageSearchUI, {
-    renderPlaceHolderError: renderPlaceHolderError,
-    renderPlaceHolderLoading: renderPlaceHolderLoading,
-    renderPlaceHolderNoString: renderPlaceHolderNoString,
-    renderPlaceHolderEmptyList: renderPlaceHolderEmptyList,
-    renderSearchItem: renderSearchItem
-  }))));
-}
-
-module.exports = MessageSearchPannel;
-//# sourceMappingURL=MessageSearch.js.map

package/dist/cjs/MessageSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageSearch.js","sources":["../../src/smart-components/MessageSearch/index.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport './index.scss';\n\nimport MessageSearch, { MessageSearchUIProps } from './components/MessageSearchUI';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Icon, { IconTypes, IconColors } from '../../ui/Icon';\nimport IconButton from '../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../ui/Label';\nimport Loader from '../../ui/Loader';\nimport { MessageSearchProvider, MessageSearchProviderProps } from './context/MessageSearchProvider';\n\nexport interface MessageSearchPannelProps extends\n  MessageSearchUIProps, MessageSearchProviderProps {\n  onResultClick?: (message) => void;\n  onCloseClick?: () => void;\n}\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search-pannel';\n\nfunction MessageSearchPannel(props: MessageSearchPannelProps): JSX.Element {\n  const {\n    channelUrl,\n    onResultClick,\n    onCloseClick,\n    messageSearchQuery,\n    renderPlaceHolderError,\n    renderPlaceHolderLoading,\n    renderPlaceHolderNoString,\n    renderPlaceHolderEmptyList,\n    renderSearchItem,\n  } = props;\n\n  const [searchString, setSearchString] = useState('');\n  const [inputString, setInputString] = useState('');\n  const [loading, setLoading] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  let timeout = null;\n  useEffect(() => {\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(() => {\n      setSearchString(inputString);\n      setLoading(true);\n      timeout = null;\n    }, 500);\n  }, [inputString]);\n\n  const handleOnChangeInputString = (e) => {\n    setInputString(e.target.value);\n  };\n\n  const handleOnResultLoaded = () => {\n    setLoading(false);\n  };\n\n  const handleOnClickResetStringButton = (e) => {\n    e.stopPropagation();\n    setInputString('');\n    setSearchString('');\n  };\n\n  return (\n    <div className={COMPONENT_CLASS_NAME}>\n      <div className={`${COMPONENT_CLASS_NAME}__header`}>\n        <Label\n          className={`${COMPONENT_CLASS_NAME}__header__title`}\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {stringSet.SEARCH_IN_CHANNEL}\n        </Label>\n        <IconButton\n          className={`${COMPONENT_CLASS_NAME}__header__close-button`}\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onCloseClick}\n        >\n          <Icon\n            type={IconTypes.CLOSE}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            width=\"22px\"\n            height=\"22px\"\n          />\n        </IconButton>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__input`}>\n        <div className={`${COMPONENT_CLASS_NAME}__input__container`}>\n            <Icon\n              className={`${COMPONENT_CLASS_NAME}__input__container__search-icon`}\n              type={IconTypes.SEARCH}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"24px\"\n              height=\"24px\"\n            />\n            <input\n              className={`${COMPONENT_CLASS_NAME}__input__container__input-area`}\n              placeholder={stringSet.SEARCH}\n              value={inputString}\n              onChange={handleOnChangeInputString}\n            />\n            {\n              inputString && loading && (\n                <Loader\n                  className={`${COMPONENT_CLASS_NAME}__input__container__spinner`}\n                  width=\"20px\"\n                  height=\"20px\"\n                >\n                  <Icon\n                    type={IconTypes.SPINNER}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                </Loader>\n              )\n            }\n            {\n              !loading && inputString && (\n                <Icon\n                  className={`${COMPONENT_CLASS_NAME}__input__container__reset-input-button`}\n                  type={IconTypes.REMOVE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width=\"20px\"\n                  height=\"20px\"\n                  onClick={handleOnClickResetStringButton}\n                />\n              )\n            }\n        </div>\n      </div>\n      <div className={`${COMPONENT_CLASS_NAME}__message-search`}>\n        <MessageSearchProvider\n          channelUrl={channelUrl}\n          searchString={searchString}\n          onResultClick={onResultClick}\n          onResultLoaded={handleOnResultLoaded}\n          messageSearchQuery={messageSearchQuery}\n        >\n          <MessageSearch\n            renderPlaceHolderError={renderPlaceHolderError}\n            renderPlaceHolderLoading={renderPlaceHolderLoading}\n            renderPlaceHolderNoString={renderPlaceHolderNoString}\n            renderPlaceHolderEmptyList={renderPlaceHolderEmptyList}\n            renderSearchItem={renderSearchItem}\n          />\n        </MessageSearchProvider>\n      </div>\n    </div>\n  );\n}\n\nexport default MessageSearchPannel;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchPannel","props","channelUrl","onResultClick","onCloseClick","messageSearchQuery","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_a","useState","searchString","setSearchString","_b","inputString","setInputString","_c","loading","setLoading","stringSet","useContext","LocalizationContext","timeout","useEffect","clearTimeout","setTimeout","handleOnChangeInputString","e","target","value","handleOnResultLoaded","handleOnClickResetStringButton","stopPropagation","React","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","SEARCH_IN_CHANNEL","IconButton","Icon","IconTypes","CLOSE","IconColors","ON_BACKGROUND_1","SEARCH","ON_BACKGROUND_3","Loader","SPINNER","PRIMARY","REMOVE","MessageSearchProvider","MessageSearch"],"mappings":"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"}

package/dist/cjs/OpenChannel/components/FrozenChannelNotification.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-68e55e2a.js');
-var ui_Label = require('../../index-1468d245.js');
-require('../../stringSet-aa544ce5.js');
-require('../../index-e2bb862c.js');
-require('../../_rollupPluginBabelHelpers-fc14118c.js');
-require('prop-types');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var FrozenNotification = function FrozenNotification() {
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-frozen-channel-notification"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-frozen-channel-notification__text",
-    type: ui_Label.LabelTypography.CAPTION_2
-  }, stringSet.CHANNEL_FROZEN));
-};
-
-module.exports = FrozenNotification;
-//# sourceMappingURL=FrozenChannelNotification.js.map

package/dist/cjs/OpenChannel/components/FrozenChannelNotification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FrozenChannelNotification.js","sources":["../../../../src/smart-components/OpenChannel/components/FrozenChannelNotification/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport './frozen-channel-notification.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Label, { LabelTypography } from '../../../../ui/Label';\n\nconst FrozenNotification = (): JSX.Element => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-frozen-channel-notification\">\n      <Label\n        className=\"sendbird-frozen-channel-notification__text\"\n        type={LabelTypography.CAPTION_2}\n      >\n        {stringSet.CHANNEL_FROZEN}\n      </Label>\n    </div>\n  );\n}\n\nexport default FrozenNotification;\n"],"names":["FrozenNotification","stringSet","useContext","LocalizationContext","React","Label","LabelTypography","CAPTION_2","CHANNEL_FROZEN"],"mappings":";;;;;;;;;;;;;;IAOMA,kBAAkB,GAAG,SAArBA,kBAAqB;AACjB,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AACR,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACC,cAAD;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC;AAFxB,KAIGN,SAAS,CAACO,cAJb,CADF,CADF;AAUD;;;;"}

package/dist/cjs/OpenChannel/components/OpenChannelHeader.js

@@ -1,84 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_Avatar = require('../../ui/Avatar.js');
-var ui_Icon = require('../../ui/Icon.js');
-var ui_IconButton = require('../../ui/IconButton.js');
-var ui_Label = require('../../index-1468d245.js');
-var LocalizationContext = require('../../LocalizationContext-68e55e2a.js');
-var OpenChannel_context = require('../../OpenChannelProvider-7a1a996f.js');
-require('../../tslib.es6-4a281a05.js');
-require('../../ui/ImageRenderer.js');
-require('../../_rollupPluginBabelHelpers-fc14118c.js');
-require('prop-types');
-require('../../uuid-1d5ec8b2.js');
-require('../../stringSet-aa544ce5.js');
-require('../../index-e2bb862c.js');
-require('../../index-905331fa.js');
-require('../../UserProfileContext-3533547d.js');
-require('../../compareIds-01306377.js');
-require('../../topics-8314d425.js');
-require('../../useSendbirdStateContext.js');
-require('../../withSendBird.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function OpenchannelConversationHeader() {
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-
-  var _a = OpenChannel_context.useOpenChannel(),
-      currentOpenChannel = _a.currentOpenChannel,
-      onChatHeaderActionClick = _a.onChatHeaderActionClick,
-      amIOperator = _a.amIOperator;
-
-  var title = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.name;
-  var subTitle = OpenChannel_context.kFormatter(currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.participantCount) + " " + stringSet.OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS;
-  var coverImage = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.coverUrl;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-conversation-header"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-conversation-header__left"
-  }, coverImage ? /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-    className: "sendbird-openchannel-conversation-header__left__cover-image",
-    src: coverImage,
-    alt: "channel cover image",
-    width: "32px",
-    height: "32px"
-  }) : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-conversation-header__left__cover-image--icon",
-    style: {
-      width: 32,
-      height: 32
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.CHANNELS,
-    fillColor: ui_Icon.IconColors.CONTENT,
-    width: "18px",
-    height: "18px"
-  })), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-openchannel-conversation-header__left__title",
-    type: ui_Label.LabelTypography.H_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, title || stringSet.NO_TITLE), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-openchannel-conversation-header__left__sub-title",
-    type: ui_Label.LabelTypography.BODY_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, subTitle || stringSet.NO_TITLE)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-conversation-header__right"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
-    className: "sendbird-openchannel-conversation-header__right__trigger",
-    width: "32px",
-    height: "32px",
-    onClick: onChatHeaderActionClick
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: amIOperator ? ui_Icon.IconTypes.INFO : ui_Icon.IconTypes.MEMBERS,
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: "24px",
-    height: "24px"
-  }))));
-}
-
-module.exports = OpenchannelConversationHeader;
-//# sourceMappingURL=OpenChannelHeader.js.map

package/dist/cjs/OpenChannel/components/OpenChannelHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OpenChannelHeader.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelHeader/index.tsx"],"sourcesContent":["import './open-channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useOpenChannel } from '../../context/OpenChannelProvider';\n\nimport { kFormatter } from '../../context/utils';\n\nexport default function OpenchannelConversationHeader(): JSX.Element {\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    currentOpenChannel,\n    onChatHeaderActionClick,\n    amIOperator,\n  } = useOpenChannel();\n  const title = currentOpenChannel?.name;\n  const subTitle = `${kFormatter(currentOpenChannel?.participantCount)} ${stringSet.OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS}`;\n  const coverImage = currentOpenChannel?.coverUrl;\n\n  return (\n    <div className=\"sendbird-openchannel-conversation-header\">\n      <div className=\"sendbird-openchannel-conversation-header__left\">\n        {\n          coverImage ? (\n            <Avatar\n              className=\"sendbird-openchannel-conversation-header__left__cover-image\"\n              src={coverImage}\n              alt=\"channel cover image\"\n              width=\"32px\"\n              height=\"32px\"\n            />\n          ) : (\n            <div\n              className=\"sendbird-openchannel-conversation-header__left__cover-image--icon\"\n              style={{ width: 32, height: 32 }}\n            >\n              <Icon\n                type={IconTypes.CHANNELS}\n                fillColor={IconColors.CONTENT}\n                width=\"18px\"\n                height=\"18px\"\n              />\n            </div>\n          )\n        }\n        <Label\n          className=\"sendbird-openchannel-conversation-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {title || stringSet.NO_TITLE}\n        </Label>\n        <Label\n          className=\"sendbird-openchannel-conversation-header__left__sub-title\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle || stringSet.NO_TITLE}\n        </Label>\n      </div>\n      <div className=\"sendbird-openchannel-conversation-header__right\">\n        <IconButton\n          className=\"sendbird-openchannel-conversation-header__right__trigger\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onChatHeaderActionClick}\n        >\n          <Icon\n            type={(\n              amIOperator\n              ? IconTypes.INFO\n              : IconTypes.MEMBERS\n            )}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n"],"names":["OpenchannelConversationHeader","stringSet","useContext","LocalizationContext","_a","useOpenChannel","currentOpenChannel","onChatHeaderActionClick","amIOperator","title","name","subTitle","kFormatter","participantCount","OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS","coverImage","coverUrl","React","Avatar","width","height","Icon","IconTypes","CHANNELS","IconColors","CONTENT","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","NO_TITLE","BODY_2","ONBACKGROUND_2","IconButton","INFO","MEMBERS","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;SAYwBA;AACd,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;;AACF,MAAAC,KAIFC,kCAAc,EAJZ;AAAA,MACJC,kBAAkB,wBADd;AAAA,MAEJC,uBAAuB,6BAFnB;AAAA,MAGJC,WAAW,iBAHP;;AAKN,MAAMC,KAAK,GAAGH,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEI,IAAlC;AACA,MAAMC,QAAQ,GAAMC,8BAAU,CAACN,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEO,gBAArB,CAAV,MAAA,GAAoDZ,SAAS,CAACa,6CAAlF;AACA,MAAMC,UAAU,GAAGT,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEU,QAAvC;AAEA,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,KAEIF,UAAU,gBACRE,wCAACC,oBAAD;AACE,IAAA,SAAS,EAAC,6DADZ;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,GAAG,EAAC,qBAHN;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC;AALT,IADQ,gBASRE;AACE,IAAA,SAAS,EAAC,mEADZ;AAEE,IAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAE,EAAT;AAAaC,MAAAA,MAAM,EAAE;AAArB;AAFT,kBAIEH,wCAACI,kBAAD;AACE,IAAA,IAAI,EAAEC,iBAAS,CAACC,QADlB;AAEE,IAAA,SAAS,EAAEC,kBAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC;AAJT,IAJF,CAXN,eAwBER,wCAACS,cAAD;AACE,IAAA,SAAS,EAAC,uDADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,GAFxB;AAGE,IAAA,KAAK,EAAEC,oBAAW,CAACC;AAHrB,KAKGrB,KAAK,IAAIR,SAAS,CAAC8B,QALtB,CAxBF,eA+BEd,wCAACS,cAAD;AACE,IAAA,SAAS,EAAC,2DADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACK,MAFxB;AAGE,IAAA,KAAK,EAAEH,oBAAW,CAACI;AAHrB,KAKGtB,QAAQ,IAAIV,SAAS,CAAC8B,QALzB,CA/BF,CADF,eAwCEd;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACiB,aAAD;AACE,IAAA,SAAS,EAAC,0DADZ;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,OAAO,EAAE3B;AAJX,kBAMEU,wCAACI,kBAAD;AACE,IAAA,IAAI,EACFb,WAAW,GACTc,iBAAS,CAACa,IADD,GAETb,iBAAS,CAACc,OAJhB;AAME,IAAA,SAAS,EAAEZ,kBAAU,CAACa,OANxB;AAOE,IAAA,KAAK,EAAC,MAPR;AAQE,IAAA,MAAM,EAAC;AART,IANF,CADF,CAxCF,CADF;AA8DD;;;;"}

package/dist/cjs/OpenChannel/components/OpenChannelInput.js

@@ -1,58 +0,0 @@
-'use strict';
-
-var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-68e55e2a.js');
-var ui_MessageInput = require('../../ui/MessageInput.js');
-var OpenChannel_context = require('../../OpenChannelProvider-7a1a996f.js');
-require('../../stringSet-aa544ce5.js');
-require('../../index-e2bb862c.js');
-require('../../_rollupPluginBabelHelpers-fc14118c.js');
-require('prop-types');
-require('../../ui/IconButton.js');
-require('../../index-1044f1ed.js');
-require('../../index-1468d245.js');
-require('../../ui/Icon.js');
-require('../../index-d4880236.js');
-require('../../tslib.es6-4a281a05.js');
-require('../../index-905331fa.js');
-require('../../UserProfileContext-3533547d.js');
-require('../../compareIds-01306377.js');
-require('../../topics-8314d425.js');
-require('../../uuid-1d5ec8b2.js');
-require('../../useSendbirdStateContext.js');
-require('../../withSendBird.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var MessageInputWrapper = function MessageInputWrapper(props, ref) {
-  var _a = OpenChannel_context.useOpenChannel(),
-      currentOpenChannel = _a.currentOpenChannel,
-      disabled = _a.disabled,
-      handleSendMessage = _a.handleSendMessage,
-      handleFileUpload = _a.handleFileUpload;
-
-  var channel = currentOpenChannel;
-
-  if (!channel) {
-    return;
-  }
-
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-footer"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_MessageInput, {
-    ref: ref,
-    disabled: disabled,
-    onSendMessage: handleSendMessage,
-    onFileUpload: handleFileUpload,
-    placeholder: disabled && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED // add disabled because of muted state
-
-  }));
-};
-
-var OpenChannelInput = /*#__PURE__*/React__default["default"].forwardRef(MessageInputWrapper);
-
-module.exports = OpenChannelInput;
-//# sourceMappingURL=OpenChannelInput.js.map

package/dist/cjs/OpenChannel/components/OpenChannelInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OpenChannelInput.js","sources":["../../../../src/smart-components/OpenChannel/components/OpenChannelInput/index.tsx"],"sourcesContent":["import './open-channel-input.scss';\n\nimport React, { useContext } from 'react';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { useOpenChannel } from '../../context/OpenChannelProvider';\n\nconst MessageInputWrapper = (props, ref: React.RefObject<HTMLInputElement>): JSX.Element => {\n  const {\n    currentOpenChannel,\n    disabled,\n    handleSendMessage,\n    handleFileUpload,\n  } = useOpenChannel();\n\n  const channel = currentOpenChannel;\n  if (!channel) {\n    return;\n  }\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        ref={ref}\n        disabled={disabled}\n        onSendMessage={handleSendMessage}\n        onFileUpload={handleFileUpload}\n        placeholder={(\n          disabled\n          && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED\n          // add disabled because of muted state\n        )}\n      />\n    </div>\n  );\n};\n\nexport default React.forwardRef(MessageInputWrapper);\n"],"names":["MessageInputWrapper","props","ref","_a","useOpenChannel","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","channel","stringSet","useContext","LocalizationContext","React","MessageInput","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAAQC,GAAR;AACpB,MAAAC,KAKFC,kCAAc,EALZ;AAAA,MACJC,kBAAkB,wBADd;AAAA,MAEJC,QAAQ,cAFJ;AAAA,MAGJC,iBAAiB,uBAHb;AAAA,MAIJC,gBAAgB,sBAJZ;;AAON,MAAMC,OAAO,GAAGJ,kBAAhB;;AACA,MAAI,CAACI,OAAL,EAAc;AACZ;AACD;;AAEO,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AAER,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACC,eAAD;AACE,IAAA,GAAG,EAAEZ,GADP;AAEE,IAAA,QAAQ,EAAEI,QAFZ;AAGE,IAAA,aAAa,EAAEC,iBAHjB;AAIE,IAAA,YAAY,EAAEC,gBAJhB;AAKE,IAAA,WAAW,EACTF,QAAQ,IACLI,SAAS,CAACK,qCAFJ;;AALb,IADF,CADF;AAeD,CA9BD;;AAgCA,oCAAeF,yBAAK,CAACG,UAAN,CAAiBhB,mBAAjB,CAAf;;;;"}

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

@@ -1,284 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index = require('../../index-905331fa.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-1468d245.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-68e55e2a.js');
-var OpenChannel_context = require('../../OpenChannelProvider-7a1a996f.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../index-e2bb862c.js');
-require('../../tslib.es6-4a281a05.js');
-require('../../ui/Avatar.js');
-require('../../ui/ImageRenderer.js');
-require('../../_rollupPluginBabelHelpers-fc14118c.js');
-require('prop-types');
-require('../../ui/Icon.js');
-require('../../uuid-1d5ec8b2.js');
-require('../../ui/ContextMenu.js');
-require('../../index-d4880236.js');
-require('react-dom');
-require('../../ui/SortByRow.js');
-require('../../stringSet-aa544ce5.js');
-require('../../ui/IconButton.js');
-require('../../ui/Loader.js');
-require('../../ui/UserProfile.js');
-require('../../withSendBird.js');
-require('../../sendBirdSelectors.js');
-require('../../topics-8314d425.js');
-require('../../index-1044f1ed.js');
-require('../../UserProfileContext-3533547d.js');
-require('../../utils-cbd3ed99.js');
-require('../../openChannelUtils-37919a36.js');
-require('../../ui/LinkLabel.js');
-require('../../ui/TextButton.js');
-require('../../color-4afb15fb.js');
-require('../../index-aecc8d24.js');
-require('../../utils-3b0815dc.js');
-require('../../compareIds-01306377.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