@sendbird/uikit-react 3.7.0 → 3.8.0

package/EditUserProfile/components/EditUserProfileUI.js

@@ -1,157 +1,96 @@
 import React__default, { useRef, useContext, useState } from 'react';
 import { useEditUserProfileContext } from '../context.js';
-import { Modal } from '../../ui/Modal.js';
-import { a as LocalizationContext } from '../../LocalizationContext-287ee149.js';
+import { M as Modal } from '../../chunks/bundle-rLxuFUa1.js';
+import { L as LocalizationContext } from '../../chunks/bundle-v0OWADVv.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import Input, { InputLabel } from '../../ui/Input.js';
 import Avatar from '../../ui/Avatar.js';
 import Icon, { IconTypes } from '../../ui/Icon.js';
-import '../../tslib.es6-c2fb729e.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-92741c7e.js';
-import { B as ButtonTypes } from '../../types-9d43ac6e.js';
+import '../../chunks/bundle-hKtwSqbO.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-wMgBBDf9.js';
+import { ButtonTypes } from '../../ui/Button.js';
 import TextButton from '../../ui/TextButton.js';
-import { n as noop } from '../../utils-6c50a6d1.js';
-import { U as USER_ACTIONS } from '../../actionTypes-324495ed.js';
+import { n as noop } from '../../chunks/bundle-v9a1_z0P.js';
+import { U as USER_ACTIONS } from '../../chunks/bundle-Q8dtkDOa.js';
 import 'react-dom';
-import '../../index-09847c0f.js';
-import '../../index-04bd1a59.js';
-import '../../MediaQueryContext-114ca049.js';
+import '../../chunks/bundle-x-4ukZm_.js';
 import '../../ui/IconButton.js';
-import '../../ui/Button.js';
-import 'prop-types';
-import '../../stringSet-6422c6b9.js';
-import '../../index-e4277f9c.js';
+import '../../chunks/bundle-5yKxJk_M.js';
+import '../../chunks/bundle-FTgSGiKe.js';
 import '../../withSendbird.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-c15b8b3b.js';
-import '../../color-57373b4c.js';
+import '../../chunks/bundle-bofQNMJb.js';
+import '../../chunks/bundle-YEttY5xG.js';
 
