@sendbird/uikit-react 3.6.3 → 3.6.4-rc-0

package/dist/CreateChannel/components/SelectChannelType.js

@@ -0,0 +1,133 @@
+import React__default, { useContext } from 'react';
+import { getSdk } from '../../sendbirdSelectors.js';
+import useSendbirdStateContext from '../../useSendbirdStateContext.js';
+import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../CreateChannelProvider-ec477081.js';
+import { a as LocalizationContext } from '../../LocalizationContext-1701e5c8.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-f50d7ab0.js';
+import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
+import Modal from '../../ui/Modal.js';
+import '../../_rollupPluginBabelHelpers-cc035350.js';
+import '../../topics-0b30f52b.js';
+import '../../utils-05aa9060.js';
+import '../../withSendbird.js';
+import '../../stringSet-e9bb0333.js';
+import '../../index-ff8f2f61.js';
+import 'prop-types';
+import 'react-dom';
+import '../../index-44c86e58.js';
+import '../../ui/Button.js';
+import '../../ui/IconButton.js';
+import '../../MediaQueryContext-e5b401d0.js';
+
+const isBroadcastChannelEnabled = sdk => {
+  var _sdk$appInfo;
+  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';
+  const applicationAttributes = sdk === null || sdk === void 0 ? void 0 : (_sdk$appInfo = sdk.appInfo) === null || _sdk$appInfo === void 0 ? void 0 : _sdk$appInfo.applicationAttributes;
+  if (Array.isArray(applicationAttributes)) {
+    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);
+  }
+  return false;
+};
+const isSuperGroupChannelEnabled = sdk => {
+  var _sdk$appInfo2;
+  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';
+  const applicationAttributes = sdk === null || sdk === void 0 ? void 0 : (_sdk$appInfo2 = sdk.appInfo) === null || _sdk$appInfo2 === void 0 ? void 0 : _sdk$appInfo2.applicationAttributes;
+  if (Array.isArray(applicationAttributes)) {
+    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);
+  }
+  return false;
+};
+
+const SelectChannelType = props => {
+  const {
+    onCancel
+  } = props;
+  const store = useSendbirdStateContext();
+  const sdk = getSdk(store);
+  const createChannelProps = useCreateChannelContext();
+  const {
+    setStep,
+    setType
+  } = createChannelProps;
+  const {
+    stringSet
+  } = useContext(LocalizationContext);
+  const isBroadcastAvailable = isBroadcastChannelEnabled(sdk);
+  const isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);
+  return /*#__PURE__*/React__default.createElement(Modal, {
+    titleText: stringSet === null || stringSet === void 0 ? void 0 : stringSet.MODAL__CREATE_CHANNEL__TITLE,
+    hideFooter: true,
+    onCancel: () => {
+      onCancel();
+    },
+    className: "sendbird-add-channel__modal"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-add-channel__rectangle-wrap"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-add-channel__rectangle",
+    onClick: () => {
+      setType(CHANNEL_TYPE.GROUP);
+      setStep(1);
+    },
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: () => {
+      setType(CHANNEL_TYPE.GROUP);
+      setStep(1);
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    className: "sendbird-add-channel__rectangle__chat-icon",
+    type: IconTypes.CHAT,
+    fillColor: IconColors.PRIMARY,
+    width: "28px",
+    height: "28px"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: LabelColors.ONBACKGROUND_1
+  }, stringSet.MODAL__CREATE_CHANNEL__GROUP)), isSupergroupAvailable && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-add-channel__rectangle",
+    onClick: () => {
+      setType(CHANNEL_TYPE.SUPERGROUP);
+      setStep(1);
+    },
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: () => {
+      setType(CHANNEL_TYPE.SUPERGROUP);
+      setStep(1);
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    className: "sendbird-add-channel__rectangle__supergroup-icon",
+    type: IconTypes.SUPERGROUP,
+    fillColor: IconColors.PRIMARY,
+    width: "28px",
+    height: "28px"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: LabelColors.ONBACKGROUND_1
+  }, stringSet.MODAL__CREATE_CHANNEL__SUPER)), isBroadcastAvailable && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-add-channel__rectangle",
+    onClick: () => {
+      setType(CHANNEL_TYPE.BROADCAST);
+      setStep(1);
+    },
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: () => {
+      setType(CHANNEL_TYPE.BROADCAST);
+      setStep(1);
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    className: "sendbird-add-channel__rectangle__broadcast-icon",
+    type: IconTypes.BROADCAST,
+    fillColor: IconColors.PRIMARY,
+    width: "28px",
+    height: "28px"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: LabelColors.ONBACKGROUND_1
+  }, stringSet.MODAL__CREATE_CHANNEL__BROADCAST))));
+};
+
+export { SelectChannelType as default };
+//# sourceMappingURL=SelectChannelType.js.map

