@sendbird/uikit-react 3.4.5 → 3.4.6-0

package/cjs/CreateChannel/components/InviteUsers.js.map

@@ -1 +1 @@
-{"version":3,"file":"InviteUsers.js","sources":["../../../../src/smart-components/CreateChannel/components/InviteUsers/utils.ts","../../../../src/smart-components/CreateChannel/components/InviteUsers/index.tsx"],"sourcesContent":["import type { ApplicationUserListQuery } from \"@sendbird/chat\";\nimport type { GroupChannelCreateParams, SendbirdGroupChat } from \"@sendbird/chat/groupChannel\";\nimport { CHANNEL_TYPE } from \"../../types\";\n\nexport const filterUser = (idsToFilter: string[]) => (currentId: string): boolean => idsToFilter?.includes(currentId);\n\nexport const setChannelType = (\n  params: GroupChannelCreateParams,\n  type: CHANNEL_TYPE,\n): GroupChannelCreateParams => {\n  if (type === 'broadcast') {\n    // eslint-disable-next-line no-param-reassign\n    params.isBroadcast = true;\n  }\n  if (type === 'supergroup') {\n    // eslint-disable-next-line no-param-reassign\n    params.isSuper = true;\n  }\n  return params;\n};\n\ntype CreateDefaultUserListQueryType = {\n  sdk: SendbirdGroupChat;\n  userFilledApplicationUserListQuery?: ApplicationUserListQuery;\n}\n\nexport const createDefaultUserListQuery = (\n  { sdk, userFilledApplicationUserListQuery }: CreateDefaultUserListQueryType\n): ApplicationUserListQuery => {\n  if (sdk?.createApplicationUserListQuery) {\n    const params = sdk?.createApplicationUserListQuery();\n    if (userFilledApplicationUserListQuery) {\n      Object.keys(userFilledApplicationUserListQuery).forEach((key) => {\n        params[key] = userFilledApplicationUserListQuery[key];\n      });\n    }\n    return params;\n  }\n};\n","import React, { useState, useEffect, useContext } from 'react';\nimport type { ApplicationUserListQuery } from '@sendbird/chat';\n\nimport './invite-users.scss';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useCreateChannelContext } from '../../context/CreateChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport type { GroupChannelCreateParams, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport Modal from '../../../../ui/Modal';\nimport Label, {\n  LabelColors,\n  LabelTypography,\n} from '../../../../ui/Label';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { UserListQuery } from '../../context/CreateChannelProvider';\n\nimport {\n  filterUser,\n  setChannelType,\n  createDefaultUserListQuery,\n} from './utils';\n\nexport interface InviteUsersProps {\n  onCancel?: () => void;\n  userListQuery?(): UserListQuery;\n}\n\nconst appHeight = () => {\n  try {\n    const doc = document.documentElement;\n    doc.style.setProperty('--sendbird-vh', (window.innerHeight*.01) + 'px');\n  } catch {}\n}\n\nconst InviteUsers: React.FC<InviteUsersProps> = ({\n  onCancel,\n  userListQuery,\n}: InviteUsersProps) => {\n  const {\n    onBeforeCreateChannel,\n    onCreateChannel,\n    overrideInviteUser,\n    createChannel,\n    type,\n  } = useCreateChannelContext();\n\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const sdk = globalStore?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n  const idsToFilter = [userId];\n  const [users, setUsers] = useState([]);\n  const [selectedUsers, setSelectedUsers] = useState({});\n  const { stringSet } = useContext(LocalizationContext);\n  const [usersDataSource, setUsersDataSource] = useState<ApplicationUserListQuery | UserListQuery>(null);\n  const selectedCount = Object.keys(selectedUsers).length;\n  const titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;\n  const submitText = stringSet.BUTTON__CREATE;\n\n  const userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({ sdk });\n\n  useEffect(() => {\n    const applicationUserListQuery = userQueryCreator;\n    setUsersDataSource(applicationUserListQuery);\n    // @ts-ignore\n    if (!applicationUserListQuery?.isLoading) {\n      applicationUserListQuery.next().then((users_) => {\n        setUsers(users_);\n      });\n    }\n  }, []);\n\n  // https://stackoverflow.com/a/70302463\n  // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/#css-custom-properties-the-trick-to-correct-sizing\n  // to fix navbar break in mobile\n  useEffect(() => {\n    appHeight();\n    window.addEventListener('resize', appHeight);\n    return () => {\n      window.removeEventListener('resize', appHeight);\n    }\n  }, []);\n\n  return (\n    <Modal\n      isFullScreenOnMobile\n      titleText={titleText}\n      submitText={submitText}\n      type={ButtonTypes.PRIMARY}\n      disabled={Object.keys(selectedUsers).length === 0}\n      onCancel={onCancel}\n      onSubmit={() => {\n        const selectedUserList = Object.keys(selectedUsers);\n        if (typeof overrideInviteUser === 'function') {\n          overrideInviteUser({\n            users: selectedUserList,\n            onClose: onCancel,\n            channelType: type,\n          });\n          return;\n        }\n        if (selectedUserList.length > 0) {\n          if (onBeforeCreateChannel) {\n            const params = onBeforeCreateChannel(selectedUserList);\n            setChannelType(params, type);\n            createChannel(params).then((channel) => {\n              onCreateChannel(channel);\n            });\n          } else {\n            const params: GroupChannelCreateParams = {};\n            params.invitedUserIds = selectedUserList;\n            params.isDistinct = false;\n            if (userId) {\n              params.operatorUserIds = [userId];\n            }\n            setChannelType(params, type);\n            // do not have custom params\n            createChannel(params).then((channel) => {\n              onCreateChannel(channel);\n            });\n          }\n          onCancel();\n        }\n      }}\n    >\n      <div>\n        <Label\n          color={(selectedCount > 0) ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3}\n          type={LabelTypography.CAPTION_1}\n        >\n          {`${selectedCount} ${stringSet.MODAL__INVITE_MEMBER__SELECTED}`}\n        </Label>\n        <div\n          className=\"sendbird-create-channel--scroll\"\n          onScroll={(e) => {\n            const eventTarget = e.target as HTMLDivElement;\n            const { hasNext } = usersDataSource;\n            const fetchMore = (\n              eventTarget.clientHeight + eventTarget.scrollTop === eventTarget.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              usersDataSource.next().then((usersBatch) => {\n                setUsers([\n                  ...users,\n                  ...usersBatch,\n                ]);\n              });\n            }\n          }}\n        >\n          {\n            users.map((user) => (!filterUser(idsToFilter)(user.userId)) && (\n              <UserListItem\n                key={user.userId}\n                user={user}\n                checkBox\n                checked={selectedUsers[user.userId]}\n                onChange={\n                  (event) => {\n                    const modifiedSelectedUsers = {\n                      ...selectedUsers,\n                      [event.target.id]: event.target.checked,\n                    };\n                    if (!event.target.checked) {\n                      delete modifiedSelectedUsers[event.target.id];\n                    }\n                    setSelectedUsers(modifiedSelectedUsers);\n                  }\n                }\n              />\n            ))\n          }\n        </div>\n      </div>\n    </Modal>\n  );\n};\n\nexport default InviteUsers;\n"],"names":["filterUser","idsToFilter","currentId","includes","setChannelType","params","type","isBroadcast","isSuper","createDefaultUserListQuery","_a","sdk","userFilledApplicationUserListQuery","createApplicationUserListQuery","params_1","Object","keys","forEach","key","appHeight","doc","document","documentElement","style","setProperty","window","innerHeight","InviteUsers","onCancel","userListQuery","_e","useCreateChannelContext","onBeforeCreateChannel","onCreateChannel","overrideInviteUser","createChannel","globalStore","useSendbirdStateContext","userId","_b","config","_d","_c","stores","sdkStore","_f","useState","users","setUsers","_g","selectedUsers","setSelectedUsers","stringSet","useContext","LocalizationContext","_h","usersDataSource","setUsersDataSource","selectedCount","length","titleText","MODAL__CREATE_CHANNEL__TITLE","submitText","BUTTON__CREATE","userQueryCreator","useEffect","applicationUserListQuery","isLoading","next","then","users_","addEventListener","removeEventListener","React","Modal","ButtonTypes","PRIMARY","selectedUserList","onClose","channelType","channel","invitedUserIds","isDistinct","operatorUserIds","Label","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","concat","MODAL__INVITE_MEMBER__SELECTED","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","__spreadArray","map","user","UserListItem","event","modifiedSelectedUsers","__assign","id","checked"],"mappings":"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"}
+{"version":3,"file":"InviteUsers.js","sources":["../../../../src/smart-components/CreateChannel/components/InviteUsers/utils.ts","../../../../src/smart-components/CreateChannel/components/InviteUsers/index.tsx"],"sourcesContent":["import type { ApplicationUserListQuery } from \"@sendbird/chat\";\nimport type { GroupChannelCreateParams, SendbirdGroupChat } from \"@sendbird/chat/groupChannel\";\nimport { CHANNEL_TYPE } from \"../../types\";\n\nexport const filterUser = (idsToFilter: string[]) => (currentId: string): boolean => idsToFilter?.includes(currentId);\n\nexport const setChannelType = (\n  params: GroupChannelCreateParams,\n  type: CHANNEL_TYPE,\n): GroupChannelCreateParams => {\n  if (type === 'broadcast') {\n    // eslint-disable-next-line no-param-reassign\n    params.isBroadcast = true;\n  }\n  if (type === 'supergroup') {\n    // eslint-disable-next-line no-param-reassign\n    params.isSuper = true;\n  }\n  return params;\n};\n\ntype CreateDefaultUserListQueryType = {\n  sdk: SendbirdGroupChat;\n  userFilledApplicationUserListQuery?: ApplicationUserListQuery;\n}\n\nexport const createDefaultUserListQuery = (\n  { sdk, userFilledApplicationUserListQuery }: CreateDefaultUserListQueryType\n): ApplicationUserListQuery => {\n  if (sdk?.createApplicationUserListQuery) {\n    const params = sdk?.createApplicationUserListQuery();\n    if (userFilledApplicationUserListQuery) {\n      Object.keys(userFilledApplicationUserListQuery).forEach((key) => {\n        params[key] = userFilledApplicationUserListQuery[key];\n      });\n    }\n    return params;\n  }\n};\n","import React, { useState, useEffect, useContext } from 'react';\nimport type { ApplicationUserListQuery } from '@sendbird/chat';\n\nimport './invite-users.scss';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useCreateChannelContext } from '../../context/CreateChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport type { GroupChannelCreateParams, SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport Modal from '../../../../ui/Modal';\nimport Label, {\n  LabelColors,\n  LabelTypography,\n} from '../../../../ui/Label';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { UserListQuery } from '../../context/CreateChannelProvider';\n\nimport {\n  filterUser,\n  setChannelType,\n  createDefaultUserListQuery,\n} from './utils';\n\nexport interface InviteUsersProps {\n  onCancel?: () => void;\n  userListQuery?(): UserListQuery;\n}\n\nconst appHeight = () => {\n  try {\n    const doc = document.documentElement;\n    doc.style.setProperty('--sendbird-vh', (window.innerHeight*.01) + 'px');\n  } catch {}\n}\n\nconst InviteUsers: React.FC<InviteUsersProps> = ({\n  onCancel,\n  userListQuery,\n}: InviteUsersProps) => {\n  const {\n    onBeforeCreateChannel,\n    onCreateChannel,\n    overrideInviteUser,\n    createChannel,\n    type,\n  } = useCreateChannelContext();\n\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const sdk = globalStore?.stores?.sdkStore?.sdk as SendbirdGroupChat;\n  const idsToFilter = [userId];\n  const [users, setUsers] = useState([]);\n  const [selectedUsers, setSelectedUsers] = useState({});\n  const { stringSet } = useContext(LocalizationContext);\n  const [usersDataSource, setUsersDataSource] = useState<ApplicationUserListQuery | UserListQuery>(null);\n  const selectedCount = Object.keys(selectedUsers).length;\n  const titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;\n  const submitText = stringSet.BUTTON__CREATE;\n\n  const userQueryCreator = userListQuery ? userListQuery() : createDefaultUserListQuery({ sdk });\n\n  useEffect(() => {\n    const applicationUserListQuery = userQueryCreator;\n    setUsersDataSource(applicationUserListQuery);\n    // @ts-ignore\n    if (!applicationUserListQuery?.isLoading) {\n      applicationUserListQuery.next().then((users_) => {\n        setUsers(users_);\n      });\n    }\n  }, []);\n\n  // https://stackoverflow.com/a/70302463\n  // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/#css-custom-properties-the-trick-to-correct-sizing\n  // to fix navbar break in mobile\n  useEffect(() => {\n    appHeight();\n    window.addEventListener('resize', appHeight);\n    return () => {\n      window.removeEventListener('resize', appHeight);\n    }\n  }, []);\n\n  return (\n    <Modal\n      isFullScreenOnMobile\n      titleText={titleText}\n      submitText={submitText}\n      type={ButtonTypes.PRIMARY}\n      disabled={Object.keys(selectedUsers).length === 0}\n      onCancel={onCancel}\n      onSubmit={() => {\n        const selectedUserList = Object.keys(selectedUsers);\n        if (typeof overrideInviteUser === 'function') {\n          overrideInviteUser({\n            users: selectedUserList,\n            onClose: onCancel,\n            channelType: type,\n          });\n          return;\n        }\n        if (selectedUserList.length > 0) {\n          if (onBeforeCreateChannel) {\n            const params = onBeforeCreateChannel(selectedUserList);\n            setChannelType(params, type);\n            createChannel(params).then((channel) => {\n              onCreateChannel(channel);\n            });\n          } else {\n            const params: GroupChannelCreateParams = {};\n            params.invitedUserIds = selectedUserList;\n            params.isDistinct = false;\n            if (userId) {\n              params.operatorUserIds = [userId];\n            }\n            setChannelType(params, type);\n            // do not have custom params\n            createChannel(params).then((channel) => {\n              onCreateChannel(channel);\n            });\n          }\n          onCancel();\n        }\n      }}\n    >\n      <div>\n        <Label\n          color={(selectedCount > 0) ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3}\n          type={LabelTypography.CAPTION_1}\n        >\n          {`${selectedCount} ${stringSet.MODAL__INVITE_MEMBER__SELECTED}`}\n        </Label>\n        <div\n          className=\"sendbird-create-channel--scroll\"\n          onScroll={(e) => {\n            const eventTarget = e.target as HTMLDivElement;\n            const { hasNext } = usersDataSource;\n            const fetchMore = (\n              eventTarget.clientHeight + eventTarget.scrollTop === eventTarget.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              usersDataSource.next().then((usersBatch) => {\n                setUsers([\n                  ...users,\n                  ...usersBatch,\n                ]);\n              });\n            }\n          }}\n        >\n          {\n            users.map((user) => (!filterUser(idsToFilter)(user.userId)) && (\n              <UserListItem\n                key={user.userId}\n                user={user}\n                checkBox\n                checked={selectedUsers[user.userId]}\n                onChange={\n                  (event) => {\n                    const modifiedSelectedUsers = {\n                      ...selectedUsers,\n                      [event.target.id]: event.target.checked,\n                    };\n                    if (!event.target.checked) {\n                      delete modifiedSelectedUsers[event.target.id];\n                    }\n                    setSelectedUsers(modifiedSelectedUsers);\n                  }\n                }\n              />\n            ))\n          }\n        </div>\n      </div>\n    </Modal>\n  );\n};\n\nexport default InviteUsers;\n"],"names":["filterUser","idsToFilter","currentId","includes","setChannelType","params","type","isBroadcast","isSuper","createDefaultUserListQuery","_a","sdk","userFilledApplicationUserListQuery","createApplicationUserListQuery","params_1","Object","keys","forEach","key","appHeight","doc","document","documentElement","style","setProperty","window","innerHeight","InviteUsers","onCancel","userListQuery","_e","useCreateChannelContext","onBeforeCreateChannel","onCreateChannel","overrideInviteUser","createChannel","globalStore","useSendbirdStateContext","userId","_b","config","_d","_c","stores","sdkStore","_f","useState","users","setUsers","_g","selectedUsers","setSelectedUsers","stringSet","useContext","LocalizationContext","_h","usersDataSource","setUsersDataSource","selectedCount","length","titleText","MODAL__CREATE_CHANNEL__TITLE","submitText","BUTTON__CREATE","userQueryCreator","useEffect","applicationUserListQuery","isLoading","next","then","users_","addEventListener","removeEventListener","React","createElement","Modal","isFullScreenOnMobile","ButtonTypes","PRIMARY","disabled","onSubmit","selectedUserList","onClose","channelType","channel","invitedUserIds","isDistinct","operatorUserIds","Label","color","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","concat","MODAL__INVITE_MEMBER__SELECTED","className","onScroll","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","__spreadArray","map","user","UserListItem","checkBox","checked","onChange","event","modifiedSelectedUsers","__assign","id"],"mappings":"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"}

