@sendbird/uikit-react 3.2.5 → 3.2.6-rc.0

package/ChannelSettings.js

@@ -3,51 +3,52 @@ import ChannelSettingsUI from './ChannelSettings/components/ChannelSettingsUI.js
 import { ChannelSettingsProvider } from './ChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-a72165e4.js';
-import './index-c3c4236f.js';
-import './tslib.es6-d20349ad.js';
-import './LocalizationContext-9976b34e.js';
-import './stringSet-8662ec77.js';
-import './index-5e61b8f6.js';
+import './_rollupPluginBabelHelpers-fa4874e9.js';
+import './index-ec923bf5.js';
+import './tslib.es6-7fef98cd.js';
+import './LocalizationContext-2bd4bbe8.js';
+import './stringSet-65cf83b4.js';
+import './index-670435a8.js';
 import './ui/Icon.js';
 import 'prop-types';
-import './index-200a8796.js';
+import './index-c4eefc9d.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-e5bc1634.js';
-import './utils-aba28b29.js';
+import './uuid-68db8245.js';
+import './utils-a3afc9f0.js';
 import './ui/TextButton.js';
-import './color-511dde29.js';
+import './color-468f177a.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-dbe2f386.js';
+import './index-b4ee3569.js';
 import './ui/Button.js';
+import './MediaQueryContext-7be72ab4.js';
 import './ui/Input.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-b3b0d94d.js';
-import './utils-5569d95d.js';
+import './context-0e023b05.js';
+import './utils-db039320.js';
 import './ui/Badge.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-89cd6e36.js';
+import './index-867e0d39.js';
 import './utils/message/getOutgoingMessageState.js';
 import './ChannelSettings/components/UserListItem.js';
-import './UserProfileContext-24bb1c79.js';
+import './UserProfileContext-0d8287d0.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-0752cb33.js';
+import './topics-2ff5f12a.js';
 import './ui/UserListItem.js';
 import './ui/Checkbox.js';
 import '@sendbird/chat/groupChannel';
