@sendbird/uikit-react 3.4.7 → 3.4.8-rc.1

package/ChannelSettings.js

@@ -3,52 +3,52 @@ import ChannelSettingsUI from './ChannelSettings/components/ChannelSettingsUI.js
 import { ChannelSettingsProvider } from './ChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-5d0c716a.js';
-import './index-8fea9d09.js';
-import './LocalizationContext-ad70364c.js';
-import './stringSet-da68ecef.js';
-import './index-794e37e5.js';
+import './_rollupPluginBabelHelpers-96062e23.js';
+import './index-8abe5fb2.js';
+import './LocalizationContext-7ae12588.js';
+import './stringSet-6c589018.js';
+import './index-82009149.js';
 import './ui/Icon.js';
 import 'prop-types';
-import './index-062a4eeb.js';
+import './index-3f4521c1.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-5c7f30bd.js';
-import './utils-670974e1.js';
+import './uuid-abddae2d.js';
+import './utils-3245985d.js';
 import './ui/TextButton.js';
-import './color-c30f00bf.js';
+import './color-d6b38e25.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-1e1cb669.js';
+import './index-06784b87.js';
 import './ui/Button.js';
-import './MediaQueryContext-4e555ef5.js';
+import './MediaQueryContext-05d4db73.js';
 import './ui/Input.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-8a77d287.js';
-import './utils-c9c2364c.js';
+import './context-0e43d2e6.js';
+import './utils-d8dfc953.js';
 import './ui/Badge.js';
 import './ui/Toggle.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-303eca35.js';
+import './index-5807e969.js';
 import './utils/message/getOutgoingMessageState.js';
 import './ChannelSettings/components/UserListItem.js';
-import './UserProfileContext-b68f33fc.js';
+import './UserProfileContext-e8124c47.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-0354b385.js';
+import './topics-969deff5.js';
 import './ui/UserListItem.js';
 import './ui/Checkbox.js';
 import '@sendbird/chat/groupChannel';