-function EditUserProfile() {
-  var _a, _b, _c, _d, _e, _f, _g;
-  var editProfileProps = useEditUserProfileContext();
-  var store = useSendbirdStateContext();
-  var hiddenInputRef = useRef(null);
-  var inputRef = useRef(null);
-  var formRef = useRef(null);
-  var stringSet = useContext(LocalizationContext).stringSet;
-  var _h = useState(null),
-    currentImg = _h[0],
-    setCurrentImg = _h[1];
-  var _j = useState(null),
-    newFile = _j[0],
-    setNewFile = _j[1];
-  var onEditProfile = editProfileProps.onEditProfile,
-    onCancel = editProfileProps.onCancel,
-    onThemeChange = editProfileProps.onThemeChange;
-  var theme = ((_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.theme) || 'light';
-  var changeTheme = ((_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.setCurrentTheme) || noop;
-  var user = (_d = (_c = store === null || store === void 0 ? void 0 : store.stores) === null || _c === void 0 ? void 0 : _c.userStore) === null || _d === void 0 ? void 0 : _d.user;
-  var sdk = (_f = (_e = store === null || store === void 0 ? void 0 : store.stores) === null || _e === void 0 ? void 0 : _e.sdkStore) === null || _f === void 0 ? void 0 : _f.sdk;
-  var userDispatcher = (_g = store === null || store === void 0 ? void 0 : store.dispatchers) === null || _g === void 0 ? void 0 : _g.userDispatcher;
-  return /*#__PURE__*/React__default.createElement(Modal, {
-    titleText: stringSet.EDIT_PROFILE__TITLE,
-    submitText: stringSet.BUTTON__SAVE,
-    type: ButtonTypes.PRIMARY,
-    onCancel: onCancel,
-    isFullScreenOnMobile: true,
-    onSubmit: function () {
-      var _a;
-      if ((user === null || user === void 0 ? void 0 : user.nickname) !== '' && !inputRef.current.value) {
-        if (formRef.current.reportValidity) {
-          // might not work in explorer
-          formRef.current.reportValidity();
-        }
-        return;
-      }
-      sdk === null || sdk === void 0 ? void 0 : sdk.updateCurrentUserInfo({
-        nickname: (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.value,
-        profileImage: newFile
-      }).then(function (updatedUser) {
-        userDispatcher({
-          type: USER_ACTIONS.UPDATE_USER_INFO,
-          payload: updatedUser
-        });
-        if (onEditProfile && typeof onEditProfile === 'function') {
-          onEditProfile(updatedUser);
-        }
-      });
-    }
-  }, /*#__PURE__*/React__default.createElement("form", {
-    className: "sendbird-edit-user-profile",
-    ref: formRef,
-    onSubmit: function (e) {
-      e.preventDefault();
-    }
-  }, /*#__PURE__*/React__default.createElement("section", {
-    className: "sendbird-edit-user-profile__img"
-  }, /*#__PURE__*/React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__IMAGE_LABEL), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-edit-user-profile__img__avatar"
-  }, /*#__PURE__*/React__default.createElement(Avatar, {
-    width: "80px",
-    height: "80px",
-    src: currentImg || (user === null || user === void 0 ? void 0 : user.profileUrl)
-  })), /*#__PURE__*/React__default.createElement("input", {
-    ref: hiddenInputRef,
-    type: "file",
-    accept: "image/gif, image/jpeg, image/png",
-    style: {
-      display: 'none'
-    },
-    onChange: function (e) {
-      setCurrentImg(URL.createObjectURL(e.target.files[0]));
-      setNewFile(e.target.files[0]);
-      hiddenInputRef.current.value = '';
-    }
-  }), /*#__PURE__*/React__default.createElement(TextButton, {
-    className: "sendbird-edit-user-profile__img__avatar-button",
-    disableUnderline: true,
-    onClick: function () {
-      return hiddenInputRef.current.click();
-    }
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    type: LabelTypography.BUTTON_1,
-    color: LabelColors.PRIMARY
-  }, stringSet.EDIT_PROFILE__IMAGE_UPLOAD))), /*#__PURE__*/React__default.createElement("section", {
-    className: "sendbird-edit-user-profile__name"
-  }, /*#__PURE__*/React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__NICKNAME_LABEL), /*#__PURE__*/React__default.createElement(Input, {
-    required: (user === null || user === void 0 ? void 0 : user.nickname) !== '',
-    name: "sendbird-edit-user-profile__name__input",
-    ref: inputRef,
-    value: user === null || user === void 0 ? void 0 : user.nickname,
-    placeHolder: stringSet.EDIT_PROFILE__NICKNAME_PLACEHOLDER
-  })), /*#__PURE__*/React__default.createElement("section", {
-    className: "sendbird-edit-user-profile__userid"
-  }, /*#__PURE__*/React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__USERID_LABEL), /*#__PURE__*/React__default.createElement(Input, {
-    disabled: true,
-    name: "sendbird-edit-user-profile__userid__input",
-    value: user === null || user === void 0 ? void 0 : user.userId
-  })), /*#__PURE__*/React__default.createElement("section", {
-    className: "sendbird-edit-user-profile__theme"
-  }, /*#__PURE__*/React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__THEME_LABEL), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-edit-user-profile__theme__theme-icon"
-  }, theme === 'dark' ? /*#__PURE__*/React__default.createElement(Icon, {
-    onClick: function () {
-      changeTheme('light');
-      onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('light');
-      // if (onThemeChange && typeof onThemeChange === 'function') {
-      //   onThemeChange('light');
-      // }
-    },
-    type: IconTypes.TOGGLE_ON,
-    width: 44,
-    height: 24
-  }) : /*#__PURE__*/React__default.createElement(Icon, {
-    onClick: function () {
-      changeTheme('dark');
-      onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('dark');
-      // if (onThemeChange && typeof onThemeChange === 'function') {
-      //   onThemeChange('dark');
-      // }
-    },
-    type: IconTypes.TOGGLE_OFF,
-    width: 44,
-    height: 24
-  })))));
+function EditUserProfile() {
+    var _a, _b, _c, _d, _e, _f, _g;
+    var editProfileProps = useEditUserProfileContext();
+    var store = useSendbirdStateContext();
+    var hiddenInputRef = useRef(null);
+    var inputRef = useRef(null);
+    var formRef = useRef(null);
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var _h = useState(null), currentImg = _h[0], setCurrentImg = _h[1];
+    var _j = useState(null), newFile = _j[0], setNewFile = _j[1];
+    var onEditProfile = editProfileProps.onEditProfile, onCancel = editProfileProps.onCancel, onThemeChange = editProfileProps.onThemeChange;
+    var theme = ((_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.theme) || 'light';
+    var changeTheme = ((_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.setCurrentTheme) || noop;
+    var user = (_d = (_c = store === null || store === void 0 ? void 0 : store.stores) === null || _c === void 0 ? void 0 : _c.userStore) === null || _d === void 0 ? void 0 : _d.user;
+    var sdk = (_f = (_e = store === null || store === void 0 ? void 0 : store.stores) === null || _e === void 0 ? void 0 : _e.sdkStore) === null || _f === void 0 ? void 0 : _f.sdk;
+    var userDispatcher = (_g = store === null || store === void 0 ? void 0 : store.dispatchers) === null || _g === void 0 ? void 0 : _g.userDispatcher;
+    return (React__default.createElement(Modal, { titleText: stringSet.EDIT_PROFILE__TITLE, submitText: stringSet.BUTTON__SAVE, type: ButtonTypes.PRIMARY, onCancel: onCancel, isFullScreenOnMobile: true, onSubmit: function () {
+            var _a;
+            if ((user === null || user === void 0 ? void 0 : user.nickname) !== '' && !inputRef.current.value) {
+                if (formRef.current.reportValidity) { // might not work in explorer
+                    formRef.current.reportValidity();
+                }
+                return;
+            }
+            sdk === null || sdk === void 0 ? void 0 : sdk.updateCurrentUserInfo({
+                nickname: (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.value,
+                profileImage: newFile,
+            }).then(function (updatedUser) {
+                userDispatcher({ type: USER_ACTIONS.UPDATE_USER_INFO, payload: updatedUser });
+                if (onEditProfile && typeof onEditProfile === 'function') {
+                    onEditProfile(updatedUser);
+                }
+            });
+        } },
+        React__default.createElement("form", { className: "sendbird-edit-user-profile", ref: formRef, onSubmit: function (e) { e.preventDefault(); } },
+            React__default.createElement("section", { className: "sendbird-edit-user-profile__img" },
+                React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__IMAGE_LABEL),
+                React__default.createElement("div", { className: "sendbird-edit-user-profile__img__avatar" },
+                    React__default.createElement(Avatar, { width: "80px", height: "80px", src: currentImg || (user === null || user === void 0 ? void 0 : user.profileUrl) })),
+                React__default.createElement("input", { ref: hiddenInputRef, type: "file", accept: "image/gif, image/jpeg, image/png", style: { display: 'none' }, onChange: function (e) {
+                        setCurrentImg(URL.createObjectURL(e.target.files[0]));
+                        setNewFile(e.target.files[0]);
+                        hiddenInputRef.current.value = '';
+                    } }),
+                React__default.createElement(TextButton, { className: "sendbird-edit-user-profile__img__avatar-button", disableUnderline: true, onClick: function () { return hiddenInputRef.current.click(); } },
+                    React__default.createElement(Label, { type: LabelTypography.BUTTON_1, color: LabelColors.PRIMARY }, stringSet.EDIT_PROFILE__IMAGE_UPLOAD))),
+            React__default.createElement("section", { className: "sendbird-edit-user-profile__name" },
+                React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__NICKNAME_LABEL),
+                React__default.createElement(Input, { required: (user === null || user === void 0 ? void 0 : user.nickname) !== '', name: "sendbird-edit-user-profile__name__input", ref: inputRef, value: user === null || user === void 0 ? void 0 : user.nickname, placeHolder: stringSet.EDIT_PROFILE__NICKNAME_PLACEHOLDER })),
+            React__default.createElement("section", { className: "sendbird-edit-user-profile__userid" },
+                React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__USERID_LABEL),
+                React__default.createElement(Input, { disabled: true, name: "sendbird-edit-user-profile__userid__input", value: user === null || user === void 0 ? void 0 : user.userId })),
+            React__default.createElement("section", { className: "sendbird-edit-user-profile__theme" },
+                React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__THEME_LABEL),
+                React__default.createElement("div", { className: "sendbird-edit-user-profile__theme__theme-icon" }, theme === 'dark'
+                    ? (React__default.createElement(Icon, { onClick: function () {
+                            changeTheme('light');
+                            onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('light');
+                            // if (onThemeChange && typeof onThemeChange === 'function') {
+                            //   onThemeChange('light');
+                            // }
+                        }, type: IconTypes.TOGGLE_ON, width: 44, height: 24 }))
+                    : (React__default.createElement(Icon, { onClick: function () {
+                            changeTheme('dark');
+                            onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('dark');
+                            // if (onThemeChange && typeof onThemeChange === 'function') {
+                            //   onThemeChange('dark');
+                            // }
+                        }, type: IconTypes.TOGGLE_OFF, width: 44, height: 24 })))))));
 }
 
 export { EditUserProfile as default };

