@sendbird/uikit-react 3.3.1 → 3.3.2-rc.1

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    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 (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","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","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","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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"}

package/cjs/CreateChannel/components/SelectChannelType.js

@@ -3,24 +3,24 @@
 var React = require('react');
 var sendbirdSelectors = require('../../sendbirdSelectors.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var CreateChannel_context = require('../../CreateChannelProvider-700edfa3.js');
-var LocalizationContext = require('../../LocalizationContext-aceff142.js');
-var ui_Label = require('../../index-b1236a45.js');
+var CreateChannel_context = require('../../CreateChannelProvider-90c76533.js');
+var LocalizationContext = require('../../LocalizationContext-c85528b2.js');
+var ui_Label = require('../../index-164b34e2.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Modal = require('../../ui/Modal.js');
-require('../../topics-2e4c3ced.js');
-require('../../utils-c9257c48.js');
+require('../../topics-d24712e2.js');
+require('../../utils-2d7520c0.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-35f4fb95.js');
-require('../../stringSet-5be1fe6f.js');
-require('../../index-05ae57d2.js');
+require('../../_rollupPluginBabelHelpers-b1ccabbe.js');
+require('../../stringSet-d2a0857a.js');
+require('../../index-62b2547e.js');
 require('prop-types');
 require('react-dom');
-require('../../index-016638d4.js');
+require('../../index-e1219afa.js');
 require('../../ui/Button.js');
-require('../../tslib.es6-dcbdfa23.js');
+require('../../tslib.es6-6d1420fc.js');
 require('../../ui/IconButton.js');
-require('../../MediaQueryContext-4e0e5fa0.js');
+require('../../MediaQueryContext-9604faf7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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-700edfa3.js');
-require('../topics-2e4c3ced.js');
-require('../utils-c9257c48.js');
+var CreateChannel_context = require('../CreateChannelProvider-90c76533.js');
+require('../topics-d24712e2.js');
+require('../utils-2d7520c0.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-35f4fb95.js');
+require('../_rollupPluginBabelHelpers-b1ccabbe.js');
 
 
 

package/cjs/CreateChannel.js

@@ -2,38 +2,38 @@
 
 var React = require('react');
 var CreateChannel_components_CreateChannelUI = require('./CreateChannel/components/CreateChannelUI.js');
-var CreateChannel_context = require('./CreateChannelProvider-700edfa3.js');
+var CreateChannel_context = require('./CreateChannelProvider-90c76533.js');
 require('./CreateChannel/components/InviteUsers.js');
-require('./tslib.es6-dcbdfa23.js');
-require('./LocalizationContext-aceff142.js');
-require('./stringSet-5be1fe6f.js');
-require('./index-05ae57d2.js');
+require('./tslib.es6-6d1420fc.js');
+require('./LocalizationContext-c85528b2.js');
+require('./stringSet-d2a0857a.js');
+require('./index-62b2547e.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-35f4fb95.js');
+require('./_rollupPluginBabelHelpers-b1ccabbe.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-016638d4.js');
+require('./index-e1219afa.js');
 require('./ui/Button.js');
-require('./index-b1236a45.js');
+require('./index-164b34e2.js');
 require('prop-types');
 require('./ui/Icon.js');
 require('./ui/IconButton.js');
-require('./MediaQueryContext-4e0e5fa0.js');
+require('./MediaQueryContext-9604faf7.js');
 require('./ui/UserListItem.js');
-require('./UserProfileContext-d3796c43.js');
+require('./UserProfileContext-df31e6ef.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-41344041.js');
+require('./uuid-d37cf7ed.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./topics-2e4c3ced.js');
-require('./utils-c9257c48.js');
+require('./topics-d24712e2.js');
+require('./utils-2d7520c0.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
-require('./index-a0186f0c.js');
+require('./index-5a6f792a.js');
 require('./utils/message/getOutgoingMessageState.js');
 require('./CreateChannel/components/SelectChannelType.js');
 
@@ -45,12 +45,14 @@ 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,
-    onCreateChannel: onCreateChannel
+    onCreateChannel: onCreateChannel,
+    overrideInviteUser: overrideInviteUser
   }, /*#__PURE__*/React__default["default"].createElement(CreateChannel_components_CreateChannelUI, {
     renderStepOne: renderStepOne,
     onCancel: onCancel

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    onCancel,\n    renderStepOne,\n  } = props;\n  return (\n    <CreateChannelProvider\n      onBeforeCreateChannel={onBeforeCreateChannel}\n      userListQuery={userListQuery}\n      onCreateChannel={onCreateChannel}\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","onCancel","renderStepOne","React","CreateChannelProvider","CreateChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,aAAa,GAAiC,UAACC,KAAD,EAA0B;AAE1E,EAAA,IAAAC,qBAAqB,GAKnBD,KAAK,CALcC,qBAArB;AAAA,MACAC,aAAa,GAIXF,KAAK,CAJME,aADb;AAAA,MAEAC,eAAe,GAGbH,KAAK,CAHQG,eAFf;AAAA,MAGAC,QAAQ,GAENJ,KAAK,CAAAI,QALP;AAAA,MAIAC,aAAa,GACXL,KAAK,CAAAK,aALP,CAAA;AAMF,EAAA,oBACEC,wCAACC,2CAAD,EAAA;AACE,IAAA,qBAAqB,EAAEN,qBADzB;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,eAAe,EAAEC,eAAAA;AAHnB,GAAA,eAKEG,wCAACE,wCAAD,EAAA;AACE,IAAA,aAAa,EAAEH,aADjB;AAEE,IAAA,QAAQ,EAAED,QAAAA;AAFZ,GAAA,CALF,CADF,CAAA;AAYD;;;;"}
+{"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;;;;"}

package/cjs/{CreateChannelProvider-700edfa3.js → CreateChannelProvider-90c76533.js}

@@ -24,6 +24,7 @@ var CreateChannelProvider = function (props) {
   var children = props.children,
       onCreateChannel = props.onCreateChannel,
       onBeforeCreateChannel = props.onBeforeCreateChannel,
+      overrideInviteUser = props.overrideInviteUser,
       userListQuery = props.userListQuery;
   var store = useSendbirdStateContext();
   var userListQuery_ = (_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.userListQuery;
@@ -42,6 +43,7 @@ var CreateChannelProvider = function (props) {
       onBeforeCreateChannel: onBeforeCreateChannel,
       createChannel: createChannel,
       onCreateChannel: onCreateChannel,
+      overrideInviteUser: overrideInviteUser,
       userListQuery: userListQuery || userListQuery_,
       step: step,
       setStep: setStep,
@@ -57,4 +59,4 @@ var useCreateChannelContext = function () {
 
 exports.CreateChannelProvider = CreateChannelProvider;
 exports.useCreateChannelContext = useCreateChannelContext;
-//# sourceMappingURL=CreateChannelProvider-700edfa3.js.map
+//# sourceMappingURL=CreateChannelProvider-90c76533.js.map

package/cjs/CreateChannelProvider-90c76533.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateChannelProvider-90c76533.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;;;;;"}

package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-aceff142.js');
+var LocalizationContext = require('../../LocalizationContext-c85528b2.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-b1236a45.js');
+var ui_Label = require('../../index-164b34e2.js');
 var ui_TextButton = require('../../ui/TextButton.js');
 var CreateOpenChannel_context = require('../context.js');
-require('../../stringSet-5be1fe6f.js');
-require('../../index-05ae57d2.js');
-require('../../tslib.es6-dcbdfa23.js');
+require('../../stringSet-d2a0857a.js');
+require('../../index-62b2547e.js');
+require('../../tslib.es6-6d1420fc.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-41344041.js');
+require('../../uuid-d37cf7ed.js');
 require('prop-types');
 require('react-dom');
-require('../../index-016638d4.js');
+require('../../index-e1219afa.js');
 require('../../ui/IconButton.js');
-require('../../MediaQueryContext-4e0e5fa0.js');
-require('../../color-cd73928c.js');
+require('../../MediaQueryContext-9604faf7.js');
+require('../../color-80581acc.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-35f4fb95.js');
+require('../../_rollupPluginBabelHelpers-b1ccabbe.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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('../_rollupPluginBabelHelpers-35f4fb95.js');
+require('../_rollupPluginBabelHelpers-b1ccabbe.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/CreateOpenChannel.js

@@ -3,28 +3,28 @@
 var React = require('react');
 var CreateOpenChannel_components_CreateOpenChannelUI = require('./CreateOpenChannel/components/CreateOpenChannelUI.js');
 var CreateOpenChannel_context = require('./CreateOpenChannel/context.js');
-require('./LocalizationContext-aceff142.js');
-require('./stringSet-5be1fe6f.js');
-require('./index-05ae57d2.js');
+require('./LocalizationContext-c85528b2.js');
+require('./stringSet-d2a0857a.js');
+require('./index-62b2547e.js');
 require('./ui/Avatar.js');
-require('./tslib.es6-dcbdfa23.js');
+require('./tslib.es6-6d1420fc.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
 require('prop-types');
-require('./uuid-41344041.js');
+require('./uuid-d37cf7ed.js');
 require('./ui/Button.js');
-require('./index-b1236a45.js');
+require('./index-164b34e2.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-016638d4.js');
+require('./index-e1219afa.js');
 require('./ui/IconButton.js');
-require('./MediaQueryContext-4e0e5fa0.js');
+require('./MediaQueryContext-9604faf7.js');
 require('./ui/Input.js');
 require('./ui/TextButton.js');
-require('./color-cd73928c.js');
+require('./color-80581acc.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-35f4fb95.js');
+require('./_rollupPluginBabelHelpers-b1ccabbe.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/EditUserProfile/components/EditUserProfileUI.js

@@ -1,31 +1,31 @@
 'use strict';
 
 require('react');
-var EditUserProfile_components_EditUserProfileUI = require('../../index-426f9c86.js');
+var EditUserProfile_components_EditUserProfileUI = require('../../index-d955ef72.js');
 require('../../ui/Modal.js');
-require('../../LocalizationContext-aceff142.js');
+require('../../LocalizationContext-c85528b2.js');
 require('../../useSendbirdStateContext.js');
 require('../../ui/Input.js');
 require('../../ui/Avatar.js');
 require('../../ui/Icon.js');
 require('../../ui/Button.js');
-require('../../index-b1236a45.js');
+require('../../index-164b34e2.js');
 require('../../ui/TextButton.js');
-require('../../utils-c9257c48.js');
-require('../../actionTypes-2d9b28a2.js');
+require('../../utils-2d7520c0.js');
+require('../../actionTypes-5a7932a4.js');
 require('react-dom');
-require('../../index-016638d4.js');
+require('../../index-e1219afa.js');
 require('../../ui/IconButton.js');
-require('../../tslib.es6-dcbdfa23.js');
-require('../../MediaQueryContext-4e0e5fa0.js');
-require('../../stringSet-5be1fe6f.js');
-require('../../index-05ae57d2.js');
+require('../../tslib.es6-6d1420fc.js');
+require('../../MediaQueryContext-9604faf7.js');
+require('../../stringSet-d2a0857a.js');
+require('../../index-62b2547e.js');
 require('prop-types');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-35f4fb95.js');
+require('../../_rollupPluginBabelHelpers-b1ccabbe.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-41344041.js');
-require('../../color-cd73928c.js');
+require('../../uuid-d37cf7ed.js');
+require('../../color-80581acc.js');
 
 
 

package/cjs/EditUserProfile.js

@@ -1,31 +1,31 @@
 'use strict';
 
 var React = require('react');
-var EditUserProfile_components_EditUserProfileUI = require('./index-426f9c86.js');
+var EditUserProfile_components_EditUserProfileUI = require('./index-d955ef72.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-016638d4.js');
-require('./LocalizationContext-aceff142.js');
-require('./stringSet-5be1fe6f.js');
-require('./index-05ae57d2.js');
+require('./index-e1219afa.js');
+require('./LocalizationContext-c85528b2.js');
+require('./stringSet-d2a0857a.js');
+require('./index-62b2547e.js');
 require('./ui/Button.js');
-require('./tslib.es6-dcbdfa23.js');
-require('./index-b1236a45.js');
+require('./tslib.es6-6d1420fc.js');
+require('./index-164b34e2.js');
 require('prop-types');
 require('./ui/Icon.js');
 require('./ui/IconButton.js');
-require('./MediaQueryContext-4e0e5fa0.js');
+require('./MediaQueryContext-9604faf7.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-35f4fb95.js');
+require('./_rollupPluginBabelHelpers-b1ccabbe.js');
 require('./ui/Input.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-41344041.js');
+require('./uuid-d37cf7ed.js');
 require('./ui/TextButton.js');
-require('./color-cd73928c.js');
-require('./utils-c9257c48.js');
-require('./actionTypes-2d9b28a2.js');
+require('./color-80581acc.js');
+require('./utils-2d7520c0.js');
+require('./actionTypes-5a7932a4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/{LocalizationContext-aceff142.js → LocalizationContext-c85528b2.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var stringSet = require('./stringSet-5be1fe6f.js');
-var index = require('./index-05ae57d2.js');
+var stringSet = require('./stringSet-d2a0857a.js');
+var index = require('./index-62b2547e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -27,4 +27,4 @@ var useLocalization = function () {
 exports.LocalizationContext = LocalizationContext;
 exports.LocalizationProvider = LocalizationProvider;
 exports.useLocalization = useLocalization;
-//# sourceMappingURL=LocalizationContext-aceff142.js.map
+//# sourceMappingURL=LocalizationContext-c85528b2.js.map

package/cjs/{LocalizationContext-aceff142.js.map → LocalizationContext-c85528b2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LocalizationContext-aceff142.js","sources":["../../src/lib/LocalizationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport getStringSet from '../ui/Label/stringSet';\nimport type { Locale } from 'date-fns';\nimport en from 'date-fns/locale/en-US';\n\nconst LocalizationContext = React.createContext({\n  stringSet: getStringSet('en'),\n  dateLocale: en,\n});\n\ninterface LocalizationProviderProps {\n  stringSet: Record<string, string>;\n  dateLocale: Locale;\n  children: React.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\n  const { children } = props;\n  return (\n    <LocalizationContext.Provider value={props}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport type UseLocalizationType = () => {\n  stringSet: Record<string, string>;\n  dateLocale: globalThis.Locale;\n};\n\nconst useLocalization: UseLocalizationType = () => React.useContext(LocalizationContext);\n\nexport { LocalizationContext, LocalizationProvider, useLocalization };\n"],"names":["LocalizationContext","React","createContext","stringSet","getStringSet","dateLocale","en","LocalizationProvider","props","children","useLocalization","useContext"],"mappings":";;;;;;;;;;AAMA,IAAMA,mBAAmB,gBAAGC,yBAAK,CAACC,aAAN,CAAoB;AAC9CC,EAAAA,SAAS,EAAEC,sBAAY,CAAC,IAAD,CADuB;AAE9CC,EAAAA,UAAU,EAAEC,mBAAAA;AAFkC,CAApB,EAA5B;;AAWA,IAAMC,oBAAoB,GAAG,UAACC,KAAD,EAAiC;AACpD,EAAA,IAAAC,QAAQ,GAAKD,KAAK,CAAAC,QAAlB,CAAA;EACR,oBACER,yBAAA,CAAA,aAAA,CAAC,mBAAD,CAAqB,QAArB,EAAA;AAA8B,IAAA,KAAK,EAAEO,KAAAA;AAArC,GAAA,EACGC,QADH,CADF,CAAA;AAKD,EAPD;;AAcMC,IAAAA,eAAe,GAAwB,YAAM;AAAA,EAAA,OAAAT,yBAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA,CAAA;AAAqC;;;;;;"}
+{"version":3,"file":"LocalizationContext-c85528b2.js","sources":["../../src/lib/LocalizationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport getStringSet from '../ui/Label/stringSet';\nimport type { Locale } from 'date-fns';\nimport en from 'date-fns/locale/en-US';\n\nconst LocalizationContext = React.createContext({\n  stringSet: getStringSet('en'),\n  dateLocale: en,\n});\n\ninterface LocalizationProviderProps {\n  stringSet: Record<string, string>;\n  dateLocale: Locale;\n  children: React.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\n  const { children } = props;\n  return (\n    <LocalizationContext.Provider value={props}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport type UseLocalizationType = () => {\n  stringSet: Record<string, string>;\n  dateLocale: globalThis.Locale;\n};\n\nconst useLocalization: UseLocalizationType = () => React.useContext(LocalizationContext);\n\nexport { LocalizationContext, LocalizationProvider, useLocalization };\n"],"names":["LocalizationContext","React","createContext","stringSet","getStringSet","dateLocale","en","LocalizationProvider","props","children","useLocalization","useContext"],"mappings":";;;;;;;;;;AAMA,IAAMA,mBAAmB,gBAAGC,yBAAK,CAACC,aAAN,CAAoB;AAC9CC,EAAAA,SAAS,EAAEC,sBAAY,CAAC,IAAD,CADuB;AAE9CC,EAAAA,UAAU,EAAEC,mBAAAA;AAFkC,CAApB,EAA5B;;AAWA,IAAMC,oBAAoB,GAAG,UAACC,KAAD,EAAiC;AACpD,EAAA,IAAAC,QAAQ,GAAKD,KAAK,CAAAC,QAAlB,CAAA;EACR,oBACER,yBAAA,CAAA,aAAA,CAAC,mBAAD,CAAqB,QAArB,EAAA;AAA8B,IAAA,KAAK,EAAEO,KAAAA;AAArC,GAAA,EACGC,QADH,CADF,CAAA;AAKD,EAPD;;AAcMC,IAAAA,eAAe,GAAwB,YAAM;AAAA,EAAA,OAAAT,yBAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA,CAAA;AAAqC;;;;;;"}

package/cjs/{MediaQueryContext-4e0e5fa0.js → MediaQueryContext-9604faf7.js}

@@ -94,4 +94,4 @@ var useMediaQueryContext = function () {
 
 exports.MediaQueryProvider = MediaQueryProvider;
 exports.useMediaQueryContext = useMediaQueryContext;
-//# sourceMappingURL=MediaQueryContext-4e0e5fa0.js.map
+//# sourceMappingURL=MediaQueryContext-9604faf7.js.map

package/cjs/{MediaQueryContext-4e0e5fa0.js.map → MediaQueryContext-9604faf7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MediaQueryContext-4e0e5fa0.js","sources":["../../src/lib/MediaQueryContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { Logger } from './SendbirdState';\n\nconst DEFAULT_MOBILE = '0px';\nconst MOBILE_CLASSNAME = 'sendbird--mobile-mode';\n\nconst MediaQueryContext = React.createContext({\n  mediaQueryBreakPoint: DEFAULT_MOBILE,\n  isMobile: false,\n});\n\nexport interface MediaQueryProviderProps {\n  children: React.ReactElement;\n  mediaQueryBreakPoint?: string | boolean;\n  logger?: Logger;\n}\n\nconst addClassNameToBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body.classList.add(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst removeClassNameFromBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body.classList.remove(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst MediaQueryProvider = (props: MediaQueryProviderProps): React.ReactElement => {\n  const {\n    children,\n    logger,\n  } = props;\n  const mediaQueryBreakPoint = props?.mediaQueryBreakPoint || DEFAULT_MOBILE;\n  const [isMobile, setIsMobile] = useState(false);\n  useEffect(() => {\n    const updateSize = () => {\n      if (typeof mediaQueryBreakPoint === 'boolean') {\n        setIsMobile(mediaQueryBreakPoint);\n        if (mediaQueryBreakPoint) {\n          logger?.info?.(`MediaQueryProvider: isMobile: true`);\n          addClassNameToBody();\n        } else {\n          logger?.info?.(`MediaQueryProvider: isMobile: false`);\n          removeClassNameFromBody();\n        }\n      } else {\n        const mq = window.matchMedia(`(max-width: ${mediaQueryBreakPoint})`);\n        logger?.info?.(`MediaQueryProvider: Screensize updated to ${mediaQueryBreakPoint}`);\n        if (mq.matches) {\n          setIsMobile(true);\n          addClassNameToBody();\n          logger?.info?.(`MediaQueryProvider: isMobile: true`);\n        } else {\n          setIsMobile(false);\n          removeClassNameFromBody();\n          logger?.info?.(`MediaQueryProvider: isMobile: false`);\n        }\n      }\n    }\n    updateSize();\n    window.addEventListener('resize', updateSize);\n    logger?.info?.(`MediaQueryProvider: addEventListener`, updateSize);\n    return () => {\n      window.removeEventListener('resize', updateSize);\n      logger?.info?.(`MediaQueryProvider: removeEventListener`, updateSize);\n    }\n  }, [mediaQueryBreakPoint]);\n  return (\n    <MediaQueryContext.Provider value={{ mediaQueryBreakPoint, isMobile }}>\n      {children}\n    </MediaQueryContext.Provider>\n  );\n};\n\nexport type useMediaQueryContextType = () => ({\n  mediaQueryBreakPoint: string | boolean;\n  isMobile: boolean;\n});\n\nconst useMediaQueryContext: useMediaQueryContextType = () => React.useContext(MediaQueryContext);\n\nexport { MediaQueryProvider, useMediaQueryContext };\n"],"names":["DEFAULT_MOBILE","MOBILE_CLASSNAME","MediaQueryContext","React","createContext","mediaQueryBreakPoint","isMobile","addClassNameToBody","body","document","querySelector","classList","add","_a","removeClassNameFromBody","remove","MediaQueryProvider","props","children","logger","useState","setIsMobile","useEffect","updateSize","info","call","_b","mq","window","matchMedia","concat","_c","matches","_d","_e","addEventListener","removeEventListener","useMediaQueryContext","useContext"],"mappings":"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"}
+{"version":3,"file":"MediaQueryContext-9604faf7.js","sources":["../../src/lib/MediaQueryContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { Logger } from './SendbirdState';\n\nconst DEFAULT_MOBILE = '0px';\nconst MOBILE_CLASSNAME = 'sendbird--mobile-mode';\n\nconst MediaQueryContext = React.createContext({\n  mediaQueryBreakPoint: DEFAULT_MOBILE,\n  isMobile: false,\n});\n\nexport interface MediaQueryProviderProps {\n  children: React.ReactElement;\n  mediaQueryBreakPoint?: string | boolean;\n  logger?: Logger;\n}\n\nconst addClassNameToBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body.classList.add(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst removeClassNameFromBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body.classList.remove(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst MediaQueryProvider = (props: MediaQueryProviderProps): React.ReactElement => {\n  const {\n    children,\n    logger,\n  } = props;\n  const mediaQueryBreakPoint = props?.mediaQueryBreakPoint || DEFAULT_MOBILE;\n  const [isMobile, setIsMobile] = useState(false);\n  useEffect(() => {\n    const updateSize = () => {\n      if (typeof mediaQueryBreakPoint === 'boolean') {\n        setIsMobile(mediaQueryBreakPoint);\n        if (mediaQueryBreakPoint) {\n          logger?.info?.(`MediaQueryProvider: isMobile: true`);\n          addClassNameToBody();\n        } else {\n          logger?.info?.(`MediaQueryProvider: isMobile: false`);\n          removeClassNameFromBody();\n        }\n      } else {\n        const mq = window.matchMedia(`(max-width: ${mediaQueryBreakPoint})`);\n        logger?.info?.(`MediaQueryProvider: Screensize updated to ${mediaQueryBreakPoint}`);\n        if (mq.matches) {\n          setIsMobile(true);\n          addClassNameToBody();\n          logger?.info?.(`MediaQueryProvider: isMobile: true`);\n        } else {\n          setIsMobile(false);\n          removeClassNameFromBody();\n          logger?.info?.(`MediaQueryProvider: isMobile: false`);\n        }\n      }\n    }\n    updateSize();\n    window.addEventListener('resize', updateSize);\n    logger?.info?.(`MediaQueryProvider: addEventListener`, updateSize);\n    return () => {\n      window.removeEventListener('resize', updateSize);\n      logger?.info?.(`MediaQueryProvider: removeEventListener`, updateSize);\n    }\n  }, [mediaQueryBreakPoint]);\n  return (\n    <MediaQueryContext.Provider value={{ mediaQueryBreakPoint, isMobile }}>\n      {children}\n    </MediaQueryContext.Provider>\n  );\n};\n\nexport type useMediaQueryContextType = () => ({\n  mediaQueryBreakPoint: string | boolean;\n  isMobile: boolean;\n});\n\nconst useMediaQueryContext: useMediaQueryContextType = () => React.useContext(MediaQueryContext);\n\nexport { MediaQueryProvider, useMediaQueryContext };\n"],"names":["DEFAULT_MOBILE","MOBILE_CLASSNAME","MediaQueryContext","React","createContext","mediaQueryBreakPoint","isMobile","addClassNameToBody","body","document","querySelector","classList","add","_a","removeClassNameFromBody","remove","MediaQueryProvider","props","children","logger","useState","setIsMobile","useEffect","updateSize","info","call","_b","mq","window","matchMedia","concat","_c","matches","_d","_e","addEventListener","removeEventListener","useMediaQueryContext","useContext"],"mappings":"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"}

package/cjs/{MemberList-64fe8750.js → MemberList-1475fa3a.js}

@@ -6,14 +6,14 @@ var ui_IconButton = require('./ui/IconButton.js');
 var ui_Icon = require('./ui/Icon.js');
 var ui_ContextMenu = require('./ui/ContextMenu.js');
 var ChannelSettings_components_UserListItem = require('./ChannelSettings/components/UserListItem.js');
-var tslib_es6 = require('./tslib.es6-dcbdfa23.js');
+var tslib_es6 = require('./tslib.es6-6d1420fc.js');
 var ui_Modal = require('./ui/Modal.js');
 var ui_UserListItem = require('./ui/UserListItem.js');
-var utils = require('./utils-c9257c48.js');
+var utils = require('./utils-2d7520c0.js');
 var ChannelSettings_context = require('./ChannelSettings/context.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var LocalizationContext = require('./LocalizationContext-aceff142.js');
-var uuid = require('./uuid-41344041.js');
+var LocalizationContext = require('./LocalizationContext-c85528b2.js');
+var uuid = require('./uuid-d37cf7ed.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -199,7 +199,11 @@ function InviteUsers(_a) {
   var state = useSendbirdStateContext();
   var sdk = (_c = (_b = state === null || state === void 0 ? void 0 : state.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.sdk;
   var globalUserListQuery = (_d = state === null || state === void 0 ? void 0 : state.config) === null || _d === void 0 ? void 0 : _d.userListQuery;
-  var channel = ChannelSettings_context.useChannelSettingsContext().channel;
+
+  var _h = ChannelSettings_context.useChannelSettingsContext(),
+      channel = _h.channel,
+      overrideInviteUser = _h.overrideInviteUser;
+
   var stringSet = LocalizationContext.useLocalization().stringSet;
   React.useEffect(function () {
     var userListQuery = globalUserListQuery ? globalUserListQuery() : sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery();
@@ -223,6 +227,16 @@ function InviteUsers(_a) {
       var members = Object.keys(selectedMembers).filter(function (m) {
         return selectedMembers[m];
       });
+
+      if (typeof overrideInviteUser === 'function') {
+        overrideInviteUser({
+          users: members,
+          onClose: onCancel,
+          channel: channel
+        });
+        return;
+      }
+
       channel === null || channel === void 0 ? void 0 : channel.inviteWithUserIds(members).then(function () {
         onSubmit(members);
       });
@@ -424,4 +438,4 @@ var MemberList = function () {
 };
 
 exports.MemberList = MemberList;
-//# sourceMappingURL=MemberList-64fe8750.js.map
+//# sourceMappingURL=MemberList-1475fa3a.js.map