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

package/CreateChannel/components/InviteMembers.js

@@ -0,0 +1,184 @@
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-83aa13f5.js';
+import React__default, { useState, useContext, useEffect } from 'react';
+import { a as LocalizationContext } from '../../LocalizationContext-b021af8f.js';
+import { u as useCreateChannelContext } from '../../CreateChannelProvider-ddfd92e6.js';
+import useSendbirdStateContext from '../../useSendbirdStateContext.js';
+import Modal from '../../ui/Modal.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-a611bd38.js';
+import { a as ButtonTypes } from '../../index-41a6f4f2.js';
+import UserListItem from '../../ui/UserListItem.js';
+import '../../stringSet-91746bf1.js';
+import '../../index-353f13f3.js';
+import '../../sendBirdSelectors.js';
+import '../../topics-17d99dd6.js';
+import '../../withSendBird.js';
+import '../../_rollupPluginBabelHelpers-8e4fae98.js';
+import 'prop-types';
+import 'react-dom';
+import '../../index-1fd114b0.js';
+import '../../ui/IconButton.js';
+import '../../ui/Icon.js';
+import '../../utils-9ef11656.js';
+import '../../UserProfileContext-daa99f9b.js';
+import '../../ui/Avatar.js';
+import '../../ui/ImageRenderer.js';
+import '../../uuid-6d14d007.js';
+import '../../ui/MutedAvatarOverlay.js';
+import '../../ui/Checkbox.js';
+import '../../ui/UserProfile.js';
+import '../../ui/ContextMenu.js';
+import '../../index-ad4c9e58.js';
+import '../../ui/SortByRow.js';
+
+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 = 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 = useState([]),
+      users = _f[0],
+      setUsers = _f[1];
+
+  var _g = useState({}),
+      selectedUsers = _g[0],
+      setSelectedUsers = _g[1];
+
+  var stringSet = useContext(LocalizationContext).stringSet;
+
+  var _h = 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
+  });
+  useEffect(function () {
+    var applicationUserListQuery = userQueryCreator;
+    setUsersDataSource(applicationUserListQuery);
+    applicationUserListQuery.next(function (users_) {
+      setUsers(users_);
+    });
+  }, []);
+  return /*#__PURE__*/React__default.createElement(Modal, {
+    titleText: titleText,
+    submitText: submitText,
+    type: 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.createElement("div", null, /*#__PURE__*/React__default.createElement(Label, {
+    color: selectedCount > 0 ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3,
+    type: LabelTypography.CAPTION_1
+  }, selectedCount + " " + stringSet.MODAL__INVITE_MEMBER__SELECTEC), /*#__PURE__*/React__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(__spreadArray(__spreadArray([], users, true), usersBatch, true));
+        });
+      }
+    }
+  }, users.map(function (user) {
+    return !filterUser(idsToFilter)(user.userId) && /*#__PURE__*/React__default.createElement(UserListItem, {
+      key: user.userId,
+      user: user,
+      checkBox: true,
+      checked: selectedUsers[user.userId],
+      onChange: function onChange(event) {
+        var _a;
+
+        var modifiedSelectedUsers = __assign(__assign({}, selectedUsers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
+
+        if (!event.target.checked) {
+          delete modifiedSelectedUsers[event.target.id];
+        }
+
+        setSelectedUsers(modifiedSelectedUsers);
+      }
+    });
+  }))));
+};
+
+export { InviteMembers as default };
+//# sourceMappingURL=InviteMembers.js.map

package/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","ButtonTypes","PRIMARY","selectedUserList","then","channel","GroupChannelParams","addUserIds","isDistinct","operatorUserIds","LabelColors","ONBACKGROUND_3","LabelTypography","CAPTION_1","MODAL__INVITE_MEMBER__SELECTEC","e","eventTarget","target","hasNext","fetchMore","clientHeight","scrollTop","scrollHeight","usersBatch","error","map","user","event","modifiedSelectedUsers","id","checked"],"mappings":"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"}

package/CreateChannel/components/SelectChannelType.js

