@sendbird/uikit-react 3.1.3 → 3.2.0-rc.0

package/ChannelSettings.js

@@ -3,53 +3,51 @@ import ChannelSettingsUI from './ChannelSettings/components/ChannelSettingsUI.js
 import { ChannelSettingsProvider } from './ChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-b2b008c2.js';
-import './index-7a790c96.js';
-import './tslib.es6-72a2f141.js';
-import './LocalizationContext-5b475a64.js';
-import './stringSet-c4a61372.js';
-import './index-25496c01.js';
+import './_rollupPluginBabelHelpers-4527872e.js';
+import './index-a98bd600.js';
+import './tslib.es6-cb5d77bf.js';
+import './LocalizationContext-4cefc770.js';
+import './stringSet-dc330bcf.js';
+import './index-176e9ad4.js';
 import './ui/Icon.js';
 import 'prop-types';
-import './index-e028fd23.js';
+import './index-6b896cd8.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-8a4db02f.js';
-import './utils-bc7d8f0c.js';
+import './uuid-180d497e.js';
+import './utils-8fb72715.js';
 import './ui/TextButton.js';
-import './color-83cfc07a.js';
+import './color-402a36fd.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-1086dd43.js';
-import './index-16e14c17.js';
+import './index-3249f6b5.js';
+import './ui/Button.js';
 import './ui/Input.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-2f6f1c17.js';
-import './utils-2c4d166e.js';
+import './context-bd92675f.js';
+import './utils-629876b9.js';
 import './ui/Badge.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-24a5ab49.js';
+import './index-f59cf800.js';
 import './ChannelSettings/components/UserListItem.js';
-import './UserProfileContext-a2483e23.js';
+import './UserProfileContext-2e53d03a.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-851d221c.js';
+import './topics-c5198349.js';
 import './ui/UserListItem.js';
 import './ui/Checkbox.js';
-import './groupChannel-de6b26ee.js';
-import './__bundle-6316ce22-63d15802.js';
-import './__bundle-fbda47dd-b1c87af3.js';
-import './__bundle-7dfccc8c-d5c3938c.js';
-import './MemberList-004dd3e6.js';
+import './groupChannel-e2a071e1.js';
+import './__bundle-bd072f34-95f6bf17.js';
+import './MemberList-e4916e55.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoBMA,eAAe,GAAmC,SAAlDA,eAAkD,CAACC,KAAD;AACtD,sBACEC,6BAAC,uBAAD;AACE,IAAA,UAAU,EAAED,KAAK,CAACE,UADpB;AAEE,IAAA,YAAY,EAAEF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,YAFvB;AAGE,IAAA,iBAAiB,EAAEH,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEI,iBAH5B;AAIE,IAAA,qBAAqB,EAAEJ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEK,qBAJhC;AAKE,IAAA,OAAO,EAAEL,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEM,OALlB;AAME,IAAA,SAAS,EAAEN,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEO,SANpB;AAOE,IAAA,kBAAkB,EAAEP,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEQ,kBAP7B;AAQE,IAAA,iBAAiB,EAAER,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAES;AAR5B,kBAUER,6BAAC,iBAAD;AACE,IAAA,sBAAsB,EAAED,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEU,sBADjC;AAEE,IAAA,oBAAoB,EAAEV,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAES,oBAF/B;AAGE,IAAA,qBAAqB,EAAET,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEW,qBAHhC;AAIE,IAAA,kBAAkB,EAAEX,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEY;AAJ7B,IAVF,CADF;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 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoBMA,eAAe,GAAmC,SAAlDA,eAAkD,CAACC,KAAD;EACtD,oBACEC,6BAAC,uBAAD;IACE,UAAU,EAAED,KAAK,CAACE,UADpB;IAEE,YAAY,EAAEF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,YAFvB;IAGE,iBAAiB,EAAEH,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEI,iBAH5B;IAIE,qBAAqB,EAAEJ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEK,qBAJhC;IAKE,OAAO,EAAEL,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEM,OALlB;IAME,SAAS,EAAEN,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEO,SANpB;IAOE,kBAAkB,EAAEP,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEQ,kBAP7B;IAQE,iBAAiB,EAAER,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAES;kBAE1BR,6BAAC,iBAAD;IACE,sBAAsB,EAAED,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEU,sBADjC;IAEE,oBAAoB,EAAEV,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAES,oBAF/B;IAGE,qBAAqB,EAAET,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEW,qBAHhC;IAIE,kBAAkB,EAAEX,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEY;IAd/B,CADF;AAmBD;;;;"}