-import './MemberList-24b818f8.js';
+import './MemberList-9634fee8.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 
@@ -63,7 +63,7 @@ const ChannelSettings = props => {
     queries: props === null || props === void 0 ? void 0 : props.queries,
     className: props === null || props === void 0 ? void 0 : props.className,
     disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,
-    renderUserProfile: props === null || props === void 0 ? void 0 : props.renderChannelProfile
+    renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile
   }, /*#__PURE__*/React__default.createElement(ChannelSettingsUI, {
     renderPlaceholderError: props === null || props === void 0 ? void 0 : props.renderPlaceholderError,
     renderChannelProfile: props === null || props === void 0 ? void 0 : props.renderChannelProfile,

package/ChannelSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelSettings.js","sources":["../src/modules/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      overrideInviteUser={props?.overrideInviteUser}\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","createElement","ChannelSettingsProvider","overrideInviteUser","channelUrl","onCloseClick","onLeaveChannel","onChannelModified","onBeforeUpdateChannel","queries","className","disableUserProfile","renderUserProfile","renderChannelProfile","ChannelSettingsUI","renderPlaceholderError","renderModerationPanel","renderLeaveChannel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaMA,MAAAA,eAA+C,GAAIC,KAA2B,IAAK;AACvF,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,uBAAuB,EAAA;AACtBC,IAAAA,kBAAkB,EAAEJ,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEI,kBAAmB;IAC9CC,UAAU,EAAEL,KAAK,CAACK,UAAW;AAC7BC,IAAAA,YAAY,EAAEN,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEM,YAAa;AAClCC,IAAAA,cAAc,EAAEP,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEO,cAAe;AACtCC,IAAAA,iBAAiB,EAAER,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEQ,iBAAkB;AAC5CC,IAAAA,qBAAqB,EAAET,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAES,qBAAsB;AACpDC,IAAAA,OAAO,EAAEV,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEU,OAAQ;AACxBC,IAAAA,SAAS,EAAEX,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEW,SAAU;AAC5BC,IAAAA,kBAAkB,EAAEZ,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEY,kBAAmB;AAC9CC,IAAAA,iBAAiB,EAAEb,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEc,oBAAAA;AAAqB,GAAA,eAE/Cb,cAAA,CAAAC,aAAA,CAACa,iBAAiB,EAAA;AAChBC,IAAAA,sBAAsB,EAAEhB,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEgB,sBAAuB;AACtDF,IAAAA,oBAAoB,EAAEd,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEc,oBAAqB;AAClDG,IAAAA,qBAAqB,EAAEjB,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEiB,qBAAsB;AACpDC,IAAAA,kBAAkB,EAAElB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEkB,kBAAAA;AAAmB,GAC/C,CACsB,CAAC,CAAA;AAE9B;;;;"}
+{"version":3,"file":"ChannelSettings.js","sources":["../src/modules/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      overrideInviteUser={props?.overrideInviteUser}\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?.renderUserProfile}\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","createElement","ChannelSettingsProvider","overrideInviteUser","channelUrl","onCloseClick","onLeaveChannel","onChannelModified","onBeforeUpdateChannel","queries","className","disableUserProfile","renderUserProfile","ChannelSettingsUI","renderPlaceholderError","renderChannelProfile","renderModerationPanel","renderLeaveChannel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaMA,MAAAA,eAA+C,GAAIC,KAA2B,IAAK;AACvF,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,uBAAuB,EAAA;AACtBC,IAAAA,kBAAkB,EAAEJ,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEI,kBAAmB;IAC9CC,UAAU,EAAEL,KAAK,CAACK,UAAW;AAC7BC,IAAAA,YAAY,EAAEN,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEM,YAAa;AAClCC,IAAAA,cAAc,EAAEP,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEO,cAAe;AACtCC,IAAAA,iBAAiB,EAAER,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEQ,iBAAkB;AAC5CC,IAAAA,qBAAqB,EAAET,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAES,qBAAsB;AACpDC,IAAAA,OAAO,EAAEV,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEU,OAAQ;AACxBC,IAAAA,SAAS,EAAEX,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEW,SAAU;AAC5BC,IAAAA,kBAAkB,EAAEZ,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEY,kBAAmB;AAC9CC,IAAAA,iBAAiB,EAAEb,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEa,iBAAAA;AAAkB,GAAA,eAE5CZ,cAAA,CAAAC,aAAA,CAACY,iBAAiB,EAAA;AAChBC,IAAAA,sBAAsB,EAAEf,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEe,sBAAuB;AACtDC,IAAAA,oBAAoB,EAAEhB,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEgB,oBAAqB;AAClDC,IAAAA,qBAAqB,EAAEjB,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEiB,qBAAsB;AACpDC,IAAAA,kBAAkB,EAAElB,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEkB,kBAAAA;AAAmB,GAAA,CAC9C,CACsB,CAAA;AAE9B;;;;"}

package/CreateChannel/components/CreateChannelUI.js

@@ -1,36 +1,36 @@
 import React__default from 'react';
-import { u as useCreateChannelContext } from '../../CreateChannelProvider-5674e81b.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-64578d2a.js';
 import InviteUsers from './InviteUsers.js';
 import SelectChannelType from './SelectChannelType.js';
 import '../../sendbirdSelectors.js';
-import '../../_rollupPluginBabelHelpers-5d0c716a.js';
-import '../../topics-0354b385.js';
-import '../../utils-c9c2364c.js';
+import '../../_rollupPluginBabelHelpers-96062e23.js';
+import '../../topics-969deff5.js';
+import '../../utils-d8dfc953.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../LocalizationContext-ad70364c.js';
-import '../../stringSet-da68ecef.js';
-import '../../index-794e37e5.js';
+import '../../LocalizationContext-7ae12588.js';
+import '../../stringSet-6c589018.js';
+import '../../index-82009149.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-1e1cb669.js';
+import '../../index-06784b87.js';
 import '../../ui/Button.js';
-import '../../index-062a4eeb.js';
+import '../../index-3f4521c1.js';
 import 'prop-types';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
-import '../../MediaQueryContext-4e555ef5.js';
+import '../../MediaQueryContext-05d4db73.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-b68f33fc.js';
+import '../../UserProfileContext-e8124c47.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-5c7f30bd.js';
+import '../../uuid-abddae2d.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-303eca35.js';
+import '../../index-5807e969.js';
 import '../../utils/message/getOutgoingMessageState.js';
 
 const CreateChannel = props => {

package/CreateChannel/components/CreateChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateChannelUI.js","sources":["../../../src/modules/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","step","setStep","userListQuery","useCreateChannelContext","React","createElement","Fragment","SelectChannelType","InviteUsers"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcMA,MAAAA,aAA6C,GAAIC,KAA2B,IAAK;EACrF,MAAM;IAAEC,QAAQ;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAGF,KAAK,CAAA;EAEzC,MAAM;IACJG,IAAI;IACJC,OAAO;AACPC,IAAAA,aAAAA;GACD,GAAGC,uBAAuB,EAAE,CAAA;EAE7B,oBACEC,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAA,IAAA,EAEIN,IAAI,KAAK,CAAC,KACR,CAAAD,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,EAAI,kBACfK,cAAA,CAAAC,aAAA,CAACE,iBAAiB,EAAA;AAChBT,IAAAA,QAAQ,EAAEA,QAAAA;GACX,CACF,CACF,EAGDE,IAAI,KAAK,CAAC,iBACRI,cAAA,CAAAC,aAAA,CAACG,WAAW,EAAA;AACVN,IAAAA,aAAa,EAAEA,aAAc;IAC7BJ,QAAQ,EAAEA,MAAM;MACdG,OAAO,CAAC,CAAC,CAAC,CAAA;AACVH,MAAAA,QAAQ,EAAE,CAAA;AACZ,KAAA;AAAE,GACH,CAGL,CAAC,CAAA;AAEP;;;;"}
+{"version":3,"file":"CreateChannelUI.js","sources":["../../../src/modules/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","step","setStep","userListQuery","useCreateChannelContext","React","createElement","Fragment","SelectChannelType","InviteUsers"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcMA,MAAAA,aAA6C,GAAIC,KAA2B,IAAK;EACrF,MAAM;IAAEC,QAAQ;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAGF,KAAK,CAAA;EAEzC,MAAM;IACJG,IAAI;IACJC,OAAO;AACPC,IAAAA,aAAAA;GACD,GAAGC,uBAAuB,EAAE,CAAA;EAE7B,oBACEC,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAA,IAAA,EAEIN,IAAI,KAAK,CAAC,KACR,CAAAD,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,EAAI,kBACfK,cAAA,CAAAC,aAAA,CAACE,iBAAiB,EAAA;AAChBT,IAAAA,QAAQ,EAAEA,QAAAA;GAEb,CAAA,CACF,EAGDE,IAAI,KAAK,CAAC,iBACRI,cAAA,CAAAC,aAAA,CAACG,WAAW,EAAA;AACVN,IAAAA,aAAa,EAAEA,aAAc;IAC7BJ,QAAQ,EAAEA,MAAM;MACdG,OAAO,CAAC,CAAC,CAAC,CAAA;AACVH,MAAAA,QAAQ,EAAE,CAAA;AACZ,KAAA;AAAE,GAAA,CAEL,CAEF,CAAA;AAEP;;;;"}

package/CreateChannel/components/InviteUsers.js

@@ -1,34 +1,34 @@
-import { _ as _objectSpread2 } from '../../_rollupPluginBabelHelpers-5d0c716a.js';
+import { _ as _objectSpread2 } from '../../_rollupPluginBabelHelpers-96062e23.js';
 import React__default, { useState, useContext, useEffect } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-ad70364c.js';
-import { u as useCreateChannelContext } from '../../CreateChannelProvider-5674e81b.js';
+import { a as LocalizationContext } from '../../LocalizationContext-7ae12588.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-64578d2a.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import Modal from '../../ui/Modal.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-062a4eeb.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-3f4521c1.js';
 import { ButtonTypes } from '../../ui/Button.js';
 import UserListItem from '../../ui/UserListItem.js';
-import '../../stringSet-da68ecef.js';
-import '../../index-794e37e5.js';
+import '../../stringSet-6c589018.js';
+import '../../index-82009149.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-0354b385.js';
-import '../../utils-c9c2364c.js';
+import '../../topics-969deff5.js';
+import '../../utils-d8dfc953.js';
 import '../../withSendbird.js';
 import 'react-dom';
-import '../../index-1e1cb669.js';
+import '../../index-06784b87.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/IconButton.js';
-import '../../MediaQueryContext-4e555ef5.js';
-import '../../UserProfileContext-b68f33fc.js';
+import '../../MediaQueryContext-05d4db73.js';
+import '../../UserProfileContext-e8124c47.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-5c7f30bd.js';
+import '../../uuid-abddae2d.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-303eca35.js';
+import '../../index-5807e969.js';
 import '../../utils/message/getOutgoingMessageState.js';
 
 const filterUser = idsToFilter => currentId => idsToFilter === null || idsToFilter === void 0 ? void 0 : idsToFilter.includes(currentId);
@@ -62,7 +62,7 @@ const createDefaultUserListQuery = _ref => {
 const appHeight = () => {
   try {
     const doc = document.documentElement;
-    doc.style.setProperty('--sendbird-vh', window.innerHeight * .01 + 'px');
+    doc.style.setProperty('--sendbird-vh', window.innerHeight * 0.01 + 'px');
   } catch (_unused) {
     //
   }

package/CreateChannel/components/InviteUsers.js.map

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

package/CreateChannel/components/SelectChannelType.js

@@ -1,23 +1,23 @@
 import React__default, { useContext } from 'react';
 import { getSdk } from '../../sendbirdSelectors.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../CreateChannelProvider-5674e81b.js';
-import { a as LocalizationContext } from '../../LocalizationContext-ad70364c.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-062a4eeb.js';
+import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../CreateChannelProvider-64578d2a.js';
+import { a as LocalizationContext } from '../../LocalizationContext-7ae12588.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-3f4521c1.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Modal from '../../ui/Modal.js';
-import '../../_rollupPluginBabelHelpers-5d0c716a.js';
-import '../../topics-0354b385.js';
-import '../../utils-c9c2364c.js';
+import '../../_rollupPluginBabelHelpers-96062e23.js';
+import '../../topics-969deff5.js';
+import '../../utils-d8dfc953.js';
 import '../../withSendbird.js';
-import '../../stringSet-da68ecef.js';
-import '../../index-794e37e5.js';
+import '../../stringSet-6c589018.js';
+import '../../index-82009149.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-1e1cb669.js';
+import '../../index-06784b87.js';
 import '../../ui/Button.js';
 import '../../ui/IconButton.js';
-import '../../MediaQueryContext-4e555ef5.js';
+import '../../MediaQueryContext-05d4db73.js';
 
 const isBroadcastChannelEnabled = sdk => {
   var _sdk$appInfo;

package/CreateChannel/components/SelectChannelType.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChannelType.js","sources":["../../../src/modules/CreateChannel/utils.ts","../../../src/modules/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","_sdk$appInfo","ALLOW_BROADCAST_CHANNEL","applicationAttributes","appInfo","Array","isArray","includes","isSuperGroupChannelEnabled","_sdk$appInfo2","ALLOW_SUPER_GROUP_CHANNEL","SelectChannelType","props","onCancel","store","useSendbirdStateContext","sendbirdSelectors","createChannelProps","useCreateChannelContext","setStep","setType","stringSet","useContext","LocalizationContext","isBroadcastAvailable","isSupergroupAvailable","React","createElement","Modal","titleText","MODAL__CREATE_CHANNEL__TITLE","hideFooter","className","onClick","CHANNEL_TYPE","GROUP","role","tabIndex","onKeyDown","Icon","type","IconTypes","CHAT","fillColor","IconColors","PRIMARY","width","height","Label","LabelTypography","SUBTITLE_1","color","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/modules/CreateChannel/utils.ts","../../../src/modules/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","_sdk$appInfo","ALLOW_BROADCAST_CHANNEL","applicationAttributes","appInfo","Array","isArray","includes","isSuperGroupChannelEnabled","_sdk$appInfo2","ALLOW_SUPER_GROUP_CHANNEL","SelectChannelType","props","onCancel","store","useSendbirdStateContext","sendbirdSelectors","createChannelProps","useCreateChannelContext","setStep","setType","stringSet","useContext","LocalizationContext","isBroadcastAvailable","isSupergroupAvailable","React","createElement","Modal","titleText","MODAL__CREATE_CHANNEL__TITLE","hideFooter","className","onClick","CHANNEL_TYPE","GROUP","role","tabIndex","onKeyDown","Icon","type","IconTypes","CHAT","fillColor","IconColors","PRIMARY","width","height","Label","LabelTypography","SUBTITLE_1","color","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-5674e81b.js';
-import '../_rollupPluginBabelHelpers-5d0c716a.js';
-import '../topics-0354b385.js';
-import '../utils-c9c2364c.js';
+export { C as CreateChannelProvider, u as useCreateChannelContext } from '../CreateChannelProvider-64578d2a.js';
+import '../_rollupPluginBabelHelpers-96062e23.js';
+import '../topics-969deff5.js';
+import '../utils-d8dfc953.js';
 import '../withSendbird.js';
 //# sourceMappingURL=context.js.map

package/CreateChannel.js

@@ -1,36 +1,36 @@
 import React__default from 'react';
 import CreateChannel$1 from './CreateChannel/components/CreateChannelUI.js';
-import { C as CreateChannelProvider } from './CreateChannelProvider-5674e81b.js';
+import { C as CreateChannelProvider } from './CreateChannelProvider-64578d2a.js';
 import './CreateChannel/components/InviteUsers.js';
-import './_rollupPluginBabelHelpers-5d0c716a.js';
-import './LocalizationContext-ad70364c.js';
-import './stringSet-da68ecef.js';
-import './index-794e37e5.js';
+import './_rollupPluginBabelHelpers-96062e23.js';
+import './LocalizationContext-7ae12588.js';
+import './stringSet-6c589018.js';
+import './index-82009149.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-1e1cb669.js';
+import './index-06784b87.js';
 import './ui/Button.js';
-import './index-062a4eeb.js';
+import './index-3f4521c1.js';
 import 'prop-types';
 import './ui/Icon.js';
 import './ui/IconButton.js';
-import './MediaQueryContext-4e555ef5.js';
+import './MediaQueryContext-05d4db73.js';
 import './ui/UserListItem.js';
-import './UserProfileContext-b68f33fc.js';
+import './UserProfileContext-e8124c47.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-5c7f30bd.js';
+import './uuid-abddae2d.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-0354b385.js';
-import './utils-c9c2364c.js';
+import './topics-969deff5.js';
+import './utils-d8dfc953.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-303eca35.js';
+import './index-5807e969.js';
 import './utils/message/getOutgoingMessageState.js';
 import './CreateChannel/components/SelectChannelType.js';
 

package/CreateChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateChannel.js","sources":["../src/modules/CreateChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateChannelUI, {\n  CreateChannelUIProps,\n} from './components/CreateChannelUI';\nimport {\n  CreateChannelProvider,\n  CreateChannelProviderProps,\n} from './context/CreateChannelProvider';\n\nexport interface CreateChannelProps extends CreateChannelProviderProps, CreateChannelUIProps {\n}\n\nconst CreateChannel: React.FC<CreateChannelProps> = (props: CreateChannelProps) => {\n  const {\n    onBeforeCreateChannel,\n    userListQuery,\n    onCreateChannel,\n    overrideInviteUser,\n    onCancel,\n    renderStepOne,\n  } = props;\n  return (\n    <CreateChannelProvider\n      onBeforeCreateChannel={onBeforeCreateChannel}\n      userListQuery={userListQuery}\n      onCreateChannel={onCreateChannel}\n      overrideInviteUser={overrideInviteUser}\n    >\n      <CreateChannelUI\n        renderStepOne={renderStepOne}\n        onCancel={onCancel}\n      />\n    </CreateChannelProvider>\n  );\n}\n\nexport default CreateChannel;\n"],"names":["CreateChannel","props","onBeforeCreateChannel","userListQuery","onCreateChannel","overrideInviteUser","onCancel","renderStepOne","React","createElement","CreateChannelProvider","CreateChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaMA,MAAAA,aAA2C,GAAIC,KAAyB,IAAK;EACjF,MAAM;IACJC,qBAAqB;IACrBC,aAAa;IACbC,eAAe;IACfC,kBAAkB;IAClBC,QAAQ;AACRC,IAAAA,aAAAA;AACF,GAAC,GAAGN,KAAK,CAAA;AACT,EAAA,oBACEO,cAAA,CAAAC,aAAA,CAACC,qBAAqB,EAAA;AACpBR,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,eAEvCG,cAAA,CAAAC,aAAA,CAACE,eAAe,EAAA;AACdJ,IAAAA,aAAa,EAAEA,aAAc;AAC7BD,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GACpB,CACoB,CAAC,CAAA;AAE5B;;;;"}
+{"version":3,"file":"CreateChannel.js","sources":["../src/modules/CreateChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateChannelUI, {\n  CreateChannelUIProps,\n} from './components/CreateChannelUI';\nimport {\n  CreateChannelProvider,\n  CreateChannelProviderProps,\n} from './context/CreateChannelProvider';\n\nexport interface CreateChannelProps extends CreateChannelProviderProps, CreateChannelUIProps {\n}\n\nconst CreateChannel: React.FC<CreateChannelProps> = (props: CreateChannelProps) => {\n  const {\n    onBeforeCreateChannel,\n    userListQuery,\n    onCreateChannel,\n    overrideInviteUser,\n    onCancel,\n    renderStepOne,\n  } = props;\n  return (\n    <CreateChannelProvider\n      onBeforeCreateChannel={onBeforeCreateChannel}\n      userListQuery={userListQuery}\n      onCreateChannel={onCreateChannel}\n      overrideInviteUser={overrideInviteUser}\n    >\n      <CreateChannelUI\n        renderStepOne={renderStepOne}\n        onCancel={onCancel}\n      />\n    </CreateChannelProvider>\n  );\n};\n\nexport default CreateChannel;\n"],"names":["CreateChannel","props","onBeforeCreateChannel","userListQuery","onCreateChannel","overrideInviteUser","onCancel","renderStepOne","React","createElement","CreateChannelProvider","CreateChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaMA,MAAAA,aAA2C,GAAIC,KAAyB,IAAK;EACjF,MAAM;IACJC,qBAAqB;IACrBC,aAAa;IACbC,eAAe;IACfC,kBAAkB;IAClBC,QAAQ;AACRC,IAAAA,aAAAA;AACF,GAAC,GAAGN,KAAK,CAAA;AACT,EAAA,oBACEO,cAAA,CAAAC,aAAA,CAACC,qBAAqB,EAAA;AACpBR,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,kBAAkB,EAAEA,kBAAAA;AAAmB,GAAA,eAEvCG,cAAA,CAAAC,aAAA,CAACE,eAAe,EAAA;AACdJ,IAAAA,aAAa,EAAEA,aAAc;AAC7BD,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CACnB,CACoB,CAAA;AAE5B;;;;"}

package/{CreateChannelProvider-5674e81b.js → CreateChannelProvider-64578d2a.js}

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

package/{CreateChannelProvider-5674e81b.js.map → CreateChannelProvider-64578d2a.js.map}

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

package/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -1,24 +1,24 @@
 import React__default, { useState, useRef, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-ad70364c.js';
+import { a as LocalizationContext } from '../../LocalizationContext-7ae12588.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-062a4eeb.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-3f4521c1.js';
 import TextButton from '../../ui/TextButton.js';
 import { useCreateOpenChannelContext } from '../context.js';
-import '../../stringSet-da68ecef.js';
-import '../../index-794e37e5.js';
+import '../../stringSet-6c589018.js';
+import '../../index-82009149.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-5c7f30bd.js';
+import '../../uuid-abddae2d.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-1e1cb669.js';
+import '../../index-06784b87.js';
 import '../../ui/IconButton.js';
-import '../../_rollupPluginBabelHelpers-5d0c716a.js';
-import '../../MediaQueryContext-4e555ef5.js';
-import '../../color-c30f00bf.js';
+import '../../_rollupPluginBabelHelpers-96062e23.js';
+import '../../MediaQueryContext-05d4db73.js';
+import '../../color-d6b38e25.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
 

package/CreateOpenChannel/components/CreateOpenChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOpenChannelUI.js","sources":["../../../src/modules/CreateOpenChannel/components/CreateOpenChannelUI/index.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Avatar from '../../../../ui/Avatar';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport Modal from '../../../../ui/Modal';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { useCreateOpenChannelContext } from '../../context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelUIProps {\n  closeModal?: () => void;\n  renderHeader?: () => React.ReactElement;\n  renderProfileInput?: () => React.ReactElement;\n}\n\nfunction CreateOpenChannelUI({\n  closeModal,\n  renderHeader,\n  renderProfileInput,\n}: CreateOpenChannelUIProps): React.ReactElement {\n  const [newFile, setNewFile] = useState(null);\n  const [currentImage, setCurrentImg] = useState(null);\n  const inputFormRef = useRef(null);\n  const inputFileRef = useRef(null);\n  const inputTextRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    logger,\n    createNewOpenChannel,\n  } = useCreateOpenChannelContext();\n  return (\n    <div className=\"sendbird-create-open-channel-ui\">\n      <Modal\n        isFullScreenOnMobile\n        titleText={stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE}\n        submitText={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT}\n        type={ButtonTypes.PRIMARY}\n        onCancel={closeModal}\n        renderHeader={renderHeader}\n        onSubmit={() => {\n          const channelName = inputTextRef?.current?.value;\n          if (!channelName) {\n            logger.warning('CreateOpenChannelUI: You should fill the channel name');\n            return;\n          }\n          createNewOpenChannel({\n            name: channelName,\n            coverUrlOrImage: newFile,\n          });\n          closeModal();\n        }}\n      >\n        <>\n          {renderProfileInput?.() || (\n            <form\n              className=\"sendbird-create-open-channel-ui__profile-input\"\n              ref={inputFormRef}\n              onSubmit={(e) => { e.preventDefault(); }}\n            >\n              <InputLabel>\n                {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION}\n              </InputLabel>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__img-section\">\n                <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar\">\n                  {currentImage\n                    ? (\n                      <Avatar\n                        width=\"80px\"\n                        height=\"80px\"\n                        src={currentImage}\n                      />\n                    ) : (\n                      <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar--default\">\n                        <Icon\n                          type={IconTypes.CHANNELS}\n                          fillColor={IconColors.CONTENT}\n                          width=\"46px\"\n                          height=\"46px\"\n                        />\n                      </div>\n                    )}\n                </div>\n                <input\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__input\"\n                  ref={inputFileRef}\n                  type=\"file\"\n                  accept=\"image/gif, image/jpeg, image/png\"\n                  style={{ display: 'none' }}\n                  onChange={(e) => {\n                    setCurrentImg(URL.createObjectURL(e.target.files[0]));\n                    setNewFile(e.target.files[0]);\n                    inputFileRef.current.value = '';\n                  }}\n                />\n                <TextButton\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__button\"\n                  onClick={() => inputFileRef.current.click()}\n                  disableUnderline\n                >\n                  <Label\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD}\n                  </Label>\n                </TextButton>\n              </div>\n              <div style={{ marginTop: '20px' }}>\n                <InputLabel>\n                  {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION}\n                </InputLabel>\n              </div>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__name-section\">\n                <Input\n                  name=\"sendbird-create-open-channel-ui__profile-input__name-section__input\"\n                  ref={inputTextRef}\n                  placeHolder={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER}\n                />\n              </div>\n            </form>\n          )}\n        </>\n      </Modal>\n    </div>\n  );\n}\n\nexport default CreateOpenChannelUI;\n"],"names":["CreateOpenChannelUI","_ref","closeModal","renderHeader","renderProfileInput","newFile","setNewFile","useState","currentImage","setCurrentImg","inputFormRef","useRef","inputFileRef","inputTextRef","stringSet","useContext","LocalizationContext","logger","createNewOpenChannel","useCreateOpenChannelContext","React","createElement","className","Modal","isFullScreenOnMobile","titleText","CREATE_OPEN_CHANNEL_LIST__TITLE","submitText","CREATE_OPEN_CHANNEL_LIST__SUBMIT","type","ButtonTypes","PRIMARY","onCancel","onSubmit","_inputTextRef$current","channelName","current","value","warning","name","coverUrlOrImage","Fragment","ref","e","preventDefault","InputLabel","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION","Avatar","width","height","src","Icon","IconTypes","CHANNELS","fillColor","IconColors","CONTENT","accept","style","display","onChange","URL","createObjectURL","target","files","TextButton","onClick","click","disableUnderline","Label","LabelTypography","BUTTON_1","color","LabelColors","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD","marginTop","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION","Input","placeHolder","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER"],"mappings":"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"}
+{"version":3,"file":"CreateOpenChannelUI.js","sources":["../../../src/modules/CreateOpenChannel/components/CreateOpenChannelUI/index.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Avatar from '../../../../ui/Avatar';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport Modal from '../../../../ui/Modal';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { useCreateOpenChannelContext } from '../../context/CreateOpenChannelProvider';\n\nexport interface CreateOpenChannelUIProps {\n  closeModal?: () => void;\n  renderHeader?: () => React.ReactElement;\n  renderProfileInput?: () => React.ReactElement;\n}\n\nfunction CreateOpenChannelUI({\n  closeModal,\n  renderHeader,\n  renderProfileInput,\n}: CreateOpenChannelUIProps): React.ReactElement {\n  const [newFile, setNewFile] = useState(null);\n  const [currentImage, setCurrentImg] = useState(null);\n  const inputFormRef = useRef(null);\n  const inputFileRef = useRef(null);\n  const inputTextRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    logger,\n    createNewOpenChannel,\n  } = useCreateOpenChannelContext();\n  return (\n    <div className=\"sendbird-create-open-channel-ui\">\n      <Modal\n        isFullScreenOnMobile\n        titleText={stringSet.CREATE_OPEN_CHANNEL_LIST__TITLE}\n        submitText={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBMIT}\n        type={ButtonTypes.PRIMARY}\n        onCancel={closeModal}\n        renderHeader={renderHeader}\n        onSubmit={() => {\n          const channelName = inputTextRef?.current?.value;\n          if (!channelName) {\n            logger.warning('CreateOpenChannelUI: You should fill the channel name');\n            return;\n          }\n          createNewOpenChannel({\n            name: channelName,\n            coverUrlOrImage: newFile,\n          });\n          closeModal();\n        }}\n      >\n        <>\n          {renderProfileInput?.() || (\n            <form\n              className=\"sendbird-create-open-channel-ui__profile-input\"\n              ref={inputFormRef}\n              onSubmit={(e) => { e.preventDefault(); }}\n            >\n              <InputLabel>\n                {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION}\n              </InputLabel>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__img-section\">\n                <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar\">\n                  {currentImage\n                    ? (\n                      <Avatar\n                        width=\"80px\"\n                        height=\"80px\"\n                        src={currentImage}\n                      />\n                    ) : (\n                      <div className=\"sendbird-create-open-channel-ui__profile-input__img-section__avatar--default\">\n                        <Icon\n                          type={IconTypes.CHANNELS}\n                          fillColor={IconColors.CONTENT}\n                          width=\"46px\"\n                          height=\"46px\"\n                        />\n                      </div>\n                    )}\n                </div>\n                <input\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__input\"\n                  ref={inputFileRef}\n                  type=\"file\"\n                  accept=\"image/gif, image/jpeg, image/png\"\n                  style={{ display: 'none' }}\n                  onChange={(e) => {\n                    setCurrentImg(URL.createObjectURL(e.target.files[0]));\n                    setNewFile(e.target.files[0]);\n                    inputFileRef.current.value = '';\n                  }}\n                />\n                <TextButton\n                  className=\"sendbird-create-open-channel-ui__profile-input__img-section__button\"\n                  onClick={() => inputFileRef.current.click()}\n                  disableUnderline\n                >\n                  <Label\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD}\n                  </Label>\n                </TextButton>\n              </div>\n              <div style={{ marginTop: '20px' }}>\n                <InputLabel>\n                  {stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION}\n                </InputLabel>\n              </div>\n              <div className=\"sendbird-create-open-channel-ui__profile-input__name-section\">\n                <Input\n                  name=\"sendbird-create-open-channel-ui__profile-input__name-section__input\"\n                  ref={inputTextRef}\n                  placeHolder={stringSet.CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER}\n                />\n              </div>\n            </form>\n          )}\n        </>\n      </Modal>\n    </div>\n  );\n}\n\nexport default CreateOpenChannelUI;\n"],"names":["CreateOpenChannelUI","_ref","closeModal","renderHeader","renderProfileInput","newFile","setNewFile","useState","currentImage","setCurrentImg","inputFormRef","useRef","inputFileRef","inputTextRef","stringSet","useContext","LocalizationContext","logger","createNewOpenChannel","useCreateOpenChannelContext","React","createElement","className","Modal","isFullScreenOnMobile","titleText","CREATE_OPEN_CHANNEL_LIST__TITLE","submitText","CREATE_OPEN_CHANNEL_LIST__SUBMIT","type","ButtonTypes","PRIMARY","onCancel","onSubmit","_inputTextRef$current","channelName","current","value","warning","name","coverUrlOrImage","Fragment","ref","e","preventDefault","InputLabel","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION","Avatar","width","height","src","Icon","IconTypes","CHANNELS","fillColor","IconColors","CONTENT","accept","style","display","onChange","URL","createObjectURL","target","files","TextButton","onClick","click","disableUnderline","Label","LabelTypography","BUTTON_1","color","LabelColors","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD","marginTop","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION","Input","placeHolder","CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER"],"mappings":"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"}