@@ -0,0 +1,131 @@
+import React__default, { useContext } from 'react';
+import sendBirdSelectors from '../../sendBirdSelectors.js';
+import useSendbirdStateContext from '../../useSendbirdStateContext.js';
+import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../CreateChannelProvider-ddfd92e6.js';
+import { a as LocalizationContext } from '../../LocalizationContext-b021af8f.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-a611bd38.js';
+import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
+import Modal from '../../ui/Modal.js';
+import '../../topics-17d99dd6.js';
+import '../../withSendBird.js';
+import '../../_rollupPluginBabelHelpers-8e4fae98.js';
+import '../../stringSet-91746bf1.js';
+import '../../index-353f13f3.js';
+import 'prop-types';
+import 'react-dom';
+import '../../index-1fd114b0.js';
+import '../../ui/IconButton.js';
+import '../../index-41a6f4f2.js';
+import '../../utils-9ef11656.js';
+
+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.getSdk(store);
+  var createChannelProps = useCreateChannelContext();
+  var setStep = createChannelProps.setStep,
+      setType = createChannelProps.setType;
+  var stringSet = useContext(LocalizationContext).stringSet;
+  var isBroadcastAvailable = isBroadcastChannelEnabled(sdk);
+  var isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);
+  return /*#__PURE__*/React__default.createElement(Modal, {
+    titleText: stringSet === null || stringSet === void 0 ? void 0 : stringSet.MODAL__CREATE_CHANNEL__TITLE,
+    hideFooter: true,
+    onCancel: function onCancel() {
+      _onCancel();
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-add-channel__rectangle-wrap"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-add-channel__rectangle",
+    onClick: function onClick() {
+      setType(CHANNEL_TYPE.GROUP);
+      setStep(1);
+    },
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: function onKeyDown() {
+      setType(CHANNEL_TYPE.GROUP);
+      setStep(1);
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    className: "sendbird-add-channel__rectangle__chat-icon",
+    type: IconTypes.CHAT,
+    fillColor: IconColors.PRIMARY,
+    width: "28px",
+    height: "28px"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: LabelColors.ONBACKGROUND_1
+  }, stringSet.MODAL__CREATE_CHANNEL__GROUP)), isSupergroupAvailable && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-add-channel__rectangle",
+    onClick: function onClick() {
+      setType(CHANNEL_TYPE.SUPERGROUP);
+      setStep(1);
+    },
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: function onKeyDown() {
+      setType(CHANNEL_TYPE.SUPERGROUP);
+      setStep(1);
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    className: "sendbird-add-channel__rectangle__supergroup-icon",
+    type: IconTypes.SUPERGROUP,
+    fillColor: IconColors.PRIMARY,
+    width: "28px",
+    height: "28px"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: LabelColors.ONBACKGROUND_1
+  }, stringSet.MODAL__CREATE_CHANNEL__SUPER)), isBroadcastAvailable && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-add-channel__rectangle",
+    onClick: function onClick() {
+      setType(CHANNEL_TYPE.BROADCAST);
+      setStep(1);
+    },
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: function onKeyDown() {
+      setType(CHANNEL_TYPE.BROADCAST);
+      setStep(1);
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    className: "sendbird-add-channel__rectangle__broadcast-icon",
+    type: IconTypes.BROADCAST,
+    fillColor: IconColors.PRIMARY,
+    width: "28px",
+    height: "28px"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: LabelColors.ONBACKGROUND_1
+  }, stringSet.MODAL__CREATE_CHANNEL__BROADCAST))));
+};
+
+export { SelectChannelType as default };
+//# sourceMappingURL=SelectChannelType.js.map

package/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__CREATE_CHANNEL__TITLE","CHANNEL_TYPE","GROUP","IconTypes","CHAT","IconColors","PRIMARY","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","MODAL__CREATE_CHANNEL__GROUP","SUPERGROUP","MODAL__CREATE_CHANNEL__SUPER","BROADCAST","MODAL__CREATE_CHANNEL__BROADCAST"],"mappings":"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"}

package/CreateChannel/context.js

@@ -0,0 +1,8 @@
+import 'react';
+import '../sendBirdSelectors.js';
+import '../useSendbirdStateContext.js';
+export { C as CreateChannelProvider, u as useCreateChannelContext } from '../CreateChannelProvider-ddfd92e6.js';
+import '../topics-17d99dd6.js';
+import '../withSendBird.js';
+import '../_rollupPluginBabelHelpers-8e4fae98.js';
+//# sourceMappingURL=context.js.map

package/CreateChannel/context.js.map

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

package/CreateChannel.js

