@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0

package/EditUserProfile/components/EditUserProfileUI.js

@@ -1,27 +1,158 @@
-import 'react';
-export { a as default } from '../../index-60a7bf91.js';
-import '../../ui/Modal.js';
-import '../../LocalizationContext-2463058b.js';
-import '../../useSendbirdStateContext.js';
-import '../../ui/Input.js';
-import '../../ui/Avatar.js';
-import '../../ui/Icon.js';
-import '../../index-aa520474.js';
-import '../../ui/Button.js';
-import '../../ui/TextButton.js';
-import '../../utils-407da489.js';
-import '../../actionTypes-501b8c11.js';
+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-d18a86d8.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-0c779aab.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-12103973.js';
+import { B as ButtonTypes } from '../../types-4ffc52f6.js';
+import TextButton from '../../ui/TextButton.js';
+import { n as noop } from '../../utils-74c161a0.js';
+import { U as USER_ACTIONS } from '../../actionTypes-3cd49b5c.js';
 import 'react-dom';
-import '../../index.module-60af77d3.js';
-import '../../index-98887e8d.js';
-import '../../MediaQueryContext-e3429d12.js';
+import '../../index-c6095960.js';
+import '../../index-c7ed4aef.js';
+import '../../MediaQueryContext-3eeeec4f.js';
 import '../../ui/IconButton.js';
-import '../../_rollupPluginBabelHelpers-50c9576f.js';
-import '../../stringSet-2814bf17.js';
-import '../../index-7700a436.js';
+import '../../ui/Button.js';
 import 'prop-types';
+import '../../stringSet-1106c8ec.js';
+import '../../index-d3f61405.js';
 import '../../withSendbird.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-16373bba.js';
-import '../../color-b7f211a8.js';
+import '../../uuid-3c77ef7b.js';
+import '../../color-1383d4ab.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
+  })))));
+}
+
+export { EditUserProfile as default };
 //# sourceMappingURL=EditUserProfileUI.js.map

package/EditUserProfile/components/EditUserProfileUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditUserProfileUI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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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"}

package/EditUserProfile/context.js

@@ -1,25 +1,25 @@
 import React__default, { useMemo } from 'react';
 
-const EditUserProfileProviderContext = /*#__PURE__*/React__default.createContext(undefined);
-const EditUserProfileProvider = props => {
-  const {
-    children,
-    onEditProfile,
-    onCancel,
-    onThemeChange
-  } = props;
-  const value = useMemo(() => {
+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,
-      onCancel,
-      onThemeChange
+      onEditProfile: onEditProfile,
+      onCancel: onCancel,
+      onThemeChange: onThemeChange
     };
   }, []);
   return /*#__PURE__*/React__default.createElement(EditUserProfileProviderContext.Provider, {
     value: value
   }, children);
 };
-const useEditUserProfileContext = () => React__default.useContext(EditUserProfileProviderContext);
+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,MAAMA,8BAA8B,gBAAGC,cAAK,CAACC,aAAa,CAACC,SAAS,CAAC,CAAA;AAe/DC,MAAAA,uBAAuD,GAAIC,KAA2B,IAAK;EAC/F,MAAM;IACJC,QAAQ;IACRC,aAAa;IACbC,QAAQ;AACRC,IAAAA,aAAAA;AACF,GAAC,GAAGJ,KAAK,CAAA;AAET,EAAA,MAAMK,KAAK,GAAGC,OAAO,CAAC,MAAM;IAC1B,OAAO;MACLJ,aAAa;MACbC,QAAQ;AACRC,MAAAA,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,QAAQ,CAC+B,CAAA;AAE9C,EAAC;AAEKQ,MAAAA,yBAAyB,GAAGA,MAChCb,cAAK,CAACc,UAAU,CAACf,8BAA8B;;;;"}
+{"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;;;;"}

package/EditUserProfile.js

@@ -1,36 +1,36 @@
 import React__default from 'react';
-import { E as EditUserProfileProvider, a as EditUserProfile } from './index-60a7bf91.js';
+import { EditUserProfileProvider } from './EditUserProfile/context.js';
+import EditUserProfile from './EditUserProfile/components/EditUserProfileUI.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './utils-407da489.js';
-import './index.module-60af77d3.js';
-import './index-98887e8d.js';
-import './LocalizationContext-2463058b.js';
-import './stringSet-2814bf17.js';
-import './index-7700a436.js';
-import './MediaQueryContext-e3429d12.js';
+import './utils-74c161a0.js';
+import './tslib.es6-0c779aab.js';
+import './index-c6095960.js';
+import './index-c7ed4aef.js';
+import './LocalizationContext-d18a86d8.js';
+import './stringSet-1106c8ec.js';
+import './index-d3f61405.js';
+import './MediaQueryContext-3eeeec4f.js';
 import './ui/IconButton.js';
-import './_rollupPluginBabelHelpers-50c9576f.js';
 import './ui/Button.js';
-import './index-aa520474.js';
+import './index-12103973.js';
 import 'prop-types';
+import './types-4ffc52f6.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-16373bba.js';
+import './uuid-3c77ef7b.js';
 import './ui/TextButton.js';