-import './MemberList-070e920a.js';
+import './MemberList-405c20b6.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 
@@ -55,6 +56,7 @@ var ChannelSettings = function (props) {
   return /*#__PURE__*/React__default.createElement(ChannelSettingsProvider, {
     channelUrl: props.channelUrl,
     onCloseClick: props === null || props === void 0 ? void 0 : props.onCloseClick,
+    onLeaveChannel: props === null || props === void 0 ? void 0 : props.onLeaveChannel,
     onChannelModified: props === null || props === void 0 ? void 0 : props.onChannelModified,
     onBeforeUpdateChannel: props === null || props === void 0 ? void 0 : props.onBeforeUpdateChannel,
     queries: props === null || props === void 0 ? void 0 : props.queries,

package/ChannelSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelSettings.js","sources":["../src/smart-components/ChannelSettings/index.tsx"],"sourcesContent":["import React from 'react';\nimport ChannelSettingsUI, {\n  ChannelSettingsUIProps,\n} from './components/ChannelSettingsUI';\n\nimport {\n  ChannelSettingsProvider,\n  ChannelSettingsContextProps,\n} from './context/ChannelSettingsProvider';\n\ninterface ApplicationUserListQuery {\n  limit?: number;\n  userIdsFilter?: Array<string>;\n  metaDataKeyFilter?: string;\n  metaDataValuesFilter?: Array<string>;\n}\n\ninterface ChannelSettingsProps extends ChannelSettingsUIProps, ChannelSettingsContextProps {\n}\n\nconst ChannelSettings: React.FC<ChannelSettingsProps> = (props: ChannelSettingsProps) => {\n  return (\n    <ChannelSettingsProvider\n      channelUrl={props.channelUrl}\n      onCloseClick={props?.onCloseClick}\n      onChannelModified={props?.onChannelModified}\n      onBeforeUpdateChannel={props?.onBeforeUpdateChannel}\n      queries={props?.queries}\n      className={props?.className}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderChannelProfile}\n    >\n      <ChannelSettingsUI\n        renderPlaceholderError={props?.renderPlaceholderError}\n        renderChannelProfile={props?.renderChannelProfile}\n        renderModerationPanel={props?.renderModerationPanel}\n        renderLeaveChannel={props?.renderLeaveChannel}\n      />\n    </ChannelSettingsProvider>\n  );\n}\n\nexport default ChannelSettings;\n"],"names":["ChannelSettings","props","React","channelUrl","onCloseClick","onChannelModified","onBeforeUpdateChannel","queries","className","disableUserProfile","renderChannelProfile","renderPlaceholderError","renderModerationPanel","renderLeaveChannel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAMA,eAAe,GAAmC,UAACC,KAAD,EAA4B;AAClF,EAAA,oBACEC,6BAAC,uBAAD,EAAA;IACE,UAAU,EAAED,KAAK,CAACE,UADpB;AAEE,IAAA,YAAY,EAAEF,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEG,YAFvB;AAGE,IAAA,iBAAiB,EAAEH,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEI,iBAH5B;AAIE,IAAA,qBAAqB,EAAEJ,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEK,qBAJhC;AAKE,IAAA,OAAO,EAAEL,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEM,OALlB;AAME,IAAA,SAAS,EAAEN,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEO,SANpB;AAOE,IAAA,kBAAkB,EAAEP,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEQ,kBAP7B;AAQE,IAAA,iBAAiB,EAAER,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAES,oBAAAA;AAR5B,GAAA,eAUER,6BAAC,iBAAD,EAAA;AACE,IAAA,sBAAsB,EAAED,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEU,sBADjC;AAEE,IAAA,oBAAoB,EAAEV,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAES,oBAF/B;AAGE,IAAA,qBAAqB,EAAET,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEW,qBAHhC;AAIE,IAAA,kBAAkB,EAAEX,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEY,kBAAAA;AAJ7B,GAAA,CAVF,CADF,CAAA;AAmBD;;;;"}
+{"version":3,"file":"ChannelSettings.js","sources":["../src/smart-components/ChannelSettings/index.tsx"],"sourcesContent":["import React from 'react';\nimport ChannelSettingsUI, {\n  ChannelSettingsUIProps,\n} from './components/ChannelSettingsUI';\n\nimport {\n  ChannelSettingsProvider,\n  ChannelSettingsContextProps,\n} from './context/ChannelSettingsProvider';\n\ninterface ChannelSettingsProps extends ChannelSettingsUIProps, ChannelSettingsContextProps {\n}\n\nconst ChannelSettings: React.FC<ChannelSettingsProps> = (props: ChannelSettingsProps) => {\n  return (\n    <ChannelSettingsProvider\n      channelUrl={props.channelUrl}\n      onCloseClick={props?.onCloseClick}\n      onLeaveChannel={props?.onLeaveChannel}\n      onChannelModified={props?.onChannelModified}\n      onBeforeUpdateChannel={props?.onBeforeUpdateChannel}\n      queries={props?.queries}\n      className={props?.className}\n      disableUserProfile={props?.disableUserProfile}\n      renderUserProfile={props?.renderChannelProfile}\n    >\n      <ChannelSettingsUI\n        renderPlaceholderError={props?.renderPlaceholderError}\n        renderChannelProfile={props?.renderChannelProfile}\n        renderModerationPanel={props?.renderModerationPanel}\n        renderLeaveChannel={props?.renderLeaveChannel}\n      />\n    </ChannelSettingsProvider>\n  );\n}\n\nexport default ChannelSettings;\n"],"names":["ChannelSettings","props","React","channelUrl","onCloseClick","onLeaveChannel","onChannelModified","onBeforeUpdateChannel","queries","className","disableUserProfile","renderChannelProfile","renderPlaceholderError","renderModerationPanel","renderLeaveChannel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,eAAe,GAAmC,UAACC,KAAD,EAA4B;AAClF,EAAA,oBACEC,6BAAC,uBAAD,EAAA;IACE,UAAU,EAAED,KAAK,CAACE,UADpB;AAEE,IAAA,YAAY,EAAEF,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,YAFvB;AAGE,IAAA,cAAc,EAAEH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,cAHzB;AAIE,IAAA,iBAAiB,EAAEJ,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEK,iBAJ5B;AAKE,IAAA,qBAAqB,EAAEL,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEM,qBALhC;AAME,IAAA,OAAO,EAAEN,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEO,OANlB;AAOE,IAAA,SAAS,EAAEP,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEQ,SAPpB;AAQE,IAAA,kBAAkB,EAAER,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAES,kBAR7B;AASE,IAAA,iBAAiB,EAAET,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEU,oBAAAA;AAT5B,GAAA,eAWET,6BAAC,iBAAD,EAAA;AACE,IAAA,sBAAsB,EAAED,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEW,sBADjC;AAEE,IAAA,oBAAoB,EAAEX,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEU,oBAF/B;AAGE,IAAA,qBAAqB,EAAEV,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEY,qBAHhC;AAIE,IAAA,kBAAkB,EAAEZ,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEa,kBAAAA;AAJ7B,GAAA,CAXF,CADF,CAAA;AAoBD;;;;"}

package/CreateChannel/components/CreateChannelUI.js

@@ -1,36 +1,37 @@
 import React__default from 'react';
-import { u as useCreateChannelContext } from '../../CreateChannelProvider-b5fa7c16.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-2b5b2952.js';
 import InviteUsers from './InviteUsers.js';
 import SelectChannelType from './SelectChannelType.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-0752cb33.js';
-import '../../utils-5569d95d.js';
+import '../../topics-2ff5f12a.js';
+import '../../utils-db039320.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-a72165e4.js';
-import '../../tslib.es6-d20349ad.js';
-import '../../LocalizationContext-9976b34e.js';
-import '../../stringSet-8662ec77.js';
-import '../../index-5e61b8f6.js';
+import '../../_rollupPluginBabelHelpers-fa4874e9.js';
+import '../../tslib.es6-7fef98cd.js';
+import '../../LocalizationContext-2bd4bbe8.js';
+import '../../stringSet-65cf83b4.js';
+import '../../index-670435a8.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-dbe2f386.js';
+import '../../index-b4ee3569.js';
 import '../../ui/Button.js';
-import '../../index-200a8796.js';
+import '../../index-c4eefc9d.js';
 import 'prop-types';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
+import '../../MediaQueryContext-7be72ab4.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-24bb1c79.js';
+import '../../UserProfileContext-0d8287d0.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-e5bc1634.js';
+import '../../uuid-68db8245.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-89cd6e36.js';
+import '../../index-867e0d39.js';
 import '../../utils/message/getOutgoingMessageState.js';
 
 var CreateChannel = function (props) {

package/CreateChannel/components/CreateChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateChannelUI.js","sources":["../../../src/smart-components/CreateChannel/components/CreateChannelUI/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useCreateChannelContext } from '../../context/CreateChannelProvider';\nimport InviteUsers from '../InviteUsers';\n\nimport SelectChannelType from '../SelectChannelType';\n\nexport interface CreateChannelUIProps {\n  onCancel?(): void;\n  renderStepOne?:(props: void) => React.ReactElement;\n}\n\nconst CreateChannel: React.FC<CreateChannelUIProps> = (props: CreateChannelUIProps) => {\n  const { onCancel, renderStepOne } = props;\n\n  const {\n    step,\n    setStep,\n    userListQuery,\n  } = useCreateChannelContext();\n\n  return (\n    <>\n      {\n        step === 0 && (\n          renderStepOne?.() || (\n            <SelectChannelType\n              onCancel={onCancel}\n            />\n          )\n        )\n      }\n      {\n        step === 1 && (\n          <InviteUsers\n            userListQuery={userListQuery}\n            onCancel={() => {\n              setStep(0);\n              onCancel();\n            }}\n          />\n        )\n      }\n    </>\n  )\n}\n\nexport default CreateChannel;\n"],"names":["CreateChannel","props","onCancel","renderStepOne","_a","useCreateChannelContext","step","setStep","userListQuery","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,aAAa,GAAmC,UAACC,KAAD,EAA4B;AACxE,EAAA,IAAAC,QAAQ,GAAoBD,KAAK,CAAAC,QAAjC;AAAA,MAAUC,aAAa,GAAKF,KAAK,CAAAE,aAAjC,CAAA;;EAEF,IAAAC,EAIF,GAAAC,uBAAuB,EAJrB;AAAA,MACJC,IAAI,GAAAF,EAAA,CAAAE,IADA;AAAA,MAEJC,OAAO,GAAAH,EAAA,CAAAG,OAFH;AAAA,MAGJC,aAAa,GAAAJ,EAAA,CAAAI,aAHT,CAAA;;EAMN,oBACEC,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAEIH,IAAI,KAAK,CAAT,KACE,CAAAH,aAAa,KAAA,IAAb,IAAAA,aAAa,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAAA,aAAa,EAAb,kBACEM,cAAA,CAAA,aAAA,CAAC,iBAAD,EAAA;AACE,IAAA,QAAQ,EAAEP,QAAAA;AADZ,GAAA,CAFJ,CAFJ,EAWII,IAAI,KAAK,CAAT,iBACEG,6BAAC,WAAD,EAAA;AACE,IAAA,aAAa,EAAED,aADjB;AAEE,IAAA,QAAQ,EAAE,YAAA;MACRD,OAAO,CAAC,CAAD,CAAP,CAAA;MACAL,QAAQ,EAAA,CAAA;AACT,KAAA;AALH,GAAA,CAZN,CADF,CAAA;AAwBD;;;;"}
+{"version":3,"file":"CreateChannelUI.js","sources":["../../../src/smart-components/CreateChannel/components/CreateChannelUI/index.tsx"],"sourcesContent":["import './create-channel-ui.scss';\n\nimport React from 'react';\n\nimport { useCreateChannelContext } from '../../context/CreateChannelProvider';\nimport InviteUsers from '../InviteUsers';\n\nimport SelectChannelType from '../SelectChannelType';\n\nexport interface CreateChannelUIProps {\n  onCancel?(): void;\n  renderStepOne?:(props: void) => React.ReactElement;\n}\n\nconst CreateChannel: React.FC<CreateChannelUIProps> = (props: CreateChannelUIProps) => {\n  const { onCancel, renderStepOne } = props;\n\n  const {\n    step,\n    setStep,\n    userListQuery,\n  } = useCreateChannelContext();\n\n  return (\n    <>\n      {\n        step === 0 && (\n          renderStepOne?.() || (\n            <SelectChannelType\n              onCancel={onCancel}\n            />\n          )\n        )\n      }\n      {\n        step === 1 && (\n          <InviteUsers\n            userListQuery={userListQuery}\n            onCancel={() => {\n              setStep(0);\n              onCancel();\n            }}\n          />\n        )\n      }\n    </>\n  )\n}\n\nexport default CreateChannel;\n"],"names":["CreateChannel","props","onCancel","renderStepOne","_a","useCreateChannelContext","step","setStep","userListQuery","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAMA,aAAa,GAAmC,UAACC,KAAD,EAA4B;AACxE,EAAA,IAAAC,QAAQ,GAAoBD,KAAK,CAAAC,QAAjC;AAAA,MAAUC,aAAa,GAAKF,KAAK,CAAAE,aAAjC,CAAA;;EAEF,IAAAC,EAIF,GAAAC,uBAAuB,EAJrB;AAAA,MACJC,IAAI,GAAAF,EAAA,CAAAE,IADA;AAAA,MAEJC,OAAO,GAAAH,EAAA,CAAAG,OAFH;AAAA,MAGJC,aAAa,GAAAJ,EAAA,CAAAI,aAHT,CAAA;;EAMN,oBACEC,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAEIH,IAAI,KAAK,CAAT,KACE,CAAAH,aAAa,KAAA,IAAb,IAAAA,aAAa,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAAA,aAAa,EAAb,kBACEM,cAAA,CAAA,aAAA,CAAC,iBAAD,EAAA;AACE,IAAA,QAAQ,EAAEP,QAAAA;AADZ,GAAA,CAFJ,CAFJ,EAWII,IAAI,KAAK,CAAT,iBACEG,6BAAC,WAAD,EAAA;AACE,IAAA,aAAa,EAAED,aADjB;AAEE,IAAA,QAAQ,EAAE,YAAA;MACRD,OAAO,CAAC,CAAD,CAAP,CAAA;MACAL,QAAQ,EAAA,CAAA;AACT,KAAA;AALH,GAAA,CAZN,CADF,CAAA;AAwBD;;;;"}

package/CreateChannel/components/InviteUsers.js

@@ -1,34 +1,35 @@
-import { a as __spreadArray, _ as __assign } from '../../tslib.es6-d20349ad.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-7fef98cd.js';
 import React__default, { useState, useContext, useEffect } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-9976b34e.js';
-import { u as useCreateChannelContext } from '../../CreateChannelProvider-b5fa7c16.js';
+import { a as LocalizationContext } from '../../LocalizationContext-2bd4bbe8.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-2b5b2952.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import Modal from '../../ui/Modal.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-200a8796.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-c4eefc9d.js';
 import { ButtonTypes } from '../../ui/Button.js';
 import UserListItem from '../../ui/UserListItem.js';
-import '../../stringSet-8662ec77.js';
-import '../../index-5e61b8f6.js';
+import '../../stringSet-65cf83b4.js';
+import '../../index-670435a8.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-0752cb33.js';
-import '../../utils-5569d95d.js';
+import '../../topics-2ff5f12a.js';
+import '../../utils-db039320.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-a72165e4.js';
+import '../../_rollupPluginBabelHelpers-fa4874e9.js';
 import 'react-dom';
-import '../../index-dbe2f386.js';
+import '../../index-b4ee3569.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/IconButton.js';
-import '../../UserProfileContext-24bb1c79.js';
+import '../../MediaQueryContext-7be72ab4.js';
+import '../../UserProfileContext-0d8287d0.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-e5bc1634.js';
+import '../../uuid-68db8245.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-89cd6e36.js';
+import '../../index-867e0d39.js';
 import '../../utils/message/getOutgoingMessageState.js';
 
 var filterUser = function (idsToFilter) {
@@ -66,6 +67,13 @@ var createDefaultUserListQuery = function (_a) {
   }
 };
 
+var appHeight = function () {
+  try {
+    var doc = document.documentElement;
+    doc.style.setProperty('--sendbird-vh', window.innerHeight * .01 + 'px');
+  } catch (_a) {}
+};
+
 var InviteUsers = function (_a) {
   var _b, _c, _d;
 
@@ -112,8 +120,19 @@ var InviteUsers = function (_a) {
         setUsers(users_);
       });
     }
+  }, []); // https://stackoverflow.com/a/70302463
+  // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/#css-custom-properties-the-trick-to-correct-sizing
+  // to fix navbar break in mobile
+
+  useEffect(function () {
+    appHeight();
+    window.addEventListener('resize', appHeight);
+    return function () {
+      window.removeEventListener('resize', appHeight);
+    };
   }, []);
   return /*#__PURE__*/React__default.createElement(Modal, {
+    isFullScreenOnMobile: true,
     titleText: titleText,
     submitText: submitText,
     type: ButtonTypes.PRIMARY,

package/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 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  return (\n    <Modal\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","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_","React","ButtonTypes","PRIMARY","selectedUserList","channel","invitedUserIds","isDistinct","operatorUserIds","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","concat","MODAL__INVITE_MEMBER__SELECTED","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","__spreadArray","map","user","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    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","ButtonTypes","PRIMARY","selectedUserList","channel","invitedUserIds","isDistinct","operatorUserIds","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","concat","MODAL__INVITE_MEMBER__SELECTED","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","__spreadArray","map","user","event","modifiedSelectedUsers","__assign","id","checked"],"mappings":"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"}

package/CreateChannel/components/SelectChannelType.js

@@ -1,23 +1,24 @@
 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-b5fa7c16.js';
-import { a as LocalizationContext } from '../../LocalizationContext-9976b34e.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-200a8796.js';
+import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../CreateChannelProvider-2b5b2952.js';
+import { a as LocalizationContext } from '../../LocalizationContext-2bd4bbe8.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-c4eefc9d.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Modal from '../../ui/Modal.js';
-import '../../topics-0752cb33.js';
-import '../../utils-5569d95d.js';
+import '../../topics-2ff5f12a.js';
+import '../../utils-db039320.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-a72165e4.js';
-import '../../stringSet-8662ec77.js';
-import '../../index-5e61b8f6.js';
+import '../../_rollupPluginBabelHelpers-fa4874e9.js';
+import '../../stringSet-65cf83b4.js';
+import '../../index-670435a8.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-dbe2f386.js';
+import '../../index-b4ee3569.js';
 import '../../ui/Button.js';
-import '../../tslib.es6-d20349ad.js';
+import '../../tslib.es6-7fef98cd.js';
 import '../../ui/IconButton.js';
+import '../../MediaQueryContext-7be72ab4.js';
 
 var isBroadcastChannelEnabled = function (sdk) {
   var _a;
@@ -59,7 +60,8 @@ var SelectChannelType = function (props) {
     hideFooter: true,
     onCancel: function () {
       onCancel();
-    }
+    },
+    className: "sendbird-add-channel__modal"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-add-channel__rectangle-wrap"
   }, /*#__PURE__*/React__default.createElement("div", {

package/CreateChannel/components/SelectChannelType.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChannelType.js","sources":["../../../src/smart-components/CreateChannel/utils.ts","../../../src/smart-components/CreateChannel/components/SelectChannelType.tsx"],"sourcesContent":["import type { SendbirdGroupChat } from \"@sendbird/chat/groupChannel\";\n\nexport const isBroadcastChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n  }\n\n  return false;\n};\n\nexport const isSuperGroupChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n  }\n\n  return false;\n};\n","import React, { useContext } from 'react';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport * as sendbirdSelectors from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\n\nimport { useCreateChannelContext } from '../context/CreateChannelProvider';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport Label, { LabelColors, LabelTypography } from '../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\n\nimport Modal from '../../../ui/Modal';\n\nimport {\n  isBroadcastChannelEnabled,\n  isSuperGroupChannelEnabled,\n} from '../utils';\nimport { CHANNEL_TYPE } from '../types';\n\nexport interface SelectChannelTypeProps {\n  onCancel?(): void;\n}\n\nconst SelectChannelType: React.FC<SelectChannelTypeProps> = (props: SelectChannelTypeProps) => {\n  const { onCancel } = props;\n  const store = useSendbirdStateContext();\n\n  const sdk = sendbirdSelectors.getSdk(store) as SendbirdGroupChat;\n\n  const createChannelProps = useCreateChannelContext();\n  const {\n    setStep,\n    setType,\n  } = createChannelProps;\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const isBroadcastAvailable = isBroadcastChannelEnabled(sdk);\n  const isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);\n\n  return (\n    <Modal\n      titleText={stringSet?.MODAL__CREATE_CHANNEL__TITLE}\n      hideFooter\n      onCancel={() => { onCancel(); }}\n    >\n      <div className=\"sendbird-add-channel__rectangle-wrap\">\n        <div\n          className=\"sendbird-add-channel__rectangle\"\n          onClick={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n        >\n          <Icon\n            className=\"sendbird-add-channel__rectangle__chat-icon\"\n            type={IconTypes.CHAT}\n            fillColor={IconColors.PRIMARY}\n            width=\"28px\"\n            height=\"28px\"\n          />\n          <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n            {stringSet.MODAL__CREATE_CHANNEL__GROUP}\n          </Label>\n        </div>\n        {\n          isSupergroupAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__supergroup-icon\"\n                type={IconTypes.SUPERGROUP}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__SUPER}\n              </Label>\n            </div>\n          )\n        }\n        {\n          isBroadcastAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__broadcast-icon\"\n                type={IconTypes.BROADCAST}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__BROADCAST}\n              </Label>\n            </div>\n          )\n        }\n      </div>\n    </Modal>\n  );\n}\n\nexport default SelectChannelType;\n"],"names":["isBroadcastChannelEnabled","sdk","ALLOW_BROADCAST_CHANNEL","applicationAttributes","_a","appInfo","Array","isArray","includes","isSuperGroupChannelEnabled","ALLOW_SUPER_GROUP_CHANNEL","SelectChannelType","props","onCancel","store","useSendbirdStateContext","sendbirdSelectors","createChannelProps","useCreateChannelContext","setStep","setType","stringSet","useContext","LocalizationContext","isBroadcastAvailable","isSupergroupAvailable","React","MODAL__CREATE_CHANNEL__TITLE","CHANNEL_TYPE","GROUP","IconTypes","CHAT","IconColors","PRIMARY","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","MODAL__CREATE_CHANNEL__GROUP","SUPERGROUP","MODAL__CREATE_CHANNEL__SUPER","BROADCAST","MODAL__CREATE_CHANNEL__BROADCAST"],"mappings":"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"}
+{"version":3,"file":"SelectChannelType.js","sources":["../../../src/smart-components/CreateChannel/utils.ts","../../../src/smart-components/CreateChannel/components/SelectChannelType.tsx"],"sourcesContent":["import type { SendbirdGroupChat } from \"@sendbird/chat/groupChannel\";\n\nexport const isBroadcastChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n  }\n\n  return false;\n};\n\nexport const isSuperGroupChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n  }\n\n  return false;\n};\n","import React, { useContext } from 'react';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport * as sendbirdSelectors from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\n\nimport { useCreateChannelContext } from '../context/CreateChannelProvider';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport Label, { LabelColors, LabelTypography } from '../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\n\nimport Modal from '../../../ui/Modal';\n\nimport {\n  isBroadcastChannelEnabled,\n  isSuperGroupChannelEnabled,\n} from '../utils';\nimport { CHANNEL_TYPE } from '../types';\n\nexport interface SelectChannelTypeProps {\n  onCancel?(): void;\n}\n\nconst SelectChannelType: React.FC<SelectChannelTypeProps> = (props: SelectChannelTypeProps) => {\n  const { onCancel } = props;\n  const store = useSendbirdStateContext();\n\n  const sdk = sendbirdSelectors.getSdk(store) as SendbirdGroupChat;\n\n  const createChannelProps = useCreateChannelContext();\n  const {\n    setStep,\n    setType,\n  } = createChannelProps;\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const isBroadcastAvailable = isBroadcastChannelEnabled(sdk);\n  const isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);\n\n  return (\n    <Modal\n      titleText={stringSet?.MODAL__CREATE_CHANNEL__TITLE}\n      hideFooter\n      onCancel={() => { onCancel(); }}\n      className=\"sendbird-add-channel__modal\"\n    >\n      <div className=\"sendbird-add-channel__rectangle-wrap\">\n        <div\n          className=\"sendbird-add-channel__rectangle\"\n          onClick={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n        >\n          <Icon\n            className=\"sendbird-add-channel__rectangle__chat-icon\"\n            type={IconTypes.CHAT}\n            fillColor={IconColors.PRIMARY}\n            width=\"28px\"\n            height=\"28px\"\n          />\n          <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n            {stringSet.MODAL__CREATE_CHANNEL__GROUP}\n          </Label>\n        </div>\n        {\n          isSupergroupAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__supergroup-icon\"\n                type={IconTypes.SUPERGROUP}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__SUPER}\n              </Label>\n            </div>\n          )\n        }\n        {\n          isBroadcastAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__broadcast-icon\"\n                type={IconTypes.BROADCAST}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__BROADCAST}\n              </Label>\n            </div>\n          )\n        }\n      </div>\n    </Modal>\n  );\n}\n\nexport default SelectChannelType;\n"],"names":["isBroadcastChannelEnabled","sdk","ALLOW_BROADCAST_CHANNEL","applicationAttributes","_a","appInfo","Array","isArray","includes","isSuperGroupChannelEnabled","ALLOW_SUPER_GROUP_CHANNEL","SelectChannelType","props","onCancel","store","useSendbirdStateContext","sendbirdSelectors","createChannelProps","useCreateChannelContext","setStep","setType","stringSet","useContext","LocalizationContext","isBroadcastAvailable","isSupergroupAvailable","React","MODAL__CREATE_CHANNEL__TITLE","CHANNEL_TYPE","GROUP","IconTypes","CHAT","IconColors","PRIMARY","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","MODAL__CREATE_CHANNEL__GROUP","SUPERGROUP","MODAL__CREATE_CHANNEL__SUPER","BROADCAST","MODAL__CREATE_CHANNEL__BROADCAST"],"mappings":"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"}

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-b5fa7c16.js';
-import '../topics-0752cb33.js';
-import '../utils-5569d95d.js';
+export { C as CreateChannelProvider, u as useCreateChannelContext } from '../CreateChannelProvider-2b5b2952.js';
+import '../topics-2ff5f12a.js';
+import '../utils-db039320.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-a72165e4.js';
+import '../_rollupPluginBabelHelpers-fa4874e9.js';
 //# sourceMappingURL=context.js.map

package/CreateChannel.js

@@ -1,36 +1,37 @@
 import React__default from 'react';
 import CreateChannel$1 from './CreateChannel/components/CreateChannelUI.js';
-import { C as CreateChannelProvider } from './CreateChannelProvider-b5fa7c16.js';
+import { C as CreateChannelProvider } from './CreateChannelProvider-2b5b2952.js';
 import './CreateChannel/components/InviteUsers.js';
-import './tslib.es6-d20349ad.js';
-import './LocalizationContext-9976b34e.js';
-import './stringSet-8662ec77.js';
-import './index-5e61b8f6.js';
+import './tslib.es6-7fef98cd.js';
+import './LocalizationContext-2bd4bbe8.js';
+import './stringSet-65cf83b4.js';
+import './index-670435a8.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-a72165e4.js';
+import './_rollupPluginBabelHelpers-fa4874e9.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-dbe2f386.js';
+import './index-b4ee3569.js';
 import './ui/Button.js';
-import './index-200a8796.js';
+import './index-c4eefc9d.js';
 import 'prop-types';
 import './ui/Icon.js';
 import './ui/IconButton.js';
+import './MediaQueryContext-7be72ab4.js';
 import './ui/UserListItem.js';
-import './UserProfileContext-24bb1c79.js';
+import './UserProfileContext-0d8287d0.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-e5bc1634.js';
+import './uuid-68db8245.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-0752cb33.js';
-import './utils-5569d95d.js';
+import './topics-2ff5f12a.js';
+import './utils-db039320.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-89cd6e36.js';
+import './index-867e0d39.js';
 import './utils/message/getOutgoingMessageState.js';
 import './CreateChannel/components/SelectChannelType.js';
 

package/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","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,6BAAC,qBAAD,EAAA;AACE,IAAA,qBAAqB,EAAEL,qBADzB;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,eAAe,EAAEC,eAAAA;AAHnB,GAAA,eAKEG,6BAACC,eAAD,EAAA;AACE,IAAA,aAAa,EAAEF,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    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","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,6BAAC,qBAAD,EAAA;AACE,IAAA,qBAAqB,EAAEL,qBADzB;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,eAAe,EAAEC,eAAAA;AAHnB,GAAA,eAKEG,6BAACC,eAAD,EAAA;AACE,IAAA,aAAa,EAAEF,aADjB;AAEE,IAAA,QAAQ,EAAED,QAAAA;AAFZ,GAAA,CALF,CADF,CAAA;AAYD;;;;"}

package/{CreateChannelProvider-b5fa7c16.js → CreateChannelProvider-2b5b2952.js}

@@ -50,4 +50,4 @@ var useCreateChannelContext = function () {
 };
 
 export { CreateChannelProvider as C, CHANNEL_TYPE as a, useCreateChannelContext as u };
-//# sourceMappingURL=CreateChannelProvider-b5fa7c16.js.map
+//# sourceMappingURL=CreateChannelProvider-2b5b2952.js.map

package/{CreateChannelProvider-b5fa7c16.js.map → CreateChannelProvider-2b5b2952.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CreateChannelProvider-b5fa7c16.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\nexport interface CreateChannelProviderProps {\n  children?: React.ReactElement;\n  onCreateChannel(channel: GroupChannel): 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  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    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      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","userListQuery","store","useSendbirdStateContext","userListQuery_","_a","config","createChannel","getCreateGroupChannel","_b","useState","step","setStep","_c","GROUP","type","setType","useCreateChannelContext","useContext"],"mappings":";;;;IAAYA,aAAZ;;AAAA,CAAA,UAAYA,YAAZ,EAAwB;AACtBA,EAAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AACD,CAJD,EAAYA,YAAY,KAAZA,YAAY,GAIvB,EAJuB,CAAxB,CAAA;;ACYA,IAAMC,oBAAoB,gBAAGC,cAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B,CAAA;;AA4BA,IAAMC,qBAAqB,GAAyC,UAACC,KAAD,EAAkC;;;AAElG,EAAA,IAAAC,QAAQ,GAIND,KAAK,SAJP;AAAA,MACAE,eAAe,GAGbF,KAAK,CAAAE,eAJP;AAAA,MAEAC,qBAAqB,GAEnBH,KAAK,CAFcG,qBAFrB;AAAA,MAGAC,aAAa,GACXJ,KAAK,cAJP,CAAA;EAMF,IAAMK,KAAK,GAAGC,uBAAuB,EAArC,CAAA;AACA,EAAA,IAAMC,cAAc,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAJ,aAAtC,CAAA;AACA,EAAA,IAAMM,aAAa,GACUC,qBAAqB,CAACN,KAAD,CADlD,CAAA;;AAGM,EAAA,IAAAO,EAAA,GAAkBC,QAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,GAAAH,EAAA,CAAA,CAAA,CAAd,CAAA;;AACA,EAAA,IAAAI,EAAkB,GAAAH,QAAQ,CAACnB,YAAY,CAACuB,KAAd,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,QAAd,CAAA;;EAEN,oBACEvB,cAAA,CAAA,aAAA,CAAC,oBAAD,CAAsB,QAAtB,EAAA;AAA+B,IAAA,KAAK,EAAE;AACpCO,MAAAA,qBAAqB,EAAAA,qBADe;AAEpCO,MAAAA,aAAa,EAAAA,aAFuB;AAGpCR,MAAAA,eAAe,EAAAA,eAHqB;MAIpCE,aAAa,EAAEA,aAAa,IAAIG,cAJI;AAKpCO,MAAAA,IAAI,EAAAA,IALgC;AAMpCC,MAAAA,OAAO,EAAAA,OAN6B;AAOpCG,MAAAA,IAAI,EAAAA,IAPgC;AAQpCC,MAAAA,OAAO,EAAAA,OAAAA;AAR6B,KAAA;AAAtC,GAAA,EAUGlB,QAVH,CADF,CAAA;AAcD,EA9BD;;AAgCMmB,IAAAA,uBAAuB,GAAG,YAAqC;AAAA,EAAA,OACnExB,cAAK,CAACyB,UAAN,CAAiB1B,oBAAjB,CADmE,CAAA;AAEpE;;;;"}
+{"version":3,"file":"CreateChannelProvider-2b5b2952.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\nexport interface CreateChannelProviderProps {\n  children?: React.ReactElement;\n  onCreateChannel(channel: GroupChannel): 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  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    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      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","userListQuery","store","useSendbirdStateContext","userListQuery_","_a","config","createChannel","getCreateGroupChannel","_b","useState","step","setStep","_c","GROUP","type","setType","useCreateChannelContext","useContext"],"mappings":";;;;IAAYA,aAAZ;;AAAA,CAAA,UAAYA,YAAZ,EAAwB;AACtBA,EAAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AACD,CAJD,EAAYA,YAAY,KAAZA,YAAY,GAIvB,EAJuB,CAAxB,CAAA;;ACYA,IAAMC,oBAAoB,gBAAGC,cAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B,CAAA;;AA4BA,IAAMC,qBAAqB,GAAyC,UAACC,KAAD,EAAkC;;;AAElG,EAAA,IAAAC,QAAQ,GAIND,KAAK,SAJP;AAAA,MACAE,eAAe,GAGbF,KAAK,CAAAE,eAJP;AAAA,MAEAC,qBAAqB,GAEnBH,KAAK,CAFcG,qBAFrB;AAAA,MAGAC,aAAa,GACXJ,KAAK,cAJP,CAAA;EAMF,IAAMK,KAAK,GAAGC,uBAAuB,EAArC,CAAA;AACA,EAAA,IAAMC,cAAc,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAJ,aAAtC,CAAA;AACA,EAAA,IAAMM,aAAa,GACUC,qBAAqB,CAACN,KAAD,CADlD,CAAA;;AAGM,EAAA,IAAAO,EAAA,GAAkBC,QAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,GAAAH,EAAA,CAAA,CAAA,CAAd,CAAA;;AACA,EAAA,IAAAI,EAAkB,GAAAH,QAAQ,CAACnB,YAAY,CAACuB,KAAd,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,QAAd,CAAA;;EAEN,oBACEvB,cAAA,CAAA,aAAA,CAAC,oBAAD,CAAsB,QAAtB,EAAA;AAA+B,IAAA,KAAK,EAAE;AACpCO,MAAAA,qBAAqB,EAAAA,qBADe;AAEpCO,MAAAA,aAAa,EAAAA,aAFuB;AAGpCR,MAAAA,eAAe,EAAAA,eAHqB;MAIpCE,aAAa,EAAEA,aAAa,IAAIG,cAJI;AAKpCO,MAAAA,IAAI,EAAAA,IALgC;AAMpCC,MAAAA,OAAO,EAAAA,OAN6B;AAOpCG,MAAAA,IAAI,EAAAA,IAPgC;AAQpCC,MAAAA,OAAO,EAAAA,OAAAA;AAR6B,KAAA;AAAtC,GAAA,EAUGlB,QAVH,CADF,CAAA;AAcD,EA9BD;;AAgCMmB,IAAAA,uBAAuB,GAAG,YAAqC;AAAA,EAAA,OACnExB,cAAK,CAACyB,UAAN,CAAiB1B,oBAAjB,CADmE,CAAA;AAEpE;;;;"}

package/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -1,26 +1,27 @@
 import React__default, { useState, useRef, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-9976b34e.js';
+import { a as LocalizationContext } from '../../LocalizationContext-2bd4bbe8.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-200a8796.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-c4eefc9d.js';
 import TextButton from '../../ui/TextButton.js';
 import { useCreateOpenChannelContext } from '../context.js';
-import '../../stringSet-8662ec77.js';
-import '../../index-5e61b8f6.js';
-import '../../tslib.es6-d20349ad.js';
+import '../../stringSet-65cf83b4.js';
+import '../../index-670435a8.js';
+import '../../tslib.es6-7fef98cd.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-e5bc1634.js';
+import '../../uuid-68db8245.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-dbe2f386.js';
+import '../../index-b4ee3569.js';
 import '../../ui/IconButton.js';
-import '../../color-511dde29.js';
+import '../../MediaQueryContext-7be72ab4.js';
+import '../../color-468f177a.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-a72165e4.js';
+import '../../_rollupPluginBabelHelpers-fa4874e9.js';
 
 function CreateOpenChannelUI(_a) {
   var closeModal = _a.closeModal,
@@ -47,6 +48,7 @@ function CreateOpenChannelUI(_a) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-create-open-channel-ui"
   }, /*#__PURE__*/React__default.createElement(Modal, {
+    isFullScreenOnMobile: true,
     titleText: stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE,
     submitText: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT,
     type: ButtonTypes.PRIMARY,