package/EditUserProfile/components/EditUserProfileUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditUserProfileUI.js","sources":["../../../src/modules/EditUserProfile/components/EditUserProfileUI/index.tsx"],"sourcesContent":["import './edit-user-profile.scss';\n\nimport React, {\n  ReactElement,\n  useRef,\n  useState,\n  useContext,\n} from 'react';\nimport { useEditUserProfileContext } from '../../context/EditUserProfileProvider';\n\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconTypes } from '../../../../ui/Icon';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { noop } from '../../../../utils/utils';\nimport { USER_ACTIONS } from '../../../../lib/dux/user/actionTypes';\n\nexport default function EditUserProfile(): ReactElement {\n  const editProfileProps = useEditUserProfileContext();\n  const store = useSendbirdStateContext();\n  const hiddenInputRef = useRef(null);\n  const inputRef = useRef(null);\n  const formRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const [currentImg, setCurrentImg] = useState(null);\n  const [newFile, setNewFile] = useState(null);\n\n  const {\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = editProfileProps;\n\n  const theme = store?.config?.theme || 'light';\n  const changeTheme = store?.config?.setCurrentTheme || noop;\n  const user = store?.stores?.userStore?.user;\n  const sdk = store?.stores?.sdkStore?.sdk;\n  const userDispatcher = store?.dispatchers?.userDispatcher;\n\n  return (\n    <Modal\n      titleText={stringSet.EDIT_PROFILE__TITLE}\n      submitText={stringSet.BUTTON__SAVE}\n      type={ButtonTypes.PRIMARY}\n      onCancel={onCancel}\n      isFullScreenOnMobile\n      onSubmit={() => {\n        if (user?.nickname !== '' && !inputRef.current.value) {\n          if (formRef.current.reportValidity) { // might not work in explorer\n            formRef.current.reportValidity();\n          }\n          return;\n        }\n        sdk?.updateCurrentUserInfo({\n          nickname: inputRef?.current?.value,\n          profileImage: newFile,\n        }).then((updatedUser) => {\n          userDispatcher({ type: USER_ACTIONS.UPDATE_USER_INFO, payload: updatedUser });\n          if (onEditProfile && typeof onEditProfile === 'function') {\n            onEditProfile(updatedUser);\n          }\n        });\n      }}\n    >\n      <form\n        className=\"sendbird-edit-user-profile\"\n        ref={formRef}\n        onSubmit={(e) => { e.preventDefault(); }}\n      >\n        <section className=\"sendbird-edit-user-profile__img\">\n          <InputLabel>\n            {stringSet.EDIT_PROFILE__IMAGE_LABEL}\n          </InputLabel>\n          <div className=\"sendbird-edit-user-profile__img__avatar\">\n            <Avatar\n              width=\"80px\"\n              height=\"80px\"\n              src={currentImg || user?.profileUrl}\n            />\n          </div>\n          <input\n            ref={hiddenInputRef}\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              hiddenInputRef.current.value = '';\n            }}\n          />\n          <TextButton\n            className=\"sendbird-edit-user-profile__img__avatar-button\"\n            disableUnderline\n            onClick={() => hiddenInputRef.current.click()}\n          >\n            <Label type={LabelTypography.BUTTON_1} color={LabelColors.PRIMARY}>\n              {stringSet.EDIT_PROFILE__IMAGE_UPLOAD}\n            </Label>\n          </TextButton>\n        </section>\n        <section className=\"sendbird-edit-user-profile__name\">\n          <InputLabel>\n            {stringSet.EDIT_PROFILE__NICKNAME_LABEL}\n          </InputLabel>\n          <Input\n            required={user?.nickname !== ''}\n            name=\"sendbird-edit-user-profile__name__input\"\n            ref={inputRef}\n            value={user?.nickname}\n            placeHolder={stringSet.EDIT_PROFILE__NICKNAME_PLACEHOLDER}\n          />\n        </section>\n        <section className=\"sendbird-edit-user-profile__userid\">\n          <InputLabel>\n            {/*  userID */}\n            {stringSet.EDIT_PROFILE__USERID_LABEL}\n          </InputLabel>\n          <Input\n            disabled\n            name=\"sendbird-edit-user-profile__userid__input\"\n            value={user?.userId}\n          />\n        </section>\n        <section className=\"sendbird-edit-user-profile__theme\">\n          <InputLabel>\n            {stringSet.EDIT_PROFILE__THEME_LABEL}\n          </InputLabel>\n          <div className=\"sendbird-edit-user-profile__theme__theme-icon\">\n            {\n              theme === 'dark'\n                ? (\n                  <Icon\n                    onClick={() => {\n                      changeTheme('light');\n                      onThemeChange?.('light');\n                      // if (onThemeChange && typeof onThemeChange === 'function') {\n                      //   onThemeChange('light');\n                      // }\n                    }}\n                    type={IconTypes.TOGGLE_ON}\n                    width={44}\n                    height={24}\n                  />\n                )\n                : (\n                  <Icon\n                    onClick={() => {\n                      changeTheme('dark');\n                      onThemeChange?.('dark');\n                      // if (onThemeChange && typeof onThemeChange === 'function') {\n                      //   onThemeChange('dark');\n                      // }\n                    }}\n                    type={IconTypes.TOGGLE_OFF}\n                    width={44}\n                    height={24}\n                  />\n                )\n            }\n          </div>\n        </section>\n      </form>\n    </Modal>\n  );\n}\n"],"names":["EditUserProfile","editProfileProps","useEditUserProfileContext","store","useSendbirdStateContext","hiddenInputRef","useRef","inputRef","formRef","stringSet","useContext","LocalizationContext","_h","useState","currentImg","setCurrentImg","_j","newFile","setNewFile","onEditProfile","onCancel","onThemeChange","theme","_a","config","changeTheme","_b","setCurrentTheme","noop","user","_d","_c","stores","userStore","sdk","_f","_e","sdkStore","userDispatcher","_g","dispatchers","React","createElement","Modal","titleText","EDIT_PROFILE__TITLE","submitText","BUTTON__SAVE","type","ButtonTypes","PRIMARY","isFullScreenOnMobile","onSubmit","nickname","current","value","reportValidity","updateCurrentUserInfo","profileImage","then","updatedUser","USER_ACTIONS","UPDATE_USER_INFO","payload","className","ref","e","preventDefault","InputLabel","EDIT_PROFILE__IMAGE_LABEL","Avatar","width","height","src","profileUrl","accept","style","display","onChange","URL","createObjectURL","target","files","TextButton","disableUnderline","onClick","click","Label","LabelTypography","BUTTON_1","color","LabelColors","EDIT_PROFILE__IMAGE_UPLOAD","EDIT_PROFILE__NICKNAME_LABEL","Input","required","name","placeHolder","EDIT_PROFILE__NICKNAME_PLACEHOLDER","EDIT_PROFILE__USERID_LABEL","disabled","userId","EDIT_PROFILE__THEME_LABEL","Icon","IconTypes","TOGGLE_ON","TOGGLE_OFF"],"mappings":"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"}
+{"version":3,"file":"EditUserProfileUI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/EditUserProfile/context.js

@@ -1,25 +1,18 @@
 import React__default, { useMemo } from 'react';
 
-var EditUserProfileProviderContext = /*#__PURE__*/React__default.createContext(undefined);
-var EditUserProfileProvider = function (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 useEditUserProfileContext = function () {
-  return React__default.useContext(EditUserProfileProviderContext);
-};
+var EditUserProfileProviderContext = React__default.createContext(undefined);
+var EditUserProfileProvider = function (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 (React__default.createElement(EditUserProfileProviderContext.Provider, { value: value }, children));
+};
+var useEditUserProfileContext = function () { return (React__default.useContext(EditUserProfileProviderContext)); };
 
 export { EditUserProfileProvider, useEditUserProfileContext };
 //# sourceMappingURL=context.js.map

package/EditUserProfile/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/modules/EditUserProfile/context/EditUserProfileProvider.tsx"],"sourcesContent":["import type { User } from '@sendbird/chat';\nimport React, { useMemo } from 'react';\n\nconst EditUserProfileProviderContext = React.createContext(undefined);\n\nexport interface EditUserProfileProps {\n  children?: React.ReactElement;\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: User): void;\n}\n\nexport interface EditUserProfileProviderInterface {\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: 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 useEditUserProfileContext = (): EditUserProfileProviderInterface => (\n  React.useContext(EditUserProfileProviderContext)\n);\n\nexport {\n  EditUserProfileProvider,\n  useEditUserProfileContext,\n};\n"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","createElement","Provider","useEditUserProfileContext","useContext"],"mappings":";;AAGA,IAAMA,8BAA8B,gBAAGC,cAAK,CAACC,aAAa,CAACC,SAAS,CAAC,CAAA;AAerE,IAAMC,uBAAuB,GAAmC,UAACC,KAA2B,EAAA;AAExF,EAAA,IAAAC,QAAQ,GAIND,KAAK,SAJC;IACRE,aAAa,GAGXF,KAAK,CAAAE,aAHM;IACbC,QAAQ,GAENH,KAAK,CAFCG,QAAA;IACRC,aAAa,GACXJ,KAAK,cADM,CAAA;AAGf,EAAA,IAAMK,KAAK,GAAGC,OAAO,CAAC,YAAA;IACpB,OAAO;AACLJ,MAAAA,aAAa,EAAAA,aAAA;AACbC,MAAAA,QAAQ,EAAAA,QAAA;AACRC,MAAAA,aAAa,EAAAA,aAAAA;KACd,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBACER,cAAA,CAAAW,aAAA,CAACZ,8BAA8B,CAACa,QAAQ,EAAA;AAACH,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,EACnDJ,QACsC,CAAC,CAAA;AAE9C,EAAC;AAED,IAAMQ,yBAAyB,GAAG,YAAwC;AAAA,EAAA,OACxEb,cAAK,CAACc,UAAU,CAACf,8BAA8B,CAAC,CAAA;AADwB;;;;"}
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/EditUserProfile.js

@@ -1,41 +1,32 @@
 import React__default from 'react';
 import { EditUserProfileProvider } from './EditUserProfile/context.js';
 import EditUserProfile from './EditUserProfile/components/EditUserProfileUI.js';
-import './ui/Modal.js';
+import './chunks/bundle-rLxuFUa1.js';
 import 'react-dom';
-import './utils-6c50a6d1.js';
-import './tslib.es6-c2fb729e.js';
-import './index-09847c0f.js';
-import './index-04bd1a59.js';
-import './LocalizationContext-287ee149.js';
-import './stringSet-6422c6b9.js';
-import './index-e4277f9c.js';
-import './MediaQueryContext-114ca049.js';
+import './chunks/bundle-v9a1_z0P.js';
+import './chunks/bundle-v0OWADVv.js';
+import './chunks/bundle-5yKxJk_M.js';
+import './chunks/bundle-FTgSGiKe.js';
+import './chunks/bundle-x-4ukZm_.js';
 import './ui/IconButton.js';
+import './chunks/bundle-hKtwSqbO.js';
 import './ui/Button.js';
-import './index-92741c7e.js';
-import 'prop-types';
-import './types-9d43ac6e.js';
+import './chunks/bundle-wMgBBDf9.js';
 import './ui/Icon.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
 import './ui/Input.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-c15b8b3b.js';
+import './chunks/bundle-bofQNMJb.js';
 import './ui/TextButton.js';
-import './color-57373b4c.js';
-import './actionTypes-324495ed.js';
+import './chunks/bundle-YEttY5xG.js';
+import './chunks/bundle-Q8dtkDOa.js';
 
-var EditProfile = function (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));
+var EditProfile = function (props) {
+    var onEditProfile = props.onEditProfile, onCancel = props.onCancel, onThemeChange = props.onThemeChange;
+    return (React__default.createElement(EditUserProfileProvider, { onEditProfile: onEditProfile, onCancel: onCancel, onThemeChange: onThemeChange },
+        React__default.createElement(EditUserProfile, null)));
 };
 
 export { EditProfile as default };

package/EditUserProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditUserProfile.js","sources":["../src/modules/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","createElement","EditUserProfileProvider","EditUserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,WAAW,GAAmC,UAACC,KAA2B,EAAA;AAE5E,EAAA,IAAAC,aAAa,GAGXD,KAAK,CAAAC,aAHM;IACbC,QAAQ,GAENF,KAAK,CAAAE,QAFC;IACRC,aAAa,GACXH,KAAK,cADM,CAAA;AAEf,EAAA,oBACEI,cAAA,CAAAC,aAAA,CAACC,uBAAuB,EAAA;AACtBL,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,eAE7BC,cAAA,CAAAC,aAAA,CAACE,eAAe,EAAA,IAClB,CAAyB,CAAC,CAAA;AAE9B;;;;"}
+{"version":3,"file":"EditUserProfile.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/Message/context.js

@@ -1,29 +1,26 @@
 import React__default from 'react';
 
-// todo@v4.0.0: combine with the provider in core-ts, see:
-var defaultValue = {
-  message: {},
-  isByMe: false
-};
-var MessageContext = /*#__PURE__*/React__default.createContext(defaultValue);
-var MessageProvider = function (props) {
-  var children = props.children,
-    message = props.message,
-    _a = props.isByMe,
-    isByMe = _a === void 0 ? false : _a;
-  return /*#__PURE__*/React__default.createElement(MessageContext.Provider, {
-    value: {
-      message: message,
-      isByMe: isByMe
-    }
-  }, children);
-};
-var useMessageContext = function () {
-  var value = React__default.useContext(MessageContext);
-  if (value === undefined) {
-    throw new Error('useMessageContext must be used within a MessageProvider');
-  }
-  return value;
+// todo@v4.0.0: combine with the provider in core-ts, see:
+// https://github.com/sendbird/sendbird-uikit-core-ts
+// packages/react-uikit-message-template-view/src/context/MessageContextProvider.tsx
+var defaultValue = {
+    message: {},
+    isByMe: false,
+};
+var MessageContext = React__default.createContext(defaultValue);
+var MessageProvider = function (props) {
+    var children = props.children, message = props.message, _a = props.isByMe, isByMe = _a === void 0 ? false : _a;
+    return (React__default.createElement(MessageContext.Provider, { value: {
+            message: message,
+            isByMe: isByMe,
+        } }, children));
+};
+var useMessageContext = function () {
+    var value = React__default.useContext(MessageContext);
+    if (value === undefined) {
+        throw new Error('useMessageContext must be used within a MessageProvider');
+    }
+    return value;
 };
 
 export { MessageProvider, useMessageContext };

package/Message/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/modules/Message/context/MessageProvider.tsx"],"sourcesContent":["// todo@v4.0.0: combine with the provider in core-ts, see:\n// https://github.com/sendbird/sendbird-uikit-core-ts\n// packages/react-uikit-message-template-view/src/context/MessageContextProvider.tsx\nimport React from 'react';\nimport { BaseMessage } from '@sendbird/chat/message';\n\nexport type MessageProviderProps = {\n  children: React.ReactNode;\n  message: BaseMessage;\n  isByMe?: boolean;\n};\n\nexport type MessageProviderInterface = Omit<MessageProviderProps, 'children'>;\n\nconst defaultValue = {\n  message: {} as BaseMessage,\n  isByMe: false,\n};\n\nconst MessageContext = React.createContext<MessageProviderInterface>(defaultValue);\n\nconst MessageProvider: React.FC<MessageProviderProps> = (props) => {\n  const {\n    children,\n    message,\n    isByMe = false,\n  } = props;\n\n  return (\n    <MessageContext.Provider value={{\n      message,\n      isByMe,\n    }}>\n      {children}\n    </MessageContext.Provider>\n  );\n};\n\nconst useMessageContext = (): MessageProviderInterface => {\n  const value = React.useContext(MessageContext);\n  if (value === undefined) {\n    throw new Error('useMessageContext must be used within a MessageProvider');\n  }\n  return value;\n};\n\nexport {\n  MessageProvider,\n  useMessageContext,\n};\n"],"names":["defaultValue","message","isByMe","MessageContext","React","createContext","MessageProvider","props","children","_a","createElement","Provider","value","useMessageContext","useContext","undefined","Error"],"mappings":";;AAAA;AAcA,IAAMA,YAAY,GAAG;EACnBC,OAAO,EAAE,EAAiB;AAC1BC,EAAAA,MAAM,EAAE,KAAA;CACT,CAAA;AAED,IAAMC,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAA2BL,YAAY,CAAC,CAAA;AAElF,IAAMM,eAAe,GAAmC,UAACC,KAAK,EAAA;AAE1D,EAAA,IAAAC,QAAQ,GAGND,KAAK,SAHC;IACRN,OAAO,GAELM,KAAK,CAAAN,OAFA;IACPQ,EAAA,GACEF,KAAK,CADOL,MAAA;IAAdA,MAAM,GAAGO,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA,CAAA;AAGhB,EAAA,oBACEL,cAAA,CAAAM,aAAA,CAACP,cAAc,CAACQ,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAC9BX,MAAAA,OAAO,EAAAA,OAAA;AACPC,MAAAA,MAAM,EAAAA,MAAAA;AACP,KAAA;AAAC,GAAA,EACCM,QACsB,CAAC,CAAA;AAE9B,EAAC;AAED,IAAMK,iBAAiB,GAAG,YAAA;AACxB,EAAA,IAAMD,KAAK,GAAGR,cAAK,CAACU,UAAU,CAACX,cAAc,CAAC,CAAA;EAC9C,IAAIS,KAAK,KAAKG,SAAS,EAAE;AACvB,IAAA,MAAM,IAAIC,KAAK,CAAC,yDAAyD,CAAC,CAAA;AAC3E,GAAA;AACD,EAAA,OAAOJ,KAAK,CAAA;AACd;;;;"}
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/Message/hooks/useDirtyGetMentions.js

@@ -1,70 +1,59 @@
 import { useState, useLayoutEffect, useEffect } from 'react';
 
-function getMentionNodes(root) {
-  if (root) {
-    var mentions = root.querySelectorAll('[data-sb-mention=\'true\']');
-    var mentionsArray = Array.from(mentions);
-    return mentionsArray;
-  }
-  return [];
+function getMentionNodes(root) {
+    if (root) {
+        var mentions = root.querySelectorAll('[data-sb-mention=\'true\']');
+        var mentionsArray = Array.from(mentions);
+        return mentionsArray;
+    }
+    return [];
 }
 
-/**
- * exported, should be backwords compatible
- * This is a dirty way to get the mentions given DOM node
- */
-function useDirtyGetMentions(_a, _b) {
-  var ref = _a.ref;
-  var logger = _b.logger;
-  // Select the node that will be observed for mutations
-  var targetNode = ref.current;
-  var _c = useState([]),
-    mentionNodes = _c[0],
-    setMentionNodes = _c[1];
-  // to get the initial mentions
-  useLayoutEffect(function () {
-    if (targetNode) {
-      var mentions = getMentionNodes(targetNode);
-      setMentionNodes(mentions);
-    }
-  }, [targetNode]);
-  useEffect(function () {
-    // Options for the observer (which mutations to observe)
-    var config = {
-      childList: true,
-      subtree: true
-    };
-    // Callback function to execute when mutations are observed
-    var callback = function (mutationList) {
-      var hasMutation = mutationList.length > 0;
-      if (hasMutation) {
-        setMentionNodes(getMentionNodes(targetNode));
-      }
-    };
-    // Create an observer instance linked to the callback function
-    var observer = new MutationObserver(callback);
-    if (targetNode) {
-      // Start observing the target node for configured mutations
-      observer.observe(targetNode, config);
-      logger.info('useDirtyGetMentions: observer started', {
-        observer: observer,
-        config: config
-      });
-    }
-    return function () {
-      try {
-        observer.disconnect();
-        logger.info('useDirtyGetMentions: observer disconnected', {
-          observer: observer
-        });
-      } catch (error) {
-        logger.error('useDirtyGetMentions: observer disconnect failed', {
-          observer: observer
-        });
-      }
-    };
-  }, [targetNode]);
-  return mentionNodes;
+/**
+ * exported, should be backwords compatible
+ * This is a dirty way to get the mentions given DOM node
+ */
+function useDirtyGetMentions(_a, _b) {
+    var ref = _a.ref;
+    var logger = _b.logger;
+    // Select the node that will be observed for mutations
+    var targetNode = ref.current;
+    var _c = useState([]), mentionNodes = _c[0], setMentionNodes = _c[1];
+    // to get the initial mentions
+    useLayoutEffect(function () {
+        if (targetNode) {
+            var mentions = getMentionNodes(targetNode);
+            setMentionNodes(mentions);
+        }
+    }, [targetNode]);
+    useEffect(function () {
+        // Options for the observer (which mutations to observe)
+        var config = { childList: true, subtree: true };
+        // Callback function to execute when mutations are observed
+        var callback = function (mutationList) {
+            var hasMutation = mutationList.length > 0;
+            if (hasMutation) {
+                setMentionNodes(getMentionNodes(targetNode));
+            }
+        };
+        // Create an observer instance linked to the callback function
+        var observer = new MutationObserver(callback);
+        if (targetNode) {
+            // Start observing the target node for configured mutations
+            observer.observe(targetNode, config);
+            logger.info('useDirtyGetMentions: observer started', { observer: observer, config: config });
+        }
+        return function () {
+            try {
+                observer.disconnect();
+                logger.info('useDirtyGetMentions: observer disconnected', { observer: observer });
+            }
+            catch (error) {
+                logger.error('useDirtyGetMentions: observer disconnect failed', { observer: observer });
+            }
+        };
+    }, [targetNode]);
+    return mentionNodes;
 }
 
 export { useDirtyGetMentions };

package/Message/hooks/useDirtyGetMentions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDirtyGetMentions.js","sources":["../../../src/modules/Message/utils/getMentionNodes.ts","../../../src/modules/Message/hooks/useDirtyGetMentions.ts"],"sourcesContent":["export function getMentionNodes(root: HTMLElement): Element[] {\n  if (root) {\n    const mentions = root.querySelectorAll('[data-sb-mention=\\'true\\']');\n    const mentionsArray = Array.from(mentions);\n    return mentionsArray;\n  }\n  return [];\n}\n","import { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { Logger } from '../../../lib/SendbirdState';\nimport { getMentionNodes } from '../utils/getMentionNodes';\n\ninterface DynamicParams {\n  ref: React.RefObject<HTMLElement>;\n}\n\ninterface StaticParams {\n  logger: Logger;\n}\n\n/**\n * exported, should be backwords compatible\n * This is a dirty way to get the mentions given DOM node\n */\nexport function useDirtyGetMentions({\n  ref,\n}: DynamicParams, {\n  logger,\n}: StaticParams): Element[] {\n  // Select the node that will be observed for mutations\n  const targetNode = ref.current as HTMLElement;\n  const [mentionNodes, setMentionNodes] = useState<Element[]>([]);\n\n  // to get the initial mentions\n  useLayoutEffect(() => {\n    if (targetNode) {\n      const mentions = getMentionNodes(targetNode);\n      setMentionNodes(mentions);\n    }\n  }, [targetNode]);\n\n  useEffect(() => {\n    // Options for the observer (which mutations to observe)\n    const config = { childList: true, subtree: true };\n\n    // Callback function to execute when mutations are observed\n    const callback = (mutationList: MutationRecord[]): void => {\n      const hasMutation = mutationList.length > 0;\n      if (hasMutation) {\n        setMentionNodes(getMentionNodes(targetNode));\n      }\n    };\n\n    // Create an observer instance linked to the callback function\n    const observer = new MutationObserver(callback);\n\n    if (targetNode) {\n      // Start observing the target node for configured mutations\n      observer.observe(targetNode, config);\n      logger.info('useDirtyGetMentions: observer started', { observer, config });\n    }\n\n    return () => {\n      try {\n        observer.disconnect();\n        logger.info('useDirtyGetMentions: observer disconnected', { observer });\n      } catch (error) {\n        logger.error('useDirtyGetMentions: observer disconnect failed', { observer });\n      }\n    };\n  }, [targetNode]);\n  return mentionNodes;\n}\n"],"names":["getMentionNodes","root","mentions","querySelectorAll","mentionsArray","Array","from","useDirtyGetMentions","_a","_b","ref","logger","targetNode","current","_c","useState","mentionNodes","setMentionNodes","useLayoutEffect","useEffect","config","childList","subtree","callback","mutationList","hasMutation","length","observer","MutationObserver","observe","info","disconnect","error"],"mappings":";;AAAM,SAAUA,eAAeA,CAACC,IAAiB,EAAA;AAC/C,EAAA,IAAIA,IAAI,EAAE;AACR,IAAA,IAAMC,QAAQ,GAAGD,IAAI,CAACE,gBAAgB,CAAC,4BAA4B,CAAC,CAAA;AACpE,IAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC,CAAA;AAC1C,IAAA,OAAOE,aAAa,CAAA;AACrB,GAAA;AACD,EAAA,OAAO,EAAE,CAAA;AACX;;ACMA;;;AAGG;AACa,SAAAG,mBAAmBA,CAACC,EAEpB,EAAEC,EAEH,EAAA;AAHb,EAAA,IAAAC,GAAG,GAAAF,EAAA,CAAAE,GAAA,CAAA;AAEH,EAAA,IAAAC,MAAM,GAAAF,EAAA,CAAAE,MAAA,CAAA;AAEN;AACA,EAAA,IAAMC,UAAU,GAAGF,GAAG,CAACG,OAAsB,CAAA;AACvC,EAAA,IAAAC,EAAA,GAAkCC,QAAQ,CAAY,EAAE,CAAC;AAAxDC,IAAAA,YAAY,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,eAAe,GAAAH,EAAA,CAAA,CAAA,CAA2B,CAAA;AAE/D;AACAI,EAAAA,eAAe,CAAC,YAAA;AACd,IAAA,IAAIN,UAAU,EAAE;AACd,MAAA,IAAMV,QAAQ,GAAGF,eAAe,CAACY,UAAU,CAAC,CAAA;MAC5CK,eAAe,CAACf,QAAQ,CAAC,CAAA;AAC1B,KAAA;AACH,GAAC,EAAE,CAACU,UAAU,CAAC,CAAC,CAAA;AAEhBO,EAAAA,SAAS,CAAC,YAAA;AACR;AACA,IAAA,IAAMC,MAAM,GAAG;AAAEC,MAAAA,SAAS,EAAE,IAAI;AAAEC,MAAAA,OAAO,EAAE,IAAA;KAAM,CAAA;AAEjD;AACA,IAAA,IAAMC,QAAQ,GAAG,UAACC,YAA8B,EAAA;AAC9C,MAAA,IAAMC,WAAW,GAAGD,YAAY,CAACE,MAAM,GAAG,CAAC,CAAA;AAC3C,MAAA,IAAID,WAAW,EAAE;AACfR,QAAAA,eAAe,CAACjB,eAAe,CAACY,UAAU,CAAC,CAAC,CAAA;AAC7C,OAAA;KACF,CAAA;AAED;AACA,IAAA,IAAMe,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,QAAQ,CAAC,CAAA;AAE/C,IAAA,IAAIX,UAAU,EAAE;AACd;AACAe,MAAAA,QAAQ,CAACE,OAAO,CAACjB,UAAU,EAAEQ,MAAM,CAAC,CAAA;AACpCT,MAAAA,MAAM,CAACmB,IAAI,CAAC,uCAAuC,EAAE;AAAEH,QAAAA,QAAQ,EAAAA,QAAA;AAAEP,QAAAA,MAAM,EAAAA,MAAAA;AAAA,OAAE,CAAC,CAAA;AAC3E,KAAA;AAED,IAAA,OAAO,YAAA;MACL,IAAI;QACFO,QAAQ,CAACI,UAAU,EAAE,CAAA;AACrBpB,QAAAA,MAAM,CAACmB,IAAI,CAAC,4CAA4C,EAAE;AAAEH,UAAAA,QAAQ,EAAAA,QAAAA;AAAE,SAAA,CAAC,CAAA;OACxE,CAAC,OAAOK,KAAK,EAAE;AACdrB,QAAAA,MAAM,CAACqB,KAAK,CAAC,iDAAiD,EAAE;AAAEL,UAAAA,QAAQ,EAAAA,QAAAA;AAAE,SAAA,CAAC,CAAA;AAC9E,OAAA;KACF,CAAA;AACH,GAAC,EAAE,CAACf,UAAU,CAAC,CAAC,CAAA;AAChB,EAAA,OAAOI,YAAY,CAAA;AACrB;;;;"}
+{"version":3,"file":"useDirtyGetMentions.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}