@sendbird/uikit-react 3.4.8 → 3.4.9

package/ChannelSettings.js

@@ -3,52 +3,52 @@ import ChannelSettingsUI from './ChannelSettings/components/ChannelSettingsUI.js
 import { ChannelSettingsProvider } from './ChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-eaf55eff.js';
-import './index-aa215b1c.js';
-import './LocalizationContext-ae38446a.js';
-import './stringSet-6d89212b.js';
-import './index-321e838f.js';
+import './_rollupPluginBabelHelpers-6bb0305c.js';
+import './index-cef1cfff.js';
+import './LocalizationContext-076d6d2e.js';
+import './stringSet-13bbd4a2.js';
+import './index-99aabd9e.js';
 import './ui/Icon.js';
 import 'prop-types';
-import './index-a900bd78.js';
+import './index-63949de5.js';
 import './ui/Loader.js';
 import './ui/IconButton.js';
 import './ChannelSettings/components/ChannelProfile.js';
 import './ui/ChannelAvatar.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-c94bd88b.js';
-import './utils-8e039c1b.js';
+import './uuid-1adedf62.js';
+import './utils-d86ad6ab.js';
 import './ui/TextButton.js';
-import './color-c1b95a91.js';
+import './color-879cc347.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-14bb6832.js';
+import './index-38e61c64.js';
 import './ui/Button.js';
-import './MediaQueryContext-8d283dc2.js';
+import './MediaQueryContext-11f0e43f.js';
 import './ui/Input.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-38bde7ff.js';
-import './utils-c8b489c4.js';
+import './context-63cbe5bd.js';
+import './utils-4bbbca2c.js';
 import './ui/Badge.js';
 import './ui/Toggle.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-d8fdbe6f.js';
+import './index-7eb65acf.js';
 import './utils/message/getOutgoingMessageState.js';
 import './ChannelSettings/components/UserListItem.js';
-import './UserProfileContext-91e3b3f2.js';
+import './UserProfileContext-9cfbab4d.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-8f4016e9.js';
+import './topics-b2b77fb9.js';
 import './ui/UserListItem.js';
 import './ui/Checkbox.js';
 import '@sendbird/chat/groupChannel';
-import './MemberList-38971d43.js';
+import './MemberList-061d186f.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 

package/CreateChannel/components/CreateChannelUI.js

@@ -1,36 +1,36 @@
 import React__default from 'react';
-import { u as useCreateChannelContext } from '../../CreateChannelProvider-1ba7a571.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-11c8b9a3.js';
 import InviteUsers from './InviteUsers.js';
 import SelectChannelType from './SelectChannelType.js';
 import '../../sendbirdSelectors.js';
-import '../../_rollupPluginBabelHelpers-eaf55eff.js';
-import '../../topics-8f4016e9.js';
-import '../../utils-c8b489c4.js';
+import '../../_rollupPluginBabelHelpers-6bb0305c.js';
+import '../../topics-b2b77fb9.js';
+import '../../utils-4bbbca2c.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../LocalizationContext-ae38446a.js';
-import '../../stringSet-6d89212b.js';
-import '../../index-321e838f.js';
+import '../../LocalizationContext-076d6d2e.js';
+import '../../stringSet-13bbd4a2.js';
+import '../../index-99aabd9e.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-14bb6832.js';
+import '../../index-38e61c64.js';
 import '../../ui/Button.js';
-import '../../index-a900bd78.js';
+import '../../index-63949de5.js';
 import 'prop-types';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
