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

package/dist/CreateChannel/components/SelectChannelType.js

@@ -0,0 +1,134 @@
+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-951098e6.js';
+import { a as LocalizationContext } from '../../LocalizationContext-948efac4.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8ff79952.js';
+import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
+import Modal from '../../ui/Modal.js';
+import '../../topics-d6268256.js';
+import '../../utils-273068f6.js';
+import '../../withSendbird.js';
+import '../../_rollupPluginBabelHelpers-e4ed87a8.js';
+import '../../stringSet-fbd7c37c.js';
+import '../../index-5c8b0523.js';
+import 'prop-types';
+import 'react-dom';
+import '../../index-39098053.js';
+import '../../ui/Button.js';
+import '../../tslib.es6-96c33448.js';
+import '../../ui/IconButton.js';
+import '../../MediaQueryContext-b04e7ffd.js';
+
+var isBroadcastChannelEnabled = function (sdk) {
+  var _a;
+
+  var ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';
+  var applicationAttributes = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.applicationAttributes;
+
+  if (Array.isArray(applicationAttributes)) {
+    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);
+  }
+
+  return false;
+};
+var isSuperGroupChannelEnabled = function (sdk) {
+  var _a;
+
+  var ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';
+  var applicationAttributes = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.applicationAttributes;
+
+  if (Array.isArray(applicationAttributes)) {
+    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);
+  }
+
+  return false;
+};
+
+var SelectChannelType = function (props) {
+  var onCancel = props.onCancel;
+  var store = useSendbirdStateContext();
+  var sdk = getSdk(store);
+  var createChannelProps = useCreateChannelContext();
+  var setStep = createChannelProps.setStep,
+      setType = createChannelProps.setType;
+  var stringSet = useContext(LocalizationContext).stringSet;
+  var isBroadcastAvailable = isBroadcastChannelEnabled(sdk);
+  var 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: function () {
+      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: function () {
+      setType(CHANNEL_TYPE.GROUP);
+      setStep(1);
+    },
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: function () {
+      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: function () {
+      setType(CHANNEL_TYPE.SUPERGROUP);
+      setStep(1);
+    },
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: function () {
+      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: function () {
+      setType(CHANNEL_TYPE.BROADCAST);
+      setStep(1);
+    },
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: function () {
+      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-951098e6.js';
+import '../topics-d6268256.js';
+import '../utils-273068f6.js';
+import '../withSendbird.js';
+import '../_rollupPluginBabelHelpers-e4ed87a8.js';
+//# sourceMappingURL=context.js.map

package/dist/CreateChannel.js

@@ -0,0 +1,57 @@
+import React__default from 'react';
+import CreateChannel$1 from './CreateChannel/components/CreateChannelUI.js';
+import { C as CreateChannelProvider } from './CreateChannelProvider-951098e6.js';
+import './CreateChannel/components/InviteUsers.js';
+import './tslib.es6-96c33448.js';
+import './LocalizationContext-948efac4.js';
+import './stringSet-fbd7c37c.js';
+import './index-5c8b0523.js';
+import './useSendbirdStateContext.js';
+import './withSendbird.js';
+import './_rollupPluginBabelHelpers-e4ed87a8.js';
+import './ui/Modal.js';
+import 'react-dom';
+import './index-39098053.js';
+import './ui/Button.js';
+import './index-8ff79952.js';
+import 'prop-types';
+import './ui/Icon.js';
+import './ui/IconButton.js';
+import './MediaQueryContext-b04e7ffd.js';
+import './ui/UserListItem.js';
+import './UserProfileContext-74d60d34.js';
+import './ui/Avatar.js';
+import './ui/ImageRenderer.js';
+import './uuid-d8fc0ef1.js';
+import './ui/MutedAvatarOverlay.js';
+import './ui/Checkbox.js';
+import './ui/UserProfile.js';
+import './sendbirdSelectors.js';
+import './topics-d6268256.js';
+import './utils-273068f6.js';
+import './ui/ContextMenu.js';
+import './ui/SortByRow.js';
+import './index-4217213f.js';
+import './utils/message/getOutgoingMessageState.js';
+import './CreateChannel/components/SelectChannelType.js';
+
+var CreateChannel = function (props) {
+  var onBeforeCreateChannel = props.onBeforeCreateChannel,
+      userListQuery = props.userListQuery,
+      onCreateChannel = props.onCreateChannel,
+      overrideInviteUser = props.overrideInviteUser,
+      onCancel = props.onCancel,
+      renderStepOne = props.renderStepOne;
+  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-951098e6.js

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

package/dist/CreateChannelProvider-951098e6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateChannelProvider-951098e6.js","sources":["../src/smart-components/CreateChannel/types.ts","../src/smart-components/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","children","onCreateChannel","onBeforeCreateChannel","overrideInviteUser","userListQuery","store","useSendbirdStateContext","userListQuery_","_a","config","createChannel","getCreateGroupChannel","_b","useState","step","setStep","_c","GROUP","type","setType","useCreateChannelContext","useContext"],"mappings":";;;;IAAYA,aAAZ;;AAAA,CAAA,UAAYA,YAAZ,EAAwB;AACtBA,EAAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AACD,CAJD,EAAYA,YAAY,KAAZA,YAAY,GAIvB,EAJuB,CAAxB,CAAA;;ACYA,IAAMC,oBAAoB,gBAAGC,cAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B,CAAA;;AAoCA,IAAMC,qBAAqB,GAAyC,UAACC,KAAD,EAAkC;;;AAElG,EAAA,IAAAC,QAAQ,GAKND,KAAK,CALCC,QAAR;AAAA,MACAC,eAAe,GAIbF,KAAK,CAJQE,eADf;AAAA,MAEAC,qBAAqB,GAGnBH,KAAK,CAHcG,qBAFrB;AAAA,MAGAC,kBAAkB,GAEhBJ,KAAK,CAAAI,kBALP;AAAA,MAIAC,aAAa,GACXL,KAAK,CAAAK,aALP,CAAA;EAOF,IAAMC,KAAK,GAAGC,uBAAuB,EAArC,CAAA;AACA,EAAA,IAAMC,cAAc,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAJ,aAAtC,CAAA;AACA,EAAA,IAAMM,aAAa,GACUC,qBAAqB,CAACN,KAAD,CADlD,CAAA;;AAGM,EAAA,IAAAO,EAAA,GAAkBC,QAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,GAAAH,EAAA,CAAA,CAAA,CAAd,CAAA;;AACA,EAAA,IAAAI,EAAkB,GAAAH,QAAQ,CAACpB,YAAY,CAACwB,KAAd,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,QAAd,CAAA;;EAEN,oBACExB,cAAA,CAAA,aAAA,CAAC,oBAAD,CAAsB,QAAtB,EAAA;AAA+B,IAAA,KAAK,EAAE;AACpCO,MAAAA,qBAAqB,EAAAA,qBADe;AAEpCQ,MAAAA,aAAa,EAAAA,aAFuB;AAGpCT,MAAAA,eAAe,EAAAA,eAHqB;AAIpCE,MAAAA,kBAAkB,EAAAA,kBAJkB;MAKpCC,aAAa,EAAEA,aAAa,IAAIG,cALI;AAMpCO,MAAAA,IAAI,EAAAA,IANgC;AAOpCC,MAAAA,OAAO,EAAAA,OAP6B;AAQpCG,MAAAA,IAAI,EAAAA,IARgC;AASpCC,MAAAA,OAAO,EAAAA,OAAAA;AAT6B,KAAA;AAAtC,GAAA,EAWGnB,QAXH,CADF,CAAA;AAeD,EAhCD;;AAkCMoB,IAAAA,uBAAuB,GAAG,YAAqC;AAAA,EAAA,OACnEzB,cAAK,CAAC0B,UAAN,CAAiB3B,oBAAjB,CADmE,CAAA;AAEpE;;;;"}

package/dist/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -0,0 +1,130 @@
+import React__default, { useState, useRef, useContext } from 'react';
+import { a as LocalizationContext } from '../../LocalizationContext-948efac4.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-8ff79952.js';
+import TextButton from '../../ui/TextButton.js';
+import { useCreateOpenChannelContext } from '../context.js';
+import '../../stringSet-fbd7c37c.js';
+import '../../index-5c8b0523.js';
+import '../../tslib.es6-96c33448.js';
+import '../../ui/ImageRenderer.js';
+import '../../uuid-d8fc0ef1.js';
+import 'prop-types';
+import 'react-dom';
+import '../../index-39098053.js';
+import '../../ui/IconButton.js';
+import '../../MediaQueryContext-b04e7ffd.js';
+import '../../color-206fa031.js';
+import '../../useSendbirdStateContext.js';
+import '../../withSendbird.js';
+import '../../_rollupPluginBabelHelpers-e4ed87a8.js';
+
+function CreateOpenChannelUI(_a) {
+  var closeModal = _a.closeModal,
+      renderHeader = _a.renderHeader,
+      renderProfileInput = _a.renderProfileInput;
+
+  var _b = useState(null),
+      newFile = _b[0],
+      setNewFile = _b[1];
+
+  var _c = useState(null),
+      currentImage = _c[0],
+      setCurrentImg = _c[1];
+
+  var inputFormRef = useRef(null);
+  var inputFileRef = useRef(null);
+  var inputTextRef = useRef(null);
+  var stringSet = useContext(LocalizationContext).stringSet;
+
+  var _d = useCreateOpenChannelContext(),
+      logger = _d.logger,
+      createNewOpenChannel = _d.createNewOpenChannel;
+
+  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: function () {
+      var _a;
+
+      var channelName = (_a = inputTextRef === null || inputTextRef === void 0 ? void 0 : inputTextRef.current) === null || _a === void 0 ? void 0 : _a.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: function (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: function (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: function () {
+      return 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-e4ed87a8.js';
+
+var CreateOpenChannelContext = /*#__PURE__*/React__default.createContext({
+  sdk: null,
+  sdkInitialized: false,
+  logger: null,
+  createNewOpenChannel: null
+});
+var CreateOpenChannelProvider = function (_a) {
+  var _b, _c;
+
+  var className = _a.className,
+      children = _a.children,
+      onCreateChannel = _a.onCreateChannel,
+      onBeforeCreateChannel = _a.onBeforeCreateChannel;
+
+  var _d = useSendbirdStateContext(),
+      stores = _d.stores,
+      config = _d.config;
+
+  var logger = config.logger;
+  var sdk = ((_b = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk) || null;
+  var sdkInitialized = ((_c = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _c === void 0 ? void 0 : _c.initialized) || false;
+  var createNewOpenChannel = useCallback(function (params) {
+    var _a;
+
+    var name = params.name,
+        coverUrlOrImage = params.coverUrlOrImage;
+
+    if (sdkInitialized) {
+      var params_1 = {};
+      params_1.operatorUserIds = [(_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId];
+      params_1.name = name;
+      params_1.coverUrlOrImage = coverUrlOrImage;
+      sdk.openChannel.createChannel((onBeforeCreateChannel === null || onBeforeCreateChannel === void 0 ? void 0 : onBeforeCreateChannel(params_1)) || params_1).then(function (openChannel) {
+        logger.info('CreateOpenChannel: Succeeded creating openChannel', openChannel);
+        onCreateChannel(openChannel);
+      }).catch(function (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 ".concat(className)
+  }, children));
+};
+var useCreateOpenChannelContext = function () {
+  return React__default.useContext(CreateOpenChannelContext);
+};
+
+export { CreateOpenChannelProvider, useCreateOpenChannelContext };
+//# sourceMappingURL=context.js.map

package/dist/CreateOpenChannel.js

@@ -0,0 +1,46 @@
+import React__default from 'react';
+import CreateOpenChannelUI from './CreateOpenChannel/components/CreateOpenChannelUI.js';
+import { CreateOpenChannelProvider } from './CreateOpenChannel/context.js';
+import './LocalizationContext-948efac4.js';
+import './stringSet-fbd7c37c.js';
+import './index-5c8b0523.js';
+import './ui/Avatar.js';
+import './tslib.es6-96c33448.js';
+import './ui/ImageRenderer.js';
+import './ui/Icon.js';
+import 'prop-types';
+import './uuid-d8fc0ef1.js';
+import './ui/Button.js';
+import './index-8ff79952.js';
+import './ui/Modal.js';
+import 'react-dom';
+import './index-39098053.js';
+import './ui/IconButton.js';
+import './MediaQueryContext-b04e7ffd.js';
+import './ui/Input.js';
+import './ui/TextButton.js';
+import './color-206fa031.js';
+import './useSendbirdStateContext.js';
+import './withSendbird.js';
+import './_rollupPluginBabelHelpers-e4ed87a8.js';
+
+function CreateOpenChannel(_a) {
+  var className = _a.className,
+      onCreateChannel = _a.onCreateChannel,
+      onBeforeCreateChannel = _a.onBeforeCreateChannel,
+      closeModal = _a.closeModal,
+      renderHeader = _a.renderHeader,
+      renderProfileInput = _a.renderProfileInput;
+  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,27 @@
+import 'react';
+export { a as default } from '../../index-c17ebf21.js';
+import '../../ui/Modal.js';
+import '../../LocalizationContext-948efac4.js';
+import '../../useSendbirdStateContext.js';
+import '../../ui/Input.js';
+import '../../ui/Avatar.js';
+import '../../ui/Icon.js';
+import '../../ui/Button.js';
+import '../../index-8ff79952.js';
+import '../../ui/TextButton.js';
+import '../../utils-273068f6.js';
+import '../../actionTypes-a37e872a.js';
+import 'react-dom';
+import '../../index-39098053.js';
+import '../../ui/IconButton.js';
+import '../../tslib.es6-96c33448.js';
+import '../../MediaQueryContext-b04e7ffd.js';
+import '../../stringSet-fbd7c37c.js';
+import '../../index-5c8b0523.js';
+import 'prop-types';
+import '../../withSendbird.js';
+import '../../_rollupPluginBabelHelpers-e4ed87a8.js';
+import '../../ui/ImageRenderer.js';
+import '../../uuid-d8fc0ef1.js';
+import '../../color-206fa031.js';
+//# sourceMappingURL=EditUserProfileUI.js.map

package/dist/EditUserProfile.js

@@ -0,0 +1,40 @@
+import React__default from 'react';
+import { E as EditUserProfileProvider, a as EditUserProfile } from './index-c17ebf21.js';
+import './ui/Modal.js';
+import 'react-dom';
+import './index-39098053.js';
+import './LocalizationContext-948efac4.js';
+import './stringSet-fbd7c37c.js';
+import './index-5c8b0523.js';
+import './ui/Button.js';
+import './tslib.es6-96c33448.js';
+import './index-8ff79952.js';
+import 'prop-types';
+import './ui/Icon.js';
+import './ui/IconButton.js';
+import './MediaQueryContext-b04e7ffd.js';
+import './useSendbirdStateContext.js';
+import './withSendbird.js';
+import './_rollupPluginBabelHelpers-e4ed87a8.js';
+import './ui/Input.js';
+import './ui/Avatar.js';
+import './ui/ImageRenderer.js';
+import './uuid-d8fc0ef1.js';
+import './ui/TextButton.js';
+import './color-206fa031.js';
+import './utils-273068f6.js';
+import './actionTypes-a37e872a.js';
+
+var EditProfile = function (props) {
+  var onEditProfile = props.onEditProfile,
+      onCancel = props.onCancel,
+      onThemeChange = props.onThemeChange;
+  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-948efac4.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import { g as getStringSet } from './stringSet-fbd7c37c.js';
+import { d as defaultLocale } from './index-5c8b0523.js';
+
+var LocalizationContext = /*#__PURE__*/React__default.createContext({
+  stringSet: getStringSet('en'),
+  dateLocale: defaultLocale
+});
+
+var LocalizationProvider = function (props) {
+  var children = props.children;
+  return /*#__PURE__*/React__default.createElement(LocalizationContext.Provider, {
+    value: props
+  }, children);
+};
+
+var useLocalization = function () {
+  return React__default.useContext(LocalizationContext);
+};
+
+export { LocalizationProvider as L, LocalizationContext as a, useLocalization as u };
+//# sourceMappingURL=LocalizationContext-948efac4.js.map

package/dist/LocalizationContext-948efac4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizationContext-948efac4.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","useLocalization","useContext"],"mappings":";;;;AAMA,IAAMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAN,CAAoB;AAC9CC,EAAAA,SAAS,EAAEC,YAAY,CAAC,IAAD,CADuB;AAE9CC,EAAAA,UAAU,EAAEC,aAAAA;AAFkC,CAApB,EAA5B;;AAWA,IAAMC,oBAAoB,GAAG,UAACC,KAAD,EAAiC;AACpD,EAAA,IAAAC,QAAQ,GAAKD,KAAK,CAAAC,QAAlB,CAAA;EACR,oBACER,cAAA,CAAA,aAAA,CAAC,mBAAD,CAAqB,QAArB,EAAA;AAA8B,IAAA,KAAK,EAAEO,KAAAA;AAArC,GAAA,EACGC,QADH,CADF,CAAA;AAKD,EAPD;;AAcMC,IAAAA,eAAe,GAAwB,YAAM;AAAA,EAAA,OAAAT,cAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA,CAAA;AAAqC;;;;"}