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

package/OpenChannel/components/OpenChannelUI.js

@@ -0,0 +1,105 @@
+import React__default from 'react';
+import { u as useOpenChannel } from '../../OpenChannelProvider-a7691eb4.js';
+import OpenChannelInput from './OpenChannelInput.js';
+import FrozenNotification from './FrozenChannelNotification.js';
+import OpenchannelConversationHeader from './OpenChannelHeader.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-e818a8a3.js';
+import OpenChannelMessageList from './OpenChannelMessageList.js';
+import '../../index-770d7112.js';
+import '../../index-6ebf7894.js';
+import '../../UserProfileContext-865db5e6.js';
+import 'prop-types';
+import '../../tslib.es6-e3c44017.js';
+import '../../compareIds-808956f2.js';
+import '../../topics-9442035c.js';
+import '../../uuid-b0c93400.js';
+import '../../useSendbirdStateContext.js';
+import '../../withSendBird.js';
+import '../../_rollupPluginBabelHelpers-20904f21.js';
+import '../../LocalizationContext-e4391013.js';
+import '../../stringSet-4f6eaa60.js';
+import '../../ui/MessageInput.js';
+import '../../ui/IconButton.js';
+import '../../index-acebc2ff.js';
+import '../../index-7a51bd16.js';
+import '../../ui/Icon.js';
+import '../../index-8c72a94a.js';
+import '../../ui/Avatar.js';
+import '../../ui/ImageRenderer.js';
+import '../../ui/Loader.js';
+import '../../index-cd21929d.js';
+import './OpenChannelMessage.js';
+import '../../ui/OpenchannelUserMessage.js';
+import '../../ui/ContextMenu.js';
+import 'react-dom';
+import '../../ui/SortByRow.js';
+import '../../ui/UserProfile.js';
+import '../../sendBirdSelectors.js';
+import '../../utils-af1b9829.js';
+import '../../openChannelUtils-56a372e7.js';
+import '../../ui/OpenChannelAdminMessage.js';
+import '../../ui/OpenchannelOGMessage.js';
+import '../../ui/LinkLabel.js';
+import '../../ui/OpenchannelThumbnailMessage.js';
+import '../../ui/OpenchannelFileMessage.js';
+import '../../ui/TextButton.js';
+import '../../color-ee3fc5ee.js';
+import '../../ui/DateSeparator.js';
+import '../../ui/FileViewer.js';
+import '../../index-942c85a6.js';
+import '../../ui/Modal.js';
+import '../../utils-c393e880.js';
+
+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 = 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.createElement("div", {
+      className: COMPONENT_CLASS_NAME
+    }, /*#__PURE__*/React__default.createElement(PlaceHolder, {
+      type: PlaceHolderTypes.NO_CHANNELS
+    }));
+  }
+
+  if (loading) {
+    return (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) || /*#__PURE__*/React__default.createElement("div", {
+      className: COMPONENT_CLASS_NAME
+    }, /*#__PURE__*/React__default.createElement(PlaceHolder, {
+      type: PlaceHolderTypes.LOADING
+    }));
+  }
+
+  if (isInvalid) {
+    return (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) || /*#__PURE__*/React__default.createElement("div", {
+      className: COMPONENT_CLASS_NAME
+    }, /*#__PURE__*/React__default.createElement(PlaceHolder, {
+      type: PlaceHolderTypes.WRONG
+    }));
+  }
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: COMPONENT_CLASS_NAME
+  }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || /*#__PURE__*/React__default.createElement(OpenchannelConversationHeader, null), (currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen) && /*#__PURE__*/React__default.createElement(FrozenNotification, null), /*#__PURE__*/React__default.createElement(OpenChannelMessageList, {
+    renderMessage: renderMessage,
+    renderPlaceHolderEmptyList: renderPlaceHolderEmptyList
+  }), (renderInput === null || renderInput === void 0 ? void 0 : renderInput()) || /*#__PURE__*/React__default.createElement(OpenChannelInput, {
+    ref: messageInputRef
+  }));
+};
+
+export { OpenChannelUI as default };
+//# sourceMappingURL=OpenChannelUI.js.map

package/OpenChannel/components/OpenChannelUI.js.map

