@os-team/profile 1.2.0 → 1.2.2

package/dist/@types/emotion.d.js

@@ -0,0 +1 @@
+import '@emotion/react';

package/dist/@types/i18next.d.js

@@ -0,0 +1 @@
+import 'i18next';

package/dist/{types/components → components}/profile/ProfileButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ButtonProps } from '@os-design/core';
+import { type ButtonProps } from '@os-design/core';
 declare const ProfileButton: React.FC<ButtonProps>;
 export default ProfileButton;
 //# sourceMappingURL=ProfileButton.d.ts.map

package/dist/components/profile/ProfileButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileButton.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/ProfileButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE3D,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAExC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/profile/ProfileButton.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Button } from '@os-design/core';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ProfileButton = props => /*#__PURE__*/_jsx(Button, {
+  type: "ghost",
+  wide: "always",
+  ...props
+});
+export default ProfileButton;

package/dist/components/profile/ProfileConfigContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileConfigContext.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/ProfileConfigContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,mCAEjB,CAAC;AAIH,eAAO,MAAM,gBAAgB,QAAO,kBACT,CAAC;AAE5B,eAAe,aAAa,CAAC"}

package/dist/{esm/components → components}/profile/ProfileConfigContext.js

@@ -4,5 +4,4 @@ const ProfileConfig = /*#__PURE__*/React.createContext({
 });
 ProfileConfig.displayName = 'ProfileConfig';
 export const useProfileConfig = () => useContext(ProfileConfig);
-export default ProfileConfig;
-//# sourceMappingURL=ProfileConfigContext.js.map
+export default ProfileConfig;

package/dist/components/profile/ProfileContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileContext.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/ProfileContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,oCAGlB,CAAC;AAIH,eAAO,MAAM,UAAU,QAAO,mBAAiD,CAAC;AAEhF,eAAe,cAAc,CAAC"}

package/dist/{esm/components → components}/profile/ProfileContext.js

@@ -5,5 +5,4 @@ const ProfileContext = /*#__PURE__*/React.createContext({
 });
 ProfileContext.displayName = 'ProfileContext';
 export const useProfile = () => useContext(ProfileContext);
-export default ProfileContext;
-//# sourceMappingURL=ProfileContext.js.map
+export default ProfileContext;

package/dist/{types/components → components}/profile/ProfileDrawer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DrawerProps } from '@os-design/core';
-import { ProfileDrawerContentProps } from './ProfileDrawerContent';
+import { type DrawerProps } from '@os-design/core';
+import { type ProfileDrawerContentProps } from './ProfileDrawerContent';
 export type ProfileDrawerProps = ProfileDrawerContentProps & DrawerProps;
 declare const ProfileDrawer: React.FC<ProfileDrawerProps>;
 export default ProfileDrawer;

package/dist/components/profile/ProfileDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileDrawer.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/ProfileDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAKxE,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,GAAG,WAAW,CAAC;AAQzE,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAY/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/profile/ProfileDrawer.js

@@ -0,0 +1,28 @@
+import React, { lazy, Suspense } from 'react';
+import { Drawer } from '@os-design/core';
+import styled from '@emotion/styled';
+import MainLoader from '../shared/MainLoader';
+import { jsx as _jsx } from "react/jsx-runtime";
+const LazyProfileDrawerContent = /*#__PURE__*/lazy(() => import('./ProfileDrawerContent'));
+const StyledDrawer = styled(Drawer)`
+  display: flex;
+  flex-direction: column;
+  padding: 2em 1em;
+`;
+const ProfileDrawer = ({
+  actions,
+  children,
+  ...rest
+}) => /*#__PURE__*/_jsx(StyledDrawer, {
+  placement: "right",
+  width: "15em",
+  ...rest,
+  children: /*#__PURE__*/_jsx(Suspense, {
+    fallback: /*#__PURE__*/_jsx(MainLoader, {}),
+    children: /*#__PURE__*/_jsx(LazyProfileDrawerContent, {
+      actions: actions,
+      children: children
+    })
+  })
+});
+export default ProfileDrawer;