-import './color-b7f211a8.js';
-import './actionTypes-501b8c11.js';
+import './color-1383d4ab.js';
+import './actionTypes-3cd49b5c.js';
 
-const EditProfile = props => {
-  const {
-    onEditProfile,
-    onCancel,
-    onThemeChange
-  } = props;
+var EditProfile = function (props) {
+  var onEditProfile = props.onEditProfile,
+    onCancel = props.onCancel,
+    onThemeChange = props.onThemeChange;
   return /*#__PURE__*/React__default.createElement(EditUserProfileProvider, {
     onEditProfile: onEditProfile,
     onCancel: onCancel,

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AASMA,MAAAA,WAA2C,GAAIC,KAA2B,IAAK;EACnF,MAAM;IACJC,aAAa;IACbC,QAAQ;AACRC,IAAAA,aAAAA;AACF,GAAC,GAAGH,KAAK,CAAA;AACT,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,OAAG,CACK,CAAA;AAE9B;;;;"}
+{"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;;;;"}

package/LocalizationContext-d18a86d8.js

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

package/{LocalizationContext-2463058b.js.map → LocalizationContext-d18a86d8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LocalizationContext-2463058b.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.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\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","createElement","Provider","value","useLocalization","useContext"],"mappings":";;;;AAMA,MAAMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAa,CAAC;AAC9CC,EAAAA,SAAS,EAAEC,YAAY,CAAC,IAAI,CAAC;AAC7BC,EAAAA,UAAU,EAAEC,aAAAA;AACd,CAAC,EAAC;AAQIC,MAAAA,oBAAoB,GAAIC,KAAgC,IAAyB;EACrF,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGD,KAAK,CAAA;AAC1B,EAAA,oBACEP,cAAA,CAAAS,aAAA,CAACV,mBAAmB,CAACW,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,KAAAA;AAAM,GAAA,EACxCC,QAAQ,CACoB,CAAA;AAEnC,EAAC;AAOKI,MAAAA,eAAoC,GAAGA,MAAMZ,cAAK,CAACa,UAAU,CAACd,mBAAmB;;;;"}
+{"version":3,"file":"LocalizationContext-d18a86d8.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.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\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","createElement","Provider","value","useLocalization","useContext"],"mappings":";;;;AAMA,IAAMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAa,CAAC;AAC9CC,EAAAA,SAAS,EAAEC,YAAY,CAAC,IAAI,CAAC;AAC7BC,EAAAA,UAAU,EAAEC,aAAAA;AACb,CAAA,EAAC;AAQF,IAAMC,oBAAoB,GAAG,UAACC,KAAgC,EAAA;AACpD,EAAA,IAAAC,QAAQ,GAAKD,KAAK,CAAAC,QAAV,CAAA;AAChB,EAAA,oBACER,cAAA,CAAAS,aAAA,CAACV,mBAAmB,CAACW,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,KAAAA;AAAM,GAAA,EACxCC,QAC2B,CAAC,CAAA;AAEnC,EAAC;AAOD,IAAMI,eAAe,GAAwB,YAAM;AAAA,EAAA,OAAAZ,cAAK,CAACa,UAAU,CAACd,mBAAmB,CAAC,CAAA;AAArC;;;;"}

package/MediaQueryContext-3eeeec4f.js

@@ -0,0 +1,85 @@
+import React__default, { useState, useEffect } from 'react';
+
+var DEFAULT_MOBILE = false;
+// const DEFAULT_MOBILE = '768px';
+var MOBILE_CLASSNAME = 'sendbird--mobile-mode';
+var MediaQueryContext = /*#__PURE__*/React__default.createContext({
+  breakpoint: DEFAULT_MOBILE,
+  isMobile: false
+});
+var addClassNameToBody = function () {
+  try {
+    var body = document.querySelector('body');
+    body === null || body === void 0 ? void 0 : body.classList.add(MOBILE_CLASSNAME);
+  } catch (_a) {
+    // noop
+  }
+};
+var removeClassNameFromBody = function () {
+  try {
+    var body = document.querySelector('body');
+    body === null || body === void 0 ? void 0 : body.classList.remove(MOBILE_CLASSNAME);
+  } catch (_a) {
+    // noop
+  }
+};
+var MediaQueryProvider = function (props) {
+  var children = props.children,
+    logger = props.logger;
+  var breakpoint = (props === null || props === void 0 ? void 0 : props.breakpoint) || false;
+  var _a = useState(false),
+    isMobile = _a[0],
+    setIsMobile = _a[1];
+  useEffect(function () {
+    var _a;
+    var updateSize = function () {
+      var _a, _b, _c, _d, _e;
+      if (typeof breakpoint === 'boolean') {
+        setIsMobile(breakpoint);
+        if (breakpoint) {
+          (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'MediaQueryProvider: isMobile: true');
+          addClassNameToBody();
+        } else {
+          (_b = logger === null || logger === void 0 ? void 0 : logger.info) === null || _b === void 0 ? void 0 : _b.call(logger, 'MediaQueryProvider: isMobile: false');
+          removeClassNameFromBody();
+        }
+      } else {
+        var mq = window.matchMedia("(max-width: ".concat(breakpoint, ")"));
+        (_c = logger === null || logger === void 0 ? void 0 : logger.info) === null || _c === void 0 ? void 0 : _c.call(logger, "MediaQueryProvider: Screensize updated to ".concat(breakpoint));
+        if (mq.matches) {
+          setIsMobile(true);
+          addClassNameToBody();
+          (_d = logger === null || logger === void 0 ? void 0 : logger.info) === null || _d === void 0 ? void 0 : _d.call(logger, 'MediaQueryProvider: isMobile: true');
+        } else {
+          setIsMobile(false);
+          removeClassNameFromBody();
+          (_e = logger === null || logger === void 0 ? void 0 : logger.info) === null || _e === void 0 ? void 0 : _e.call(logger, 'MediaQueryProvider: isMobile: false');
+        }
+      }
+    };
+    updateSize();
+    window.addEventListener('resize', updateSize);
+    (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'MediaQueryProvider: addEventListener', {
+      updateSize: updateSize
+    });
+    return function () {
+      var _a;
+      window.removeEventListener('resize', updateSize);
+      (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'MediaQueryProvider: removeEventListener', {
+        updateSize: updateSize
+      });
+    };
+  }, [breakpoint]);
+  return /*#__PURE__*/React__default.createElement(MediaQueryContext.Provider, {
+    value: {
+      breakpoint: breakpoint,
+      isMobile: isMobile
+    }
+  }, children);
+};
+var useMediaQueryContext = function () {
+  return React__default.useContext(MediaQueryContext);
+};
+
+export { MediaQueryProvider as M, useMediaQueryContext as u };
+//# sourceMappingURL=MediaQueryContext-3eeeec4f.js.map

package/MediaQueryContext-3eeeec4f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQueryContext-3eeeec4f.js","sources":["../src/lib/MediaQueryContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { Logger } from './SendbirdState';\n\nconst DEFAULT_MOBILE = false;\n// const DEFAULT_MOBILE = '768px';\nconst MOBILE_CLASSNAME = 'sendbird--mobile-mode';\n\nexport type useMediaQueryContextType = () => ({\n  breakpoint: string | boolean;\n  isMobile: boolean;\n});\n\nconst MediaQueryContext = React.createContext<ReturnType<useMediaQueryContextType>>({\n  breakpoint: DEFAULT_MOBILE,\n  isMobile: false,\n});\n\nexport interface MediaQueryProviderProps {\n  children: React.ReactElement;\n  breakpoint?: string | boolean;\n  logger?: Logger;\n}\n\nconst addClassNameToBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body?.classList.add(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst removeClassNameFromBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body?.classList.remove(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst MediaQueryProvider = (props: MediaQueryProviderProps): React.ReactElement => {\n  const {\n    children,\n    logger,\n  } = props;\n  const breakpoint = props?.breakpoint || false;\n  const [isMobile, setIsMobile] = useState(false);\n  useEffect(() => {\n    const updateSize = () => {\n      if (typeof breakpoint === 'boolean') {\n        setIsMobile(breakpoint);\n        if (breakpoint) {\n          logger?.info?.('MediaQueryProvider: isMobile: true');\n          addClassNameToBody();\n        } else {\n          logger?.info?.('MediaQueryProvider: isMobile: false');\n          removeClassNameFromBody();\n        }\n      } else {\n        const mq = window.matchMedia(`(max-width: ${breakpoint})`);\n        logger?.info?.(`MediaQueryProvider: Screensize updated to ${breakpoint}`);\n        if (mq.matches) {\n          setIsMobile(true);\n          addClassNameToBody();\n          logger?.info?.('MediaQueryProvider: isMobile: true');\n        } else {\n          setIsMobile(false);\n          removeClassNameFromBody();\n          logger?.info?.('MediaQueryProvider: isMobile: false');\n        }\n      }\n    };\n    updateSize();\n    window.addEventListener('resize', updateSize);\n    logger?.info?.('MediaQueryProvider: addEventListener', { updateSize });\n    return () => {\n      window.removeEventListener('resize', updateSize);\n      logger?.info?.('MediaQueryProvider: removeEventListener', { updateSize });\n    };\n  }, [breakpoint]);\n  return (\n    <MediaQueryContext.Provider value={{ breakpoint, isMobile }}>\n      {children}\n    </MediaQueryContext.Provider>\n  );\n};\n\nconst useMediaQueryContext: useMediaQueryContextType = () => React.useContext(MediaQueryContext);\n\nexport { MediaQueryProvider, useMediaQueryContext };\n"],"names":["DEFAULT_MOBILE","MOBILE_CLASSNAME","MediaQueryContext","React","createContext","breakpoint","isMobile","addClassNameToBody","body","document","querySelector","classList","add","_a","removeClassNameFromBody","remove","MediaQueryProvider","props","children","logger","useState","setIsMobile","useEffect","updateSize","info","call","_b","mq","window","matchMedia","concat","_c","matches","_d","_e","addEventListener","removeEventListener","createElement","Provider","value","useMediaQueryContext","useContext"],"mappings":"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"}