@sendbird/uikit-react 3.0.0-alpha.1 → 3.0.0-beta.2

package/cjs/CreateChannel/components/InviteMembers.js

@@ -0,0 +1,190 @@
+'use strict';
+
+var tslib_es6 = require('../../tslib.es6-d7d0a427.js');
+var React = require('react');
+var LocalizationContext = require('../../LocalizationContext-3b5ce8ae.js');
+var CreateChannel_context = require('../../CreateChannelProvider-bdf9c39b.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var ui_Modal = require('../../ui/Modal.js');
+var ui_Label = require('../../index-21f31180.js');
+var ui_Button = require('../../index-22f07209.js');
+var ui_UserListItem = require('../../ui/UserListItem.js');
+require('../../stringSet-f4da182b.js');
+require('../../index-d9439e95.js');
+require('../../sendBirdSelectors.js');
+require('../../topics-c2c30f09.js');
+require('../../withSendBird.js');
+require('../../_rollupPluginBabelHelpers-e54d2387.js');
+require('prop-types');
+require('react-dom');
+require('../../index-ed053e45.js');
+require('../../ui/IconButton.js');
+require('../../ui/Icon.js');
+require('../../utils-c55d20dc.js');
+require('../../UserProfileContext-f0bdfbb8.js');
+require('../../ui/Avatar.js');
+require('../../ui/ImageRenderer.js');
+require('../../uuid-ba6cc3c5.js');
+require('../../ui/MutedAvatarOverlay.js');
+require('../../ui/Checkbox.js');
+require('../../ui/UserProfile.js');
+require('../../ui/ContextMenu.js');
+require('../../index-002a349d.js');
+require('../../ui/SortByRow.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var filterUser = function filterUser(idsToFilter) {
+  return function (currentId) {
+    return idsToFilter === null || idsToFilter === void 0 ? void 0 : idsToFilter.includes(currentId);
+  };
+};
+var setChannelType = function setChannelType(params, type) {
+  if (type === 'broadcast') {
+    // eslint-disable-next-line no-param-reassign
+    params.isBroadcast = true;
+  }
+
+  if (type === 'supergroup') {
+    // eslint-disable-next-line no-param-reassign
+    params.isSuper = true;
+  }
+
+  return params;
+};
+var createDefaultUserListQuery = function createDefaultUserListQuery(_a) {
+  var sdk = _a.sdk,
+      userFilledApplicationUserListQuery = _a.userFilledApplicationUserListQuery;
+  var params = sdk.createApplicationUserListQuery();
+
+  if (userFilledApplicationUserListQuery) {
+    Object.keys(userFilledApplicationUserListQuery).forEach(function (key) {
+      params[key] = userFilledApplicationUserListQuery[key];
+    });
+  }
+
+  return params;
+};
+
+var InviteMembers = function InviteMembers(_a) {
+  var _b, _c, _d;
+
+  var onCancel = _a.onCancel;
+
+  var _e = CreateChannel_context.useCreateChannelContext(),
+      onBeforeCreateChannel = _e.onBeforeCreateChannel,
+      onCreateChannel = _e.onCreateChannel,
+      createChannel = _e.createChannel,
+      type = _e.type;
+
+  var globalStore = useSendbirdStateContext();
+  var userId = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _b === void 0 ? void 0 : _b.userId;
+  var sdk = (_d = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.sdk;
+  var idsToFilter = [userId];
+
+  var _f = React.useState([]),
+      users = _f[0],
+      setUsers = _f[1];
+
+  var _g = React.useState({}),
+      selectedUsers = _g[0],
+      setSelectedUsers = _g[1];
+
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+
+  var _h = React.useState(null),
+      usersDataSource = _h[0],
+      setUsersDataSource = _h[1];
+
+  var selectedCount = Object.keys(selectedUsers).length;
+  var titleText = stringSet.MODAL__CREATE_CHANNEL__TITLE;
+  var submitText = stringSet.BUTTON__CREATE;
+  var userQueryCreator = createDefaultUserListQuery({
+    sdk: sdk
+  });
+  React.useEffect(function () {
+    var applicationUserListQuery = userQueryCreator;
+    setUsersDataSource(applicationUserListQuery);
+    applicationUserListQuery.next(function (users_) {
+      setUsers(users_);
+    });
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+    titleText: titleText,
+    submitText: submitText,
+    type: ui_Button.ButtonTypes.PRIMARY,
+    onCancel: onCancel,
+    onSubmit: function onSubmit() {
+      var selectedUserList = Object.keys(selectedUsers);
+
+      if (selectedUserList.length > 0) {
+        if (onBeforeCreateChannel) {
+          var params = onBeforeCreateChannel(selectedUserList);
+          setChannelType(params, type);
+          createChannel(params).then(function (channel) {
+            onCreateChannel(channel);
+          });
+        } else {
+          var params = new sdk.GroupChannelParams();
+          params.addUserIds(selectedUserList);
+          params.isDistinct = false;
+
+          if (userId) {
+            params.operatorUserIds = [userId];
+          }
+
+          setChannelType(params, type); // do not have custom params
+
+          createChannel(params).then(function (channel) {
+            onCreateChannel(channel);
+          });
+        }
+
+        onCancel();
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    color: selectedCount > 0 ? ui_Label.LabelColors.PRIMARY : ui_Label.LabelColors.ONBACKGROUND_3,
+    type: ui_Label.LabelTypography.CAPTION_1
+  }, selectedCount + " " + stringSet.MODAL__INVITE_MEMBER__SELECTEC), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-create-channel--scroll",
+    onScroll: function onScroll(e) {
+      var eventTarget = e.target;
+      var hasNext = usersDataSource.hasNext;
+      var fetchMore = eventTarget.clientHeight + eventTarget.scrollTop === eventTarget.scrollHeight;
+
+      if (hasNext && fetchMore) {
+        usersDataSource.next(function (usersBatch, error) {
+          if (error) {
+            return;
+          }
+
+          setUsers(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], users, true), usersBatch, true));
+        });
+      }
+    }
+  }, users.map(function (user) {
+    return !filterUser(idsToFilter)(user.userId) && /*#__PURE__*/React__default["default"].createElement(ui_UserListItem, {
+      key: user.userId,
+      user: user,
+      checkBox: true,
+      checked: selectedUsers[user.userId],
+      onChange: function onChange(event) {
+        var _a;
+
+        var modifiedSelectedUsers = tslib_es6.__assign(tslib_es6.__assign({}, selectedUsers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
+
+        if (!event.target.checked) {
+          delete modifiedSelectedUsers[event.target.id];
+        }
+
+        setSelectedUsers(modifiedSelectedUsers);
+      }
+    });
+  }))));
+};
+
+module.exports = InviteMembers;
+//# sourceMappingURL=InviteMembers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InviteMembers.js","sources":["../../../../src/smart-components/CreateChannel/components/InviteMembers/utils.ts","../../../../src/smart-components/CreateChannel/components/InviteMembers/index.tsx"],"sourcesContent":["import SendBird from \"sendbird\";\nimport { CHANNEL_TYPE } from \"../../types\";\n\nexport const filterUser = (idsToFilter: string[]) => (currentId: string): boolean => idsToFilter?.includes(currentId);\n\nexport const setChannelType = (\n  params: SendBird.GroupChannelParams,\n  type: CHANNEL_TYPE,\n): SendBird.GroupChannelParams => {\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: SendBird.SendBirdInstance;\n  userFilledApplicationUserListQuery?: SendBird.ApplicationUserListQuery;\n}\n\nexport const createDefaultUserListQuery = (\n  { sdk, userFilledApplicationUserListQuery }: CreateDefaultUserListQueryType\n): SendBird.ApplicationUserListQuery => {\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","import React, { useState, useEffect, useContext } from 'react';\n\nimport './invite-members.scss';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useCreateChannelContext } from '../../context/CreateChannelProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\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';\nimport SendBird from 'sendbird';\n\nexport interface InviteMembersProps {\n  onCancel?: () => void;\n}\n\nconst InviteMembers: React.FC<InviteMembersProps> = ({ onCancel }: InviteMembersProps) => {\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;\n  const idsToFilter = [userId];\n  const [users, setUsers] = useState([]);\n  const [selectedUsers, setSelectedUsers] = useState({});\n  const { stringSet } = useContext(LocalizationContext);\n  const [usersDataSource, setUsersDataSource] = useState<SendBird.ApplicationUserListQuery>(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 = createDefaultUserListQuery({ sdk });\n\n  useEffect(() => {\n    const applicationUserListQuery = userQueryCreator;\n    setUsersDataSource(applicationUserListQuery);\n    applicationUserListQuery.next((users_) => {\n      setUsers(users_);\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 = new sdk.GroupChannelParams();\n            params.addUserIds(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((usersBatch, error) => {\n                if (error) {\n                  return;\n                }\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 InviteMembers;\n"],"names":["filterUser","idsToFilter","currentId","includes","setChannelType","params","type","isBroadcast","isSuper","createDefaultUserListQuery","_a","sdk","userFilledApplicationUserListQuery","createApplicationUserListQuery","Object","keys","forEach","key","InviteMembers","onCancel","_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","next","users_","React","Modal","ButtonTypes","PRIMARY","selectedUserList","then","channel","GroupChannelParams","addUserIds","isDistinct","operatorUserIds","Label","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","MODAL__INVITE_MEMBER__SELECTEC","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","error","map","user","UserListItem","event","modifiedSelectedUsers","id","checked"],"mappings":"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"}