@@ -0,0 +1,53 @@
+import React__default from 'react';
+import CreateChannel$1 from './CreateChannel/components/CreateChannelUI.js';
+import { C as CreateChannelProvider } from './CreateChannelProvider-ddfd92e6.js';
+import './CreateChannel/components/InviteMembers.js';
+import './tslib.es6-83aa13f5.js';
+import './LocalizationContext-b021af8f.js';
+import './stringSet-91746bf1.js';
+import './index-353f13f3.js';
+import './useSendbirdStateContext.js';
+import './withSendBird.js';
+import './_rollupPluginBabelHelpers-8e4fae98.js';
+import './ui/Modal.js';
+import 'prop-types';
+import 'react-dom';
+import './index-1fd114b0.js';
+import './ui/IconButton.js';
+import './ui/Icon.js';
+import './index-41a6f4f2.js';
+import './index-a611bd38.js';
+import './utils-9ef11656.js';
+import './ui/UserListItem.js';
+import './UserProfileContext-daa99f9b.js';
+import './ui/Avatar.js';
+import './ui/ImageRenderer.js';
+import './uuid-6d14d007.js';
+import './ui/MutedAvatarOverlay.js';
+import './ui/Checkbox.js';
+import './ui/UserProfile.js';
+import './sendBirdSelectors.js';
+import './topics-17d99dd6.js';
+import './ui/ContextMenu.js';
+import './index-ad4c9e58.js';
+import './ui/SortByRow.js';
+import './CreateChannel/components/SelectChannelType.js';
+
+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.createElement(CreateChannelProvider, {
+    onBeforeCreateChannel: onBeforeCreateChannel,
+    userListQuery: userListQuery,
+    onCreateChannel: onCreateChannel
+  }, /*#__PURE__*/React__default.createElement(CreateChannel$1, {
+    renderStepOne: renderStepOne,
+    onCancel: onCancel
+  }));
+};
+
+export { CreateChannel as default };
+//# sourceMappingURL=CreateChannel.js.map

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

package/CreateChannelProvider-ddfd92e6.js

@@ -0,0 +1,53 @@
+import React__default, { useState } from 'react';
+import { getCreateChannel } from './sendBirdSelectors.js';
+import useSendbirdStateContext from './useSendbirdStateContext.js';
+
+var CHANNEL_TYPE;
+
+(function (CHANNEL_TYPE) {
+  CHANNEL_TYPE["GROUP"] = "group";
+  CHANNEL_TYPE["SUPERGROUP"] = "supergroup";
+  CHANNEL_TYPE["BROADCAST"] = "broadcast";
+})(CHANNEL_TYPE || (CHANNEL_TYPE = {}));
+
+var CreateChannelContext = /*#__PURE__*/React__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 = getCreateChannel(store);
+
+  var _b = useState(0),
+      step = _b[0],
+      setStep = _b[1];
+
+  var _c = useState(CHANNEL_TYPE.GROUP),
+      type = _c[0],
+      setType = _c[1];
+
+  return /*#__PURE__*/React__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.useContext(CreateChannelContext);
+};
+
+export { CreateChannelProvider as C, CHANNEL_TYPE as a, useCreateChannelContext as u };
+//# sourceMappingURL=CreateChannelProvider-ddfd92e6.js.map

package/CreateChannelProvider-ddfd92e6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateChannelProvider-ddfd92e6.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":";;;;IAAYA;;AAAZ,WAAYA;AACVA,EAAAA,qBAAA,UAAA;AACAA,EAAAA,0BAAA,eAAA;AACAA,EAAAA,yBAAA,cAAA;AACD,CAJD,EAAYA,YAAY,KAAZA,YAAY,KAAA,CAAxB;;ACOA,IAAMC,oBAAoB,gBAAGC,cAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B;;IA4BMC,qBAAqB,GAAyC,SAA9DA,qBAA8D,CAACC,KAAD;;;AAEhE,MAAAC,QAAQ,GAIND,KAAK,SAJP;AAAA,MACAE,eAAe,GAGbF,KAAK,gBAJP;AAAA,MAEAG,qBAAqB,GAEnBH,KAAK,sBAJP;AAAA,MAGAI,aAAa,GACXJ,KAAK,cAJP;AAMF,MAAMK,KAAK,GAAGC,uBAAuB,EAArC;AACA,MAAMC,cAAc,GAAG,MAAAF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAeJ,aAAtC;AACA,MAAMK,aAAa,GACmBC,gBAAgB,CAACL,KAAD,CADtD;;AAGM,MAAAM,KAAkBC,QAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AACA,MAAAC,KAAkBH,QAAQ,CAAClB,YAAY,CAACsB,KAAd,CAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AAEN,sBACEtB,6BAAC,oBAAD,CAAsB,QAAtB;AAA+B,IAAA,KAAK,EAAE;AACpCO,MAAAA,qBAAqB,uBADe;AAEpCM,MAAAA,aAAa,eAFuB;AAGpCP,MAAAA,eAAe,iBAHqB;AAIpCE,MAAAA,aAAa,EAAEA,aAAa,IAAIG,cAJI;AAKpCM,MAAAA,IAAI,MALgC;AAMpCC,MAAAA,OAAO,SAN6B;AAOpCG,MAAAA,IAAI,MAPgC;AAQpCC,MAAAA,OAAO;AAR6B;AAAtC,KAUGjB,QAVH,CADF;AAcD;;IAEKkB,uBAAuB,GAAG,SAA1BA,uBAA0B;AAAqC,SACnEvB,cAAK,CAACwB,UAAN,CAAiBzB,oBAAjB,CADmE;AAEpE;;;;"}