package/dist/CreateChannel/context.js

@@ -0,0 +1,9 @@
+import 'react';
+import '../sendbirdSelectors.js';
+import '../useSendbirdStateContext.js';
+export { C as CreateChannelProvider, u as useCreateChannelContext } from '../CreateChannelProvider-ec477081.js';
+import '../_rollupPluginBabelHelpers-cc035350.js';
+import '../topics-0b30f52b.js';
+import '../utils-05aa9060.js';
+import '../withSendbird.js';
+//# sourceMappingURL=context.js.map

package/dist/CreateChannel.js

@@ -0,0 +1,58 @@
+import React__default from 'react';
+import CreateChannel$1 from './CreateChannel/components/CreateChannelUI.js';
+import { C as CreateChannelProvider } from './CreateChannelProvider-ec477081.js';
+import './CreateChannel/components/InviteUsers.js';
+import './_rollupPluginBabelHelpers-cc035350.js';
+import './LocalizationContext-1701e5c8.js';
+import './stringSet-e9bb0333.js';
+import './index-ff8f2f61.js';
+import './useSendbirdStateContext.js';
+import './withSendbird.js';
+import './ui/Modal.js';
+import 'react-dom';
+import './index-44c86e58.js';
+import './ui/Button.js';
+import './index-f50d7ab0.js';
+import 'prop-types';
+import './ui/Icon.js';
+import './ui/IconButton.js';
+import './MediaQueryContext-e5b401d0.js';
+import './ui/UserListItem.js';
+import './UserProfileContext-74e9a128.js';
+import './ui/Avatar.js';
+import './ui/ImageRenderer.js';
+import './uuid-8b344dd2.js';
+import './ui/MutedAvatarOverlay.js';
+import './ui/Checkbox.js';
+import './ui/UserProfile.js';
+import './sendbirdSelectors.js';
+import './topics-0b30f52b.js';
+import './utils-05aa9060.js';
+import './ui/ContextMenu.js';
+import './ui/SortByRow.js';
+import './index-99ab01f6.js';
+import './utils/message/getOutgoingMessageState.js';
+import './CreateChannel/components/SelectChannelType.js';
+
+const CreateChannel = props => {
+  const {
+    onBeforeCreateChannel,
+    userListQuery,
+    onCreateChannel,
+    overrideInviteUser,
+    onCancel,
+    renderStepOne
+  } = props;
+  return /*#__PURE__*/React__default.createElement(CreateChannelProvider, {
+    onBeforeCreateChannel: onBeforeCreateChannel,
+    userListQuery: userListQuery,
+    onCreateChannel: onCreateChannel,
+    overrideInviteUser: overrideInviteUser
+  }, /*#__PURE__*/React__default.createElement(CreateChannel$1, {
+    renderStepOne: renderStepOne,
+    onCancel: onCancel
+  }));
+};
+
+export { CreateChannel as default };
+//# sourceMappingURL=CreateChannel.js.map

package/dist/CreateChannelProvider-ec477081.js

@@ -0,0 +1,44 @@
+import React__default, { useState } from 'react';
+import { getCreateGroupChannel } from './sendbirdSelectors.js';
+import useSendbirdStateContext from './useSendbirdStateContext.js';
+
+let CHANNEL_TYPE = /*#__PURE__*/function (CHANNEL_TYPE) {
+  CHANNEL_TYPE["GROUP"] = "group";
+  CHANNEL_TYPE["SUPERGROUP"] = "supergroup";
+  CHANNEL_TYPE["BROADCAST"] = "broadcast";
+  return CHANNEL_TYPE;
+}({});
+
+const CreateChannelContext = /*#__PURE__*/React__default.createContext(undefined);
+const CreateChannelProvider = props => {
+  var _store$config;
+  const {
+    children,
+    onCreateChannel,
+    onBeforeCreateChannel,
+    overrideInviteUser,
+    userListQuery
+  } = props;
+  const store = useSendbirdStateContext();
+  const userListQuery_ = store === null || store === void 0 ? void 0 : (_store$config = store.config) === null || _store$config === void 0 ? void 0 : _store$config.userListQuery;
+  const createChannel = getCreateGroupChannel(store);
+  const [step, setStep] = useState(0);
+  const [type, setType] = useState(CHANNEL_TYPE.GROUP);
+  return /*#__PURE__*/React__default.createElement(CreateChannelContext.Provider, {
+    value: {
+      onBeforeCreateChannel,
+      createChannel,
+      onCreateChannel,
+      overrideInviteUser,
+      userListQuery: userListQuery || userListQuery_,
+      step,
+      setStep,
+      type,
+      setType
+    }
+  }, children);
+};
+const useCreateChannelContext = () => React__default.useContext(CreateChannelContext);
+
+export { CreateChannelProvider as C, CHANNEL_TYPE as a, useCreateChannelContext as u };
+//# sourceMappingURL=CreateChannelProvider-ec477081.js.map

