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

package/cjs/ChannelSettings.js

@@ -5,51 +5,52 @@ var ChannelSettings_components_ChannelSettingsUI = require('./ChannelSettings/co
 var ChannelSettings_context = require('./ChannelSettings/context.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-93d42928.js');
-require('./index-1ce4efa3.js');
-require('./tslib.es6-712ab026.js');
-require('./LocalizationContext-0349dfbd.js');
-require('./stringSet-9eadd9a2.js');
-require('./index-491f2403.js');
+require('./_rollupPluginBabelHelpers-c8ddc77e.js');
+require('./index-8d7bc2cf.js');
+require('./tslib.es6-ce6b9cf9.js');
+require('./LocalizationContext-2a1cb44b.js');
+require('./stringSet-b531455a.js');
+require('./index-5ce5b5ef.js');
 require('./ui/Icon.js');
 require('prop-types');
-require('./index-e59510d3.js');
+require('./index-6c759d44.js');
 require('./ui/Loader.js');
 require('./ui/IconButton.js');
 require('./ChannelSettings/components/ChannelProfile.js');
 require('./ui/ChannelAvatar.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-4fb21145.js');
-require('./utils-90917fdb.js');
+require('./uuid-e0efb18c.js');
+require('./utils-d8b4def1.js');
 require('./ui/TextButton.js');
-require('./color-8da1967d.js');
+require('./color-fcbb3426.js');
 require('./ChannelSettings/components/EditDetailsModal.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-200b85a3.js');
+require('./index-f1ad3c0d.js');
 require('./ui/Button.js');
+require('./MediaQueryContext-623586af.js');
 require('./ui/Input.js');
 require('./ChannelSettings/components/ModerationPanel.js');
 require('./ui/Accordion.js');
 require('./ui/AccordionGroup.js');
-require('./context-bd7de995.js');
-require('./utils-03670a4b.js');
+require('./context-ca0ce6fa.js');
+require('./utils-54962329.js');
 require('./ui/Badge.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
-require('./index-558d367a.js');
+require('./index-f42aafcc.js');
 require('./utils/message/getOutgoingMessageState.js');
 require('./ChannelSettings/components/UserListItem.js');
-require('./UserProfileContext-d1596965.js');
+require('./UserProfileContext-157c5174.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./topics-c4ffdf98.js');
+require('./topics-14e5ee9f.js');
 require('./ui/UserListItem.js');
 require('./ui/Checkbox.js');
 require('@sendbird/chat/groupChannel');
-require('./MemberList-a95f8e7f.js');
+require('./MemberList-ab7f22b9.js');
 require('./ChannelSettings/components/LeaveChannel.js');
 require('./ChannelSettings/components/UserPanel.js');
 
@@ -61,6 +62,7 @@ var ChannelSettings = function (props) {
   return /*#__PURE__*/React__default["default"].createElement(ChannelSettings_context.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/cjs/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","ChannelSettingsProvider","channelUrl","onCloseClick","onChannelModified","onBeforeUpdateChannel","queries","className","disableUserProfile","renderChannelProfile","ChannelSettingsUI","renderPlaceholderError","renderModerationPanel","renderLeaveChannel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAMA,eAAe,GAAmC,UAACC,KAAD,EAA4B;AAClF,EAAA,oBACEC,wCAACC,+CAAD,EAAA;IACE,UAAU,EAAEF,KAAK,CAACG,UADpB;AAEE,IAAA,YAAY,EAAEH,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEI,YAFvB;AAGE,IAAA,iBAAiB,EAAEJ,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEK,iBAH5B;AAIE,IAAA,qBAAqB,EAAEL,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEM,qBAJhC;AAKE,IAAA,OAAO,EAAEN,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEO,OALlB;AAME,IAAA,SAAS,EAAEP,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEQ,SANpB;AAOE,IAAA,kBAAkB,EAAER,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAES,kBAP7B;AAQE,IAAA,iBAAiB,EAAET,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEU,oBAAAA;AAR5B,GAAA,eAUET,wCAACU,4CAAD,EAAA;AACE,IAAA,sBAAsB,EAAEX,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEY,sBADjC;AAEE,IAAA,oBAAoB,EAAEZ,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,CAAEa,qBAHhC;AAIE,IAAA,kBAAkB,EAAEb,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEc,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","ChannelSettingsProvider","channelUrl","onCloseClick","onLeaveChannel","onChannelModified","onBeforeUpdateChannel","queries","className","disableUserProfile","renderChannelProfile","ChannelSettingsUI","renderPlaceholderError","renderModerationPanel","renderLeaveChannel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,eAAe,GAAmC,UAACC,KAAD,EAA4B;AAClF,EAAA,oBACEC,wCAACC,+CAAD,EAAA;IACE,UAAU,EAAEF,KAAK,CAACG,UADpB;AAEE,IAAA,YAAY,EAAEH,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEI,YAFvB;AAGE,IAAA,cAAc,EAAEJ,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEK,cAHzB;AAIE,IAAA,iBAAiB,EAAEL,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEM,iBAJ5B;AAKE,IAAA,qBAAqB,EAAEN,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEO,qBALhC;AAME,IAAA,OAAO,EAAEP,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEQ,OANlB;AAOE,IAAA,SAAS,EAAER,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAES,SAPpB;AAQE,IAAA,kBAAkB,EAAET,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEU,kBAR7B;AASE,IAAA,iBAAiB,EAAEV,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEW,oBAAAA;AAT5B,GAAA,eAWEV,wCAACW,4CAAD,EAAA;AACE,IAAA,sBAAsB,EAAEZ,KAAK,KAAA,IAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEa,sBADjC;AAEE,IAAA,oBAAoB,EAAEb,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEW,oBAF/B;AAGE,IAAA,qBAAqB,EAAEX,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAEc,qBAHhC;AAIE,IAAA,kBAAkB,EAAEd,KAAK,KAAL,IAAA,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEe,kBAAAA;AAJ7B,GAAA,CAXF,CADF,CAAA;AAoBD;;;;"}

package/cjs/CreateChannel/components/CreateChannelUI.js

@@ -1,38 +1,39 @@
 'use strict';
 
 var React = require('react');
-var CreateChannel_context = require('../../CreateChannelProvider-0a28a871.js');
+var CreateChannel_context = require('../../CreateChannelProvider-e368f771.js');
 var CreateChannel_components_InviteUsers = require('./InviteUsers.js');
 var CreateChannel_components_SelectChannelType = require('./SelectChannelType.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-c4ffdf98.js');
-require('../../utils-03670a4b.js');
+require('../../topics-14e5ee9f.js');
+require('../../utils-54962329.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-93d42928.js');
-require('../../tslib.es6-712ab026.js');
-require('../../LocalizationContext-0349dfbd.js');
-require('../../stringSet-9eadd9a2.js');
-require('../../index-491f2403.js');
+require('../../_rollupPluginBabelHelpers-c8ddc77e.js');
+require('../../tslib.es6-ce6b9cf9.js');
+require('../../LocalizationContext-2a1cb44b.js');
+require('../../stringSet-b531455a.js');
+require('../../index-5ce5b5ef.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-200b85a3.js');
+require('../../index-f1ad3c0d.js');
 require('../../ui/Button.js');
-require('../../index-e59510d3.js');
+require('../../index-6c759d44.js');
 require('prop-types');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
+require('../../MediaQueryContext-623586af.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-d1596965.js');
+require('../../UserProfileContext-157c5174.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-4fb21145.js');
+require('../../uuid-e0efb18c.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-558d367a.js');
+require('../../index-f42aafcc.js');
 require('../../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/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","SelectChannelType","InviteUsers"],"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,6CAAuB,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,yBAAA,CAAA,aAAA,CAAAA,yBAAA,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,yBAAA,CAAA,aAAA,CAACC,0CAAD,EAAA;AACE,IAAA,QAAQ,EAAER,QAAAA;AADZ,GAAA,CAFJ,CAFJ,EAWII,IAAI,KAAK,CAAT,iBACEG,wCAACE,oCAAD,EAAA;AACE,IAAA,aAAa,EAAEH,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","SelectChannelType","InviteUsers"],"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,6CAAuB,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,yBAAA,CAAA,aAAA,CAAAA,yBAAA,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,yBAAA,CAAA,aAAA,CAACC,0CAAD,EAAA;AACE,IAAA,QAAQ,EAAER,QAAAA;AADZ,GAAA,CAFJ,CAFJ,EAWII,IAAI,KAAK,CAAT,iBACEG,wCAACE,oCAAD,EAAA;AACE,IAAA,aAAa,EAAEH,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/cjs/CreateChannel/components/InviteUsers.js

@@ -1,36 +1,37 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-712ab026.js');
+var tslib_es6 = require('../../tslib.es6-ce6b9cf9.js');
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-0349dfbd.js');
-var CreateChannel_context = require('../../CreateChannelProvider-0a28a871.js');
+var LocalizationContext = require('../../LocalizationContext-2a1cb44b.js');
+var CreateChannel_context = require('../../CreateChannelProvider-e368f771.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ui_Modal = require('../../ui/Modal.js');
-var ui_Label = require('../../index-e59510d3.js');
+var ui_Label = require('../../index-6c759d44.js');
 var ui_Button = require('../../ui/Button.js');
 var ui_UserListItem = require('../../ui/UserListItem.js');
-require('../../stringSet-9eadd9a2.js');
-require('../../index-491f2403.js');
+require('../../stringSet-b531455a.js');
+require('../../index-5ce5b5ef.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-c4ffdf98.js');
-require('../../utils-03670a4b.js');
+require('../../topics-14e5ee9f.js');
+require('../../utils-54962329.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-93d42928.js');
+require('../../_rollupPluginBabelHelpers-c8ddc77e.js');
 require('react-dom');
-require('../../index-200b85a3.js');
+require('../../index-f1ad3c0d.js');
 require('../../ui/Icon.js');
 require('prop-types');
 require('../../ui/IconButton.js');
-require('../../UserProfileContext-d1596965.js');
+require('../../MediaQueryContext-623586af.js');
+require('../../UserProfileContext-157c5174.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-4fb21145.js');
+require('../../uuid-e0efb18c.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-558d367a.js');
+require('../../index-f42aafcc.js');
 require('../../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -72,6 +73,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;
 
@@ -118,8 +126,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
+
+  React.useEffect(function () {
+    appHeight();
+    window.addEventListener('resize', appHeight);
+    return function () {
+      window.removeEventListener('resize', appHeight);
+    };
   }, []);
   return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+    isFullScreenOnMobile: true,
     titleText: titleText,
     submitText: submitText,
     type: ui_Button.ButtonTypes.PRIMARY,

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

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

package/cjs/CreateChannel/components/SelectChannelType.js

@@ -3,23 +3,24 @@
 var React = require('react');
 var sendbirdSelectors = require('../../sendbirdSelectors.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var CreateChannel_context = require('../../CreateChannelProvider-0a28a871.js');
-var LocalizationContext = require('../../LocalizationContext-0349dfbd.js');
-var ui_Label = require('../../index-e59510d3.js');
+var CreateChannel_context = require('../../CreateChannelProvider-e368f771.js');
+var LocalizationContext = require('../../LocalizationContext-2a1cb44b.js');
+var ui_Label = require('../../index-6c759d44.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Modal = require('../../ui/Modal.js');
-require('../../topics-c4ffdf98.js');
-require('../../utils-03670a4b.js');
+require('../../topics-14e5ee9f.js');
+require('../../utils-54962329.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-93d42928.js');
-require('../../stringSet-9eadd9a2.js');
-require('../../index-491f2403.js');
+require('../../_rollupPluginBabelHelpers-c8ddc77e.js');
+require('../../stringSet-b531455a.js');
+require('../../index-5ce5b5ef.js');
 require('prop-types');
 require('react-dom');
-require('../../index-200b85a3.js');
+require('../../index-f1ad3c0d.js');
 require('../../ui/Button.js');
-require('../../tslib.es6-712ab026.js');
+require('../../tslib.es6-ce6b9cf9.js');
 require('../../ui/IconButton.js');
+require('../../MediaQueryContext-623586af.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -65,7 +66,8 @@ var SelectChannelType = function (props) {
     hideFooter: true,
     onCancel: function () {
       onCancel();
-    }
+    },
+    className: "sendbird-add-channel__modal"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-add-channel__rectangle-wrap"
   }, /*#__PURE__*/React__default["default"].createElement("div", {

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

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

package/cjs/CreateChannel/context.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../sendbirdSelectors.js');
 require('../useSendbirdStateContext.js');
-var CreateChannel_context = require('../CreateChannelProvider-0a28a871.js');
-require('../topics-c4ffdf98.js');
-require('../utils-03670a4b.js');
+var CreateChannel_context = require('../CreateChannelProvider-e368f771.js');
+require('../topics-14e5ee9f.js');
+require('../utils-54962329.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-93d42928.js');
+require('../_rollupPluginBabelHelpers-c8ddc77e.js');
 
 
 

package/cjs/CreateChannel.js

@@ -2,37 +2,38 @@
 
 var React = require('react');
 var CreateChannel_components_CreateChannelUI = require('./CreateChannel/components/CreateChannelUI.js');
-var CreateChannel_context = require('./CreateChannelProvider-0a28a871.js');
+var CreateChannel_context = require('./CreateChannelProvider-e368f771.js');
 require('./CreateChannel/components/InviteUsers.js');
-require('./tslib.es6-712ab026.js');
-require('./LocalizationContext-0349dfbd.js');
-require('./stringSet-9eadd9a2.js');
-require('./index-491f2403.js');
+require('./tslib.es6-ce6b9cf9.js');
+require('./LocalizationContext-2a1cb44b.js');
+require('./stringSet-b531455a.js');
+require('./index-5ce5b5ef.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-93d42928.js');
+require('./_rollupPluginBabelHelpers-c8ddc77e.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-200b85a3.js');
+require('./index-f1ad3c0d.js');
 require('./ui/Button.js');
-require('./index-e59510d3.js');
+require('./index-6c759d44.js');
 require('prop-types');
 require('./ui/Icon.js');
 require('./ui/IconButton.js');
+require('./MediaQueryContext-623586af.js');
 require('./ui/UserListItem.js');
-require('./UserProfileContext-d1596965.js');
+require('./UserProfileContext-157c5174.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-4fb21145.js');
+require('./uuid-e0efb18c.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./topics-c4ffdf98.js');
-require('./utils-03670a4b.js');
+require('./topics-14e5ee9f.js');
+require('./utils-54962329.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
-require('./index-558d367a.js');
+require('./index-f42aafcc.js');
 require('./utils/message/getOutgoingMessageState.js');
 require('./CreateChannel/components/SelectChannelType.js');
 

package/cjs/CreateChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateChannel.js","sources":["../../src/smart-components/CreateChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateChannelUI, {\n  CreateChannelUIProps,\n} from './components/CreateChannelUI';\nimport {\n  CreateChannelProvider,\n  CreateChannelProviderProps,\n} from './context/CreateChannelProvider';\n\nexport interface CreateChannelProps extends CreateChannelProviderProps, CreateChannelUIProps {\n}\n\nconst CreateChannel: React.FC<CreateChannelProps> = (props: CreateChannelProps) => {\n  const {\n    onBeforeCreateChannel,\n    userListQuery,\n    onCreateChannel,\n    onCancel,\n    renderStepOne,\n  } = props;\n  return (\n    <CreateChannelProvider\n      onBeforeCreateChannel={onBeforeCreateChannel}\n      userListQuery={userListQuery}\n      onCreateChannel={onCreateChannel}\n    >\n      <CreateChannelUI\n        renderStepOne={renderStepOne}\n        onCancel={onCancel}\n      />\n    </CreateChannelProvider>\n  );\n}\n\nexport default CreateChannel;\n"],"names":["CreateChannel","props","onBeforeCreateChannel","userListQuery","onCreateChannel","onCancel","renderStepOne","React","CreateChannelProvider","CreateChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,aAAa,GAAiC,UAACC,KAAD,EAA0B;AAE1E,EAAA,IAAAC,qBAAqB,GAKnBD,KAAK,CALcC,qBAArB;AAAA,MACAC,aAAa,GAIXF,KAAK,CAJME,aADb;AAAA,MAEAC,eAAe,GAGbH,KAAK,CAHQG,eAFf;AAAA,MAGAC,QAAQ,GAENJ,KAAK,CAAAI,QALP;AAAA,MAIAC,aAAa,GACXL,KAAK,CAAAK,aALP,CAAA;AAMF,EAAA,oBACEC,wCAACC,2CAAD,EAAA;AACE,IAAA,qBAAqB,EAAEN,qBADzB;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,eAAe,EAAEC,eAAAA;AAHnB,GAAA,eAKEG,wCAACE,wCAAD,EAAA;AACE,IAAA,aAAa,EAAEH,aADjB;AAEE,IAAA,QAAQ,EAAED,QAAAA;AAFZ,GAAA,CALF,CADF,CAAA;AAYD;;;;"}
+{"version":3,"file":"CreateChannel.js","sources":["../../src/smart-components/CreateChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateChannelUI, {\n  CreateChannelUIProps,\n} from './components/CreateChannelUI';\nimport {\n  CreateChannelProvider,\n  CreateChannelProviderProps,\n} from './context/CreateChannelProvider';\n\nexport interface CreateChannelProps extends CreateChannelProviderProps, CreateChannelUIProps {\n}\n\nconst CreateChannel: React.FC<CreateChannelProps> = (props: CreateChannelProps) => {\n  const {\n    onBeforeCreateChannel,\n    userListQuery,\n    onCreateChannel,\n    onCancel,\n    renderStepOne,\n  } = props;\n  return (\n    <CreateChannelProvider\n      onBeforeCreateChannel={onBeforeCreateChannel}\n      userListQuery={userListQuery}\n      onCreateChannel={onCreateChannel}\n    >\n      <CreateChannelUI\n        renderStepOne={renderStepOne}\n        onCancel={onCancel}\n      />\n    </CreateChannelProvider>\n  );\n}\n\nexport default CreateChannel;\n"],"names":["CreateChannel","props","onBeforeCreateChannel","userListQuery","onCreateChannel","onCancel","renderStepOne","React","CreateChannelProvider","CreateChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,aAAa,GAAiC,UAACC,KAAD,EAA0B;AAE1E,EAAA,IAAAC,qBAAqB,GAKnBD,KAAK,CALcC,qBAArB;AAAA,MACAC,aAAa,GAIXF,KAAK,CAJME,aADb;AAAA,MAEAC,eAAe,GAGbH,KAAK,CAHQG,eAFf;AAAA,MAGAC,QAAQ,GAENJ,KAAK,CAAAI,QALP;AAAA,MAIAC,aAAa,GACXL,KAAK,CAAAK,aALP,CAAA;AAMF,EAAA,oBACEC,wCAACC,2CAAD,EAAA;AACE,IAAA,qBAAqB,EAAEN,qBADzB;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,eAAe,EAAEC,eAAAA;AAHnB,GAAA,eAKEG,wCAACE,wCAAD,EAAA;AACE,IAAA,aAAa,EAAEH,aADjB;AAEE,IAAA,QAAQ,EAAED,QAAAA;AAFZ,GAAA,CALF,CADF,CAAA;AAYD;;;;"}

package/cjs/{CreateChannelProvider-0a28a871.js → CreateChannelProvider-e368f771.js}

@@ -57,4 +57,4 @@ var useCreateChannelContext = function () {
 
 exports.CreateChannelProvider = CreateChannelProvider;
 exports.useCreateChannelContext = useCreateChannelContext;
-//# sourceMappingURL=CreateChannelProvider-0a28a871.js.map
+//# sourceMappingURL=CreateChannelProvider-e368f771.js.map

package/cjs/{CreateChannelProvider-0a28a871.js.map → CreateChannelProvider-e368f771.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CreateChannelProvider-0a28a871.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":";;;;;;;;;;AAAYA,8BAAZ;;AAAA,CAAA,UAAYA,YAAZ,EAAwB;AACtBA,EAAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AACD,CAJD,EAAYA,oBAAY,KAAZA,oBAAY,GAIvB,EAJuB,CAAxB,CAAA;;ACYA,IAAMC,oBAAoB,gBAAGC,yBAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B,CAAA;;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,uCAAqB,CAACN,KAAD,CADlD,CAAA;;AAGM,EAAA,IAAAO,EAAA,GAAkBC,cAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,GAAAH,EAAA,CAAA,CAAA,CAAd,CAAA;;AACA,EAAA,IAAAI,EAAkB,GAAAH,cAAQ,CAACnB,oBAAY,CAACuB,KAAd,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,QAAd,CAAA;;EAEN,oBACEvB,yBAAA,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,yBAAK,CAACyB,UAAN,CAAiB1B,oBAAjB,CADmE,CAAA;AAEpE;;;;;"}
+{"version":3,"file":"CreateChannelProvider-e368f771.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":";;;;;;;;;;AAAYA,8BAAZ;;AAAA,CAAA,UAAYA,YAAZ,EAAwB;AACtBA,EAAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AACD,CAJD,EAAYA,oBAAY,KAAZA,oBAAY,GAIvB,EAJuB,CAAxB,CAAA;;ACYA,IAAMC,oBAAoB,gBAAGC,yBAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B,CAAA;;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,uCAAqB,CAACN,KAAD,CADlD,CAAA;;AAGM,EAAA,IAAAO,EAAA,GAAkBC,cAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,GAAAH,EAAA,CAAA,CAAA,CAAd,CAAA;;AACA,EAAA,IAAAI,EAAkB,GAAAH,cAAQ,CAACnB,oBAAY,CAACuB,KAAd,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,QAAd,CAAA;;EAEN,oBACEvB,yBAAA,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,yBAAK,CAACyB,UAAN,CAAiB1B,oBAAjB,CADmE,CAAA;AAEpE;;;;;"}

package/cjs/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -1,28 +1,29 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-0349dfbd.js');
+var LocalizationContext = require('../../LocalizationContext-2a1cb44b.js');
 var ui_Avatar = require('../../ui/Avatar.js');
 var ui_Button = require('../../ui/Button.js');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Input = require('../../ui/Input.js');
-var ui_Label = require('../../index-e59510d3.js');
+var ui_Label = require('../../index-6c759d44.js');
 var ui_TextButton = require('../../ui/TextButton.js');
 var CreateOpenChannel_context = require('../context.js');
-require('../../stringSet-9eadd9a2.js');
-require('../../index-491f2403.js');
-require('../../tslib.es6-712ab026.js');
+require('../../stringSet-b531455a.js');
+require('../../index-5ce5b5ef.js');
+require('../../tslib.es6-ce6b9cf9.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-4fb21145.js');
+require('../../uuid-e0efb18c.js');
 require('prop-types');
 require('react-dom');
-require('../../index-200b85a3.js');
+require('../../index-f1ad3c0d.js');
 require('../../ui/IconButton.js');
-require('../../color-8da1967d.js');
+require('../../MediaQueryContext-623586af.js');
+require('../../color-fcbb3426.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-93d42928.js');
+require('../../_rollupPluginBabelHelpers-c8ddc77e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -53,6 +54,7 @@ function CreateOpenChannelUI(_a) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-create-open-channel-ui"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+    isFullScreenOnMobile: true,
     titleText: stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE,
     submitText: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT,
     type: ui_Button.ButtonTypes.PRIMARY,