@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0

package/cjs/CreateChannel.js

@@ -2,38 +2,39 @@
 
 var React = require('react');
 var CreateChannel_components_CreateChannelUI = require('./CreateChannel/components/CreateChannelUI.js');
-var CreateChannel_context = require('./CreateChannelProvider-8b8a557c.js');
+var CreateChannel_context = require('./CreateChannelProvider-70c9cb7c.js');
 require('./CreateChannel/components/InviteUsers.js');
-require('./_rollupPluginBabelHelpers-83d7e84b.js');
-require('./LocalizationContext-482c1343.js');
-require('./stringSet-d00535a5.js');
-require('./index-d04f312e.js');
+require('./tslib.es6-2f2b0bca.js');
+require('./LocalizationContext-5009012e.js');
+require('./stringSet-98b52c49.js');
+require('./index-fd8a0abb.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./utils-c47c68b1.js');
-require('./index.module-a24e9cd7.js');
-require('./index-cbcacbee.js');
-require('./MediaQueryContext-73aac8cf.js');
+require('./utils-180c6bc8.js');
+require('./index-609b07a2.js');
+require('./index-daf80c58.js');
+require('./MediaQueryContext-d6fdbe43.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
-require('./index-18720f0d.js');
+require('./index-35820a94.js');
 require('prop-types');
+require('./types-66554668.js');
 require('./ui/Icon.js');
 require('./ui/UserListItem.js');
-require('./UserProfileContext-fa8d0383.js');
+require('./UserProfileContext-922a43ec.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-b2806cf5.js');
+require('./uuid-c74bbbb6.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./topics-adde627b.js');
+require('./pubSub/topics.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
-require('./index-fbe9cc73.js');
+require('./index-b995f638.js');
 require('./utils/message/getOutgoingMessageState.js');
 require('./CreateChannel/components/SelectChannelType.js');
 
@@ -41,15 +42,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const CreateChannel = props => {
-  const {
-    onBeforeCreateChannel,
-    userListQuery,
-    onCreateChannel,
-    overrideInviteUser,
-    onCancel,
-    renderStepOne
-  } = props;
+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["default"].createElement(CreateChannel_context.CreateChannelProvider, {
     onBeforeCreateChannel: onBeforeCreateChannel,
     userListQuery: userListQuery,

package/cjs/CreateChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateChannel.js","sources":["../../src/modules/CreateChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateChannelUI, {\n  CreateChannelUIProps,\n} from './components/CreateChannelUI';\nimport {\n  CreateChannelProvider,\n  CreateChannelProviderProps,\n} from './context/CreateChannelProvider';\n\nexport interface CreateChannelProps extends CreateChannelProviderProps, CreateChannelUIProps {\n}\n\nconst CreateChannel: React.FC<CreateChannelProps> = (props: CreateChannelProps) => {\n  const {\n    onBeforeCreateChannel,\n    userListQuery,\n    onCreateChannel,\n    overrideInviteUser,\n    onCancel,\n    renderStepOne,\n  } = props;\n  return (\n    <CreateChannelProvider\n      onBeforeCreateChannel={onBeforeCreateChannel}\n      userListQuery={userListQuery}\n      onCreateChannel={onCreateChannel}\n      overrideInviteUser={overrideInviteUser}\n    >\n      <CreateChannelUI\n        renderStepOne={renderStepOne}\n        onCancel={onCancel}\n      />\n    </CreateChannelProvider>\n  );\n};\n\nexport default CreateChannel;\n"],"names":["CreateChannel","props","onBeforeCreateChannel","userListQuery","onCreateChannel","overrideInviteUser","onCancel","renderStepOne","React","createElement","CreateChannelProvider","CreateChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaMA,MAAAA,aAA2C,GAAIC,KAAyB,IAAK;EACjF,MAAM;IACJC,qBAAqB;IACrBC,aAAa;IACbC,eAAe;IACfC,kBAAkB;IAClBC,QAAQ;AACRC,IAAAA,aAAAA;AACF,GAAC,GAAGN,KAAK,CAAA;AACT,EAAA,oBACEO,yBAAA,CAAAC,aAAA,CAACC,2CAAqB,EAAA;AACpBR,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,eAEvCG,yBAAA,CAAAC,aAAA,CAACE,wCAAe,EAAA;AACdJ,IAAAA,aAAa,EAAEA,aAAc;AAC7BD,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CACnB,CACoB,CAAA;AAE5B;;;;"}
+{"version":3,"file":"CreateChannel.js","sources":["../../src/modules/CreateChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateChannelUI, {\n  CreateChannelUIProps,\n} from './components/CreateChannelUI';\nimport {\n  CreateChannelProvider,\n  CreateChannelProviderProps,\n} from './context/CreateChannelProvider';\n\nexport interface CreateChannelProps extends CreateChannelProviderProps, CreateChannelUIProps {\n}\n\nconst CreateChannel: React.FC<CreateChannelProps> = (props: CreateChannelProps) => {\n  const {\n    onBeforeCreateChannel,\n    userListQuery,\n    onCreateChannel,\n    overrideInviteUser,\n    onCancel,\n    renderStepOne,\n  } = props;\n  return (\n    <CreateChannelProvider\n      onBeforeCreateChannel={onBeforeCreateChannel}\n      userListQuery={userListQuery}\n      onCreateChannel={onCreateChannel}\n      overrideInviteUser={overrideInviteUser}\n    >\n      <CreateChannelUI\n        renderStepOne={renderStepOne}\n        onCancel={onCancel}\n      />\n    </CreateChannelProvider>\n  );\n};\n\nexport default CreateChannel;\n"],"names":["CreateChannel","props","onBeforeCreateChannel","userListQuery","onCreateChannel","overrideInviteUser","onCancel","renderStepOne","React","createElement","CreateChannelProvider","CreateChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,aAAa,GAAiC,UAACC,KAAyB,EAAA;AAE1E,EAAA,IAAAC,qBAAqB,GAMnBD,KAAK,CAAAC,qBANc;IACrBC,aAAa,GAKXF,KAAK,CALME,aAAA;IACbC,eAAe,GAIbH,KAAK,CAAAG,eAJQ;IACfC,kBAAkB,GAGhBJ,KAAK,CAHWI,kBAAA;IAClBC,QAAQ,GAENL,KAAK,CAAAK,QAFC;IACRC,aAAa,GACXN,KAAK,cADM,CAAA;AAEf,EAAA,oBACEO,yBAAA,CAAAC,aAAA,CAACC,2CAAqB,EAAA;AACpBR,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,eAEvCG,yBAAA,CAAAC,aAAA,CAACE,wCAAe,EAAA;AACdJ,IAAAA,aAAa,EAAEA,aAAc;AAC7BD,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAEvB,CAAuB,CAAC,CAAA;AAE5B;;;;"}

package/cjs/CreateChannelProvider-70c9cb7c.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var React = require('react');
+var sendbirdSelectors = require('./sendbirdSelectors.js');
+var useSendbirdStateContext = require('./useSendbirdStateContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+exports.CHANNEL_TYPE = void 0;
+(function (CHANNEL_TYPE) {
+  CHANNEL_TYPE["GROUP"] = "group";
+  CHANNEL_TYPE["SUPERGROUP"] = "supergroup";
+  CHANNEL_TYPE["BROADCAST"] = "broadcast";
+})(exports.CHANNEL_TYPE || (exports.CHANNEL_TYPE = {}));
+
+var CreateChannelContext = /*#__PURE__*/React__default["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.useSendbirdStateContext();
+  var userListQuery_ = (_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.userListQuery;
+  var createChannel = sendbirdSelectors.getCreateGroupChannel(store);
+  var _b = React.useState(0),
+    step = _b[0],
+    setStep = _b[1];
+  var _c = React.useState(exports.CHANNEL_TYPE.GROUP),
+    type = _c[0],
+    setType = _c[1];
+  return /*#__PURE__*/React__default["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["default"].useContext(CreateChannelContext);
+};
+
+exports.CreateChannelProvider = CreateChannelProvider;
+exports.useCreateChannelContext = useCreateChannelContext;
+//# sourceMappingURL=CreateChannelProvider-70c9cb7c.js.map

package/cjs/{CreateChannelProvider-8b8a557c.js.map → CreateChannelProvider-70c9cb7c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CreateChannelProvider-8b8a557c.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,yBAAK,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,uCAAqB,CAACL,KAAK,CAAC,CAAA;EAEzD,MAAM,CAACM,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAQ,CAAC,CAAC,CAAC,CAAA;EACnC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGF,cAAQ,CAACrB,YAAY,CAACwB,KAAK,CAAC,CAAA;AAEpD,EAAA,oBACEtB,yBAAA,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,yBAAK,CAAC2B,UAAU,CAAC5B,oBAAoB;;;;;;"}
+{"version":3,"file":"CreateChannelProvider-70c9cb7c.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","children","onCreateChannel","onBeforeCreateChannel","overrideInviteUser","userListQuery","store","useSendbirdStateContext","userListQuery_","_a","config","createChannel","getCreateGroupChannel","_b","useState","step","setStep","_c","GROUP","type","setType","createElement","Provider","value","useCreateChannelContext","useContext"],"mappings":";;;;;;;;;;AAAYA,8BAIX;AAJD,CAAA,UAAYA,YAAY,EAAA;AACtBA,EAAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,YAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzBA,EAAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AACzB,CAAC,EAJWA,oBAAY,KAAZA,oBAAY,GAIvB,EAAA,CAAA,CAAA;;ACQD,IAAMC,oBAAoB,gBAAGC,yBAAK,CAACC,aAAa,CAACC,SAAS,CAAC,CAAA;AAoC3D,IAAMC,qBAAqB,GAAyC,UAACC,KAAiC,EAAA;;AAElG,EAAA,IAAAC,QAAQ,GAKND,KAAK,CALCC,QAAA;IACRC,eAAe,GAIbF,KAAK,CAJQE,eAAA;IACfC,qBAAqB,GAGnBH,KAAK,CAHcG,qBAAA;IACrBC,kBAAkB,GAEhBJ,KAAK,CAAAI,kBAFW;IAClBC,aAAa,GACXL,KAAK,CAAAK,aADM,CAAA;AAGf,EAAA,IAAMC,KAAK,GAAGC,+CAAuB,EAAE,CAAA;AACvC,EAAA,IAAMC,cAAc,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAM,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAJ,aAAa,CAAA;AACnD,EAAA,IAAMM,aAAa,GACUC,uCAAqB,CAACN,KAAK,CAAC,CAAA;AAEnD,EAAA,IAAAO,EAAA,GAAkBC,cAAQ,CAAC,CAAC,CAAC;AAA5BC,IAAAA,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,OAAO,GAAAH,EAAA,CAAA,CAAA,CAAe,CAAA;AAC7B,EAAA,IAAAI,EAAkB,GAAAH,cAAQ,CAACpB,oBAAY,CAACwB,KAAK,CAAC;AAA7CC,IAAAA,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,OAAO,QAAgC,CAAA;AAEpD,EAAA,oBACExB,yBAAA,CAAAyB,aAAA,CAAC1B,oBAAoB,CAAC2B,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AACpCpB,MAAAA,qBAAqB,EAAAA,qBAAA;AACrBQ,MAAAA,aAAa,EAAAA,aAAA;AACbT,MAAAA,eAAe,EAAAA,eAAA;AACfE,MAAAA,kBAAkB,EAAAA,kBAAA;MAClBC,aAAa,EAAEA,aAAa,IAAIG,cAAc;AAC9CO,MAAAA,IAAI,EAAAA,IAAA;AACJC,MAAAA,OAAO,EAAAA,OAAA;AACPG,MAAAA,IAAI,EAAAA,IAAA;AACJC,MAAAA,OAAO,EAAAA,OAAAA;AACR,KAAA;AAAC,GAAA,EACCnB,QAC4B,CAAC,CAAA;AAEpC,EAAC;AAED,IAAMuB,uBAAuB,GAAG,YAAqC;AAAA,EAAA,OACnE5B,yBAAK,CAAC6B,UAAU,CAAC9B,oBAAoB,CAAC,CAAA;AAD6B;;;;;"}

package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -1,28 +1,29 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-482c1343.js');
+var LocalizationContext = require('../../LocalizationContext-5009012e.js');
 var ui_Avatar = require('../../ui/Avatar.js');
-var ui_Label = require('../../index-18720f0d.js');
-var ui_Button = require('../../ui/Button.js');
+require('../../tslib.es6-2f2b0bca.js');
+var ui_Label = require('../../index-35820a94.js');
+var types = require('../../types-66554668.js');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Input = require('../../ui/Input.js');
 var ui_TextButton = require('../../ui/TextButton.js');
 var CreateOpenChannel_context = require('../context.js');
-require('../../stringSet-d00535a5.js');
-require('../../index-d04f312e.js');
+require('../../stringSet-98b52c49.js');
+require('../../index-fd8a0abb.js');
 require('../../ui/ImageRenderer.js');
+require('../../uuid-c74bbbb6.js');
 require('prop-types');
-require('../../uuid-b2806cf5.js');
 require('react-dom');
-require('../../utils-c47c68b1.js');
-require('../../index.module-a24e9cd7.js');
-require('../../index-cbcacbee.js');
-require('../../MediaQueryContext-73aac8cf.js');
+require('../../utils-180c6bc8.js');
+require('../../index-609b07a2.js');
+require('../../index-daf80c58.js');
+require('../../MediaQueryContext-d6fdbe43.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-83d7e84b.js');
-require('../../color-d83b77ac.js');
+require('../../ui/Button.js');
+require('../../color-477ddbd4.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 
@@ -30,36 +31,35 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function CreateOpenChannelUI(_ref) {
-  let {
-    closeModal,
-    renderHeader,
-    renderProfileInput
-  } = _ref;
-  const [newFile, setNewFile] = React.useState(null);
-  const [currentImage, setCurrentImg] = React.useState(null);
-  const inputFormRef = React.useRef(null);
-  const inputFileRef = React.useRef(null);
-  const inputTextRef = React.useRef(null);
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
-  const {
-    logger,
-    createNewOpenChannel
-  } = CreateOpenChannel_context.useCreateOpenChannelContext();
+function CreateOpenChannelUI(_a) {
+  var closeModal = _a.closeModal,
+    renderHeader = _a.renderHeader,
+    renderProfileInput = _a.renderProfileInput;
+  var _b = React.useState(null),
+    newFile = _b[0],
+    setNewFile = _b[1];
+  var _c = React.useState(null),
+    currentImage = _c[0],
+    setCurrentImg = _c[1];
+  var inputFormRef = React.useRef(null);
+  var inputFileRef = React.useRef(null);
+  var inputTextRef = React.useRef(null);
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+  var _d = CreateOpenChannel_context.useCreateOpenChannelContext(),
+    logger = _d.logger,
+    createNewOpenChannel = _d.createNewOpenChannel;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-create-open-channel-ui"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Modal.Modal, {
     isFullScreenOnMobile: true,
     titleText: stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE,
     submitText: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT,
-    type: ui_Button.ButtonTypes.PRIMARY,
+    type: types.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;
+    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;
@@ -73,7 +73,7 @@ function CreateOpenChannelUI(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (renderProfileInput === null || renderProfileInput === void 0 ? void 0 : renderProfileInput()) || /*#__PURE__*/React__default["default"].createElement("form", {
     className: "sendbird-create-open-channel-ui__profile-input",
     ref: inputFormRef,
-    onSubmit: e => {
+    onSubmit: function (e) {
       e.preventDefault();
     }
   }, /*#__PURE__*/React__default["default"].createElement(ui_Input.InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -99,14 +99,16 @@ function CreateOpenChannelUI(_ref) {
     style: {
       display: 'none'
     },
-    onChange: e => {
+    onChange: function (e) {
       setCurrentImg(URL.createObjectURL(e.target.files[0]));
       setNewFile(e.target.files[0]);
       inputFileRef.current.value = '';
     }
   }), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
     className: "sendbird-create-open-channel-ui__profile-input__img-section__button",
-    onClick: () => inputFileRef.current.click(),
+    onClick: function () {
+      return inputFileRef.current.click();
+    },
     disableUnderline: true
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     type: ui_Label.LabelTypography.BUTTON_1,

package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOpenChannelUI.js","sources":["../../../../src/modules/CreateOpenChannel/components/CreateOpenChannelUI/index.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Avatar from '../../../../ui/Avatar';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport Modal from '../../../../ui/Modal';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { useCreateOpenChannelContext } from '../../context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelUIProps {\n  closeModal?: () => void;\n  renderHeader?: () => React.ReactElement;\n  renderProfileInput?: () => React.ReactElement;\n}\n\nfunction CreateOpenChannelUI({\n  closeModal,\n  renderHeader,\n  renderProfileInput,\n}: CreateOpenChannelUIProps): React.ReactElement {\n  const [newFile, setNewFile] = useState(null);\n  const [currentImage, setCurrentImg] = useState(null);\n  const inputFormRef = useRef(null);\n  const inputFileRef = useRef(null);\n  const inputTextRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    logger,\n    createNewOpenChannel,\n  } = useCreateOpenChannelContext();\n  return (\n    <div className=\"sendbird-create-open-channel-ui\">\n      <Modal\n        isFullScreenOnMobile\n        titleText={stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE}\n        submitText={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT}\n        type={ButtonTypes.PRIMARY}\n        onCancel={closeModal}\n        renderHeader={renderHeader}\n        onSubmit={() => {\n          const channelName = inputTextRef?.current?.value;\n          if (!channelName) {\n            logger.warning('CreateOpenChannelUI: You should fill the channel name');\n            return;\n          }\n          createNewOpenChannel({\n            name: channelName,\n            coverUrlOrImage: newFile,\n          });\n          closeModal();\n        }}\n      >\n        <>\n          {renderProfileInput?.() || (\n            <form\n              className=\"sendbird-create-open-channel-ui__profile-input\"\n              ref={inputFormRef}\n              onSubmit={(e) => { e.preventDefault(); }}\n            >\n              <InputLabel>\n                {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION}\n              </InputLabel>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__img-section\">\n                <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar\">\n                  {currentImage\n                    ? (\n                      <Avatar\n                        width=\"80px\"\n                        height=\"80px\"\n                        src={currentImage}\n                      />\n                    ) : (\n                      <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar--default\">\n                        <Icon\n                          type={IconTypes.CHANNELS}\n                          fillColor={IconColors.CONTENT}\n                          width=\"46px\"\n                          height=\"46px\"\n                        />\n                      </div>\n                    )}\n                </div>\n                <input\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__input\"\n                  ref={inputFileRef}\n                  type=\"file\"\n                  accept=\"image/gif, image/jpeg, image/png\"\n                  style={{ display: 'none' }}\n                  onChange={(e) => {\n                    setCurrentImg(URL.createObjectURL(e.target.files[0]));\n                    setNewFile(e.target.files[0]);\n                    inputFileRef.current.value = '';\n                  }}\n                />\n                <TextButton\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__button\"\n                  onClick={() => inputFileRef.current.click()}\n                  disableUnderline\n                >\n                  <Label\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD}\n                  </Label>\n                </TextButton>\n              </div>\n              <div style={{ marginTop: '20px' }}>\n                <InputLabel>\n                  {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION}\n                </InputLabel>\n              </div>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__name-section\">\n                <Input\n                  name=\"sendbird-create-open-channel-ui__profile-input__name-section__input\"\n                  ref={inputTextRef}\n                  placeHolder={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER}\n                />\n              </div>\n            </form>\n          )}\n        </>\n      </Modal>\n    </div>\n  );\n}\n\nexport default CreateOpenChannelUI;\n"],"names":["CreateOpenChannelUI","_ref","closeModal","renderHeader","renderProfileInput","newFile","setNewFile","useState","currentImage","setCurrentImg","inputFormRef","useRef","inputFileRef","inputTextRef","stringSet","useContext","LocalizationContext","logger","createNewOpenChannel","useCreateOpenChannelContext","React","createElement","className","Modal","isFullScreenOnMobile","titleText","CREATE_OPEN_CHANNEL_LIST__TITLE","submitText","CREATE_OPEN_CHANNEL_LIST__SUBMIT","type","ButtonTypes","PRIMARY","onCancel","onSubmit","_inputTextRef$current","channelName","current","value","warning","name","coverUrlOrImage","Fragment","ref","e","preventDefault","InputLabel","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION","Avatar","width","height","src","Icon","IconTypes","CHANNELS","fillColor","IconColors","CONTENT","accept","style","display","onChange","URL","createObjectURL","target","files","TextButton","onClick","click","disableUnderline","Label","LabelTypography","BUTTON_1","color","LabelColors","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD","marginTop","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION","Input","placeHolder","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER"],"mappings":"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"}
+{"version":3,"file":"CreateOpenChannelUI.js","sources":["../../../../src/modules/CreateOpenChannel/components/CreateOpenChannelUI/index.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Avatar from '../../../../ui/Avatar';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport Modal from '../../../../ui/Modal';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { useCreateOpenChannelContext } from '../../context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelUIProps {\n  closeModal?: () => void;\n  renderHeader?: () => React.ReactElement;\n  renderProfileInput?: () => React.ReactElement;\n}\n\nfunction CreateOpenChannelUI({\n  closeModal,\n  renderHeader,\n  renderProfileInput,\n}: CreateOpenChannelUIProps): React.ReactElement {\n  const [newFile, setNewFile] = useState(null);\n  const [currentImage, setCurrentImg] = useState(null);\n  const inputFormRef = useRef(null);\n  const inputFileRef = useRef(null);\n  const inputTextRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    logger,\n    createNewOpenChannel,\n  } = useCreateOpenChannelContext();\n  return (\n    <div className=\"sendbird-create-open-channel-ui\">\n      <Modal\n        isFullScreenOnMobile\n        titleText={stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE}\n        submitText={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT}\n        type={ButtonTypes.PRIMARY}\n        onCancel={closeModal}\n        renderHeader={renderHeader}\n        onSubmit={() => {\n          const channelName = inputTextRef?.current?.value;\n          if (!channelName) {\n            logger.warning('CreateOpenChannelUI: You should fill the channel name');\n            return;\n          }\n          createNewOpenChannel({\n            name: channelName,\n            coverUrlOrImage: newFile,\n          });\n          closeModal();\n        }}\n      >\n        <>\n          {renderProfileInput?.() || (\n            <form\n              className=\"sendbird-create-open-channel-ui__profile-input\"\n              ref={inputFormRef}\n              onSubmit={(e) => { e.preventDefault(); }}\n            >\n              <InputLabel>\n                {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION}\n              </InputLabel>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__img-section\">\n                <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar\">\n                  {currentImage\n                    ? (\n                      <Avatar\n                        width=\"80px\"\n                        height=\"80px\"\n                        src={currentImage}\n                      />\n                    ) : (\n                      <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar--default\">\n                        <Icon\n                          type={IconTypes.CHANNELS}\n                          fillColor={IconColors.CONTENT}\n                          width=\"46px\"\n                          height=\"46px\"\n                        />\n                      </div>\n                    )}\n                </div>\n                <input\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__input\"\n                  ref={inputFileRef}\n                  type=\"file\"\n                  accept=\"image/gif, image/jpeg, image/png\"\n                  style={{ display: 'none' }}\n                  onChange={(e) => {\n                    setCurrentImg(URL.createObjectURL(e.target.files[0]));\n                    setNewFile(e.target.files[0]);\n                    inputFileRef.current.value = '';\n                  }}\n                />\n                <TextButton\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__button\"\n                  onClick={() => inputFileRef.current.click()}\n                  disableUnderline\n                >\n                  <Label\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD}\n                  </Label>\n                </TextButton>\n              </div>\n              <div style={{ marginTop: '20px' }}>\n                <InputLabel>\n                  {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION}\n                </InputLabel>\n              </div>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__name-section\">\n                <Input\n                  name=\"sendbird-create-open-channel-ui__profile-input__name-section__input\"\n                  ref={inputTextRef}\n                  placeHolder={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER}\n                />\n              </div>\n            </form>\n          )}\n        </>\n      </Modal>\n    </div>\n  );\n}\n\nexport default CreateOpenChannelUI;\n"],"names":["CreateOpenChannelUI","_a","closeModal","renderHeader","renderProfileInput","_b","useState","newFile","setNewFile","_c","currentImage","setCurrentImg","inputFormRef","useRef","inputFileRef","inputTextRef","stringSet","useContext","LocalizationContext","_d","useCreateOpenChannelContext","logger","createNewOpenChannel","React","createElement","className","Modal","isFullScreenOnMobile","titleText","CREATE_OPEN_CHANNEL_LIST__TITLE","submitText","CREATE_OPEN_CHANNEL_LIST__SUBMIT","type","ButtonTypes","PRIMARY","onCancel","onSubmit","channelName","current","value","warning","name","coverUrlOrImage","Fragment","ref","e","preventDefault","InputLabel","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION","Avatar","width","height","src","Icon","IconTypes","CHANNELS","fillColor","IconColors","CONTENT","accept","style","display","onChange","URL","createObjectURL","target","files","TextButton","onClick","click","disableUnderline","Label","LabelTypography","BUTTON_1","color","LabelColors","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD","marginTop","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION","Input","placeHolder","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER"],"mappings":"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"}

package/cjs/CreateOpenChannel/context.js

@@ -5,50 +5,43 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-83d7e84b.js');
+require('../tslib.es6-2f2b0bca.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const CreateOpenChannelContext = /*#__PURE__*/React__default["default"].createContext({
+var CreateOpenChannelContext = /*#__PURE__*/React__default["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 = React.useCallback(params => {
-    const {
-      name,
-      coverUrlOrImage
-    } = params;
+var CreateOpenChannelProvider = function (_a) {
+  var _b, _c;
+  var className = _a.className,
+    children = _a.children,
+    onCreateChannel = _a.onCreateChannel,
+    onBeforeCreateChannel = _a.onBeforeCreateChannel;
+  var _d = useSendbirdStateContext.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 = React.useCallback(function (params) {
+    var _a;
+    var name = params.name,
+      coverUrlOrImage = params.coverUrlOrImage;
     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 => {
+      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(err => {
+      }).catch(function (err) {
         logger.warning('CreateOpenChannel: Failed creating openChannel', err);
       });
     }
@@ -62,10 +55,12 @@ const CreateOpenChannelProvider = _ref => {
       createNewOpenChannel: createNewOpenChannel
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `sendbird-create-open-channel ${className}`
+    className: "sendbird-create-open-channel ".concat(className)
   }, children));
 };
-const useCreateOpenChannelContext = () => React__default["default"].useContext(CreateOpenChannelContext);
+var useCreateOpenChannelContext = function () {
+  return React__default["default"].useContext(CreateOpenChannelContext);
+};
 
 exports.CreateOpenChannelProvider = CreateOpenChannelProvider;
 exports.useCreateOpenChannelContext = useCreateOpenChannelContext;

package/cjs/CreateOpenChannel/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/modules/CreateOpenChannel/context/CreateOpenChannelProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { OpenChannel, OpenChannelCreateParams, SendbirdOpenChat } from '@sendbird/chat/openChannel';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { Logger } from '../../../lib/SendbirdState';\n\nexport interface CreateNewOpenChannelCallbackProps {\n  name: string;\n  coverUrlOrImage?: string;\n}\nexport interface CreateOpenChannelContextInterface extends CreateOpenChannelProviderProps {\n  sdk: SendbirdOpenChat;\n  sdkInitialized: boolean;\n  logger: Logger;\n  createNewOpenChannel: (props: CreateNewOpenChannelCallbackProps) => void;\n}\n\nconst CreateOpenChannelContext = React.createContext<CreateOpenChannelContextInterface>({\n  sdk: null,\n  sdkInitialized: false,\n  logger: null,\n  createNewOpenChannel: null,\n});\n\nexport interface CreateOpenChannelProviderProps {\n  className?: string;\n  children?: React.ReactElement;\n  onCreateChannel?: (channel: OpenChannel) => void;\n  onBeforeCreateChannel?: (params: OpenChannelCreateParams) => OpenChannelCreateParams;\n}\n\nexport const CreateOpenChannelProvider: React.FC<CreateOpenChannelProviderProps> = ({\n  className,\n  children,\n  onCreateChannel,\n  onBeforeCreateChannel,\n}: CreateOpenChannelProviderProps): React.ReactElement => {\n  const { stores, config } = useSendbirdStateContext();\n  const { logger } = config;\n  const sdk = stores?.sdkStore?.sdk || null;\n  const sdkInitialized = stores?.sdkStore?.initialized || false;\n\n  const createNewOpenChannel = useCallback((params: CreateNewOpenChannelCallbackProps): void => {\n    const { name, coverUrlOrImage } = params;\n    if (sdkInitialized) {\n      const params = {} as OpenChannelCreateParams;\n      params.operatorUserIds = [sdk?.currentUser?.userId];\n      params.name = name;\n      params.coverUrlOrImage = coverUrlOrImage;\n      sdk.openChannel.createChannel(onBeforeCreateChannel?.(params) || params)\n        .then((openChannel) => {\n          logger.info('CreateOpenChannel: Succeeded creating openChannel', openChannel);\n          onCreateChannel(openChannel);\n        })\n        .catch((err) => {\n          logger.warning('CreateOpenChannel: Failed creating openChannel', err);\n        });\n    }\n  }, [sdkInitialized, onBeforeCreateChannel, onCreateChannel]);\n\n  return (\n    <CreateOpenChannelContext.Provider\n      value={{\n        // interface\n        sdk: sdk,\n        sdkInitialized: sdkInitialized,\n        logger: logger,\n        createNewOpenChannel: createNewOpenChannel,\n      }}\n    >\n      <div className={`sendbird-create-open-channel ${className}`}>\n        {children}\n      </div>\n    </CreateOpenChannelContext.Provider>\n  );\n};\n\nexport const useCreateOpenChannelContext = (): CreateOpenChannelContextInterface => (\n  React.useContext(CreateOpenChannelContext)\n);\n"],"names":["CreateOpenChannelContext","React","createContext","sdk","sdkInitialized","logger","createNewOpenChannel","CreateOpenChannelProvider","_ref","_stores$sdkStore","_stores$sdkStore2","className","children","onCreateChannel","onBeforeCreateChannel","stores","config","useSendbirdStateContext","sdkStore","initialized","useCallback","params","name","coverUrlOrImage","_sdk$currentUser","operatorUserIds","currentUser","userId","openChannel","createChannel","then","info","catch","err","warning","createElement","Provider","value","useCreateOpenChannelContext","useContext"],"mappings":"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"}
+{"version":3,"file":"context.js","sources":["../../../src/modules/CreateOpenChannel/context/CreateOpenChannelProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { OpenChannel, OpenChannelCreateParams, SendbirdOpenChat } from '@sendbird/chat/openChannel';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { Logger } from '../../../lib/SendbirdState';\n\nexport interface CreateNewOpenChannelCallbackProps {\n  name: string;\n  coverUrlOrImage?: string;\n}\nexport interface CreateOpenChannelContextInterface extends CreateOpenChannelProviderProps {\n  sdk: SendbirdOpenChat;\n  sdkInitialized: boolean;\n  logger: Logger;\n  createNewOpenChannel: (props: CreateNewOpenChannelCallbackProps) => void;\n}\n\nconst CreateOpenChannelContext = React.createContext<CreateOpenChannelContextInterface>({\n  sdk: null,\n  sdkInitialized: false,\n  logger: null,\n  createNewOpenChannel: null,\n});\n\nexport interface CreateOpenChannelProviderProps {\n  className?: string;\n  children?: React.ReactElement;\n  onCreateChannel?: (channel: OpenChannel) => void;\n  onBeforeCreateChannel?: (params: OpenChannelCreateParams) => OpenChannelCreateParams;\n}\n\nexport const CreateOpenChannelProvider: React.FC<CreateOpenChannelProviderProps> = ({\n  className,\n  children,\n  onCreateChannel,\n  onBeforeCreateChannel,\n}: CreateOpenChannelProviderProps): React.ReactElement => {\n  const { stores, config } = useSendbirdStateContext();\n  const { logger } = config;\n  const sdk = stores?.sdkStore?.sdk || null;\n  const sdkInitialized = stores?.sdkStore?.initialized || false;\n\n  const createNewOpenChannel = useCallback((params: CreateNewOpenChannelCallbackProps): void => {\n    const { name, coverUrlOrImage } = params;\n    if (sdkInitialized) {\n      const params = {} as OpenChannelCreateParams;\n      params.operatorUserIds = [sdk?.currentUser?.userId];\n      params.name = name;\n      params.coverUrlOrImage = coverUrlOrImage;\n      sdk.openChannel.createChannel(onBeforeCreateChannel?.(params) || params)\n        .then((openChannel) => {\n          logger.info('CreateOpenChannel: Succeeded creating openChannel', openChannel);\n          onCreateChannel(openChannel);\n        })\n        .catch((err) => {\n          logger.warning('CreateOpenChannel: Failed creating openChannel', err);\n        });\n    }\n  }, [sdkInitialized, onBeforeCreateChannel, onCreateChannel]);\n\n  return (\n    <CreateOpenChannelContext.Provider\n      value={{\n        // interface\n        sdk: sdk,\n        sdkInitialized: sdkInitialized,\n        logger: logger,\n        createNewOpenChannel: createNewOpenChannel,\n      }}\n    >\n      <div className={`sendbird-create-open-channel ${className}`}>\n        {children}\n      </div>\n    </CreateOpenChannelContext.Provider>\n  );\n};\n\nexport const useCreateOpenChannelContext = (): CreateOpenChannelContextInterface => (\n  React.useContext(CreateOpenChannelContext)\n);\n"],"names":["CreateOpenChannelContext","React","createContext","sdk","sdkInitialized","logger","createNewOpenChannel","CreateOpenChannelProvider","_a","className","children","onCreateChannel","onBeforeCreateChannel","_d","useSendbirdStateContext","stores","config","_b","sdkStore","_c","initialized","useCallback","params","name","coverUrlOrImage","params_1","operatorUserIds","currentUser","userId","openChannel","createChannel","then","info","catch","err","warning","createElement","Provider","value","concat","useCreateOpenChannelContext","useContext"],"mappings":"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"}

package/cjs/CreateOpenChannel.js

@@ -3,27 +3,28 @@
 var React = require('react');
 var CreateOpenChannel_components_CreateOpenChannelUI = require('./CreateOpenChannel/components/CreateOpenChannelUI.js');
 var CreateOpenChannel_context = require('./CreateOpenChannel/context.js');
-require('./LocalizationContext-482c1343.js');
-require('./stringSet-d00535a5.js');
-require('./index-d04f312e.js');
+require('./LocalizationContext-5009012e.js');
+require('./stringSet-98b52c49.js');
+require('./index-fd8a0abb.js');
 require('./ui/Avatar.js');
+require('./tslib.es6-2f2b0bca.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
 require('prop-types');
-require('./uuid-b2806cf5.js');
-require('./index-18720f0d.js');
-require('./ui/Button.js');
+require('./uuid-c74bbbb6.js');
+require('./index-35820a94.js');
+require('./types-66554668.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./utils-c47c68b1.js');
-require('./index.module-a24e9cd7.js');
-require('./index-cbcacbee.js');
-require('./MediaQueryContext-73aac8cf.js');
+require('./utils-180c6bc8.js');
+require('./index-609b07a2.js');
+require('./index-daf80c58.js');
+require('./MediaQueryContext-d6fdbe43.js');
 require('./ui/IconButton.js');
-require('./_rollupPluginBabelHelpers-83d7e84b.js');
+require('./ui/Button.js');
 require('./ui/Input.js');
 require('./ui/TextButton.js');
-require('./color-d83b77ac.js');
+require('./color-477ddbd4.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 
@@ -31,15 +32,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function CreateOpenChannel(_ref) {
-  let {
-    className,
-    onCreateChannel,
-    onBeforeCreateChannel,
-    closeModal,
-    renderHeader,
-    renderProfileInput
-  } = _ref;
+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["default"].createElement(CreateOpenChannel_context.CreateOpenChannelProvider, {
     className: className,
     onCreateChannel: onCreateChannel,

package/cjs/CreateOpenChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOpenChannel.js","sources":["../../src/modules/CreateOpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateOpenChannelUI, { CreateOpenChannelUIProps } from './components/CreateOpenChannelUI';\nimport { CreateOpenChannelProvider, CreateOpenChannelProviderProps } from './context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelProps extends CreateOpenChannelProviderProps, CreateOpenChannelUIProps { }\n\nfunction CreateOpenChannel({\n  className,\n  onCreateChannel,\n  onBeforeCreateChannel,\n  closeModal,\n  renderHeader,\n  renderProfileInput,\n}: CreateOpenChannelProps): React.ReactElement {\n  return (\n    <CreateOpenChannelProvider\n      className={className}\n      onCreateChannel={onCreateChannel}\n      onBeforeCreateChannel={onBeforeCreateChannel}\n    >\n      <CreateOpenChannelUI\n        closeModal={closeModal}\n        renderHeader={renderHeader}\n        renderProfileInput={renderProfileInput}\n      />\n    </CreateOpenChannelProvider>\n  );\n}\n\nexport default CreateOpenChannel;\n"],"names":["CreateOpenChannel","_ref","className","onCreateChannel","onBeforeCreateChannel","closeModal","renderHeader","renderProfileInput","React","createElement","CreateOpenChannelProvider","CreateOpenChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,iBAAiBA,CAAAC,IAAA,EAOqB;EAAA,IAPpB;IACzBC,SAAS;IACTC,eAAe;IACfC,qBAAqB;IACrBC,UAAU;IACVC,YAAY;AACZC,IAAAA,kBAAAA;AACsB,GAAC,GAAAN,IAAA,CAAA;AACvB,EAAA,oBACEO,yBAAA,CAAAC,aAAA,CAACC,mDAAyB,EAAA;AACxBR,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,qBAAqB,EAAEA,qBAAAA;AAAsB,GAAA,eAE7CI,yBAAA,CAAAC,aAAA,CAACE,gDAAmB,EAAA;AAClBN,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,CACvC,CACwB,CAAA;AAEhC;;;;"}
+{"version":3,"file":"CreateOpenChannel.js","sources":["../../src/modules/CreateOpenChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateOpenChannelUI, { CreateOpenChannelUIProps } from './components/CreateOpenChannelUI';\nimport { CreateOpenChannelProvider, CreateOpenChannelProviderProps } from './context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelProps extends CreateOpenChannelProviderProps, CreateOpenChannelUIProps { }\n\nfunction CreateOpenChannel({\n  className,\n  onCreateChannel,\n  onBeforeCreateChannel,\n  closeModal,\n  renderHeader,\n  renderProfileInput,\n}: CreateOpenChannelProps): React.ReactElement {\n  return (\n    <CreateOpenChannelProvider\n      className={className}\n      onCreateChannel={onCreateChannel}\n      onBeforeCreateChannel={onBeforeCreateChannel}\n    >\n      <CreateOpenChannelUI\n        closeModal={closeModal}\n        renderHeader={renderHeader}\n        renderProfileInput={renderProfileInput}\n      />\n    </CreateOpenChannelProvider>\n  );\n}\n\nexport default CreateOpenChannel;\n"],"names":["CreateOpenChannel","_a","className","onCreateChannel","onBeforeCreateChannel","closeModal","renderHeader","renderProfileInput","React","createElement","CreateOpenChannelProvider","CreateOpenChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,iBAAiBA,CAACC,EAOF,EAAA;AANvB,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,eAAe,GAAAF,EAAA,CAAAE,eAAA;IACfC,qBAAqB,GAAAH,EAAA,CAAAG,qBAAA;IACrBC,UAAU,gBAAA;IACVC,YAAY,GAAAL,EAAA,CAAAK,YAAA;IACZC,kBAAkB,GAAAN,EAAA,CAAAM,kBAAA,CAAA;AAElB,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,mDAAyB,EAAA;AACxBR,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,qBAAqB,EAAEA,qBAAAA;AAAsB,GAAA,eAE7CI,yBAAA,CAAAC,aAAA,CAACE,gDAAmB,EAAA;AAClBN,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAE3C,CAA2B,CAAC,CAAA;AAEhC;;;;"}