package/dist/CreateChannelProvider-ec477081.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateChannelProvider-ec477081.js","sources":["../src/modules/CreateChannel/types.ts","../src/modules/CreateChannel/context/CreateChannelProvider.tsx"],"sourcesContent":["export enum CHANNEL_TYPE {\n  GROUP = 'group',\n  SUPERGROUP = 'supergroup',\n  BROADCAST = 'broadcast',\n}\n","import React, { useState } from 'react';\nimport { User } from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCreateParams,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\n\nimport { getCreateGroupChannel } from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { CHANNEL_TYPE } from '../types';\n\nconst CreateChannelContext = React.createContext(undefined);\n\nexport interface UserListQuery {\n  hasNext?: boolean;\n  next(): Promise<Array<User>>;\n}\n\ntype OverrideInviteUserType = {\n  users: Array<string>;\n  onClose: () => void;\n  channelType: CHANNEL_TYPE;\n};\n\nexport interface CreateChannelProviderProps {\n  children?: React.ReactElement;\n  onCreateChannel(channel: GroupChannel): void;\n  overrideInviteUser?(params: OverrideInviteUserType): void;\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  userListQuery?(): UserListQuery;\n}\n\ntype CreateChannel = (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;\n\nexport interface CreateChannelContextInterface {\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  createChannel: CreateChannel;\n  sdk: SendbirdGroupChat;\n  userListQuery?(): UserListQuery;\n  overrideInviteUser?(params: OverrideInviteUserType): void;\n  onCreateChannel?(channel: GroupChannel): void;\n  step: number,\n  setStep: React.Dispatch<React.SetStateAction<number>>,\n  type: CHANNEL_TYPE,\n  setType: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>>,\n}\n\nconst CreateChannelProvider: React.FC<CreateChannelProviderProps> = (props: CreateChannelProviderProps) => {\n  const {\n    children,\n    onCreateChannel,\n    onBeforeCreateChannel,\n    overrideInviteUser,\n    userListQuery,\n  } = props;\n\n  const store = useSendbirdStateContext();\n  const userListQuery_ = store?.config?.userListQuery;\n  const createChannel: (channelParams: GroupChannelCreateParams)\n    => Promise<GroupChannel> = getCreateGroupChannel(store);\n\n  const [step, setStep] = useState(0);\n  const [type, setType] = useState(CHANNEL_TYPE.GROUP);\n\n  return (\n    <CreateChannelContext.Provider value={{\n      onBeforeCreateChannel,\n      createChannel,\n      onCreateChannel,\n      overrideInviteUser,\n      userListQuery: userListQuery || userListQuery_,\n      step,\n      setStep,\n      type,\n      setType,\n    }}>\n      {children}\n    </CreateChannelContext.Provider>\n  );\n};\n\nconst useCreateChannelContext = (): CreateChannelContextInterface => (\n  React.useContext(CreateChannelContext)\n);\n\nexport {\n  CreateChannelProvider,\n  useCreateChannelContext,\n};\n"],"names":["CHANNEL_TYPE","CreateChannelContext","React","createContext","undefined","CreateChannelProvider","props","_store$config","children","onCreateChannel","onBeforeCreateChannel","overrideInviteUser","userListQuery","store","useSendbirdStateContext","userListQuery_","config","createChannel","getCreateGroupChannel","step","setStep","useState","type","setType","GROUP","createElement","Provider","value","useCreateChannelContext","useContext"],"mappings":";;;;AAAYA,IAAAA,YAAY,0BAAZA,YAAY,EAAA;EAAZA,YAAY,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAZA,YAAY,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAZA,YAAY,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAAZA,YAAY,CAAA;AAAA,CAAA,CAAA,EAAA;;ACYxB,MAAMC,oBAAoB,gBAAGC,cAAK,CAACC,aAAa,CAACC,SAAS,CAAC,CAAA;AAoCrDC,MAAAA,qBAA2D,GAAIC,KAAiC,IAAK;AAAA,EAAA,IAAAC,aAAA,CAAA;EACzG,MAAM;IACJC,QAAQ;IACRC,eAAe;IACfC,qBAAqB;IACrBC,kBAAkB;AAClBC,IAAAA,aAAAA;AACF,GAAC,GAAGN,KAAK,CAAA;EAET,MAAMO,KAAK,GAAGC,uBAAuB,EAAE,CAAA;AACvC,EAAA,MAAMC,cAAc,GAAGF,KAAK,KAALA,IAAAA,IAAAA,KAAK,wBAAAN,aAAA,GAALM,KAAK,CAAEG,MAAM,MAAAT,IAAAA,IAAAA,aAAA,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAA,CAAeK,aAAa,CAAA;AACnD,EAAA,MAAMK,aACoB,GAAGC,qBAAqB,CAACL,KAAK,CAAC,CAAA;EAEzD,MAAM,CAACM,IAAI,EAAEC,OAAO,CAAC,GAAGC,QAAQ,CAAC,CAAC,CAAC,CAAA;EACnC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGF,QAAQ,CAACrB,YAAY,CAACwB,KAAK,CAAC,CAAA;AAEpD,EAAA,oBACEtB,cAAA,CAAAuB,aAAA,CAACxB,oBAAoB,CAACyB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;MACpCjB,qBAAqB;MACrBO,aAAa;MACbR,eAAe;MACfE,kBAAkB;MAClBC,aAAa,EAAEA,aAAa,IAAIG,cAAc;MAC9CI,IAAI;MACJC,OAAO;MACPE,IAAI;AACJC,MAAAA,OAAAA;AACF,KAAA;AAAE,GAAA,EACCf,QAAQ,CACqB,CAAA;AAEpC,EAAC;AAEKoB,MAAAA,uBAAuB,GAAGA,MAC9B1B,cAAK,CAAC2B,UAAU,CAAC5B,oBAAoB;;;;"}

package/dist/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -0,0 +1,120 @@
+import React__default, { useState, useRef, useContext } from 'react';
+import { a as LocalizationContext } from '../../LocalizationContext-1701e5c8.js';
+import Avatar from '../../ui/Avatar.js';
+import { ButtonTypes } from '../../ui/Button.js';
+import Modal from '../../ui/Modal.js';
+import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
+import Input, { InputLabel } from '../../ui/Input.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-f50d7ab0.js';
+import TextButton from '../../ui/TextButton.js';
+import { useCreateOpenChannelContext } from '../context.js';
+import '../../stringSet-e9bb0333.js';
+import '../../index-ff8f2f61.js';
+import '../../ui/ImageRenderer.js';
+import '../../uuid-8b344dd2.js';
+import 'prop-types';
+import 'react-dom';
+import '../../index-44c86e58.js';
+import '../../ui/IconButton.js';
+import '../../_rollupPluginBabelHelpers-cc035350.js';
+import '../../MediaQueryContext-e5b401d0.js';
+import '../../color-ea3bf5b8.js';
+import '../../useSendbirdStateContext.js';
+import '../../withSendbird.js';
+
+function CreateOpenChannelUI(_ref) {
+  let {
+    closeModal,
+    renderHeader,
+    renderProfileInput
+  } = _ref;
+  const [newFile, setNewFile] = useState(null);
+  const [currentImage, setCurrentImg] = useState(null);
+  const inputFormRef = useRef(null);
+  const inputFileRef = useRef(null);
+  const inputTextRef = useRef(null);
+  const {
+    stringSet
+  } = useContext(LocalizationContext);
+  const {
+    logger,
+    createNewOpenChannel
+  } = useCreateOpenChannelContext();
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-create-open-channel-ui"
+  }, /*#__PURE__*/React__default.createElement(Modal, {
+    isFullScreenOnMobile: true,
+    titleText: stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE,
+    submitText: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT,
+    type: ButtonTypes.PRIMARY,
+    onCancel: closeModal,
+    renderHeader: renderHeader,
+    onSubmit: () => {
+      var _inputTextRef$current;
+      const channelName = inputTextRef === null || inputTextRef === void 0 ? void 0 : (_inputTextRef$current = inputTextRef.current) === null || _inputTextRef$current === void 0 ? void 0 : _inputTextRef$current.value;
+      if (!channelName) {
+        logger.warning('CreateOpenChannelUI: You should fill the channel name');
+        return;
+      }
+      createNewOpenChannel({
+        name: channelName,
+        coverUrlOrImage: newFile
+      });
+      closeModal();
+    }
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (renderProfileInput === null || renderProfileInput === void 0 ? void 0 : renderProfileInput()) || /*#__PURE__*/React__default.createElement("form", {
+    className: "sendbird-create-open-channel-ui__profile-input",
+    ref: inputFormRef,
+    onSubmit: e => {
+      e.preventDefault();
+    }
+  }, /*#__PURE__*/React__default.createElement(InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section__avatar"
+  }, currentImage ? /*#__PURE__*/React__default.createElement(Avatar, {
+    width: "80px",
+    height: "80px",
+    src: currentImage
+  }) : /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section__avatar--default"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.CHANNELS,
+    fillColor: IconColors.CONTENT,
+    width: "46px",
+    height: "46px"
+  }))), /*#__PURE__*/React__default.createElement("input", {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section__input",
+    ref: inputFileRef,
+    type: "file",
+    accept: "image/gif, image/jpeg, image/png",
+    style: {
+      display: 'none'
+    },
+    onChange: e => {
+      setCurrentImg(URL.createObjectURL(e.target.files[0]));
+      setNewFile(e.target.files[0]);
+      inputFileRef.current.value = '';
+    }
+  }), /*#__PURE__*/React__default.createElement(TextButton, {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section__button",
+    onClick: () => inputFileRef.current.click(),
+    disableUnderline: true
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.BUTTON_1,
+    color: LabelColors.PRIMARY
+  }, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD))), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      marginTop: '20px'
+    }
+  }, /*#__PURE__*/React__default.createElement(InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION)), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-create-open-channel-ui__profile-input__name-section"
+  }, /*#__PURE__*/React__default.createElement(Input, {
+    name: "sendbird-create-open-channel-ui__profile-input__name-section__input",
+    ref: inputTextRef,
+    placeHolder: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER
+  }))))));
+}
+
+export { CreateOpenChannelUI as default };
+//# sourceMappingURL=CreateOpenChannelUI.js.map