package/cjs/CreateChannel/components/SelectChannelType.js

@@ -0,0 +1,137 @@
+'use strict';
+
+var React = require('react');
+var sendBirdSelectors = require('../../sendBirdSelectors.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var CreateChannel_context = require('../../CreateChannelProvider-bdf9c39b.js');
+var LocalizationContext = require('../../LocalizationContext-3b5ce8ae.js');
+var ui_Label = require('../../index-21f31180.js');
+var ui_Icon = require('../../ui/Icon.js');
+var ui_Modal = require('../../ui/Modal.js');
+require('../../topics-c2c30f09.js');
+require('../../withSendBird.js');
+require('../../_rollupPluginBabelHelpers-e54d2387.js');
+require('../../stringSet-f4da182b.js');
+require('../../index-d9439e95.js');
+require('prop-types');
+require('react-dom');
+require('../../index-ed053e45.js');
+require('../../ui/IconButton.js');
+require('../../index-22f07209.js');
+require('../../utils-c55d20dc.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var isBroadcastChannelEnabled = function isBroadcastChannelEnabled(sdk) {
+  var _a;
+
+  var ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';
+  var applicationAttributes = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.applicationAttributes;
+
+  if (Array.isArray(applicationAttributes)) {
+    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);
+  }
+
+  return false;
+};
+var isSuperGroupChannelEnabled = function isSuperGroupChannelEnabled(sdk) {
+  var _a;
+
+  var ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';
+  var applicationAttributes = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.appInfo) === null || _a === void 0 ? void 0 : _a.applicationAttributes;
+
+  if (Array.isArray(applicationAttributes)) {
+    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);
+  }
+
+  return false;
+};
+
+var SelectChannelType = function SelectChannelType(props) {
+  var _onCancel = props.onCancel;
+  var store = useSendbirdStateContext();
+  var sdk = sendBirdSelectors["default"].getSdk(store);
+  var createChannelProps = CreateChannel_context.useCreateChannelContext();
+  var setStep = createChannelProps.setStep,
+      setType = createChannelProps.setType;
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+  var isBroadcastAvailable = isBroadcastChannelEnabled(sdk);
+  var isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);
+  return /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+    titleText: stringSet === null || stringSet === void 0 ? void 0 : stringSet.MODAL__CREATE_CHANNEL__TITLE,
+    hideFooter: true,
+    onCancel: function onCancel() {
+      _onCancel();
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-add-channel__rectangle-wrap"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-add-channel__rectangle",
+    onClick: function onClick() {
+      setType(CreateChannel_context.CHANNEL_TYPE.GROUP);
+      setStep(1);
+    },
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: function onKeyDown() {
+      setType(CreateChannel_context.CHANNEL_TYPE.GROUP);
+      setStep(1);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    className: "sendbird-add-channel__rectangle__chat-icon",
+    type: ui_Icon.IconTypes.CHAT,
+    fillColor: ui_Icon.IconColors.PRIMARY,
+    width: "28px",
+    height: "28px"
+  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    type: ui_Label.LabelTypography.SUBTITLE_1,
+    color: ui_Label.LabelColors.ONBACKGROUND_1
+  }, stringSet.MODAL__CREATE_CHANNEL__GROUP)), isSupergroupAvailable && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-add-channel__rectangle",
+    onClick: function onClick() {
+      setType(CreateChannel_context.CHANNEL_TYPE.SUPERGROUP);
+      setStep(1);
+    },
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: function onKeyDown() {
+      setType(CreateChannel_context.CHANNEL_TYPE.SUPERGROUP);
+      setStep(1);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    className: "sendbird-add-channel__rectangle__supergroup-icon",
+    type: ui_Icon.IconTypes.SUPERGROUP,
+    fillColor: ui_Icon.IconColors.PRIMARY,
+    width: "28px",
+    height: "28px"
+  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    type: ui_Label.LabelTypography.SUBTITLE_1,
+    color: ui_Label.LabelColors.ONBACKGROUND_1
+  }, stringSet.MODAL__CREATE_CHANNEL__SUPER)), isBroadcastAvailable && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-add-channel__rectangle",
+    onClick: function onClick() {
+      setType(CreateChannel_context.CHANNEL_TYPE.BROADCAST);
+      setStep(1);
+    },
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: function onKeyDown() {
+      setType(CreateChannel_context.CHANNEL_TYPE.BROADCAST);
+      setStep(1);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    className: "sendbird-add-channel__rectangle__broadcast-icon",
+    type: ui_Icon.IconTypes.BROADCAST,
+    fillColor: ui_Icon.IconColors.PRIMARY,
+    width: "28px",
+    height: "28px"
+  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    type: ui_Label.LabelTypography.SUBTITLE_1,
+    color: ui_Label.LabelColors.ONBACKGROUND_1
+  }, stringSet.MODAL__CREATE_CHANNEL__BROADCAST))));
+};
+
+module.exports = SelectChannelType;
+//# sourceMappingURL=SelectChannelType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChannelType.js","sources":["../../../../src/smart-components/CreateChannel/utils.ts","../../../../src/smart-components/CreateChannel/components/SelectChannelType.tsx"],"sourcesContent":["import SendBird from 'sendbird';\n\nexport const isBroadcastChannelEnabled = (sdk: SendBird.SendBirdInstance): 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: SendBird.SendBirdInstance): 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';\n\nimport 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 SendBird from 'sendbird';\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: SendBird.SendBirdInstance = sendBirdSelectors.getSdk(store);\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","getSdk","createChannelProps","useCreateChannelContext","setStep","setType","stringSet","useContext","LocalizationContext","isBroadcastAvailable","isSupergroupAvailable","React","Modal","MODAL__CREATE_CHANNEL__TITLE","CHANNEL_TYPE","GROUP","Icon","IconTypes","CHAT","IconColors","PRIMARY","Label","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","MODAL__CREATE_CHANNEL__GROUP","SUPERGROUP","MODAL__CREATE_CHANNEL__SUPER","BROADCAST","MODAL__CREATE_CHANNEL__BROADCAST"],"mappings":"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"}