package/CreateChannel/components/CreateChannelUI.js

@@ -1,36 +1,36 @@
 import React__default from 'react';
-import { u as useCreateChannelContext } from '../../CreateChannelProvider-f84fd7e5.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-712526fd.js';
 import InviteUsers from './InviteUsers.js';
 import SelectChannelType from './SelectChannelType.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-851d221c.js';
-import '../../utils-2c4d166e.js';
+import '../../topics-c5198349.js';
+import '../../utils-629876b9.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b2b008c2.js';
-import '../../tslib.es6-72a2f141.js';
-import '../../LocalizationContext-5b475a64.js';
-import '../../stringSet-c4a61372.js';
-import '../../index-25496c01.js';
+import '../../_rollupPluginBabelHelpers-4527872e.js';
+import '../../tslib.es6-cb5d77bf.js';
+import '../../LocalizationContext-4cefc770.js';
+import '../../stringSet-dc330bcf.js';
+import '../../index-176e9ad4.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-1086dd43.js';
-import '../../index-16e14c17.js';
-import '../../index-e028fd23.js';
+import '../../index-3249f6b5.js';
+import '../../ui/Button.js';
+import '../../index-6b896cd8.js';
 import 'prop-types';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-a2483e23.js';
+import '../../UserProfileContext-2e53d03a.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-8a4db02f.js';
+import '../../uuid-180d497e.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-24a5ab49.js';
+import '../../index-f59cf800.js';
 
 var CreateChannel = function CreateChannel(props) {
   var _onCancel = props.onCancel,

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYMA,aAAa,GAAmC,SAAhDA,aAAgD,CAACC,KAAD;AAC5C,MAAAC,SAAQ,GAAoBD,KAAK,SAAjC;AAAA,MAAUE,aAAa,GAAKF,KAAK,cAAjC;;AAEF,MAAAG,KAIFC,uBAAuB,EAJrB;AAAA,MACJC,IAAI,UADA;AAAA,MAEJC,OAAO,aAFH;AAAA,MAGJC,aAAa,mBAHT;;AAMN,sBACEC,4DAEIH,IAAI,KAAK,CAAT,KACE,CAAAH,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,EAAb,kBACEM,6BAAC,iBAAD;AACE,IAAA,QAAQ,EAAEP;AADZ,IAFJ,CAFJ,EAWII,IAAI,KAAK,CAAT,iBACEG,6BAAC,WAAD;AACE,IAAA,aAAa,EAAED,aADjB;AAEE,IAAA,QAAQ,EAAE;AACRD,MAAAA,OAAO,CAAC,CAAD,CAAP;;AACAL,MAAAA,SAAQ;AACT;AALH,IAZN,CADF;AAwBD;;;;"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYMA,aAAa,GAAmC,SAAhDA,aAAgD,CAACC,KAAD;EAC5C,IAAAC,SAAQ,GAAoBD,KAAK,SAAjC;MAAUE,aAAa,GAAKF,KAAK,cAAjC;;EAEF,IAAAG,KAIFC,uBAAuB,EAJrB;MACJC,IAAI,UADA;MAEJC,OAAO,aAFH;MAGJC,aAAa,mBAHT;;EAMN,oBACEC,4DAEIH,IAAI,KAAK,CAAT,KACE,CAAAH,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,EAAb,kBACEM,6BAAC,iBAAD;IACE,QAAQ,EAAEP;IAHhB,CAFJ,EAWII,IAAI,KAAK,CAAT,iBACEG,6BAAC,WAAD;IACE,aAAa,EAAED,aADjB;IAEE,QAAQ,EAAE;MACRD,OAAO,CAAC,CAAD,CAAP;;MACAL,SAAQ;;IAhBlB,CADF;AAwBD;;;;"}

package/CreateChannel/components/InviteUsers.js