package/dist/CreateOpenChannel/context.js

@@ -0,0 +1,63 @@
+import React__default, { useCallback } from 'react';
+import useSendbirdStateContext from '../useSendbirdStateContext.js';
+import '../withSendbird.js';
+import '../_rollupPluginBabelHelpers-cc035350.js';
+
+const CreateOpenChannelContext = /*#__PURE__*/React__default.createContext({
+  sdk: null,
+  sdkInitialized: false,
+  logger: null,
+  createNewOpenChannel: null
+});
+const CreateOpenChannelProvider = _ref => {
+  var _stores$sdkStore, _stores$sdkStore2;
+  let {
+    className,
+    children,
+    onCreateChannel,
+    onBeforeCreateChannel
+  } = _ref;
+  const {
+    stores,
+    config
+  } = useSendbirdStateContext();
+  const {
+    logger
+  } = config;
+  const sdk = (stores === null || stores === void 0 ? void 0 : (_stores$sdkStore = stores.sdkStore) === null || _stores$sdkStore === void 0 ? void 0 : _stores$sdkStore.sdk) || null;
+  const sdkInitialized = (stores === null || stores === void 0 ? void 0 : (_stores$sdkStore2 = stores.sdkStore) === null || _stores$sdkStore2 === void 0 ? void 0 : _stores$sdkStore2.initialized) || false;
+  const createNewOpenChannel = useCallback(params => {
+    const {
+      name,
+      coverUrlOrImage
+    } = params;
+    if (sdkInitialized) {
+      var _sdk$currentUser;
+      const params = {};
+      params.operatorUserIds = [sdk === null || sdk === void 0 ? void 0 : (_sdk$currentUser = sdk.currentUser) === null || _sdk$currentUser === void 0 ? void 0 : _sdk$currentUser.userId];
+      params.name = name;
+      params.coverUrlOrImage = coverUrlOrImage;
+      sdk.openChannel.createChannel((onBeforeCreateChannel === null || onBeforeCreateChannel === void 0 ? void 0 : onBeforeCreateChannel(params)) || params).then(openChannel => {
+        logger.info('CreateOpenChannel: Succeeded creating openChannel', openChannel);
+        onCreateChannel(openChannel);
+      }).catch(err => {
+        logger.warning('CreateOpenChannel: Failed creating openChannel', err);
+      });
+    }
+  }, [sdkInitialized, onBeforeCreateChannel, onCreateChannel]);
+  return /*#__PURE__*/React__default.createElement(CreateOpenChannelContext.Provider, {
+    value: {
+      // interface
+      sdk: sdk,
+      sdkInitialized: sdkInitialized,
+      logger: logger,
+      createNewOpenChannel: createNewOpenChannel
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: `sendbird-create-open-channel ${className}`
+  }, children));
+};
+const useCreateOpenChannelContext = () => React__default.useContext(CreateOpenChannelContext);
+
+export { CreateOpenChannelProvider, useCreateOpenChannelContext };
+//# sourceMappingURL=context.js.map