package/cjs/CreateChannel/context.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('../sendBirdSelectors.js');
+require('../useSendbirdStateContext.js');
+var CreateChannel_context = require('../CreateChannelProvider-bdf9c39b.js');
+require('../topics-c2c30f09.js');
+require('../withSendBird.js');
+require('../_rollupPluginBabelHelpers-e54d2387.js');
+
+
+
+exports.CreateChannelProvider = CreateChannel_context.CreateChannelProvider;
+exports.useCreateChannelContext = CreateChannel_context.useCreateChannelContext;
+//# sourceMappingURL=context.js.map

package/cjs/CreateChannel/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/cjs/CreateChannel.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var React = require('react');
+var CreateChannel_components_CreateChannelUI = require('./CreateChannel/components/CreateChannelUI.js');
+var CreateChannel_context = require('./CreateChannelProvider-bdf9c39b.js');
+require('./CreateChannel/components/InviteMembers.js');
+require('./tslib.es6-d7d0a427.js');
+require('./LocalizationContext-3b5ce8ae.js');
+require('./stringSet-f4da182b.js');
+require('./index-d9439e95.js');
+require('./useSendbirdStateContext.js');
+require('./withSendBird.js');
+require('./_rollupPluginBabelHelpers-e54d2387.js');
+require('./ui/Modal.js');
+require('prop-types');
+require('react-dom');
+require('./index-ed053e45.js');
+require('./ui/IconButton.js');
+require('./ui/Icon.js');
+require('./index-22f07209.js');
+require('./index-21f31180.js');
+require('./utils-c55d20dc.js');
+require('./ui/UserListItem.js');
+require('./UserProfileContext-f0bdfbb8.js');
+require('./ui/Avatar.js');
+require('./ui/ImageRenderer.js');
+require('./uuid-ba6cc3c5.js');
+require('./ui/MutedAvatarOverlay.js');
+require('./ui/Checkbox.js');
+require('./ui/UserProfile.js');
+require('./sendBirdSelectors.js');
+require('./topics-c2c30f09.js');
+require('./ui/ContextMenu.js');
+require('./index-002a349d.js');
+require('./ui/SortByRow.js');
+require('./CreateChannel/components/SelectChannelType.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var CreateChannel = function CreateChannel(props) {
+  var onBeforeCreateChannel = props.onBeforeCreateChannel,
+      userListQuery = props.userListQuery,
+      onCreateChannel = props.onCreateChannel,
+      onCancel = props.onCancel,
+      renderStepOne = props.renderStepOne;
+  return /*#__PURE__*/React__default["default"].createElement(CreateChannel_context.CreateChannelProvider, {
+    onBeforeCreateChannel: onBeforeCreateChannel,
+    userListQuery: userListQuery,
+    onCreateChannel: onCreateChannel
+  }, /*#__PURE__*/React__default["default"].createElement(CreateChannel_components_CreateChannelUI, {
+    renderStepOne: renderStepOne,
+    onCancel: onCancel
+  }));
+};
+
+module.exports = CreateChannel;
+//# sourceMappingURL=CreateChannel.js.map