package/dist/{types/components → components}/profile/ProfileDrawerContent.d.ts

@@ -1,6 +1,13 @@
 import React from 'react';
 export interface ProfileDrawerContentProps {
+    /**
+     * Additional actions placed under the avatar.
+     * @default undefined
+     */
     actions?: React.ReactNode;
+    /**
+     * The children.
+     */
     children?: React.ReactNode;
 }
 declare const ProfileDrawerContent: React.FC<ProfileDrawerContentProps>;

package/dist/components/profile/ProfileDrawerContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileDrawerContent.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/ProfileDrawerContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAYtE,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA+MD,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwC7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/{esm/components → components}/profile/ProfileDrawerContent.js

@@ -4,13 +4,14 @@ import { ThemeSwitcher, message } from '@os-design/core';
 import { clr } from '@os-design/theming';
 import React, { useCallback, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useMutation } from 'react-relay/hooks';
+import { useMutation } from 'react-relay';
 import getError from '../../utils/getError';
 import ProfileButton from './ProfileButton';
 import { useProfile } from './ProfileContext';
 import ProfileUpdateNameModal from './ProfileUpdateNameModal';
 import ProfileUpdatePasswordModal from './ProfileUpdatePasswordModal';
 import UserAvatar from './UserAvatar';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const AvatarContainer = styled.div`
   display: flex;
   flex-direction: column;
@@ -62,10 +63,11 @@ const DeleteAvatarButton = () => {
       }
     });
   }, [commit, t]);
-  return /*#__PURE__*/React.createElement(ProfileButton, {
+  return /*#__PURE__*/_jsx(ProfileButton, {
     loading: loading,
-    onClick: handler
-  }, t('profile:deleteAvatar'));
+    onClick: handler,
+    children: t('profile:deleteAvatar')
+  });
 };
 const UpdateAvatarButton = ({
   hasAvatar
@@ -96,19 +98,22 @@ const UpdateAvatarButton = ({
       }
     });
   }, [commit, t]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProfileButton, {
-    loading: loading,
-    onClick: () => {
-      if (!fileInputRef.current) return;
-      fileInputRef.current.value = '';
-      fileInputRef.current.click();
-    }
-  }, t(`profile:${hasAvatar ? 'changeAvatar' : 'setAvatar'}`)), /*#__PURE__*/React.createElement(HiddenInput, {
-    type: "file",
-    accept: "image/jpeg,image/png,image/webp",
-    onChange: handler,
-    ref: fileInputRef
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ProfileButton, {
+      loading: loading,
+      onClick: () => {
+        if (!fileInputRef.current) return;
+        fileInputRef.current.value = '';
+        fileInputRef.current.click();
+      },
+      children: t(`profile:${hasAvatar ? 'changeAvatar' : 'setAvatar'}`)
+    }), /*#__PURE__*/_jsx(HiddenInput, {
+      type: "file",
+      accept: "image/jpeg,image/png,image/webp",
+      onChange: handler,
+      ref: fileInputRef
+    })]
+  });
 };
 const UpdateNameButton = ({
   hasName
@@ -117,24 +122,30 @@ const UpdateNameButton = ({
     t
   } = useTranslation(['profile']);
   const [modalVisible, setModalVisible] = useState(false);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProfileButton, {
-    onClick: () => setModalVisible(true)
-  }, t(`profile:${hasName ? 'changeName' : 'setName'}`)), /*#__PURE__*/React.createElement(ProfileUpdateNameModal, {
-    visible: modalVisible,
-    onClose: () => setModalVisible(false)
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ProfileButton, {
+      onClick: () => setModalVisible(true),
+      children: t(`profile:${hasName ? 'changeName' : 'setName'}`)
+    }), /*#__PURE__*/_jsx(ProfileUpdateNameModal, {
+      visible: modalVisible,
+      onClose: () => setModalVisible(false)
+    })]
+  });
 };
 const ChangePasswordButton = () => {
   const {
     t
   } = useTranslation(['profile']);
   const [modalVisible, setModalVisible] = useState(false);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProfileButton, {
-    onClick: () => setModalVisible(true)
-  }, t('profile:changePassword')), /*#__PURE__*/React.createElement(ProfileUpdatePasswordModal, {
-    visible: modalVisible,
-    onClose: () => setModalVisible(false)
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ProfileButton, {
+      onClick: () => setModalVisible(true),
+      children: t('profile:changePassword')
+    }), /*#__PURE__*/_jsx(ProfileUpdatePasswordModal, {
+      visible: modalVisible,
+      onClose: () => setModalVisible(false)
+    })]
+  });
 };
 const SignOutButton = () => {
   const {
@@ -150,11 +161,12 @@ const SignOutButton = () => {
       }
     });
   }, [commit]);
-  return /*#__PURE__*/React.createElement(ProfileButton, {
+  return /*#__PURE__*/_jsx(ProfileButton, {
     danger: true,
     loading: loading,
-    onClick: handler
-  }, t('profile:signOut'));
+    onClick: handler,
+    children: t('profile:signOut')
+  });
 };
 const ProfileDrawerContent = ({
   actions,
@@ -167,13 +179,26 @@ const ProfileDrawerContent = ({
     avatar
   } = useProfile();
   const fullName = useMemo(() => [firstName, lastName].filter(i => i).join(' '), [firstName, lastName]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AvatarContainer, null, /*#__PURE__*/React.createElement(UserAvatar, {
-    size: "10em"
-  }), /*#__PURE__*/React.createElement(UserContent, null, fullName && /*#__PURE__*/React.createElement(FullName, null, fullName), /*#__PURE__*/React.createElement(Email, null, email))), /*#__PURE__*/React.createElement(ActionsContainer, null, avatar && /*#__PURE__*/React.createElement(DeleteAvatarButton, null), /*#__PURE__*/React.createElement(UpdateAvatarButton, {
-    hasAvatar: !!avatar
-  }), /*#__PURE__*/React.createElement(UpdateNameButton, {
-    hasName: !!fullName
-  }), /*#__PURE__*/React.createElement(ChangePasswordButton, null), actions, /*#__PURE__*/React.createElement(SignOutButton, null), children), /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(ThemeSwitcher, null)));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(AvatarContainer, {
+      children: [/*#__PURE__*/_jsx(UserAvatar, {
+        size: "10em"
+      }), /*#__PURE__*/_jsxs(UserContent, {
+        children: [fullName && /*#__PURE__*/_jsx(FullName, {
+          children: fullName
+        }), /*#__PURE__*/_jsx(Email, {
+          children: email
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs(ActionsContainer, {
+      children: [avatar && /*#__PURE__*/_jsx(DeleteAvatarButton, {}), /*#__PURE__*/_jsx(UpdateAvatarButton, {
+        hasAvatar: !!avatar
+      }), /*#__PURE__*/_jsx(UpdateNameButton, {
+        hasName: !!fullName
+      }), /*#__PURE__*/_jsx(ChangePasswordButton, {}), actions, /*#__PURE__*/_jsx(SignOutButton, {}), children]
+    }), /*#__PURE__*/_jsx(Footer, {
+      children: /*#__PURE__*/_jsx(ThemeSwitcher, {})
+    })]
+  });
 };
-export default ProfileDrawerContent;
-//# sourceMappingURL=ProfileDrawerContent.js.map
+export default ProfileDrawerContent;

package/dist/{types/components → components}/profile/ProfileNavigationItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NavigationItemProps } from '@os-design/core';
+import { type NavigationItemProps } from '@os-design/core';
 export interface ProfileNavigationItemProps extends Partial<NavigationItemProps> {
     onClick?: () => void;
 }

package/dist/components/profile/ProfileNavigationItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileNavigationItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/ProfileNavigationItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAI3E,MAAM,WAAW,0BACf,SAAQ,OAAO,CAAC,mBAAmB,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAsB/D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/profile/ProfileNavigationItem.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { useIsMinWidth } from '@os-design/media';
+import { NavigationItem } from '@os-design/core';
+import { useTranslation } from 'react-i18next';
+import ProfileIcon from '../shared/icons/ProfileIcon';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ProfileNavigationItem = ({
+  onClick = () => {},
+  ...rest
+}) => {
+  const {
+    t
+  } = useTranslation(['profile']);
+  const isMinMd = useIsMinWidth('md');
+  if (isMinMd) return null;
+  return /*#__PURE__*/_jsx(NavigationItem, {
+    href: "#" // To make focusable
+    ,
+    icon: /*#__PURE__*/_jsx(ProfileIcon, {}),
+    onClick: onClick,
+    onKeyDown: e => {
+      if (e.key === 'Enter') onClick();
+    },
+    ...rest,
+    children: t('profile:menu')
+  });
+};
+export default ProfileNavigationItem;

package/dist/components/profile/ProfileUpdateNameModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileUpdateNameModal.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/ProfileUpdateNameModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAa/D,UAAU,2BAA2B;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA6FjE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/{esm/components → components}/profile/ProfileUpdateNameModal.js

@@ -1,13 +1,13 @@
 var _ProfileUpdateNameModalMutation;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { Form, FormItem, Input, message, Modal } from '@os-design/core';
 import { FormProvider, useForm } from '@os-design/form';
 import React, { useCallback, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useMutation } from 'react-relay/hooks';
+import { useMutation } from 'react-relay';
 import handleFormErrors from '../../utils/handleFormErrors';
 import FormError from '../shared/FormError';
 import { useProfile } from './ProfileContext';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ProfileUpdateNameModal = ({
   visible,
   onClose
@@ -53,38 +53,45 @@ const ProfileUpdateNameModal = ({
     label: t('profile:updateNameModal.lastName.label'),
     placeholder: t('profile:updateNameModal.lastName.placeholder')
   }), [t]);
-  return /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/_jsx(Modal, {
     title: t('profile:updateNameModal.title'),
     visible: visible,
     okText: t('profile:update'),
     okLoading: loading,
     onOk: onSubmit,
-    onClose: onClose
-  }, /*#__PURE__*/React.createElement(FormProvider, {
-    form: form
-  }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Field, {
-    name: "firstName",
-    data: firstNameData,
-    render: (props, {
-      error
-    }, data) => /*#__PURE__*/React.createElement(FormItem, {
-      label: data.label,
-      error: error
-    }, /*#__PURE__*/React.createElement(Input, _extends({
-      placeholder: data.placeholder
-    }, props)))
-  }), /*#__PURE__*/React.createElement(Field, {
-    name: "lastName",
-    data: lastNameData,
-    render: (props, {
-      error
-    }, data) => /*#__PURE__*/React.createElement(FormItem, {
-      label: data.label,
-      error: error
-    }, /*#__PURE__*/React.createElement(Input, _extends({
-      placeholder: data.placeholder
-    }, props)))
-  }), /*#__PURE__*/React.createElement(FormError, null))));
+    onClose: onClose,
+    children: /*#__PURE__*/_jsx(FormProvider, {
+      form: form,
+      children: /*#__PURE__*/_jsxs(Form, {
+        children: [/*#__PURE__*/_jsx(Field, {
+          name: "firstName",
+          data: firstNameData,
+          render: (props, {
+            error
+          }, data) => /*#__PURE__*/_jsx(FormItem, {
+            label: data.label,
+            error: error,
+            children: /*#__PURE__*/_jsx(Input, {
+              placeholder: data.placeholder,
+              ...props
+            })
+          })
+        }), /*#__PURE__*/_jsx(Field, {
+          name: "lastName",
+          data: lastNameData,
+          render: (props, {
+            error
+          }, data) => /*#__PURE__*/_jsx(FormItem, {
+            label: data.label,
+            error: error,
+            children: /*#__PURE__*/_jsx(Input, {
+              placeholder: data.placeholder,
+              ...props
+            })
+          })
+        }), /*#__PURE__*/_jsx(FormError, {})]
+      })
+    })
+  });
 };
-export default ProfileUpdateNameModal;
-//# sourceMappingURL=ProfileUpdateNameModal.js.map
+export default ProfileUpdateNameModal;

package/dist/components/profile/ProfileUpdatePasswordModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileUpdatePasswordModal.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/ProfileUpdatePasswordModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAY/D,UAAU,+BAA+B;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CA0GzE,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/{esm/components → components}/profile/ProfileUpdatePasswordModal.js

@@ -1,12 +1,12 @@
 var _ProfileUpdatePasswordModalMutation;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { Form, FormItem, InputPassword, message, Modal } from '@os-design/core';
 import { FormProvider, useForm } from '@os-design/form';
 import React, { useCallback, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useMutation } from 'react-relay/hooks';
+import { useMutation } from 'react-relay';
 import handleFormErrors from '../../utils/handleFormErrors';
 import FormError from '../shared/FormError';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ProfileUpdatePasswordModal = ({
   visible,
   onClose
@@ -51,40 +51,47 @@ const ProfileUpdatePasswordModal = ({
       returnObjects: true
     })
   }), [t]);
-  return /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/_jsx(Modal, {
     title: t('profile:updatePasswordModal.title'),
     visible: visible,
     okText: t('profile:updatePasswordModal.button'),
     okLoading: loading,
     onOk: onSubmit,
-    onClose: onClose
-  }, /*#__PURE__*/React.createElement(FormProvider, {
-    form: form
-  }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Field, {
-    name: "currentPassword",
-    data: currentPasswordData,
-    render: (props, {
-      error
-    }, data) => /*#__PURE__*/React.createElement(FormItem, {
-      label: data.label,
-      error: error
-    }, /*#__PURE__*/React.createElement(InputPassword, _extends({
-      placeholder: data.placeholder
-    }, props)))
-  }), /*#__PURE__*/React.createElement(Field, {
-    name: "password",
-    data: passwordData,
-    render: (props, {
-      error
-    }, data) => /*#__PURE__*/React.createElement(FormItem, {
-      label: data.label,
-      error: error
-    }, /*#__PURE__*/React.createElement(InputPassword, _extends({
-      placeholder: data.placeholder,
-      showStrengthMeter: true,
-      strengthNames: data.strengthNames
-    }, props)))
-  }), /*#__PURE__*/React.createElement(FormError, null))));
+    onClose: onClose,
+    children: /*#__PURE__*/_jsx(FormProvider, {
+      form: form,
+      children: /*#__PURE__*/_jsxs(Form, {
+        children: [/*#__PURE__*/_jsx(Field, {
+          name: "currentPassword",
+          data: currentPasswordData,
+          render: (props, {
+            error
+          }, data) => /*#__PURE__*/_jsx(FormItem, {
+            label: data.label,
+            error: error,
+            children: /*#__PURE__*/_jsx(InputPassword, {
+              placeholder: data.placeholder,
+              ...props
+            })
+          })
+        }), /*#__PURE__*/_jsx(Field, {
+          name: "password",
+          data: passwordData,
+          render: (props, {
+            error
+          }, data) => /*#__PURE__*/_jsx(FormItem, {
+            label: data.label,
+            error: error,
+            children: /*#__PURE__*/_jsx(InputPassword, {
+              placeholder: data.placeholder,
+              showStrengthMeter: true,
+              strengthNames: data.strengthNames,
+              ...props
+            })
+          })
+        }), /*#__PURE__*/_jsx(FormError, {})]
+      })
+    })
+  });
 };
-export default ProfileUpdatePasswordModal;
-//# sourceMappingURL=ProfileUpdatePasswordModal.js.map
+export default ProfileUpdatePasswordModal;

package/dist/components/profile/ProtectedWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProtectedWrapper.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/ProtectedWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAuDvC,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkBrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/{esm/components → components}/profile/ProtectedWrapper.js

@@ -1,9 +1,10 @@
 var _ProtectedWrapperQuery;
 import React, { useMemo } from 'react';
-import { useLazyLoadQuery } from 'react-relay/hooks';
+import { useLazyLoadQuery } from 'react-relay';
 import { ErrorBoundary } from '@os-design/utils';
 import ProfileConfigContext from './ProfileConfigContext';
 import ProfileContext from './ProfileContext';
+import { jsx as _jsx } from "react/jsx-runtime";
 const ProtectedWrapperLoader = ({
   children
 }) => {
@@ -19,9 +20,10 @@ const ProtectedWrapperLoader = ({
     lastName: profile.lastName || undefined,
     avatar: profile.avatar || undefined
   }), [profile.avatar, profile.email, profile.firstName, profile.id, profile.lastName]);
-  return /*#__PURE__*/React.createElement(ProfileContext.Provider, {
-    value: profileContext
-  }, children);
+  return /*#__PURE__*/_jsx(ProfileContext.Provider, {
+    value: profileContext,
+    children: children
+  });
 };
 const ProtectedWrapper = ({
   bucketId,
@@ -30,14 +32,17 @@ const ProtectedWrapper = ({
   const profileConfigContext = useMemo(() => ({
     bucketId
   }), [bucketId]);
-  return /*#__PURE__*/React.createElement(ProfileConfigContext.Provider, {
-    value: profileConfigContext
-  }, /*#__PURE__*/React.createElement(ErrorBoundary, {
-    fallback: () => {
-      window.location.href = '/auth/';
-      return null;
-    }
-  }, /*#__PURE__*/React.createElement(ProtectedWrapperLoader, null, children)));
+  return /*#__PURE__*/_jsx(ProfileConfigContext.Provider, {
+    value: profileConfigContext,
+    children: /*#__PURE__*/_jsx(ErrorBoundary, {
+      fallback: () => {
+        window.location.href = '/auth/';
+        return null;
+      },
+      children: /*#__PURE__*/_jsx(ProtectedWrapperLoader, {
+        children: children
+      })
+    })
+  });
 };
-export default ProtectedWrapper;
-//# sourceMappingURL=ProtectedWrapper.js.map
+export default ProtectedWrapper;

package/dist/{types/components → components}/profile/UserAvatar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AvatarProps } from '@os-design/core';
+import { type AvatarProps } from '@os-design/core';
 declare const UserAvatar: React.FC<AvatarProps>;
 export default UserAvatar;
 //# sourceMappingURL=UserAvatar.d.ts.map

package/dist/components/profile/UserAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/UserAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI3D,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAerC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/{esm/components → components}/profile/UserAvatar.js

@@ -1,8 +1,8 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useMemo } from 'react';
 import { Avatar } from '@os-design/core';
 import { useProfile } from './ProfileContext';
 import { useProfileConfig } from './ProfileConfigContext';
+import { jsx as _jsx } from "react/jsx-runtime";
 const UserAvatar = props => {
   const {
     email,
@@ -26,9 +26,10 @@ const UserAvatar = props => {
     if (!avatar) return undefined;
     return `https://storage.yandexcloud.net/${bucketId}/users/${avatar}`;
   }, [avatar, bucketId]);
-  return /*#__PURE__*/React.createElement(Avatar, _extends({}, avatarProps, {
-    image: image
-  }, props));
+  return /*#__PURE__*/_jsx(Avatar, {
+    ...avatarProps,
+    image: image,
+    ...props
+  });
 };
-export default UserAvatar;
-//# sourceMappingURL=UserAvatar.js.map
+export default UserAvatar;

package/dist/{types/components → components}/profile/UserAvatarAddon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AvatarProps } from '@os-design/core';
+import { type AvatarProps } from '@os-design/core';
 export interface UserAvatarAddonProps extends AvatarProps {
     onClick?: () => void;
 }

package/dist/components/profile/UserAvatarAddon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAvatarAddon.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/UserAvatarAddon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA0BD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwBnD,CAAC;AAEF,eAAe,eAAe,CAAC"}