package/EditUserProfile/components/EditUserProfileUI.js

@@ -0,0 +1,26 @@
+import 'react';
+export { a as default } from '../../index-358226c7.js';
+import '../../ui/Modal.js';
+import '../../LocalizationContext-b021af8f.js';
+import '../../useSendbirdStateContext.js';
+import '../../ui/Input.js';
+import '../../ui/Avatar.js';
+import '../../ui/Icon.js';
+import '../../index-41a6f4f2.js';
+import '../../index-a611bd38.js';
+import '../../ui/TextButton.js';
+import '../../utils-9ef11656.js';
+import '../../actionTypes-189daf51.js';
+import 'prop-types';
+import 'react-dom';
+import '../../index-1fd114b0.js';
+import '../../ui/IconButton.js';
+import '../../_rollupPluginBabelHelpers-8e4fae98.js';
+import '../../stringSet-91746bf1.js';
+import '../../index-353f13f3.js';
+import '../../withSendBird.js';
+import '../../tslib.es6-83aa13f5.js';
+import '../../ui/ImageRenderer.js';
+import '../../uuid-6d14d007.js';
+import '../../color-2863fbbe.js';
+//# sourceMappingURL=EditUserProfileUI.js.map

package/EditUserProfile/components/EditUserProfileUI.js.map

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

package/EditUserProfile/context.js

@@ -0,0 +1,27 @@
+import React__default, { useMemo } from 'react';
+
+var EditUserProfileProviderContext = /*#__PURE__*/React__default.createContext(undefined);
+
+var EditUserProfileProvider = function EditUserProfileProvider(props) {
+  var children = props.children,
+      onEditProfile = props.onEditProfile,
+      onCancel = props.onCancel,
+      onThemeChange = props.onThemeChange;
+  var value = useMemo(function () {
+    return {
+      onEditProfile: onEditProfile,
+      onCancel: onCancel,
+      onThemeChange: onThemeChange
+    };
+  }, []);
+  return /*#__PURE__*/React__default.createElement(EditUserProfileProviderContext.Provider, {
+    value: value
+  }, children);
+};
+
+var useEditUserProfileProvider = function useEditUserProfileProvider() {
+  return React__default.useContext(EditUserProfileProviderContext);
+};
+
+export { EditUserProfileProvider, useEditUserProfileProvider };
+//# sourceMappingURL=context.js.map

package/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,cAAK,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,OAAO,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,6BAAC,8BAAD,CAAgC,QAAhC;AAAyC,IAAA,KAAK,EAAES;AAAhD,KACGJ,QADH,CADF;AAKD;;IAEKM,0BAA0B,GAAG,SAA7BA,0BAA6B;AAAA,SACjCX,cAAK,CAACY,UAAN,CAAiBb,8BAAjB,CADiC;AAAA;;;;"}

package/EditUserProfile.js

@@ -0,0 +1,39 @@
+import React__default from 'react';
+import { E as EditUserProfileProvider, a as EditUserProfile } from './index-358226c7.js';
+import './ui/Modal.js';
+import 'prop-types';
+import 'react-dom';
+import './LocalizationContext-b021af8f.js';
+import './stringSet-91746bf1.js';
+import './index-353f13f3.js';
+import './index-1fd114b0.js';
+import './ui/IconButton.js';
+import './_rollupPluginBabelHelpers-8e4fae98.js';
+import './ui/Icon.js';
+import './index-41a6f4f2.js';
+import './index-a611bd38.js';
+import './utils-9ef11656.js';
+import './useSendbirdStateContext.js';
+import './withSendBird.js';
+import './ui/Input.js';
+import './ui/Avatar.js';
+import './tslib.es6-83aa13f5.js';
+import './ui/ImageRenderer.js';
+import './uuid-6d14d007.js';
+import './ui/TextButton.js';
+import './color-2863fbbe.js';
+import './actionTypes-189daf51.js';
+
+var EditProfile = function EditProfile(props) {
+  var onEditProfile = props.onEditProfile,
+      onCancel = props.onCancel,
+      onThemeChange = props.onThemeChange;
+  return /*#__PURE__*/React__default.createElement(EditUserProfileProvider, {
+    onEditProfile: onEditProfile,
+    onCancel: onCancel,
+    onThemeChange: onThemeChange
+  }, /*#__PURE__*/React__default.createElement(EditUserProfile, null));
+};
+
+export { EditProfile as default };
+//# sourceMappingURL=EditUserProfile.js.map