package/cjs/CreateChannel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateChannel.js","sources":["../../src/smart-components/CreateChannel/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport CreateChannelUI, {\n  CreateChannelUIProps,\n} from './components/CreateChannelUI';\nimport {\n  CreateChannelProvider,\n  CreateChannelProviderProps,\n} from './context/CreateChannelProvider';\n\nexport interface CreateChannelProps extends CreateChannelProviderProps, CreateChannelUIProps {\n}\n\nconst CreateChannel: React.FC<CreateChannelProps> = (props: CreateChannelProps) => {\n  const {\n    onBeforeCreateChannel,\n    userListQuery,\n    onCreateChannel,\n    onCancel,\n    renderStepOne,\n  } = props;\n  return (\n    <CreateChannelProvider\n      onBeforeCreateChannel={onBeforeCreateChannel}\n      userListQuery={userListQuery}\n      onCreateChannel={onCreateChannel}\n    >\n      <CreateChannelUI\n        renderStepOne={renderStepOne}\n        onCancel={onCancel}\n      />\n    </CreateChannelProvider>\n  );\n}\n\nexport default CreateChannel;\n"],"names":["CreateChannel","props","onBeforeCreateChannel","userListQuery","onCreateChannel","onCancel","renderStepOne","React","CreateChannelProvider","CreateChannelUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,wCAACC,2CAAD;AACE,IAAA,qBAAqB,EAAEN,qBADzB;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,eAAe,EAAEC;AAHnB,kBAKEG,wCAACE,wCAAD;AACE,IAAA,aAAa,EAAEH,aADjB;AAEE,IAAA,QAAQ,EAAED;AAFZ,IALF,CADF;AAYD;;;;"}

