@sendbird/uikit-react 3.3.7 → 3.4.0-rc.1

package/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-a0f833e9.js');
-var ui_Icon = require('./ui/Icon.js');
-var ui_IconButton = require('./ui/IconButton.js');
-var ui_Label = require('./index-2c095d94.js');
-var ui_Loader = require('./ui/Loader.js');
-var MessageSearch_context = require('./MessageSearch/context.js');
-require('./ui/MessageSearchItem.js');
-require('./tslib.es6-0b4c49f8.js');
-require('./index-67134275.js');
-require('./index-4dc29990.js');
-require('./index-c4738d8b.js');
-require('./index-97532335.js');
-require('./ui/Avatar.js');
-require('./ui/ImageRenderer.js');
-require('./uuid-0b5f4e5e.js');
-require('./index-4d6f2a4e.js');
-require('./ui/MessageSearchFileItem.js');
-require('./stringSet-87e51d08.js');
-require('prop-types');
-require('./useSendbirdStateContext.js');
-require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-25763ef8.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 (e) {
-    setInputString(e.target.value);
-  };
-
-  var handleOnResultLoaded = function () {
-    setLoading(false);
-  };
-
-  var handleOnClickResetStringButton = function (e) {
-    e.stopPropagation();
-    setInputString('');
-    setSearchString('');
-  };
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: COMPONENT_CLASS_NAME
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(COMPONENT_CLASS_NAME, "__header")
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "".concat(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: "".concat(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: "".concat(COMPONENT_CLASS_NAME, "__input")
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(COMPONENT_CLASS_NAME, "__input__container")
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "".concat(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: "".concat(COMPONENT_CLASS_NAME, "__input__container__input-area"),
-    placeholder: stringSet.SEARCH,
-    value: inputString,
-    onChange: handleOnChangeInputString
-  }), inputString && loading && /*#__PURE__*/React__default["default"].createElement(ui_Loader, {
-    className: "".concat(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: "".concat(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: "".concat(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/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","concat","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/cjs/OpenChannel/components/FrozenChannelNotification.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-a0f833e9.js');
-var ui_Label = require('../../index-2c095d94.js');
-require('../../stringSet-87e51d08.js');
-require('../../index-4dc29990.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 () {
-  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/cjs/OpenChannel/components/OpenChannelHeader.js

@@ -1,96 +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-2c095d94.js');
-var LocalizationContext = require('../../LocalizationContext-a0f833e9.js');
-var OpenChannel_context = require('../../OpenChannelProvider-9b453ac0.js');
-var MediaQueryContext = require('../../MediaQueryContext-770ae8bc.js');
-require('../../tslib.es6-0b4c49f8.js');
-require('../../ui/ImageRenderer.js');
-require('../../uuid-0b5f4e5e.js');
-require('prop-types');
-require('../../stringSet-87e51d08.js');
-require('../../index-4dc29990.js');
-require('../../index-67134275.js');
-require('../../UserProfileContext-74e6409b.js');
-require('../../compareIds-44844f10.js');
-require('../../topics-d9091126.js');
-require('@sendbird/chat');
-require('@sendbird/chat/openChannel');
-require('../../useSendbirdStateContext.js');
-require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-25763ef8.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.useOpenChannelContext(),
-      currentOpenChannel = _a.currentOpenChannel,
-      onChatHeaderActionClick = _a.onChatHeaderActionClick,
-      amIOperator = _a.amIOperator,
-      onBackClick = _a.onBackClick;
-
-  var title = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.name;
-  var subTitle = "".concat(OpenChannel_context.kFormatter(currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.participantCount), " ").concat(stringSet.OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS);
-  var coverImage = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.coverUrl;
-  var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-conversation-header"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-conversation-header__left"
-  }, isMobile && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-oepnchannel-header__icon_back",
-    onClick: onBackClick,
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: "24px",
-    height: "24px",
-    type: ui_Icon.IconTypes.ARROW_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/cjs/OpenChannel/components/OpenChannelInput.js

@@ -1,67 +0,0 @@
-'use strict';
-
-var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-a0f833e9.js');
-var ui_MessageInput = require('../../ui/MessageInput.js');
-var OpenChannel_context = require('../../OpenChannelProvider-9b453ac0.js');
-require('../../stringSet-87e51d08.js');
-require('../../index-4dc29990.js');
-require('../../_rollupPluginBabelHelpers-25763ef8.js');
-require('react-dom/server');
-require('prop-types');
-require('../../const-4761421a.js');
-require('../../const-618dd4f4.js');
-require('../../ui/IconButton.js');
-require('../../tslib.es6-0b4c49f8.js');
-require('../../ui/Button.js');
-require('../../index-2c095d94.js');
-require('../../ui/MentionUserLabel.js');
-require('../../ui/Icon.js');
-require('../../index-bfe8bdde.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-67134275.js');
-require('../../UserProfileContext-74e6409b.js');
-require('../../compareIds-44844f10.js');
-require('../../topics-d9091126.js');
-require('@sendbird/chat');
-require('@sendbird/chat/openChannel');
-require('../../uuid-0b5f4e5e.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 (props, ref) {
-  var _a = OpenChannel_context.useOpenChannelContext(),
-      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;
-  var value = props.value;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-footer"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_MessageInput, {
-    ref: ref,
-    value: value,
-    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/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 React, { useContext } from 'react';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { useOpenChannelContext } from '../../context/OpenChannelProvider';\n\nexport type MessageInputWrapperProps = {\n  value?: string;\n};\n\nconst MessageInputWrapper = (props: MessageInputWrapperProps, ref: React.RefObject<HTMLInputElement>): JSX.Element => {\n  const {\n    currentOpenChannel,\n    disabled,\n    handleSendMessage,\n    handleFileUpload,\n  } = useOpenChannelContext();\n\n  const channel = currentOpenChannel;\n  if (!channel) {\n    return;\n  }\n\n  const { stringSet } = useContext(LocalizationContext);\n  const { value } = props;\n\n  return (\n    <div className=\"sendbird-openchannel-footer\">\n      <MessageInput\n        ref={ref}\n        value={value}\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","useOpenChannelContext","currentOpenChannel","disabled","handleSendMessage","handleFileUpload","channel","stringSet","useContext","LocalizationContext","value","React","MessageInput","MESSAGE_INPUT__PLACE_HOLDER__DISABLED","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,mBAAmB,GAAG,UAACC,KAAD,EAAkCC,GAAlC,EAAwE;EAC5F,IAAAC,EAKF,GAAAC,yCAAqB,EALnB;AAAA,MACJC,kBAAkB,GAAAF,EAAA,CAAAE,kBADd;AAAA,MAEJC,QAAQ,GAAAH,EAAA,CAAAG,QAFJ;AAAA,MAGJC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAHb;AAAA,MAIJC,gBAAgB,sBAJZ,CAAA;;EAON,IAAMC,OAAO,GAAGJ,kBAAhB,CAAA;;EACA,IAAI,CAACI,OAAL,EAAc;AACZ,IAAA,OAAA;AACD,GAAA;;AAEO,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd,CAAA;AACA,EAAA,IAAAC,KAAK,GAAKZ,KAAK,CAAAY,KAAf,CAAA;EAER,oBACEC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,6BAAA;AAAf,GAAA,eACEA,wCAACC,eAAD,EAAA;AACE,IAAA,GAAG,EAAEb,GADP;AAEE,IAAA,KAAK,EAAEW,KAFT;AAGE,IAAA,QAAQ,EAAEP,QAHZ;AAIE,IAAA,aAAa,EAAEC,iBAJjB;AAKE,IAAA,YAAY,EAAEC,gBALhB;AAME,IAAA,WAAW,EACTF,QAAQ,IACLI,SAAS,CAACM,qCAFJ;;AANb,GAAA,CADF,CADF,CAAA;AAgBD,CAhCD,CAAA;;AAkCA,uBAAA,aAAeF,yBAAK,CAACG,UAAN,CAAiBjB,mBAAjB,CAAf;;;;"}