-import '../../MediaQueryContext-8d283dc2.js';
+import '../../MediaQueryContext-11f0e43f.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-91e3b3f2.js';
+import '../../UserProfileContext-9cfbab4d.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-c94bd88b.js';
+import '../../uuid-1adedf62.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-d8fdbe6f.js';
+import '../../index-7eb65acf.js';
 import '../../utils/message/getOutgoingMessageState.js';
 
 const CreateChannel = props => {

package/CreateChannel/components/InviteUsers.js

@@ -1,34 +1,34 @@
-import { _ as _objectSpread2 } from '../../_rollupPluginBabelHelpers-eaf55eff.js';
+import { _ as _objectSpread2 } from '../../_rollupPluginBabelHelpers-6bb0305c.js';
 import React__default, { useState, useContext, useEffect } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-ae38446a.js';
-import { u as useCreateChannelContext } from '../../CreateChannelProvider-1ba7a571.js';
+import { a as LocalizationContext } from '../../LocalizationContext-076d6d2e.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-11c8b9a3.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import Modal from '../../ui/Modal.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-a900bd78.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-63949de5.js';
 import { ButtonTypes } from '../../ui/Button.js';
 import UserListItem from '../../ui/UserListItem.js';
-import '../../stringSet-6d89212b.js';
-import '../../index-321e838f.js';
+import '../../stringSet-13bbd4a2.js';
+import '../../index-99aabd9e.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-8f4016e9.js';
-import '../../utils-c8b489c4.js';
+import '../../topics-b2b77fb9.js';
+import '../../utils-4bbbca2c.js';
 import '../../withSendbird.js';
 import 'react-dom';
-import '../../index-14bb6832.js';
+import '../../index-38e61c64.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/IconButton.js';
-import '../../MediaQueryContext-8d283dc2.js';
-import '../../UserProfileContext-91e3b3f2.js';
+import '../../MediaQueryContext-11f0e43f.js';
+import '../../UserProfileContext-9cfbab4d.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-c94bd88b.js';
+import '../../uuid-1adedf62.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-d8fdbe6f.js';
+import '../../index-7eb65acf.js';
 import '../../utils/message/getOutgoingMessageState.js';
 
 const filterUser = idsToFilter => currentId => idsToFilter === null || idsToFilter === void 0 ? void 0 : idsToFilter.includes(currentId);
@@ -67,6 +67,7 @@ const appHeight = () => {
     //
   }
 };