package/cjs/CreateChannelProvider-bdf9c39b.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var React = require('react');
+var sendBirdSelectors = require('./sendBirdSelectors.js');
+var useSendbirdStateContext = require('./useSendbirdStateContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+exports.CHANNEL_TYPE = void 0;
+
+(function (CHANNEL_TYPE) {
+  CHANNEL_TYPE["GROUP"] = "group";
+  CHANNEL_TYPE["SUPERGROUP"] = "supergroup";
+  CHANNEL_TYPE["BROADCAST"] = "broadcast";
+})(exports.CHANNEL_TYPE || (exports.CHANNEL_TYPE = {}));
+
+var CreateChannelContext = /*#__PURE__*/React__default["default"].createContext(undefined);
+
+var CreateChannelProvider = function CreateChannelProvider(props) {
+  var _a;
+
+  var children = props.children,
+      onCreateChannel = props.onCreateChannel,
+      onBeforeCreateChannel = props.onBeforeCreateChannel,
+      userListQuery = props.userListQuery;
+  var store = useSendbirdStateContext();
+  var userListQuery_ = (_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.userListQuery;
+  var createChannel = sendBirdSelectors.getCreateChannel(store);
+
+  var _b = React.useState(0),
+      step = _b[0],
+      setStep = _b[1];
+
+  var _c = React.useState(exports.CHANNEL_TYPE.GROUP),
+      type = _c[0],
+      setType = _c[1];
+
+  return /*#__PURE__*/React__default["default"].createElement(CreateChannelContext.Provider, {
+    value: {
+      onBeforeCreateChannel: onBeforeCreateChannel,
+      createChannel: createChannel,
+      onCreateChannel: onCreateChannel,
+      userListQuery: userListQuery || userListQuery_,
+      step: step,
+      setStep: setStep,
+      type: type,
+      setType: setType
+    }
+  }, children);
+};
+
+var useCreateChannelContext = function useCreateChannelContext() {
+  return React__default["default"].useContext(CreateChannelContext);
+};
+
+exports.CreateChannelProvider = CreateChannelProvider;
+exports.useCreateChannelContext = useCreateChannelContext;
+//# sourceMappingURL=CreateChannelProvider-bdf9c39b.js.map

package/cjs/CreateChannelProvider-bdf9c39b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateChannelProvider-bdf9c39b.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 Sendbird from 'sendbird';\n\nimport { getCreateChannel } from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { CHANNEL_TYPE } from '../types';\n\nconst CreateChannelContext = React.createContext(undefined);\n\ninterface UserListQuery {\n  hasNext?: boolean;\n  next(callback: unknown): void;\n}\n\nexport interface CreateChannelProviderProps {\n  children?: React.ReactNode;\n  onCreateChannel(channel: Sendbird.GroupChannel): void;\n  onBeforeCreateChannel?(users: Array<string>): Sendbird.GroupChannelParams;\n  userListQuery?(): UserListQuery;\n}\n\ntype CreateChannel = (channelParams: Sendbird.GroupChannelParams) => Promise<Sendbird.GroupChannel>;\n\nexport interface CreateChannelContextInterface {\n  onBeforeCreateChannel?(users: Array<string>): Sendbird.GroupChannelParams;\n  createChannel: CreateChannel;\n  sdk: Sendbird.SendBirdInstance;\n  userListQuery?(): UserListQuery;\n  onCreateChannel?(channel: Sendbird.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: Sendbird.GroupChannelParams)\n    => Promise<Sendbird.GroupChannel> = getCreateChannel(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 { CreateChannelProvider, useCreateChannelContext };\n"],"names":["CHANNEL_TYPE","CreateChannelContext","React","createContext","undefined","CreateChannelProvider","props","children","onCreateChannel","onBeforeCreateChannel","userListQuery","store","useSendbirdStateContext","userListQuery_","config","createChannel","getCreateChannel","_b","useState","step","setStep","_c","GROUP","type","setType","useCreateChannelContext","useContext"],"mappings":";;;;;;;;;;AAAYA;;AAAZ,WAAYA;AACVA,EAAAA,qBAAA,UAAA;AACAA,EAAAA,0BAAA,eAAA;AACAA,EAAAA,yBAAA,cAAA;AACD,CAJD,EAAYA,oBAAY,KAAZA,oBAAY,KAAA,CAAxB;;ACOA,IAAMC,oBAAoB,gBAAGC,yBAAK,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,GACmBC,kCAAgB,CAACL,KAAD,CADtD;;AAGM,MAAAM,KAAkBC,cAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AACA,MAAAC,KAAkBH,cAAQ,CAAClB,oBAAY,CAACsB,KAAd,CAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AAEN,sBACEtB,wCAAC,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,yBAAK,CAACwB,UAAN,CAAiBzB,oBAAjB,CADmE;AAEpE;;;;;"}

package/cjs/EditUserProfile/components/EditUserProfileUI.js

@@ -0,0 +1,32 @@
+'use strict';
+
+require('react');
+var EditUserProfile_components_EditUserProfileUI = require('../../index-081c9614.js');
+require('../../ui/Modal.js');
+require('../../LocalizationContext-3b5ce8ae.js');
+require('../../useSendbirdStateContext.js');
+require('../../ui/Input.js');
+require('../../ui/Avatar.js');
+require('../../ui/Icon.js');
+require('../../index-22f07209.js');
+require('../../index-21f31180.js');
+require('../../ui/TextButton.js');
+require('../../utils-c55d20dc.js');
+require('../../actionTypes-267d4c79.js');
+require('prop-types');
+require('react-dom');
+require('../../index-ed053e45.js');
+require('../../ui/IconButton.js');
+require('../../_rollupPluginBabelHelpers-e54d2387.js');
+require('../../stringSet-f4da182b.js');
+require('../../index-d9439e95.js');
+require('../../withSendBird.js');
+require('../../tslib.es6-d7d0a427.js');
+require('../../ui/ImageRenderer.js');
+require('../../uuid-ba6cc3c5.js');
+require('../../color-0f078673.js');
+
+
+
+module.exports = EditUserProfile_components_EditUserProfileUI.EditUserProfile;
+//# sourceMappingURL=EditUserProfileUI.js.map

package/cjs/EditUserProfile/components/EditUserProfileUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditUserProfileUI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/EditUserProfile/context.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var EditUserProfileProviderContext = /*#__PURE__*/React__default["default"].createContext(undefined);
+
+var EditUserProfileProvider = function EditUserProfileProvider(props) {
+  var children = props.children,
+      onEditProfile = props.onEditProfile,
+      onCancel = props.onCancel,
+      onThemeChange = props.onThemeChange;
+  var value = React.useMemo(function () {
+    return {
+      onEditProfile: onEditProfile,
+      onCancel: onCancel,
+      onThemeChange: onThemeChange
+    };
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement(EditUserProfileProviderContext.Provider, {
+    value: value
+  }, children);
+};
+
+var useEditUserProfileProvider = function useEditUserProfileProvider() {
+  return React__default["default"].useContext(EditUserProfileProviderContext);
+};
+
+exports.EditUserProfileProvider = EditUserProfileProvider;
+exports.useEditUserProfileProvider = useEditUserProfileProvider;
+//# sourceMappingURL=context.js.map

package/cjs/EditUserProfile/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../src/smart-components/EditUserProfile/context/EditUserProfileProvider.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport Sendbird from 'sendbird';\n\nconst EditUserProfileProviderContext = React.createContext(undefined);\n\nexport interface EditUserProfileProps {\n  children?: React.ReactNode;\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: Sendbird.User): void;\n}\n\nexport interface EditUserProfileProviderInterface {\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: Sendbird.User): void;\n}\n\nconst EditUserProfileProvider: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    children,\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n\n  const value = useMemo(() => {\n    return {\n      onEditProfile,\n      onCancel,\n      onThemeChange,\n    };\n  }, []);\n\n  return (\n    <EditUserProfileProviderContext.Provider value={value}>\n      {children}\n    </EditUserProfileProviderContext.Provider>\n  );\n}\n\nconst useEditUserProfileProvider = (): EditUserProfileProviderInterface => (\n  React.useContext(EditUserProfileProviderContext)\n);\n\nexport {\n  EditUserProfileProvider,\n  useEditUserProfileProvider,\n};\n"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","useEditUserProfileProvider","useContext"],"mappings":";;;;;;;;;;AAGA,IAAMA,8BAA8B,gBAAGC,yBAAK,CAACC,aAAN,CAAoBC,SAApB,CAAvC;;IAeMC,uBAAuD,GAAG,SAA1DA,uBAA0D,CAACC,KAAD,EAAiC;AAC/F,MACEC,QADF,GAKID,KALJ,CACEC,QADF;AAAA,MAEEC,aAFF,GAKIF,KALJ,CAEEE,aAFF;AAAA,MAGEC,QAHF,GAKIH,KALJ,CAGEG,QAHF;AAAA,MAIEC,aAJF,GAKIJ,KALJ,CAIEI,aAJF;AAOA,MAAMC,KAAK,GAAGC,aAAO,CAAC,YAAM;AAC1B,WAAO;AACLJ,MAAAA,aAAa,EAAbA,aADK;AAELC,MAAAA,QAAQ,EAARA,QAFK;AAGLC,MAAAA,aAAa,EAAbA;AAHK,KAAP;AAKD,GANoB,EAMlB,EANkB,CAArB;AAQA,sBACER,wCAAC,8BAAD,CAAgC,QAAhC;AAAyC,IAAA,KAAK,EAAES;AAAhD,KACGJ,QADH,CADF;AAKD;;IAEKM,0BAA0B,GAAG,SAA7BA,0BAA6B;AAAA,SACjCX,yBAAK,CAACY,UAAN,CAAiBb,8BAAjB,CADiC;AAAA;;;;;"}