@@ -0,0 +1 @@
+{"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","PlaceHolderTypes","NO_CHANNELS","LOADING","WRONG","OpenChannelHeader","isFrozen","FrozenChannelNotification"],"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,cAAc,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,6BAAC,WAAD;AAAa,MAAA,IAAI,EAAEC,gBAAgB,CAACC;AAApC,MAAtC,CADF;AAGD;;AACD,MAAIN,OAAJ,EAAa;AACX,WAAQ,CAAAL,wBAAwB,SAAxB,IAAAA,wBAAwB,WAAxB,SAAA,GAAAA,wBAAwB,EAAxB,kBACNS;AAAK,MAAA,SAAS,EAAEjB;AAAhB,oBAAsCiB,6BAAC,WAAD;AAAa,MAAA,IAAI,EAAEC,gBAAgB,CAACE;AAApC,MAAtC,CADF;AAGD;;AACD,MAAIN,SAAJ,EAAe;AACb,WAAQ,CAAAP,sBAAsB,SAAtB,IAAAA,sBAAsB,WAAtB,SAAA,GAAAA,sBAAsB,EAAtB,kBACNU;AAAK,MAAA,SAAS,EAAEjB;AAAhB,oBAAsCiB,6BAAC,WAAD;AAAa,MAAA,IAAI,EAAEC,gBAAgB,CAACG;AAApC,MAAtC,CADF;AAGD;;AAED,sBACEJ;AAAK,IAAA,SAAS,EAAEjB;AAAhB,KAEI,CAAAI,YAAY,SAAZ,IAAAA,YAAY,WAAZ,SAAA,GAAAA,YAAY,EAAZ,kBACEa,6BAACK,6BAAD,OAHN,EAOI,CAAAX,kBAAkB,SAAlB,IAAAA,kBAAkB,WAAlB,SAAA,GAAAA,kBAAkB,CAAEY,QAApB,kBACEN,6BAACO,kBAAD,OARN,eAWEP,6BAAC,sBAAD;AACE,IAAA,aAAa,EAAEd,aADjB;AAEE,IAAA,0BAA0B,EAAEG;AAF9B,IAXF,EAgBI,CAAAD,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,EAAX,kBACEY,6BAAC,gBAAD;AAAkB,IAAA,GAAG,EAAEF;AAAvB,IAjBN,CADF;AAuBD;;;;"}

package/OpenChannel/context.js

@@ -0,0 +1,14 @@
+import 'react';
+export { O as OpenChannelProvider, u as useOpenChannel } from '../OpenChannelProvider-a7691eb4.js';
+import '../UserProfileContext-865db5e6.js';
+import '../topics-9442035c.js';
+import '../useSendbirdStateContext.js';
+import '../index-770d7112.js';
+import '../index-6ebf7894.js';
+import '../tslib.es6-e3c44017.js';
+import '../compareIds-808956f2.js';
+import '../uuid-b0c93400.js';
+import 'prop-types';
+import '../withSendBird.js';
+import '../_rollupPluginBabelHelpers-20904f21.js';
+//# sourceMappingURL=context.js.map

package/OpenChannel/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/OpenChannel.js

@@ -0,0 +1,76 @@
+import React__default from 'react';
+import OpenChannelUI from './OpenChannel/components/OpenChannelUI.js';
+import { O as OpenChannelProvider } from './OpenChannelProvider-a7691eb4.js';
+import './OpenChannel/components/OpenChannelInput.js';
+import './LocalizationContext-e4391013.js';
+import './stringSet-4f6eaa60.js';
+import './index-6ebf7894.js';
+import './ui/MessageInput.js';
+import './_rollupPluginBabelHelpers-20904f21.js';
+import 'prop-types';
+import './ui/IconButton.js';
+import './index-acebc2ff.js';
+import './index-7a51bd16.js';
+import './ui/Icon.js';
+import './index-8c72a94a.js';
+import './tslib.es6-e3c44017.js';
+import './OpenChannel/components/FrozenChannelNotification.js';
+import './OpenChannel/components/OpenChannelHeader.js';
+import './ui/Avatar.js';
+import './ui/ImageRenderer.js';
+import './uuid-b0c93400.js';
+import './index-e818a8a3.js';
+import './ui/Loader.js';
+import './OpenChannel/components/OpenChannelMessageList.js';
+import './index-cd21929d.js';
+import './index-770d7112.js';
+import './OpenChannel/components/OpenChannelMessage.js';
+import './ui/OpenchannelUserMessage.js';
+import './ui/ContextMenu.js';
+import 'react-dom';
+import './ui/SortByRow.js';
+import './ui/UserProfile.js';
+import './withSendBird.js';
+import './sendBirdSelectors.js';
+import './topics-9442035c.js';
+import './UserProfileContext-865db5e6.js';
+import './utils-af1b9829.js';
+import './openChannelUtils-56a372e7.js';
+import './ui/OpenChannelAdminMessage.js';
+import './ui/OpenchannelOGMessage.js';
+import './ui/LinkLabel.js';
+import './ui/OpenchannelThumbnailMessage.js';
+import './ui/OpenchannelFileMessage.js';
+import './ui/TextButton.js';
+import './color-ee3fc5ee.js';
+import './ui/DateSeparator.js';
+import './ui/FileViewer.js';
+import './index-942c85a6.js';
+import './ui/Modal.js';
+import './utils-c393e880.js';
+import './useSendbirdStateContext.js';
+import './compareIds-808956f2.js';
+
+var OpenChannel = function OpenChannel(props) {
+  return /*#__PURE__*/React__default.createElement(OpenChannelProvider, {
+    channelUrl: props === null || props === void 0 ? void 0 : props.channelUrl,
+    useMessageGrouping: props === null || props === void 0 ? void 0 : props.useMessageGrouping,
+    queries: props === null || props === void 0 ? void 0 : props.queries,
+    messageLimit: props === null || props === void 0 ? void 0 : props.messageLimit,
+    onBeforeSendUserMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendUserMessage,
+    onBeforeSendFileMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendFileMessage,
+    onChatHeaderActionClick: props === null || props === void 0 ? void 0 : props.onChatHeaderActionClick,
+    disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,
+    renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile
+  }, /*#__PURE__*/React__default.createElement(OpenChannelUI, {
+    renderMessage: props === null || props === void 0 ? void 0 : props.renderMessage,
+    renderHeader: props === null || props === void 0 ? void 0 : props.renderHeader,
+    renderInput: props === null || props === void 0 ? void 0 : props.renderInput,
+    renderPlaceHolderEmptyList: props === null || props === void 0 ? void 0 : props.renderPlaceHolderEmptyList,
+    renderPlaceHolderError: props === null || props === void 0 ? void 0 : props.renderPlaceHolderError,
+    renderPlaceHolderLoading: props === null || props === void 0 ? void 0 : props.renderPlaceHolderLoading
+  }));
+};
+
+export { OpenChannel as default };
+//# sourceMappingURL=OpenChannel.js.map