package/dist/CreateOpenChannel.js

@@ -0,0 +1,47 @@
+import React__default from 'react';
+import CreateOpenChannelUI from './CreateOpenChannel/components/CreateOpenChannelUI.js';
+import { CreateOpenChannelProvider } from './CreateOpenChannel/context.js';
+import './LocalizationContext-1701e5c8.js';
+import './stringSet-e9bb0333.js';
+import './index-ff8f2f61.js';
+import './ui/Avatar.js';
+import './ui/ImageRenderer.js';
+import './ui/Icon.js';
+import 'prop-types';
+import './uuid-8b344dd2.js';
+import './ui/Button.js';
+import './index-f50d7ab0.js';
+import './ui/Modal.js';
+import 'react-dom';
+import './index-44c86e58.js';
+import './ui/IconButton.js';
+import './_rollupPluginBabelHelpers-cc035350.js';
+import './MediaQueryContext-e5b401d0.js';
+import './ui/Input.js';
+import './ui/TextButton.js';
+import './color-ea3bf5b8.js';
+import './useSendbirdStateContext.js';
+import './withSendbird.js';
+
+function CreateOpenChannel(_ref) {
+  let {
+    className,
+    onCreateChannel,
+    onBeforeCreateChannel,
+    closeModal,
+    renderHeader,
+    renderProfileInput
+  } = _ref;
+  return /*#__PURE__*/React__default.createElement(CreateOpenChannelProvider, {
+    className: className,
+    onCreateChannel: onCreateChannel,
+    onBeforeCreateChannel: onBeforeCreateChannel
+  }, /*#__PURE__*/React__default.createElement(CreateOpenChannelUI, {
+    closeModal: closeModal,
+    renderHeader: renderHeader,
+    renderProfileInput: renderProfileInput
+  }));
+}
+
+export { CreateOpenChannel as default };
+//# sourceMappingURL=CreateOpenChannel.js.map