package/cjs/CreateChannel/components/SelectChannelType.js

@@ -3,23 +3,23 @@
 var React = require('react');
 var sendbirdSelectors = require('../../sendbirdSelectors.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var CreateChannel_context = require('../../CreateChannelProvider-c4ad28a8.js');
-var LocalizationContext = require('../../LocalizationContext-01fceac0.js');
-var ui_Label = require('../../index-26a1e861.js');
+var CreateChannel_context = require('../../CreateChannelProvider-387290bb.js');
+var LocalizationContext = require('../../LocalizationContext-e4a874cf.js');
+var ui_Label = require('../../index-0e43cd69.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Modal = require('../../ui/Modal.js');
-require('../../topics-7547922a.js');
-require('../../utils-5ca88bb6.js');
+require('../../topics-f70c5e0f.js');
+require('../../utils-fdfc9b0a.js');
 require('../../withSendbird.js');
-require('../../tslib.es6-ee1122c5.js');
-require('../../stringSet-7330b627.js');
-require('../../index-7c5d21c4.js');
+require('../../tslib.es6-67bdb021.js');
+require('../../stringSet-76f7df68.js');
+require('../../index-903c0f93.js');
 require('prop-types');
 require('react-dom');
-require('../../index-36aaf992.js');
+require('../../index-813deccc.js');
 require('../../ui/Button.js');
 require('../../ui/IconButton.js');
-require('../../MediaQueryContext-4978c777.js');
+require('../../MediaQueryContext-fcd92c17.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -27,26 +27,20 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 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;
 };
 
@@ -56,7 +50,7 @@ var SelectChannelType = function (props) {
   var sdk = sendbirdSelectors.getSdk(store);
   var createChannelProps = CreateChannel_context.useCreateChannelContext();
   var setStep = createChannelProps.setStep,
-      setType = createChannelProps.setType;
+    setType = createChannelProps.setType;
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   var isBroadcastAvailable = isBroadcastChannelEnabled(sdk);
   var isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);

package/cjs/CreateChannel/components/SelectChannelType.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChannelType.js","sources":["../../../../src/smart-components/CreateChannel/utils.ts","../../../../src/smart-components/CreateChannel/components/SelectChannelType.tsx"],"sourcesContent":["import type { SendbirdGroupChat } from \"@sendbird/chat/groupChannel\";\n\nexport const isBroadcastChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n  }\n\n  return false;\n};\n\nexport const isSuperGroupChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n  }\n\n  return false;\n};\n","import React, { useContext } from 'react';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport * as sendbirdSelectors from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\n\nimport { useCreateChannelContext } from '../context/CreateChannelProvider';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport Label, { LabelColors, LabelTypography } from '../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\n\nimport Modal from '../../../ui/Modal';\n\nimport {\n  isBroadcastChannelEnabled,\n  isSuperGroupChannelEnabled,\n} from '../utils';\nimport { CHANNEL_TYPE } from '../types';\n\nexport interface SelectChannelTypeProps {\n  onCancel?(): void;\n}\n\nconst SelectChannelType: React.FC<SelectChannelTypeProps> = (props: SelectChannelTypeProps) => {\n  const { onCancel } = props;\n  const store = useSendbirdStateContext();\n\n  const sdk = sendbirdSelectors.getSdk(store) as SendbirdGroupChat;\n\n  const createChannelProps = useCreateChannelContext();\n  const {\n    setStep,\n    setType,\n  } = createChannelProps;\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const isBroadcastAvailable = isBroadcastChannelEnabled(sdk);\n  const isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);\n\n  return (\n    <Modal\n      titleText={stringSet?.MODAL__CREATE_CHANNEL__TITLE}\n      hideFooter\n      onCancel={() => { onCancel(); }}\n      className=\"sendbird-add-channel__modal\"\n    >\n      <div className=\"sendbird-add-channel__rectangle-wrap\">\n        <div\n          className=\"sendbird-add-channel__rectangle\"\n          onClick={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n        >\n          <Icon\n            className=\"sendbird-add-channel__rectangle__chat-icon\"\n            type={IconTypes.CHAT}\n            fillColor={IconColors.PRIMARY}\n            width=\"28px\"\n            height=\"28px\"\n          />\n          <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n            {stringSet.MODAL__CREATE_CHANNEL__GROUP}\n          </Label>\n        </div>\n        {\n          isSupergroupAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__supergroup-icon\"\n                type={IconTypes.SUPERGROUP}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__SUPER}\n              </Label>\n            </div>\n          )\n        }\n        {\n          isBroadcastAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__broadcast-icon\"\n                type={IconTypes.BROADCAST}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__BROADCAST}\n              </Label>\n            </div>\n          )\n        }\n      </div>\n    </Modal>\n  );\n}\n\nexport default SelectChannelType;\n"],"names":["isBroadcastChannelEnabled","sdk","ALLOW_BROADCAST_CHANNEL","applicationAttributes","_a","appInfo","Array","isArray","includes","isSuperGroupChannelEnabled","ALLOW_SUPER_GROUP_CHANNEL","SelectChannelType","props","onCancel","store","useSendbirdStateContext","sendbirdSelectors","createChannelProps","useCreateChannelContext","setStep","setType","stringSet","useContext","LocalizationContext","isBroadcastAvailable","isSupergroupAvailable","React","Modal","MODAL__CREATE_CHANNEL__TITLE","CHANNEL_TYPE","GROUP","Icon","IconTypes","CHAT","IconColors","PRIMARY","Label","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","MODAL__CREATE_CHANNEL__GROUP","SUPERGROUP","MODAL__CREATE_CHANNEL__SUPER","BROADCAST","MODAL__CREATE_CHANNEL__BROADCAST"],"mappings":"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"}
+{"version":3,"file":"SelectChannelType.js","sources":["../../../../src/smart-components/CreateChannel/utils.ts","../../../../src/smart-components/CreateChannel/components/SelectChannelType.tsx"],"sourcesContent":["import type { SendbirdGroupChat } from \"@sendbird/chat/groupChannel\";\n\nexport const isBroadcastChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n  }\n\n  return false;\n};\n\nexport const isSuperGroupChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n  }\n\n  return false;\n};\n","import React, { useContext } from 'react';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport * as sendbirdSelectors from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\n\nimport { useCreateChannelContext } from '../context/CreateChannelProvider';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport Label, { LabelColors, LabelTypography } from '../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\n\nimport Modal from '../../../ui/Modal';\n\nimport {\n  isBroadcastChannelEnabled,\n  isSuperGroupChannelEnabled,\n} from '../utils';\nimport { CHANNEL_TYPE } from '../types';\n\nexport interface SelectChannelTypeProps {\n  onCancel?(): void;\n}\n\nconst SelectChannelType: React.FC<SelectChannelTypeProps> = (props: SelectChannelTypeProps) => {\n  const { onCancel } = props;\n  const store = useSendbirdStateContext();\n\n  const sdk = sendbirdSelectors.getSdk(store) as SendbirdGroupChat;\n\n  const createChannelProps = useCreateChannelContext();\n  const {\n    setStep,\n    setType,\n  } = createChannelProps;\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const isBroadcastAvailable = isBroadcastChannelEnabled(sdk);\n  const isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);\n\n  return (\n    <Modal\n      titleText={stringSet?.MODAL__CREATE_CHANNEL__TITLE}\n      hideFooter\n      onCancel={() => { onCancel(); }}\n      className=\"sendbird-add-channel__modal\"\n    >\n      <div className=\"sendbird-add-channel__rectangle-wrap\">\n        <div\n          className=\"sendbird-add-channel__rectangle\"\n          onClick={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n        >\n          <Icon\n            className=\"sendbird-add-channel__rectangle__chat-icon\"\n            type={IconTypes.CHAT}\n            fillColor={IconColors.PRIMARY}\n            width=\"28px\"\n            height=\"28px\"\n          />\n          <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n            {stringSet.MODAL__CREATE_CHANNEL__GROUP}\n          </Label>\n        </div>\n        {\n          isSupergroupAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__supergroup-icon\"\n                type={IconTypes.SUPERGROUP}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__SUPER}\n              </Label>\n            </div>\n          )\n        }\n        {\n          isBroadcastAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__broadcast-icon\"\n                type={IconTypes.BROADCAST}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__BROADCAST}\n              </Label>\n            </div>\n          )\n        }\n      </div>\n    </Modal>\n  );\n}\n\nexport default SelectChannelType;\n"],"names":["isBroadcastChannelEnabled","sdk","ALLOW_BROADCAST_CHANNEL","applicationAttributes","_a","appInfo","Array","isArray","includes","isSuperGroupChannelEnabled","ALLOW_SUPER_GROUP_CHANNEL","SelectChannelType","props","onCancel","store","useSendbirdStateContext","sendbirdSelectors","createChannelProps","useCreateChannelContext","setStep","setType","stringSet","useContext","LocalizationContext","isBroadcastAvailable","isSupergroupAvailable","React","createElement","Modal","titleText","MODAL__CREATE_CHANNEL__TITLE","hideFooter","className","onClick","CHANNEL_TYPE","GROUP","role","tabIndex","onKeyDown","Icon","type","IconTypes","CHAT","fillColor","IconColors","PRIMARY","width","height","Label","LabelTypography","SUBTITLE_1","color","LabelColors","ONBACKGROUND_1","MODAL__CREATE_CHANNEL__GROUP","SUPERGROUP","MODAL__CREATE_CHANNEL__SUPER","BROADCAST","MODAL__CREATE_CHANNEL__BROADCAST"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,yBAAyB,GAAG,UAACC,GAAsB,EAAA;;EAC9D,IAAMC,uBAAuB,GAAG,yBAAyB,CAAA;AACzD,EAAA,IAAMC,qBAAqB,GAAG,CAAAC,EAAA,GAAAH,GAAG,KAAH,IAAA,IAAAA,GAAG,KAAH,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,GAAG,CAAEI,OAAO,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAD,qBAAqB,CAAA;AAEjE,EAAA,IAAIG,KAAK,CAACC,OAAO,CAACJ,qBAAqB,CAAC,EAAE;AACxC,IAAA,OAAOA,qBAAqB,CAACK,QAAQ,CAACN,uBAAuB,CAAC,CAAA;AAC/D,GAAA;AAED,EAAA,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAEM,IAAMO,0BAA0B,GAAG,UAACR,GAAsB,EAAA;;EAC/D,IAAMS,yBAAyB,GAAG,2BAA2B,CAAA;AAC7D,EAAA,IAAMP,qBAAqB,GAAG,CAAAC,EAAA,GAAAH,GAAG,KAAH,IAAA,IAAAA,GAAG,KAAH,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,GAAG,CAAEI,OAAO,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAD,qBAAqB,CAAA;AAEjE,EAAA,IAAIG,KAAK,CAACC,OAAO,CAACJ,qBAAqB,CAAC,EAAE;AACxC,IAAA,OAAOA,qBAAqB,CAACK,QAAQ,CAACE,yBAAyB,CAAC,CAAA;AACjE,GAAA;AAED,EAAA,OAAO,KAAK,CAAA;AACd,CAAC;;ACED,IAAMC,iBAAiB,GAAqC,UAACC,KAA6B,EAAA;AAChF,EAAA,IAAAC,QAAQ,GAAKD,KAAK,CAAAC,QAAV,CAAA;EAChB,IAAMC,KAAK,GAAGC,uBAAuB,EAAE,CAAA;AAEvC,EAAA,IAAMd,GAAG,GAAGe,wBAAwB,CAACF,KAAK,CAAsB,CAAA;EAEhE,IAAMG,kBAAkB,GAAGC,6CAAuB,EAAE,CAAA;AAElD,EAAA,IAAAC,OAAO,GAELF,kBAAkB,CAAAE,OAFb;IACPC,OAAO,GACLH,kBAAkB,CAAAG,OADb,CAAA;AAGD,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAmB,CAAC,UAApC,CAAA;AAEjB,EAAA,IAAMC,oBAAoB,GAAGxB,yBAAyB,CAACC,GAAG,CAAC,CAAA;AAC3D,EAAA,IAAMwB,qBAAqB,GAAGhB,0BAA0B,CAACR,GAAG,CAAC,CAAA;AAE7D,EAAA,oBACEyB,yBAAA,CAAAC,aAAA,CAACC,mBAAK,EAAA;AACJC,IAAAA,SAAS,EAAER,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAES,4BAA6B;IACnDC,UAAU,EAAA,IAAA;IACVlB,QAAQ,EAAE,YAAA;AAAQA,MAAAA,QAAQ,EAAE,CAAA;KAAI;AAChCmB,IAAAA,SAAS,EAAC,6BAAA;GAEVN,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKK,IAAAA,SAAS,EAAC,sCAAA;GACbN,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEK,IAAAA,SAAS,EAAC,iCAAiC;IAC3CC,OAAO,EAAE,YAAA;AACPb,MAAAA,OAAO,CAACc,kCAAY,CAACC,KAAK,CAAC,CAAA;MAC3BhB,OAAO,CAAC,CAAC,CAAC,CAAA;KACV;AACFiB,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,QAAQ,EAAE,CAAE;IACZC,SAAS,EAAE,YAAA;AACTlB,MAAAA,OAAO,CAACc,kCAAY,CAACC,KAAK,CAAC,CAAA;MAC3BhB,OAAO,CAAC,CAAC,CAAC,CAAA;AACZ,KAAA;AAAE,GAAA,eAEFO,yBAAA,CAAAC,aAAA,CAACY,kBAAI,EAAA;AACHP,IAAAA,SAAS,EAAC,4CAA4C;IACtDQ,IAAI,EAAEC,iBAAS,CAACC,IAAK;IACrBC,SAAS,EAAEC,kBAAU,CAACC,OAAQ;AAC9BC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,CAEf,eAAArB,yBAAA,CAAAC,aAAA,CAACqB,cAAK,EAAA;IAACR,IAAI,EAAES,wBAAe,CAACC,UAAW;IAACC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GACzDhC,EAAAA,SAAS,CAACiC,4BAA4B,CAE3C,CACA,EACE7B,qBAAqB,iBACnBC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEK,IAAAA,SAAS,EAAC,iCAAiC;IAC3CC,OAAO,EAAE,YAAA;AACPb,MAAAA,OAAO,CAACc,kCAAY,CAACqB,UAAU,CAAC,CAAA;MAChCpC,OAAO,CAAC,CAAC,CAAC,CAAA;KACV;AACFiB,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,QAAQ,EAAE,CAAE;IACZC,SAAS,EAAE,YAAA;AACTlB,MAAAA,OAAO,CAACc,kCAAY,CAACqB,UAAU,CAAC,CAAA;MAChCpC,OAAO,CAAC,CAAC,CAAC,CAAA;AACZ,KAAA;AAAE,GAAA,eAEFO,yBAAA,CAAAC,aAAA,CAACY,kBAAI,EAAA;AACHP,IAAAA,SAAS,EAAC,kDAAkD;IAC5DQ,IAAI,EAAEC,iBAAS,CAACc,UAAW;IAC3BZ,SAAS,EAAEC,kBAAU,CAACC,OAAQ;AAC9BC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,CAEf,eAAArB,yBAAA,CAAAC,aAAA,CAACqB,cAAK,EAAA;IAACR,IAAI,EAAES,wBAAe,CAACC,UAAW;IAACC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GACzDhC,EAAAA,SAAS,CAACmC,4BAA4B,CAE3C,CACD,EAGDhC,oBAAoB,iBAClBE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEK,IAAAA,SAAS,EAAC,iCAAiC;IAC3CC,OAAO,EAAE,YAAA;AACPb,MAAAA,OAAO,CAACc,kCAAY,CAACuB,SAAS,CAAC,CAAA;MAC/BtC,OAAO,CAAC,CAAC,CAAC,CAAA;KACV;AACFiB,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,QAAQ,EAAE,CAAE;IACZC,SAAS,EAAE,YAAA;AACTlB,MAAAA,OAAO,CAACc,kCAAY,CAACuB,SAAS,CAAC,CAAA;MAC/BtC,OAAO,CAAC,CAAC,CAAC,CAAA;AACZ,KAAA;AAAE,GAAA,eAEFO,yBAAA,CAAAC,aAAA,CAACY,kBAAI,EAAA;AACHP,IAAAA,SAAS,EAAC,iDAAiD;IAC3DQ,IAAI,EAAEC,iBAAS,CAACgB,SAAU;IAC1Bd,SAAS,EAAEC,kBAAU,CAACC,OAAQ;AAC9BC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,CAEf,eAAArB,yBAAA,CAAAC,aAAA,CAACqB,cAAK,EAAA;IAACR,IAAI,EAAES,wBAAe,CAACC,UAAW;IAACC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAAe,GAAA,EACxEhC,SAAS,CAACqC,gCAAgC,CAE/C,CACD,CAGP,CAAQ,CAAA;AAEZ;;;;"}

package/cjs/CreateChannel/context.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../sendbirdSelectors.js');
 require('../useSendbirdStateContext.js');
-var CreateChannel_context = require('../CreateChannelProvider-c4ad28a8.js');
-require('../topics-7547922a.js');
-require('../utils-5ca88bb6.js');
+var CreateChannel_context = require('../CreateChannelProvider-387290bb.js');
+require('../topics-f70c5e0f.js');
+require('../utils-fdfc9b0a.js');
 require('../withSendbird.js');
-require('../tslib.es6-ee1122c5.js');
+require('../tslib.es6-67bdb021.js');
 
 
 

package/cjs/CreateChannel.js

@@ -2,37 +2,37 @@
 
 var React = require('react');
 var CreateChannel_components_CreateChannelUI = require('./CreateChannel/components/CreateChannelUI.js');
-var CreateChannel_context = require('./CreateChannelProvider-c4ad28a8.js');
+var CreateChannel_context = require('./CreateChannelProvider-387290bb.js');
 require('./CreateChannel/components/InviteUsers.js');
-require('./tslib.es6-ee1122c5.js');
-require('./LocalizationContext-01fceac0.js');
-require('./stringSet-7330b627.js');
-require('./index-7c5d21c4.js');
+require('./tslib.es6-67bdb021.js');
+require('./LocalizationContext-e4a874cf.js');
+require('./stringSet-76f7df68.js');
+require('./index-903c0f93.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-36aaf992.js');
+require('./index-813deccc.js');
 require('./ui/Button.js');
-require('./index-26a1e861.js');
+require('./index-0e43cd69.js');
 require('prop-types');
 require('./ui/Icon.js');
 require('./ui/IconButton.js');
-require('./MediaQueryContext-4978c777.js');
+require('./MediaQueryContext-fcd92c17.js');
 require('./ui/UserListItem.js');
-require('./UserProfileContext-c4642438.js');
+require('./UserProfileContext-ce0c283c.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-26b61f16.js');
+require('./uuid-f23c161c.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./topics-7547922a.js');
-require('./utils-5ca88bb6.js');
+require('./topics-f70c5e0f.js');
+require('./utils-fdfc9b0a.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
-require('./index-72fd0294.js');
+require('./index-5075f3b2.js');
 require('./utils/message/getOutgoingMessageState.js');
 require('./CreateChannel/components/SelectChannelType.js');
 
@@ -42,11 +42,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var CreateChannel = function (props) {
   var onBeforeCreateChannel = props.onBeforeCreateChannel,
-      userListQuery = props.userListQuery,
-      onCreateChannel = props.onCreateChannel,
-      overrideInviteUser = props.overrideInviteUser,
-      onCancel = props.onCancel,
-      renderStepOne = props.renderStepOne;
+    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/smart-components/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","CreateChannelProvider","CreateChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,aAAa,GAAiC,UAACC,KAAD,EAA0B;AAE1E,EAAA,IAAAC,qBAAqB,GAMnBD,KAAK,CAAAC,qBANP;AAAA,MACAC,aAAa,GAKXF,KAAK,CALME,aADb;AAAA,MAEAC,eAAe,GAIbH,KAAK,CAAAG,eANP;AAAA,MAGAC,kBAAkB,GAGhBJ,KAAK,CAHWI,kBAHlB;AAAA,MAIAC,QAAQ,GAENL,KAAK,CAAAK,QANP;AAAA,MAKAC,aAAa,GACXN,KAAK,cANP,CAAA;AAOF,EAAA,oBACEO,wCAACC,2CAAD,EAAA;AACE,IAAA,qBAAqB,EAAEP,qBADzB;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,eAAe,EAAEC,eAHnB;AAIE,IAAA,kBAAkB,EAAEC,kBAAAA;AAJtB,GAAA,eAMEG,wCAACE,wCAAD,EAAA;AACE,IAAA,aAAa,EAAEH,aADjB;AAEE,IAAA,QAAQ,EAAED,QAAAA;AAFZ,GAAA,CANF,CADF,CAAA;AAaD;;;;"}
+{"version":3,"file":"CreateChannel.js","sources":["../../src/smart-components/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,GAAA,CAEvB,CAAwB,CAAA;AAE5B;;;;"}

package/cjs/{CreateChannelProvider-c4ad28a8.js → CreateChannelProvider-387290bb.js}

@@ -9,7 +9,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 exports.CHANNEL_TYPE = void 0;
-
 (function (CHANNEL_TYPE) {
   CHANNEL_TYPE["GROUP"] = "group";
   CHANNEL_TYPE["SUPERGROUP"] = "supergroup";
@@ -17,27 +16,22 @@ exports.CHANNEL_TYPE = void 0;
 })(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;
+    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 = sendbirdSelectors.getCreateGroupChannel(store);
-
   var _b = React.useState(0),
-      step = _b[0],
-      setStep = _b[1];
-
+    step = _b[0],
+    setStep = _b[1];
   var _c = React.useState(exports.CHANNEL_TYPE.GROUP),
-      type = _c[0],
-      setType = _c[1];
-
+    type = _c[0],
+    setType = _c[1];
   return /*#__PURE__*/React__default["default"].createElement(CreateChannelContext.Provider, {
     value: {
       onBeforeCreateChannel: onBeforeCreateChannel,
@@ -52,11 +46,10 @@ var CreateChannelProvider = function (props) {
     }
   }, children);
 };
-
 var useCreateChannelContext = function () {
   return React__default["default"].useContext(CreateChannelContext);
 };
 
 exports.CreateChannelProvider = CreateChannelProvider;
 exports.useCreateChannelContext = useCreateChannelContext;
-//# sourceMappingURL=CreateChannelProvider-c4ad28a8.js.map
+//# sourceMappingURL=CreateChannelProvider-387290bb.js.map

package/cjs/{CreateChannelProvider-c4ad28a8.js.map → CreateChannelProvider-387290bb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CreateChannelProvider-c4ad28a8.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":";;;;;;;;;;AAAYA,8BAAZ;;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,oBAAY,KAAZA,oBAAY,GAIvB,EAJuB,CAAxB,CAAA;;ACYA,IAAMC,oBAAoB,gBAAGC,yBAAK,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,uCAAqB,CAACN,KAAD,CADlD,CAAA;;AAGM,EAAA,IAAAO,EAAA,GAAkBC,cAAQ,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,cAAQ,CAACpB,oBAAY,CAACwB,KAAd,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,QAAd,CAAA;;EAEN,oBACExB,yBAAA,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,yBAAK,CAAC0B,UAAN,CAAiB3B,oBAAjB,CADmE,CAAA;AAEpE;;;;;"}
+{"version":3,"file":"CreateChannelProvider-387290bb.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","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;EAGf,IAAMC,KAAK,GAAGC,uBAAuB,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,QAAQ,CACqB,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,26 +1,26 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-01fceac0.js');
+var LocalizationContext = require('../../LocalizationContext-e4a874cf.js');
 var ui_Avatar = require('../../ui/Avatar.js');
 var ui_Button = require('../../ui/Button.js');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Input = require('../../ui/Input.js');
-var ui_Label = require('../../index-26a1e861.js');
+var ui_Label = require('../../index-0e43cd69.js');
 var ui_TextButton = require('../../ui/TextButton.js');
 var CreateOpenChannel_context = require('../context.js');
-require('../../stringSet-7330b627.js');
-require('../../index-7c5d21c4.js');
-require('../../tslib.es6-ee1122c5.js');
+require('../../stringSet-76f7df68.js');
+require('../../index-903c0f93.js');
+require('../../tslib.es6-67bdb021.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-26b61f16.js');
+require('../../uuid-f23c161c.js');
 require('prop-types');
 require('react-dom');
-require('../../index-36aaf992.js');
+require('../../index-813deccc.js');
 require('../../ui/IconButton.js');
-require('../../MediaQueryContext-4978c777.js');
-require('../../color-8f9fe57f.js');
+require('../../MediaQueryContext-fcd92c17.js');
+require('../../color-168c1d53.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 
@@ -30,26 +30,21 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function CreateOpenChannelUI(_a) {
   var closeModal = _a.closeModal,
-      renderHeader = _a.renderHeader,
-      renderProfileInput = _a.renderProfileInput;
-
+    renderHeader = _a.renderHeader,
+    renderProfileInput = _a.renderProfileInput;
   var _b = React.useState(null),
-      newFile = _b[0],
-      setNewFile = _b[1];
-
+    newFile = _b[0],
+    setNewFile = _b[1];
   var _c = React.useState(null),
-      currentImage = _c[0],
-      setCurrentImg = _c[1];
-
+    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;
-
+    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["default"], {
@@ -61,14 +56,11 @@ function CreateOpenChannelUI(_a) {
     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

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

@@ -1 +1 @@
-{"version":3,"file":"CreateOpenChannelUI.js","sources":["../../../../src/smart-components/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","Modal","CREATE_OPEN_CHANNEL_LIST__TITLE","CREATE_OPEN_CHANNEL_LIST__SUBMIT","ButtonTypes","PRIMARY","channelName","current","value","warning","name","coverUrlOrImage","e","preventDefault","InputLabel","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION","Avatar","Icon","IconTypes","CHANNELS","IconColors","CONTENT","display","URL","createObjectURL","target","files","TextButton","click","Label","LabelTypography","BUTTON_1","LabelColors","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD","marginTop","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION","Input","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,SAASA,mBAAT,CAA6BC,EAA7B,EAI2B;AAHzB,EAAA,IAAAC,UAAU,gBAAV;AAAA,MACAC,YAAY,GAAAF,EAAA,CAAAE,YADZ;AAAA,MAEAC,kBAAkB,GAAAH,EAAA,CAAAG,kBAFlB,CAAA;;AAIM,EAAA,IAAAC,EAAA,GAAwBC,cAAQ,CAAC,IAAD,CAAhC;AAAA,MAACC,OAAO,GAAAF,EAAA,CAAA,CAAA,CAAR;AAAA,MAAUG,UAAU,GAAAH,EAAA,CAAA,CAAA,CAApB,CAAA;;AACA,EAAA,IAAAI,EAAA,GAAgCH,cAAQ,CAAC,IAAD,CAAxC;AAAA,MAACI,YAAY,GAAAD,EAAA,CAAA,CAAA,CAAb;AAAA,MAAeE,aAAa,GAAAF,EAAA,CAAA,CAAA,CAA5B,CAAA;;AACN,EAAA,IAAMG,YAAY,GAAGC,YAAM,CAAC,IAAD,CAA3B,CAAA;AACA,EAAA,IAAMC,YAAY,GAAGD,YAAM,CAAC,IAAD,CAA3B,CAAA;AACA,EAAA,IAAME,YAAY,GAAGF,YAAM,CAAC,IAAD,CAA3B,CAAA;AACQ,EAAA,IAAAG,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd,CAAA;;EACF,IAAAC,EAAA,GAGFC,qDAA2B,EAHzB;AAAA,MACJC,MAAM,GAAAF,EAAA,CAAAE,MADF;AAAA,MAEJC,oBAAoB,GAAAH,EAAA,CAAAG,oBAFhB,CAAA;;EAIN,oBACEC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,iCAAA;AAAf,GAAA,eACEA,wCAACC,mBAAD,EAAA;AACE,IAAA,oBAAoB,EADtB,IAAA;IAEE,SAAS,EAAER,SAAS,CAACS,+BAFvB;IAGE,UAAU,EAAET,SAAS,CAACU,gCAHxB;IAIE,IAAI,EAAEC,qBAAW,CAACC,OAJpB;AAKE,IAAA,QAAQ,EAAE1B,UALZ;AAME,IAAA,YAAY,EAAEC,YANhB;AAOE,IAAA,QAAQ,EAAE,YAAA;;;AACR,MAAA,IAAM0B,WAAW,GAAG,CAAA5B,EAAA,GAAAc,YAAY,KAAZ,IAAA,IAAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,YAAY,CAAEe,OAAd,MAAuB,IAAvB,IAAuB7B,EAAA,KAAA,KAAA,CAAvB,GAAuB,KAAA,CAAvB,GAAuBA,EAAA,CAAA8B,KAA3C,CAAA;;MACA,IAAI,CAACF,WAAL,EAAkB;QAChBR,MAAM,CAACW,OAAP,CAAe,uDAAf,CAAA,CAAA;AACA,QAAA,OAAA;AACD,OAAA;;AACDV,MAAAA,oBAAoB,CAAC;AACnBW,QAAAA,IAAI,EAAEJ,WADa;AAEnBK,QAAAA,eAAe,EAAE3B,OAAAA;AAFE,OAAD,CAApB,CAAA;MAIAL,UAAU,EAAA,CAAA;AACX,KAAA;AAlBH,GAAA,eAoBEqB,kFACG,CAAAnB,kBAAkB,KAAA,IAAlB,IAAAA,kBAAkB,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAAA,kBAAkB,EAAlB,kBACCmB,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AACE,IAAA,SAAS,EAAC,gDADZ;AAEE,IAAA,GAAG,EAAEX,YAFP;IAGE,QAAQ,EAAE,UAACuB,CAAD,EAAE;AAAOA,MAAAA,CAAC,CAACC,cAAF,EAAA,CAAA;AAAqB,KAAA;AAH1C,GAAA,eAKEb,wCAACc,mBAAD,EAAA,IAAA,EACGrB,SAAS,CAACsB,+CADb,CALF,eAQEf,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,6DAAA;GACb,eAAAA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,qEAAA;GACZb,EAAAA,YAAY,gBAETa,yBAAA,CAAA,aAAA,CAACgB,oBAAD,EAAA;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;AAGE,IAAA,GAAG,EAAE7B,YAAAA;AAHP,GAAA,CAFS,gBAQTa,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,8EAAA;AAAf,GAAA,eACEA,wCAACiB,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACC,QADlB;IAEE,SAAS,EAAEC,kBAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;GALX,CAAA,CATN,CADF,eAoBErB,yBAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AACE,IAAA,SAAS,EAAC,oEADZ;AAEE,IAAA,GAAG,EAAET,YAFP;AAGE,IAAA,IAAI,EAAC,MAHP;AAIE,IAAA,MAAM,EAAC,kCAJT;AAKE,IAAA,KAAK,EAAE;AAAE+B,MAAAA,OAAO,EAAE,MAAA;KALpB;IAME,QAAQ,EAAE,UAACV,CAAD,EAAE;AACVxB,MAAAA,aAAa,CAACmC,GAAG,CAACC,eAAJ,CAAoBZ,CAAC,CAACa,MAAF,CAASC,KAAT,CAAe,CAAf,CAApB,CAAD,CAAb,CAAA;MACAzC,UAAU,CAAC2B,CAAC,CAACa,MAAF,CAASC,KAAT,CAAe,CAAf,CAAD,CAAV,CAAA;AACAnC,MAAAA,YAAY,CAACgB,OAAb,CAAqBC,KAArB,GAA6B,EAA7B,CAAA;AACD,KAAA;GA9BL,CAAA,eAgCER,wCAAC2B,aAAD,EAAA;AACE,IAAA,SAAS,EAAC,qEADZ;AAEE,IAAA,OAAO,EAAE,YAAM;AAAA,MAAA,OAAApC,YAAY,CAACgB,OAAb,CAAqBqB,KAArB,EAAA,CAAA;KAFjB;IAGE,gBAAgB,EAAA,IAAA;AAHlB,GAAA,eAKE5B,wCAAC6B,cAAD,EAAA;IACE,IAAI,EAAEC,wBAAe,CAACC,QADxB;IAEE,KAAK,EAAEC,oBAAW,CAAC3B,OAAAA;AAFrB,GAAA,EAIGZ,SAAS,CAACwC,8CAJb,CALF,CAhCF,CARF,eAqDEjC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAE;AAAEkC,MAAAA,SAAS,EAAE,MAAA;AAAb,KAAA;GACV,eAAAlC,yBAAA,CAAA,aAAA,CAACc,mBAAD,EACGrB,IAAAA,EAAAA,SAAS,CAAC0C,gDADb,CADF,CArDF,eA0DEnC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,8DAAA;AAAf,GAAA,eACEA,wCAACoC,mBAAD,EAAA;AACE,IAAA,IAAI,EAAC,qEADP;AAEE,IAAA,GAAG,EAAE5C,YAFP;IAGE,WAAW,EAAEC,SAAS,CAAC4C,qDAAAA;AAHzB,GAAA,CADF,CA1DF,CAFJ,CApBF,CADF,CADF,CAAA;AA+FD;;;;"}
+{"version":3,"file":"CreateOpenChannelUI.js","sources":["../../../../src/smart-components/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,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../tslib.es6-ee1122c5.js');
+require('../tslib.es6-67bdb021.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,25 +19,20 @@ var CreateOpenChannelContext = /*#__PURE__*/React__default["default"].createCont
 });
 var CreateOpenChannelProvider = function (_a) {
   var _b, _c;
-
   var className = _a.className,
-      children = _a.children,
-      onCreateChannel = _a.onCreateChannel,
-      onBeforeCreateChannel = _a.onBeforeCreateChannel;
-
+    children = _a.children,
+    onCreateChannel = _a.onCreateChannel,
+    onBeforeCreateChannel = _a.onBeforeCreateChannel;
   var _d = useSendbirdStateContext(),
-      stores = _d.stores,
-      config = _d.config;
-
+    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;
-
+      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];