@@ -1,34 +1,34 @@
-import { a as __spreadArray, _ as __assign } from '../../tslib.es6-72a2f141.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-cb5d77bf.js';
 import React__default, { useState, useContext, useEffect } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
-import { u as useCreateChannelContext } from '../../CreateChannelProvider-f84fd7e5.js';
+import { a as LocalizationContext } from '../../LocalizationContext-4cefc770.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-712526fd.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import Modal from '../../ui/Modal.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-e028fd23.js';
-import { a as ButtonTypes } from '../../index-16e14c17.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-6b896cd8.js';
+import { ButtonTypes } from '../../ui/Button.js';
 import UserListItem from '../../ui/UserListItem.js';
-import '../../stringSet-c4a61372.js';
-import '../../index-25496c01.js';
+import '../../stringSet-dc330bcf.js';
+import '../../index-176e9ad4.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-851d221c.js';
-import '../../utils-2c4d166e.js';
+import '../../topics-c5198349.js';
+import '../../utils-629876b9.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../../_rollupPluginBabelHelpers-4527872e.js';
 import 'react-dom';
-import '../../index-1086dd43.js';
+import '../../index-3249f6b5.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/IconButton.js';
-import '../../UserProfileContext-a2483e23.js';
+import '../../UserProfileContext-2e53d03a.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-8a4db02f.js';
+import '../../uuid-180d497e.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-24a5ab49.js';
+import '../../index-f59cf800.js';
 
 var filterUser = function filterUser(idsToFilter) {
   return function (currentId) {
@@ -149,7 +149,7 @@ var InviteUsers = function InviteUsers(_a) {
   }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Label, {
     color: selectedCount > 0 ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3,
     type: LabelTypography.CAPTION_1
-  }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTEC)), /*#__PURE__*/React__default.createElement("div", {
+  }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTED)), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-create-channel--scroll",
     onScroll: function onScroll(e) {
       var eventTarget = e.target;

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      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__SELECTEC}`}\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","config","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","MODAL__INVITE_MEMBER__SELECTEC","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","map","user","event","modifiedSelectedUsers","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 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      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","config","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","MODAL__INVITE_MEMBER__SELECTED","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","map","user","event","modifiedSelectedUsers","id","checked"],"mappings":"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"}

package/CreateChannel/components/SelectChannelType.js

@@ -1,22 +1,22 @@
 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-f84fd7e5.js';
-import { a as LocalizationContext } from '../../LocalizationContext-5b475a64.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e028fd23.js';
+import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../CreateChannelProvider-712526fd.js';
+import { a as LocalizationContext } from '../../LocalizationContext-4cefc770.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-6b896cd8.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Modal from '../../ui/Modal.js';
-import '../../topics-851d221c.js';
-import '../../utils-2c4d166e.js';
+import '../../topics-c5198349.js';
+import '../../utils-629876b9.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b2b008c2.js';
-import '../../stringSet-c4a61372.js';
-import '../../index-25496c01.js';
+import '../../_rollupPluginBabelHelpers-4527872e.js';
+import '../../stringSet-dc330bcf.js';
+import '../../index-176e9ad4.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-1086dd43.js';
-import '../../index-16e14c17.js';
-import '../../tslib.es6-72a2f141.js';
+import '../../index-3249f6b5.js';
+import '../../ui/Button.js';
+import '../../tslib.es6-cb5d77bf.js';
 import '../../ui/IconButton.js';
 
 var isBroadcastChannelEnabled = function isBroadcastChannelEnabled(sdk) {

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","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    >\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","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-f84fd7e5.js';
-import '../topics-851d221c.js';
-import '../utils-2c4d166e.js';
+export { C as CreateChannelProvider, u as useCreateChannelContext } from '../CreateChannelProvider-712526fd.js';
+import '../topics-c5198349.js';
+import '../utils-629876b9.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 //# sourceMappingURL=context.js.map

package/CreateChannel.js

@@ -1,36 +1,36 @@
 import React__default from 'react';
 import CreateChannel$1 from './CreateChannel/components/CreateChannelUI.js';
-import { C as CreateChannelProvider } from './CreateChannelProvider-f84fd7e5.js';
+import { C as CreateChannelProvider } from './CreateChannelProvider-712526fd.js';
 import './CreateChannel/components/InviteUsers.js';
-import './tslib.es6-72a2f141.js';
-import './LocalizationContext-5b475a64.js';
-import './stringSet-c4a61372.js';
-import './index-25496c01.js';
+import './tslib.es6-cb5d77bf.js';
+import './LocalizationContext-4cefc770.js';
+import './stringSet-dc330bcf.js';
+import './index-176e9ad4.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-b2b008c2.js';
+import './_rollupPluginBabelHelpers-4527872e.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-1086dd43.js';
-import './index-16e14c17.js';
-import './index-e028fd23.js';
+import './index-3249f6b5.js';
+import './ui/Button.js';
+import './index-6b896cd8.js';
 import 'prop-types';
 import './ui/Icon.js';
 import './ui/IconButton.js';
 import './ui/UserListItem.js';
-import './UserProfileContext-a2483e23.js';
+import './UserProfileContext-2e53d03a.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-8a4db02f.js';
+import './uuid-180d497e.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-851d221c.js';
-import './utils-2c4d166e.js';
+import './topics-c5198349.js';
+import './utils-629876b9.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-24a5ab49.js';
+import './index-f59cf800.js';
 import './CreateChannel/components/SelectChannelType.js';
 
 var CreateChannel = function CreateChannel(props) {

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,aAAa,GAAiC,SAA9CA,aAA8C,CAACC,KAAD;AAEhD,MAAAC,qBAAqB,GAKnBD,KAAK,sBALP;AAAA,MACAE,aAAa,GAIXF,KAAK,cALP;AAAA,MAEAG,eAAe,GAGbH,KAAK,gBALP;AAAA,MAGAI,QAAQ,GAENJ,KAAK,SALP;AAAA,MAIAK,aAAa,GACXL,KAAK,cALP;AAMF,sBACEM,6BAAC,qBAAD;AACE,IAAA,qBAAqB,EAAEL,qBADzB;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,eAAe,EAAEC;AAHnB,kBAKEG,6BAACC,eAAD;AACE,IAAA,aAAa,EAAEF,aADjB;AAEE,IAAA,QAAQ,EAAED;AAFZ,IALF,CADF;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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,aAAa,GAAiC,SAA9CA,aAA8C,CAACC,KAAD;EAEhD,IAAAC,qBAAqB,GAKnBD,KAAK,sBALP;MACAE,aAAa,GAIXF,KAAK,cALP;MAEAG,eAAe,GAGbH,KAAK,gBALP;MAGAI,QAAQ,GAENJ,KAAK,SALP;MAIAK,aAAa,GACXL,KAAK,cALP;EAMF,oBACEM,6BAAC,qBAAD;IACE,qBAAqB,EAAEL,qBADzB;IAEE,aAAa,EAAEC,aAFjB;IAGE,eAAe,EAAEC;kBAEjBG,6BAACC,eAAD;IACE,aAAa,EAAEF,aADjB;IAEE,QAAQ,EAAED;IAPd,CADF;AAYD;;;;"}

package/{CreateChannelProvider-f84fd7e5.js → CreateChannelProvider-712526fd.js}

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

package/{CreateChannelProvider-f84fd7e5.js.map → CreateChannelProvider-712526fd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CreateChannelProvider-f84fd7e5.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_","config","createChannel","getCreateGroupChannel","_b","useState","step","setStep","_c","GROUP","type","setType","useCreateChannelContext","useContext"],"mappings":";;;;IAAYA;;AAAZ,WAAYA;AACVA,EAAAA,qBAAA,UAAA;AACAA,EAAAA,0BAAA,eAAA;AACAA,EAAAA,yBAAA,cAAA;AACD,CAJD,EAAYA,YAAY,KAAZA,YAAY,KAAA,CAAxB;;ACYA,IAAMC,oBAAoB,gBAAGC,cAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B;;IA4BMC,qBAAqB,GAAyC,SAA9DA,qBAA8D,CAACC,KAAD;;;AAEhE,MAAAC,QAAQ,GAIND,KAAK,SAJP;AAAA,MACAE,eAAe,GAGbF,KAAK,gBAJP;AAAA,MAEAG,qBAAqB,GAEnBH,KAAK,sBAJP;AAAA,MAGAI,aAAa,GACXJ,KAAK,cAJP;AAMF,MAAMK,KAAK,GAAGC,uBAAuB,EAArC;AACA,MAAMC,cAAc,GAAG,MAAAF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAeJ,aAAtC;AACA,MAAMK,aAAa,GACUC,qBAAqB,CAACL,KAAD,CADlD;;AAGM,MAAAM,KAAkBC,QAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AACA,MAAAC,KAAkBH,QAAQ,CAAClB,YAAY,CAACsB,KAAd,CAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AAEN,sBACEtB,6BAAC,oBAAD,CAAsB,QAAtB;AAA+B,IAAA,KAAK,EAAE;AACpCO,MAAAA,qBAAqB,uBADe;AAEpCM,MAAAA,aAAa,eAFuB;AAGpCP,MAAAA,eAAe,iBAHqB;AAIpCE,MAAAA,aAAa,EAAEA,aAAa,IAAIG,cAJI;AAKpCM,MAAAA,IAAI,MALgC;AAMpCC,MAAAA,OAAO,SAN6B;AAOpCG,MAAAA,IAAI,MAPgC;AAQpCC,MAAAA,OAAO;AAR6B;AAAtC,KAUGjB,QAVH,CADF;AAcD;;IAEKkB,uBAAuB,GAAG,SAA1BA,uBAA0B;AAAqC,SACnEvB,cAAK,CAACwB,UAAN,CAAiBzB,oBAAjB,CADmE;AAEpE;;;;"}
+{"version":3,"file":"CreateChannelProvider-712526fd.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_","config","createChannel","getCreateGroupChannel","_b","useState","step","setStep","_c","GROUP","type","setType","useCreateChannelContext","useContext"],"mappings":";;;;IAAYA;;AAAZ,WAAYA;EACVA,qBAAA,UAAA;EACAA,0BAAA,eAAA;EACAA,yBAAA,cAAA;AACD,CAJD,EAAYA,YAAY,KAAZA,YAAY,KAAA,CAAxB;;ACYA,IAAMC,oBAAoB,gBAAGC,cAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B;;IA4BMC,qBAAqB,GAAyC,SAA9DA,qBAA8D,CAACC,KAAD;;;EAEhE,IAAAC,QAAQ,GAIND,KAAK,SAJP;MACAE,eAAe,GAGbF,KAAK,gBAJP;MAEAG,qBAAqB,GAEnBH,KAAK,sBAJP;MAGAI,aAAa,GACXJ,KAAK,cAJP;EAMF,IAAMK,KAAK,GAAGC,uBAAuB,EAArC;EACA,IAAMC,cAAc,GAAG,MAAAF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAeJ,aAAtC;EACA,IAAMK,aAAa,GACUC,qBAAqB,CAACL,KAAD,CADlD;;EAGM,IAAAM,KAAkBC,QAAQ,CAAC,CAAD,CAA1B;MAACC,IAAI,QAAL;MAAOC,OAAO,QAAd;;EACA,IAAAC,KAAkBH,QAAQ,CAAClB,YAAY,CAACsB,KAAd,CAA1B;MAACC,IAAI,QAAL;MAAOC,OAAO,QAAd;;EAEN,oBACEtB,6BAAC,oBAAD,CAAsB,QAAtB;IAA+B,KAAK,EAAE;MACpCO,qBAAqB,uBADe;MAEpCM,aAAa,eAFuB;MAGpCP,eAAe,iBAHqB;MAIpCE,aAAa,EAAEA,aAAa,IAAIG,cAJI;MAKpCM,IAAI,MALgC;MAMpCC,OAAO,SAN6B;MAOpCG,IAAI,MAPgC;MAQpCC,OAAO;;KAENjB,QAVH,CADF;AAcD;;IAEKkB,uBAAuB,GAAG,SAA1BA,uBAA0B;EAAqC,OACnEvB,cAAK,CAACwB,UAAN,CAAiBzB,oBAAjB,CADmE;AAEpE;;;;"}

package/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -0,0 +1,128 @@
+import React__default, { useState, useRef, useContext } from 'react';
+import { a as LocalizationContext } from '../../LocalizationContext-4cefc770.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-6b896cd8.js';
+import TextButton from '../../ui/TextButton.js';
+import { useCreateOpenChannelContext } from '../context.js';
+import '../../stringSet-dc330bcf.js';
+import '../../index-176e9ad4.js';
+import '../../tslib.es6-cb5d77bf.js';
+import '../../ui/ImageRenderer.js';
+import '../../uuid-180d497e.js';
+import '../../_rollupPluginBabelHelpers-4527872e.js';
+import 'prop-types';
+import 'react-dom';
+import '../../index-3249f6b5.js';
+import '../../ui/IconButton.js';
+import '../../color-402a36fd.js';
+import '../../useSendbirdStateContext.js';
+import '../../withSendbird.js';
+
+function CreateOpenChannelUI(_a) {
+  var closeModal = _a.closeModal,
+      renderHeader = _a.renderHeader,
+      renderProfileInput = _a.renderProfileInput;
+
+  var _b = useState(null),
+      newFile = _b[0],
+      setNewFile = _b[1];
+
+  var _c = useState(null),
+      currentImage = _c[0],
+      setCurrentImg = _c[1];
+
+  var inputFormRef = useRef(null);
+  var inputFileRef = useRef(null);
+  var inputTextRef = useRef(null);
+  var stringSet = useContext(LocalizationContext).stringSet;
+
+  var _d = useCreateOpenChannelContext(),
+      logger = _d.logger,
+      createNewOpenChannel = _d.createNewOpenChannel;
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-create-open-channel-ui"
+  }, /*#__PURE__*/React__default.createElement(Modal, {
+    titleText: stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE,
+    submitText: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT,
+    type: ButtonTypes.PRIMARY,
+    onCancel: closeModal,
+    renderHeader: renderHeader,
+    onSubmit: function onSubmit() {
+      var _a;
+
+      var channelName = (_a = inputTextRef === null || inputTextRef === void 0 ? void 0 : inputTextRef.current) === null || _a === void 0 ? void 0 : _a.value;
+
+      if (!channelName) {
+        logger.warning('CreateOpenChannelUI: You should fill the channel name');
+        return;
+      }
+
+      createNewOpenChannel({
+        name: channelName,
+        coverUrlOrImage: newFile
+      });
+      closeModal();
+    }
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (renderProfileInput === null || renderProfileInput === void 0 ? void 0 : renderProfileInput()) || /*#__PURE__*/React__default.createElement("form", {
+    className: "sendbird-create-open-channel-ui__profile-input",
+    ref: inputFormRef,
+    onSubmit: function onSubmit(e) {
+      e.preventDefault();
+    }
+  }, /*#__PURE__*/React__default.createElement(InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section__avatar"
+  }, currentImage ? /*#__PURE__*/React__default.createElement(Avatar, {
+    width: "80px",
+    height: "80px",
+    src: currentImage
+  }) : /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section__avatar--default"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.CHANNELS,
+    fillColor: IconColors.CONTENT,
+    width: "46px",
+    height: "46px"
+  }))), /*#__PURE__*/React__default.createElement("input", {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section__input",
+    ref: inputFileRef,
+    type: "file",
+    accept: "image/gif, image/jpeg, image/png",
+    style: {
+      display: 'none'
+    },
+    onChange: function onChange(e) {
+      setCurrentImg(URL.createObjectURL(e.target.files[0]));
+      setNewFile(e.target.files[0]);
+      inputFileRef.current.value = '';
+    }
+  }), /*#__PURE__*/React__default.createElement(TextButton, {
+    className: "sendbird-create-open-channel-ui__profile-input__img-section__button",
+    onClick: function onClick() {
+      return inputFileRef.current.click();
+    },
+    disableUnderline: true
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.BUTTON_1,
+    color: LabelColors.PRIMARY
+  }, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD))), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      marginTop: '20px'
+    }
+  }, /*#__PURE__*/React__default.createElement(InputLabel, null, stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION)), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-create-open-channel-ui__profile-input__name-section"
+  }, /*#__PURE__*/React__default.createElement(Input, {
+    name: "sendbird-create-open-channel-ui__profile-input__name-section__input",
+    ref: inputTextRef,
+    placeHolder: stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER
+  }))))));
+}
+
+export { CreateOpenChannelUI as default };
+//# sourceMappingURL=CreateOpenChannelUI.js.map