+const BUFFER = 50;
 const InviteUsers = _ref => {
   var _globalStore$config, _globalStore$stores, _globalStore$stores$s;
   let {
@@ -167,7 +168,7 @@ const InviteUsers = _ref => {
       const {
         hasNext
       } = usersDataSource;
-      const fetchMore = eventTarget.clientHeight + eventTarget.scrollTop === eventTarget.scrollHeight;
+      const fetchMore = eventTarget.clientHeight + eventTarget.scrollTop + BUFFER > eventTarget.scrollHeight;
       if (hasNext && fetchMore) {
         usersDataSource.next().then(usersBatch => {
           setUsers([...users, ...usersBatch]);

package/CreateChannel/components/InviteUsers.js.map

@@ -1 +1 @@
-{"version":3,"file":"InviteUsers.js","sources":["../../../src/modules/CreateChannel/components/InviteUsers/utils.ts","../../../src/modules/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, UserListQuery } 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';\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 * 0.01) + 'px');\n  } catch {\n    //\n  }\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","_ref","sdk","userFilledApplicationUserListQuery","createApplicationUserListQuery","Object","keys","forEach","key","appHeight","doc","document","documentElement","style","setProperty","window","innerHeight","_unused","InviteUsers","_globalStore$config","_globalStore$stores","_globalStore$stores$s","onCancel","userListQuery","onBeforeCreateChannel","onCreateChannel","overrideInviteUser","createChannel","useCreateChannelContext","globalStore","useSendbirdStateContext","userId","config","stores","sdkStore","users","setUsers","useState","selectedUsers","setSelectedUsers","stringSet","useContext","LocalizationContext","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","MODAL__INVITE_MEMBER__SELECTED","className","onScroll","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","map","user","UserListItem","checkBox","checked","onChange","event","modifiedSelectedUsers","_objectSpread","id"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,UAAU,GAAIC,WAAqB,IAAMC,SAAiB,IAAcD,WAAW,KAAXA,IAAAA,IAAAA,WAAW,uBAAXA,WAAW,CAAEE,QAAQ,CAACD,SAAS,CAAC,CAAA;AAE9G,MAAME,cAAc,GAAGA,CAC5BC,MAAgC,EAChCC,IAAkB,KACW;EAC7B,IAAIA,IAAI,KAAK,WAAW,EAAE;AACxB;IACAD,MAAM,CAACE,WAAW,GAAG,IAAI,CAAA;AAC3B,GAAA;EACA,IAAID,IAAI,KAAK,YAAY,EAAE;AACzB;IACAD,MAAM,CAACG,OAAO,GAAG,IAAI,CAAA;AACvB,GAAA;AACA,EAAA,OAAOH,MAAM,CAAA;AACf,CAAC,CAAA;AAOM,MAAMI,0BAA0B,GAAGC,IAAA,IAEX;EAAA,IAD7B;IAAEC,GAAG;AAAEC,IAAAA,kCAAAA;AAAmE,GAAC,GAAAF,IAAA,CAAA;AAE3E,EAAA,IAAIC,GAAG,KAAHA,IAAAA,IAAAA,GAAG,eAAHA,GAAG,CAAEE,8BAA8B,EAAE;IACvC,MAAMR,MAAM,GAAGM,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAG,CAAEE,8BAA8B,EAAE,CAAA;AACpD,IAAA,IAAID,kCAAkC,EAAE;MACtCE,MAAM,CAACC,IAAI,CAACH,kCAAkC,CAAC,CAACI,OAAO,CAAEC,GAAG,IAAK;AAC/DZ,QAAAA,MAAM,CAACY,GAAG,CAAC,GAAGL,kCAAkC,CAACK,GAAG,CAAC,CAAA;AACvD,OAAC,CAAC,CAAA;AACJ,KAAA;AACA,IAAA,OAAOZ,MAAM,CAAA;AACf,GAAA;AACF,CAAC;;ACVD,MAAMa,SAAS,GAAGA,MAAM;EACtB,IAAI;AACF,IAAA,MAAMC,GAAG,GAAGC,QAAQ,CAACC,eAAe,CAAA;AACpCF,IAAAA,GAAG,CAACG,KAAK,CAACC,WAAW,CAAC,eAAe,EAAGC,MAAM,CAACC,WAAW,GAAG,IAAI,GAAI,IAAI,CAAC,CAAA;GAC3E,CAAC,OAAAC,OAAA,EAAM;AACN;AAAA,GAAA;AAEJ,CAAC,CAAA;AAEKC,MAAAA,WAAuC,GAAGjB,IAAA,IAGxB;AAAA,EAAA,IAAAkB,mBAAA,EAAAC,mBAAA,EAAAC,qBAAA,CAAA;EAAA,IAHyB;IAC/CC,QAAQ;AACRC,IAAAA,aAAAA;AACgB,GAAC,GAAAtB,IAAA,CAAA;EACjB,MAAM;IACJuB,qBAAqB;IACrBC,eAAe;IACfC,kBAAkB;IAClBC,aAAa;AACb9B,IAAAA,IAAAA;GACD,GAAG+B,uBAAuB,EAAE,CAAA;EAE7B,MAAMC,WAAW,GAAGC,uBAAuB,EAAE,CAAA;AAC7C,EAAA,MAAMC,MAAM,GAAGF,WAAW,KAAXA,IAAAA,IAAAA,WAAW,wBAAAV,mBAAA,GAAXU,WAAW,CAAEG,MAAM,MAAAb,IAAAA,IAAAA,mBAAA,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAqBY,MAAM,CAAA;EAC1C,MAAM7B,GAAG,GAAG2B,WAAW,KAAXA,IAAAA,IAAAA,WAAW,wBAAAT,mBAAA,GAAXS,WAAW,CAAEI,MAAM,MAAA,IAAA,IAAAb,mBAAA,KAAAC,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAnBD,mBAAA,CAAqBc,QAAQ,cAAAb,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA7BA,qBAAA,CAA+BnB,GAAwB,CAAA;AACnE,EAAA,MAAMV,WAAW,GAAG,CAACuC,MAAM,CAAC,CAAA;EAC5B,MAAM,CAACI,KAAK,EAAEC,QAAQ,CAAC,GAAGC,QAAQ,CAAC,EAAE,CAAC,CAAA;EACtC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGF,QAAQ,CAAC,EAAE,CAAC,CAAA;EACtD,MAAM;AAAEG,IAAAA,SAAAA;AAAU,GAAC,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;EACrD,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGP,QAAQ,CAA2C,IAAI,CAAC,CAAA;EACtG,MAAMQ,aAAa,GAAGxC,MAAM,CAACC,IAAI,CAACgC,aAAa,CAAC,CAACQ,MAAM,CAAA;AACvD,EAAA,MAAMC,SAAS,GAAGP,SAAS,CAACQ,4BAA4B,CAAA;AACxD,EAAA,MAAMC,UAAU,GAAGT,SAAS,CAACU,cAAc,CAAA;EAE3C,MAAMC,gBAAgB,GAAG5B,aAAa,GAAGA,aAAa,EAAE,GAAGvB,0BAA0B,CAAC;AAAEE,IAAAA,GAAAA;AAAI,GAAC,CAAC,CAAA;AAE9FkD,EAAAA,SAAS,CAAC,MAAM;IACd,MAAMC,wBAAwB,GAAGF,gBAAgB,CAAA;IACjDP,kBAAkB,CAACS,wBAAwB,CAAC,CAAA;AAC5C;IACA,IAAI,EAACA,wBAAwB,KAAxBA,IAAAA,IAAAA,wBAAwB,eAAxBA,wBAAwB,CAAEC,SAAS,CAAE,EAAA;AACxCD,MAAAA,wBAAwB,CAACE,IAAI,EAAE,CAACC,IAAI,CAAEC,MAAM,IAAK;QAC/CrB,QAAQ,CAACqB,MAAM,CAAC,CAAA;AAClB,OAAC,CAAC,CAAA;AACJ,KAAA;GACD,EAAE,EAAE,CAAC,CAAA;;AAEN;AACA;AACA;AACAL,EAAAA,SAAS,CAAC,MAAM;AACd3C,IAAAA,SAAS,EAAE,CAAA;AACXM,IAAAA,MAAM,CAAC2C,gBAAgB,CAAC,QAAQ,EAAEjD,SAAS,CAAC,CAAA;AAC5C,IAAA,OAAO,MAAM;AACXM,MAAAA,MAAM,CAAC4C,mBAAmB,CAAC,QAAQ,EAAElD,SAAS,CAAC,CAAA;KAChD,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBACEmD,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;IACJC,oBAAoB,EAAA,IAAA;AACpBhB,IAAAA,SAAS,EAAEA,SAAU;AACrBE,IAAAA,UAAU,EAAEA,UAAW;IACvBpD,IAAI,EAAEmE,WAAW,CAACC,OAAQ;IAC1BC,QAAQ,EAAE7D,MAAM,CAACC,IAAI,CAACgC,aAAa,CAAC,CAACQ,MAAM,KAAK,CAAE;AAClDxB,IAAAA,QAAQ,EAAEA,QAAS;IACnB6C,QAAQ,EAAEA,MAAM;AACd,MAAA,MAAMC,gBAAgB,GAAG/D,MAAM,CAACC,IAAI,CAACgC,aAAa,CAAC,CAAA;AACnD,MAAA,IAAI,OAAOZ,kBAAkB,KAAK,UAAU,EAAE;AAC5CA,QAAAA,kBAAkB,CAAC;AACjBS,UAAAA,KAAK,EAAEiC,gBAAgB;AACvBC,UAAAA,OAAO,EAAE/C,QAAQ;AACjBgD,UAAAA,WAAW,EAAEzE,IAAAA;AACf,SAAC,CAAC,CAAA;AACF,QAAA,OAAA;AACF,OAAA;AACA,MAAA,IAAIuE,gBAAgB,CAACtB,MAAM,GAAG,CAAC,EAAE;AAC/B,QAAA,IAAItB,qBAAqB,EAAE;AACzB,UAAA,MAAM5B,MAAM,GAAG4B,qBAAqB,CAAC4C,gBAAgB,CAAC,CAAA;AACtDzE,UAAAA,cAAc,CAACC,MAAM,EAAEC,IAAI,CAAC,CAAA;AAC5B8B,UAAAA,aAAa,CAAC/B,MAAM,CAAC,CAAC4D,IAAI,CAAEe,OAAO,IAAK;YACtC9C,eAAe,CAAC8C,OAAO,CAAC,CAAA;AAC1B,WAAC,CAAC,CAAA;AACJ,SAAC,MAAM;UACL,MAAM3E,MAAgC,GAAG,EAAE,CAAA;UAC3CA,MAAM,CAAC4E,cAAc,GAAGJ,gBAAgB,CAAA;UACxCxE,MAAM,CAAC6E,UAAU,GAAG,KAAK,CAAA;AACzB,UAAA,IAAI1C,MAAM,EAAE;AACVnC,YAAAA,MAAM,CAAC8E,eAAe,GAAG,CAAC3C,MAAM,CAAC,CAAA;AACnC,WAAA;AACApC,UAAAA,cAAc,CAACC,MAAM,EAAEC,IAAI,CAAC,CAAA;AAC5B;AACA8B,UAAAA,aAAa,CAAC/B,MAAM,CAAC,CAAC4D,IAAI,CAAEe,OAAO,IAAK;YACtC9C,eAAe,CAAC8C,OAAO,CAAC,CAAA;AAC1B,WAAC,CAAC,CAAA;AACJ,SAAA;AACAjD,QAAAA,QAAQ,EAAE,CAAA;AACZ,OAAA;AACF,KAAA;GAEAsC,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,eACED,cAAA,CAAAC,aAAA,CAACc,KAAK,EAAA;IACJC,KAAK,EAAG/B,aAAa,GAAG,CAAC,GAAIgC,WAAW,CAACZ,OAAO,GAAGY,WAAW,CAACC,cAAe;IAC9EjF,IAAI,EAAEkF,eAAe,CAACC,SAAAA;GAEpB,EAAA,CAAA,EAAEnC,aAAc,CAAA,CAAA,EAAGL,SAAS,CAACyC,8BAA+B,CAAA,CAAC,CACzD,eACRrB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEqB,IAAAA,SAAS,EAAC,iCAAiC;IAC3CC,QAAQ,EAAGC,CAAC,IAAK;AACf,MAAA,MAAMC,WAAW,GAAGD,CAAC,CAACE,MAAwB,CAAA;MAC9C,MAAM;AAAEC,QAAAA,OAAAA;AAAQ,OAAC,GAAG5C,eAAe,CAAA;AACnC,MAAA,MAAM6C,SAAS,GACbH,WAAW,CAACI,YAAY,GAAGJ,WAAW,CAACK,SAAS,KAAKL,WAAW,CAACM,YAClE,CAAA;MAED,IAAIJ,OAAO,IAAIC,SAAS,EAAE;AACxB7C,QAAAA,eAAe,CAACY,IAAI,EAAE,CAACC,IAAI,CAAEoC,UAAU,IAAK;UAC1CxD,QAAQ,CAAC,CACP,GAAGD,KAAK,EACR,GAAGyD,UAAU,CACd,CAAC,CAAA;AACJ,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAA;GAGEzD,EAAAA,KAAK,CAAC0D,GAAG,CAAEC,IAAI,IAAM,CAACvG,UAAU,CAACC,WAAW,CAAC,CAACsG,IAAI,CAAC/D,MAAM,CAAC,iBACxD6B,cAAA,CAAAC,aAAA,CAACkC,YAAY,EAAA;IACXvF,GAAG,EAAEsF,IAAI,CAAC/D,MAAO;AACjB+D,IAAAA,IAAI,EAAEA,IAAK;IACXE,QAAQ,EAAA,IAAA;AACRC,IAAAA,OAAO,EAAE3D,aAAa,CAACwD,IAAI,CAAC/D,MAAM,CAAE;IACpCmE,QAAQ,EACLC,KAAK,IAAK;AACT,MAAA,MAAMC,qBAAqB,GAAAC,cAAA,CAAAA,cAAA,KACtB/D,aAAa,CAAA,EAAA,EAAA,EAAA;QAChB,CAAC6D,KAAK,CAACb,MAAM,CAACgB,EAAE,GAAGH,KAAK,CAACb,MAAM,CAACW,OAAAA;OACjC,CAAA,CAAA;AACD,MAAA,IAAI,CAACE,KAAK,CAACb,MAAM,CAACW,OAAO,EAAE;AACzB,QAAA,OAAOG,qBAAqB,CAACD,KAAK,CAACb,MAAM,CAACgB,EAAE,CAAC,CAAA;AAC/C,OAAA;MACA/D,gBAAgB,CAAC6D,qBAAqB,CAAC,CAAA;AACzC,KAAA;GAGL,CAAA,CAAC,CAEA,CACF,CACA,CAAA;AAEZ;;;;"}
+{"version":3,"file":"InviteUsers.js","sources":["../../../src/modules/CreateChannel/components/InviteUsers/utils.ts","../../../src/modules/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, User } from '@sendbird/chat';\n\nimport './invite-users.scss';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useCreateChannelContext, UserListQuery } 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';\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 * 0.01) + 'px');\n  } catch {\n    //\n  }\n};\n\nconst BUFFER = 50;\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<User[]>([]);\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\n          onScroll={(e) => {\n            const eventTarget = e.target as HTMLDivElement;\n            const { hasNext } = usersDataSource;\n            const fetchMore = (\n              (eventTarget.clientHeight + eventTarget.scrollTop + BUFFER) > 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","_ref","sdk","userFilledApplicationUserListQuery","createApplicationUserListQuery","Object","keys","forEach","key","appHeight","doc","document","documentElement","style","setProperty","window","innerHeight","_unused","BUFFER","InviteUsers","_globalStore$config","_globalStore$stores","_globalStore$stores$s","onCancel","userListQuery","onBeforeCreateChannel","onCreateChannel","overrideInviteUser","createChannel","useCreateChannelContext","globalStore","useSendbirdStateContext","userId","config","stores","sdkStore","users","setUsers","useState","selectedUsers","setSelectedUsers","stringSet","useContext","LocalizationContext","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","MODAL__INVITE_MEMBER__SELECTED","className","onScroll","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","map","user","UserListItem","checkBox","checked","onChange","event","modifiedSelectedUsers","_objectSpread","id"],"mappings":"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"}

package/CreateChannel/components/SelectChannelType.js

@@ -1,23 +1,23 @@
 import React__default, { useContext } from 'react';
 import { getSdk } from '../../sendbirdSelectors.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../CreateChannelProvider-1ba7a571.js';
-import { a as LocalizationContext } from '../../LocalizationContext-ae38446a.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-a900bd78.js';
+import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../CreateChannelProvider-11c8b9a3.js';
+import { a as LocalizationContext } from '../../LocalizationContext-076d6d2e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-63949de5.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Modal from '../../ui/Modal.js';
-import '../../_rollupPluginBabelHelpers-eaf55eff.js';
-import '../../topics-8f4016e9.js';
-import '../../utils-c8b489c4.js';
+import '../../_rollupPluginBabelHelpers-6bb0305c.js';
+import '../../topics-b2b77fb9.js';
+import '../../utils-4bbbca2c.js';
 import '../../withSendbird.js';
-import '../../stringSet-6d89212b.js';
-import '../../index-321e838f.js';
+import '../../stringSet-13bbd4a2.js';
+import '../../index-99aabd9e.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-14bb6832.js';
+import '../../index-38e61c64.js';
 import '../../ui/Button.js';
 import '../../ui/IconButton.js';
-import '../../MediaQueryContext-8d283dc2.js';
+import '../../MediaQueryContext-11f0e43f.js';
 
 const isBroadcastChannelEnabled = sdk => {
   var _sdk$appInfo;

package/CreateChannel/context.js

@@ -1,9 +1,9 @@
 import 'react';
 import '../sendbirdSelectors.js';
 import '../useSendbirdStateContext.js';
-export { C as CreateChannelProvider, u as useCreateChannelContext } from '../CreateChannelProvider-1ba7a571.js';
-import '../_rollupPluginBabelHelpers-eaf55eff.js';
-import '../topics-8f4016e9.js';
-import '../utils-c8b489c4.js';
+export { C as CreateChannelProvider, u as useCreateChannelContext } from '../CreateChannelProvider-11c8b9a3.js';
+import '../_rollupPluginBabelHelpers-6bb0305c.js';
+import '../topics-b2b77fb9.js';
+import '../utils-4bbbca2c.js';
 import '../withSendbird.js';
 //# sourceMappingURL=context.js.map

package/CreateChannel.js

@@ -1,36 +1,36 @@
 import React__default from 'react';
 import CreateChannel$1 from './CreateChannel/components/CreateChannelUI.js';
-import { C as CreateChannelProvider } from './CreateChannelProvider-1ba7a571.js';
+import { C as CreateChannelProvider } from './CreateChannelProvider-11c8b9a3.js';
 import './CreateChannel/components/InviteUsers.js';
-import './_rollupPluginBabelHelpers-eaf55eff.js';
-import './LocalizationContext-ae38446a.js';
-import './stringSet-6d89212b.js';
-import './index-321e838f.js';
+import './_rollupPluginBabelHelpers-6bb0305c.js';
+import './LocalizationContext-076d6d2e.js';
+import './stringSet-13bbd4a2.js';
+import './index-99aabd9e.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-14bb6832.js';
+import './index-38e61c64.js';
 import './ui/Button.js';
-import './index-a900bd78.js';
+import './index-63949de5.js';
 import 'prop-types';
 import './ui/Icon.js';
 import './ui/IconButton.js';
-import './MediaQueryContext-8d283dc2.js';
+import './MediaQueryContext-11f0e43f.js';
 import './ui/UserListItem.js';
-import './UserProfileContext-91e3b3f2.js';
+import './UserProfileContext-9cfbab4d.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-c94bd88b.js';
+import './uuid-1adedf62.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-8f4016e9.js';
-import './utils-c8b489c4.js';
+import './topics-b2b77fb9.js';
+import './utils-4bbbca2c.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-d8fdbe6f.js';
+import './index-7eb65acf.js';
 import './utils/message/getOutgoingMessageState.js';
 import './CreateChannel/components/SelectChannelType.js';
 

package/{CreateChannelProvider-1ba7a571.js → CreateChannelProvider-11c8b9a3.js}

@@ -41,4 +41,4 @@ const CreateChannelProvider = props => {
 const useCreateChannelContext = () => React__default.useContext(CreateChannelContext);
 
 export { CreateChannelProvider as C, CHANNEL_TYPE as a, useCreateChannelContext as u };
-//# sourceMappingURL=CreateChannelProvider-1ba7a571.js.map
+//# sourceMappingURL=CreateChannelProvider-11c8b9a3.js.map

package/{CreateChannelProvider-1ba7a571.js.map → CreateChannelProvider-11c8b9a3.js.map}

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

package/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -1,24 +1,24 @@
 import React__default, { useState, useRef, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-ae38446a.js';
+import { a as LocalizationContext } from '../../LocalizationContext-076d6d2e.js';
 import Avatar from '../../ui/Avatar.js';
 import { ButtonTypes } from '../../ui/Button.js';
 import Modal from '../../ui/Modal.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Input, { InputLabel } from '../../ui/Input.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-a900bd78.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-63949de5.js';
 import TextButton from '../../ui/TextButton.js';
 import { useCreateOpenChannelContext } from '../context.js';
-import '../../stringSet-6d89212b.js';
-import '../../index-321e838f.js';
+import '../../stringSet-13bbd4a2.js';
+import '../../index-99aabd9e.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-c94bd88b.js';
+import '../../uuid-1adedf62.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-14bb6832.js';
+import '../../index-38e61c64.js';
 import '../../ui/IconButton.js';
-import '../../_rollupPluginBabelHelpers-eaf55eff.js';
-import '../../MediaQueryContext-8d283dc2.js';
-import '../../color-c1b95a91.js';
+import '../../_rollupPluginBabelHelpers-6bb0305c.js';
+import '../../MediaQueryContext-11f0e43f.js';
+import '../../color-879cc347.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
 

package/CreateOpenChannel/context.js

@@ -1,7 +1,7 @@
 import React__default, { useCallback } from 'react';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-eaf55eff.js';
+import '../_rollupPluginBabelHelpers-6bb0305c.js';
 
 const CreateOpenChannelContext = /*#__PURE__*/React__default.createContext({
   sdk: null,

package/CreateOpenChannel.js

@@ -1,25 +1,25 @@
 import React__default from 'react';
 import CreateOpenChannelUI from './CreateOpenChannel/components/CreateOpenChannelUI.js';
 import { CreateOpenChannelProvider } from './CreateOpenChannel/context.js';
-import './LocalizationContext-ae38446a.js';
-import './stringSet-6d89212b.js';
-import './index-321e838f.js';
+import './LocalizationContext-076d6d2e.js';
+import './stringSet-13bbd4a2.js';
+import './index-99aabd9e.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
 import 'prop-types';
-import './uuid-c94bd88b.js';
+import './uuid-1adedf62.js';
 import './ui/Button.js';
-import './index-a900bd78.js';
+import './index-63949de5.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-14bb6832.js';
+import './index-38e61c64.js';
 import './ui/IconButton.js';
-import './_rollupPluginBabelHelpers-eaf55eff.js';
-import './MediaQueryContext-8d283dc2.js';
+import './_rollupPluginBabelHelpers-6bb0305c.js';
+import './MediaQueryContext-11f0e43f.js';
 import './ui/Input.js';
 import './ui/TextButton.js';
-import './color-c1b95a91.js';
+import './color-879cc347.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
 

package/EditUserProfile/components/EditUserProfileUI.js

@@ -1,26 +1,26 @@
 import 'react';
-export { a as default } from '../../index-db801708.js';
+export { a as default } from '../../index-fb8a5bc3.js';
 import '../../ui/Modal.js';
-import '../../LocalizationContext-ae38446a.js';
+import '../../LocalizationContext-076d6d2e.js';
 import '../../useSendbirdStateContext.js';
 import '../../ui/Input.js';
 import '../../ui/Avatar.js';
 import '../../ui/Icon.js';
 import '../../ui/Button.js';
-import '../../index-a900bd78.js';
+import '../../index-63949de5.js';
 import '../../ui/TextButton.js';
-import '../../utils-c8b489c4.js';
-import '../../actionTypes-98eee9f4.js';
+import '../../utils-4bbbca2c.js';
+import '../../actionTypes-ce6caec1.js';
 import 'react-dom';
-import '../../index-14bb6832.js';
+import '../../index-38e61c64.js';
 import '../../ui/IconButton.js';
-import '../../_rollupPluginBabelHelpers-eaf55eff.js';
-import '../../MediaQueryContext-8d283dc2.js';
-import '../../stringSet-6d89212b.js';
-import '../../index-321e838f.js';
+import '../../_rollupPluginBabelHelpers-6bb0305c.js';
+import '../../MediaQueryContext-11f0e43f.js';
+import '../../stringSet-13bbd4a2.js';
+import '../../index-99aabd9e.js';
 import 'prop-types';
 import '../../withSendbird.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-c94bd88b.js';
-import '../../color-c1b95a91.js';
+import '../../uuid-1adedf62.js';
+import '../../color-879cc347.js';
 //# sourceMappingURL=EditUserProfileUI.js.map

package/EditUserProfile.js

@@ -1,28 +1,28 @@
 import React__default from 'react';
-import { E as EditUserProfileProvider, a as EditUserProfile } from './index-db801708.js';
+import { E as EditUserProfileProvider, a as EditUserProfile } from './index-fb8a5bc3.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-14bb6832.js';
-import './LocalizationContext-ae38446a.js';
-import './stringSet-6d89212b.js';
-import './index-321e838f.js';
+import './index-38e61c64.js';
+import './LocalizationContext-076d6d2e.js';
+import './stringSet-13bbd4a2.js';
+import './index-99aabd9e.js';
 import './ui/Button.js';
-import './index-a900bd78.js';
+import './index-63949de5.js';
 import 'prop-types';
 import './ui/Icon.js';
 import './ui/IconButton.js';
-import './_rollupPluginBabelHelpers-eaf55eff.js';
-import './MediaQueryContext-8d283dc2.js';
+import './_rollupPluginBabelHelpers-6bb0305c.js';
+import './MediaQueryContext-11f0e43f.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
 import './ui/Input.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-c94bd88b.js';
+import './uuid-1adedf62.js';
 import './ui/TextButton.js';
-import './color-c1b95a91.js';
-import './utils-c8b489c4.js';
-import './actionTypes-98eee9f4.js';
+import './color-879cc347.js';
+import './utils-4bbbca2c.js';
+import './actionTypes-ce6caec1.js';
 
 const EditProfile = props => {
   const {

package/{LocalizationContext-ae38446a.js → LocalizationContext-076d6d2e.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { g as getStringSet } from './stringSet-6d89212b.js';
-import { d as defaultLocale } from './index-321e838f.js';
+import { g as getStringSet } from './stringSet-13bbd4a2.js';
+import { d as defaultLocale } from './index-99aabd9e.js';
 
 const LocalizationContext = /*#__PURE__*/React__default.createContext({
   stringSet: getStringSet('en'),
@@ -17,4 +17,4 @@ const LocalizationProvider = props => {
 const useLocalization = () => React__default.useContext(LocalizationContext);
 
 export { LocalizationProvider as L, LocalizationContext as a, useLocalization as u };
-//# sourceMappingURL=LocalizationContext-ae38446a.js.map
+//# sourceMappingURL=LocalizationContext-076d6d2e.js.map

package/{LocalizationContext-ae38446a.js.map → LocalizationContext-076d6d2e.js.map}

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