package/dist/EditUserProfile/components/EditUserProfileUI.js

@@ -0,0 +1,26 @@
+import 'react';
+export { a as default } from '../../index-9c80246a.js';
+import '../../ui/Modal.js';
+import '../../LocalizationContext-1701e5c8.js';
+import '../../useSendbirdStateContext.js';
+import '../../ui/Input.js';
+import '../../ui/Avatar.js';
+import '../../ui/Icon.js';
+import '../../ui/Button.js';
+import '../../index-f50d7ab0.js';
+import '../../ui/TextButton.js';
+import '../../utils-05aa9060.js';
+import '../../actionTypes-cccf62ac.js';
+import 'react-dom';
+import '../../index-44c86e58.js';
+import '../../ui/IconButton.js';
+import '../../_rollupPluginBabelHelpers-cc035350.js';
+import '../../MediaQueryContext-e5b401d0.js';
+import '../../stringSet-e9bb0333.js';
+import '../../index-ff8f2f61.js';
+import 'prop-types';
+import '../../withSendbird.js';
+import '../../ui/ImageRenderer.js';
+import '../../uuid-8b344dd2.js';
+import '../../color-ea3bf5b8.js';
+//# sourceMappingURL=EditUserProfileUI.js.map

package/dist/EditUserProfile.js