package/EditUserProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditUserProfile.js","sources":["../src/smart-components/EditUserProfile/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  EditUserProfileProvider,\n  EditUserProfileProps,\n} from './context/EditUserProfIleProvider';\n\nimport EditUserProfile from './components/EditUserProfileUI';\n\nconst EditProfile: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n  return (\n    <EditUserProfileProvider\n      onEditProfile={onEditProfile}\n      onCancel={onCancel}\n      onThemeChange={onThemeChange}\n    >\n      <EditUserProfile />\n    </EditUserProfileProvider>\n  )\n}\n\nexport default EditProfile;\n"],"names":["EditProfile","props","onEditProfile","onCancel","onThemeChange","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IASMA,WAAW,GAAmC,SAA9CA,WAA8C,CAACC,KAAD;AAEhD,MAAAC,aAAa,GAGXD,KAAK,cAHP;AAAA,MACAE,QAAQ,GAENF,KAAK,SAHP;AAAA,MAEAG,aAAa,GACXH,KAAK,cAHP;AAIF,sBACEI,6BAAC,uBAAD;AACE,IAAA,aAAa,EAAEH,aADjB;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,aAAa,EAAEC;AAHjB,kBAKEC,6BAAC,eAAD,OALF,CADF;AASD;;;;"}

package/LocalizationContext-b021af8f.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import { g as getStringSet } from './stringSet-91746bf1.js';
+import { d as defaultLocale } from './index-353f13f3.js';
+
+var LocalizationContext = /*#__PURE__*/React__default.createContext({
+  stringSet: getStringSet('en'),
+  dateLocale: defaultLocale
+});
+
+var LocalizationProvider = function LocalizationProvider(props) {
+  var children = props.children;
+  return /*#__PURE__*/React__default.createElement(LocalizationContext.Provider, {
+    value: props
+  }, children);
+};
+
+var useLocalization = function useLocalization() {
+  return React__default.useContext(LocalizationContext);
+};
+
+export { LocalizationProvider as L, LocalizationContext as a, useLocalization as u };
+//# sourceMappingURL=LocalizationContext-b021af8f.js.map

package/LocalizationContext-b021af8f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizationContext-b021af8f.js","sources":["../src/lib/LocalizationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport getStringSet from '../ui/Label/stringSet';\nimport type { Locale } from 'date-fns';\nimport en from 'date-fns/locale/en-US';\n\nconst LocalizationContext = React.createContext({\n  stringSet: getStringSet('en'),\n  dateLocale: en,\n});\n\ninterface LocalizationProviderProps {\n  stringSet: Record<string, string>;\n  dateLocale: Locale;\n  children: React.Component;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactNode => {\n  const { children } = props;\n  return (\n    <LocalizationContext.Provider value={props}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport type UseLocalizationType = () => {\n  stringSet: Record<string, string>;\n  dateLocale: globalThis.Locale;\n};\n\nconst useLocalization: UseLocalizationType = () => React.useContext(LocalizationContext);\n\nexport { LocalizationContext, LocalizationProvider, useLocalization };\n"],"names":["LocalizationContext","React","createContext","stringSet","getStringSet","dateLocale","en","LocalizationProvider","props","children","useLocalization","useContext"],"mappings":";;;;IAMMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAN,CAAoB;AAC9CC,EAAAA,SAAS,EAAEC,YAAY,CAAC,IAAD,CADuB;AAE9CC,EAAAA,UAAU,EAAEC;AAFkC,CAApB;;IAWtBC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;AACnB,MAAAC,QAAQ,GAAKD,KAAK,SAAlB;AACR,sBACEP,6BAAC,mBAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAEO;AAArC,KACGC,QADH,CADF;AAKD;;IAOKC,eAAe,GAAwB,SAAvCA,eAAuC;AAAM,SAAAT,cAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA;AAAqC;;;;"}