package/OpenChannel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenChannel.js","sources":["../src/smart-components/OpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\nimport OpenChannelUI, {\n  OpenChannelUIProps,\n} from './components/OpenChannelUI';\nimport { OpenChannelProvider, OpenChannelProviderProps } from './context/OpenChannelProvider';\n\nexport interface OpenChannelProps extends OpenChannelProviderProps, OpenChannelUIProps {}\nconst OpenChannel: React.FC<OpenChannelProps> = (props: OpenChannelProps) => {\n  return (\n    <OpenChannelProvider\n      channelUrl={props?.channelUrl}\n      useMessageGrouping={props?.useMessageGrouping}\n      queries={props?.queries}\n      messageLimit={props?.messageLimit}\n      onBeforeSendUserMessage={props?.onBeforeSendUserMessage}\n      onBeforeSendFileMessage={props?.onBeforeSendFileMessage}\n      onChatHeaderActionClick={props?.onChatHeaderActionClick}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderUserProfile}\n    >\n      <OpenChannelUI\n        renderMessage={props?.renderMessage}\n        renderHeader={props?.renderHeader}\n        renderInput={props?.renderInput}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </OpenChannelProvider>\n  );\n}\n\nexport default OpenChannel;\n"],"names":["OpenChannel","props","React","channelUrl","useMessageGrouping","queries","messageLimit","onBeforeSendUserMessage","onBeforeSendFileMessage","onChatHeaderActionClick","disableUserProfile","renderUserProfile","renderMessage","renderHeader","renderInput","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,WAAW,GAA+B,SAA1CA,WAA0C,CAACC,KAAD;AAC9C,sBACEC,6BAAC,mBAAD;AACE,IAAA,UAAU,EAAED,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEE,UADrB;AAEE,IAAA,kBAAkB,EAAEF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,kBAF7B;AAGE,IAAA,OAAO,EAAEH,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEI,OAHlB;AAIE,IAAA,YAAY,EAAEJ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEK,YAJvB;AAKE,IAAA,uBAAuB,EAAEL,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEM,uBALlC;AAME,IAAA,uBAAuB,EAAEN,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEO,uBANlC;AAOE,IAAA,uBAAuB,EAAEP,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEQ,uBAPlC;AAQE,IAAA,kBAAkB,EAAER,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAES,kBAR7B;AASE,IAAA,iBAAiB,EAAET,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEU;AAT5B,kBAWET,6BAAC,aAAD;AACE,IAAA,aAAa,EAAED,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEW,aADxB;AAEE,IAAA,YAAY,EAAEX,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEY,YAFvB;AAGE,IAAA,WAAW,EAAEZ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEa,WAHtB;AAIE,IAAA,0BAA0B,EAAEb,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEc,0BAJrC;AAKE,IAAA,sBAAsB,EAAEd,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEe,sBALjC;AAME,IAAA,wBAAwB,EAAEf,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEgB;AANnC,IAXF,CADF;AAsBD;;;;"}