@@ -0,0 +1,41 @@
+import React__default from 'react';
+import { E as EditUserProfileProvider, a as EditUserProfile } from './index-9c80246a.js';
+import './ui/Modal.js';
+import 'react-dom';
+import './index-44c86e58.js';
+import './LocalizationContext-1701e5c8.js';
+import './stringSet-e9bb0333.js';
+import './index-ff8f2f61.js';
+import './ui/Button.js';
+import './index-f50d7ab0.js';
+import 'prop-types';
+import './ui/Icon.js';
+import './ui/IconButton.js';
+import './_rollupPluginBabelHelpers-cc035350.js';
+import './MediaQueryContext-e5b401d0.js';
+import './useSendbirdStateContext.js';
+import './withSendbird.js';
+import './ui/Input.js';
+import './ui/Avatar.js';
+import './ui/ImageRenderer.js';
+import './uuid-8b344dd2.js';
+import './ui/TextButton.js';
+import './color-ea3bf5b8.js';
+import './utils-05aa9060.js';
+import './actionTypes-cccf62ac.js';
+
+const EditProfile = props => {
+  const {
+    onEditProfile,
+    onCancel,
+    onThemeChange
+  } = props;
+  return /*#__PURE__*/React__default.createElement(EditUserProfileProvider, {
+    onEditProfile: onEditProfile,
+    onCancel: onCancel,
+    onThemeChange: onThemeChange
+  }, /*#__PURE__*/React__default.createElement(EditUserProfile, null));
+};
+
+export { EditProfile as default };
+//# sourceMappingURL=EditUserProfile.js.map

package/dist/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Sendbird
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/LocalizationContext-1701e5c8.js

@@ -0,0 +1,20 @@
+import React__default from 'react';
+import { g as getStringSet } from './stringSet-e9bb0333.js';
+import { d as defaultLocale } from './index-ff8f2f61.js';
+
+const LocalizationContext = /*#__PURE__*/React__default.createContext({
+  stringSet: getStringSet('en'),
+  dateLocale: defaultLocale
+});
+const LocalizationProvider = props => {
+  const {
+    children
+  } = props;
+  return /*#__PURE__*/React__default.createElement(LocalizationContext.Provider, {
+    value: props
+  }, children);
+};
+const useLocalization = () => React__default.useContext(LocalizationContext);
+
+export { LocalizationProvider as L, LocalizationContext as a, useLocalization as u };
+//# sourceMappingURL=LocalizationContext-1701e5c8.js.map

package/dist/LocalizationContext-1701e5c8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizationContext-1701e5c8.js","sources":["../src/lib/LocalizationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport getStringSet from '../ui/Label/stringSet';\nimport type { Locale } from 'date-fns';\nimport en from 'date-fns/locale/en-US';\n\nconst LocalizationContext = React.createContext({\n  stringSet: getStringSet('en'),\n  dateLocale: en,\n});\n\ninterface LocalizationProviderProps {\n  stringSet: Record<string, string>;\n  dateLocale: Locale;\n  children: React.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\n  const { children } = props;\n  return (\n    <LocalizationContext.Provider value={props}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport type UseLocalizationType = () => {\n  stringSet: Record<string, string>;\n  dateLocale: globalThis.Locale;\n};\n\nconst useLocalization: UseLocalizationType = () => React.useContext(LocalizationContext);\n\nexport { LocalizationContext, LocalizationProvider, useLocalization };\n"],"names":["LocalizationContext","React","createContext","stringSet","getStringSet","dateLocale","en","LocalizationProvider","props","children","createElement","Provider","value","useLocalization","useContext"],"mappings":";;;;AAMA,MAAMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAa,CAAC;AAC9CC,EAAAA,SAAS,EAAEC,YAAY,CAAC,IAAI,CAAC;AAC7BC,EAAAA,UAAU,EAAEC,aAAAA;AACd,CAAC,EAAC;AAQIC,MAAAA,oBAAoB,GAAIC,KAAgC,IAAyB;EACrF,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGD,KAAK,CAAA;AAC1B,EAAA,oBACEP,cAAA,CAAAS,aAAA,CAACV,mBAAmB,CAACW,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,KAAAA;AAAM,GAAA,EACxCC,QAAQ,CACoB,CAAA;AAEnC,EAAC;AAOKI,MAAAA,eAAoC,GAAGA,MAAMZ,cAAK,CAACa,UAAU,CAACd,mBAAmB;;;;"}