@os-team/profile 1.0.46 → 1.0.48

package/README.md

@@ -205,7 +205,7 @@ import HomeIcon from './icons/HomeIcon';
 
 const Layout: React.FC = ({ children }) => {
   const { pathname } = useLocation();
-  const { t } = useTranslation('profile');
+  const { t } = useTranslation(['profile']);
   const [profileDrawerVisible, setProfileDrawerVisible] = useState(false);
   const [sessionDrawerVisible, setSessionDrawerVisible] = useState(false);
 

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

@@ -0,0 +1 @@
+{"version":3,"file":"emotion.d.js","names":[],"sources":["../../../src/lib/@types/emotion.d.ts"],"sourcesContent":["import '@emotion/react';\nimport { Theme as BaseTheme } from '@os-design/theming';\n\ndeclare module '@emotion/react' {\n  // eslint-disable-next-line @typescript-eslint/no-empty-interface\n  export interface Theme extends BaseTheme {}\n}\n"],"mappings":";;AAAA"}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+require("i18next");
+//# sourceMappingURL=i18next.d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"i18next.d.js","names":[],"sources":["../../../src/lib/@types/i18next.d.ts"],"sourcesContent":["import 'i18next';\nimport common from '../../../public/locales/en/common.json';\nimport profile from '../../../public/locales/en/profile.json';\n\ndeclare module 'i18next' {\n  interface CustomTypeOptions {\n    resources: {\n      common: typeof common;\n      profile: typeof profile;\n    };\n  }\n}\n"],"mappings":";;AAAA"}

package/dist/cjs/components/profile/ProfileButton.js

@@ -4,22 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _core = require("@os-design/core");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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); }
-
 var ProfileButton = function ProfileButton(props) {
   return /*#__PURE__*/_react.default.createElement(_core.Button, _extends({
     type: "ghost",
     wide: "always"
   }, props));
 };
-
 var _default = ProfileButton;
 exports.default = _default;
 //# sourceMappingURL=ProfileButton.js.map

package/dist/cjs/components/profile/ProfileButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileButton.js","names":["ProfileButton","props"],"sources":["../../../../src/lib/components/profile/ProfileButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonProps } from '@os-design/core';\n\nconst ProfileButton: React.FC<ButtonProps> = (props) => (\n  <Button type='ghost' wide='always' {...props} />\n);\n\nexport default ProfileButton;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,aAAoC,GAAG,SAAvCA,aAAuC,CAACC,KAAD;EAAA,oBAC3C,6BAAC,YAAD;IAAQ,IAAI,EAAC,OAAb;IAAqB,IAAI,EAAC;EAA1B,GAAuCA,KAAvC,EAD2C;AAAA,CAA7C;;eAIeD,a"}
+{"version":3,"file":"ProfileButton.js","names":["ProfileButton","props"],"sources":["../../../../src/lib/components/profile/ProfileButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonProps } from '@os-design/core';\n\nconst ProfileButton: React.FC<ButtonProps> = (props) => (\n  <Button type='ghost' wide='always' {...props} />\n);\n\nexport default ProfileButton;\n"],"mappings":";;;;;;AAAA;AACA;AAAsD;AAAA;AAEtD,IAAMA,aAAoC,GAAG,SAAvCA,aAAoC,CAAIC,KAAK;EAAA,oBACjD,6BAAC,YAAM;IAAC,IAAI,EAAC,OAAO;IAAC,IAAI,EAAC;EAAQ,GAAKA,KAAK,EAAI;AAAA,CACjD;AAAC,eAEaD,aAAa;AAAA"}

package/dist/cjs/components/profile/ProfileConfigContext.js

@@ -1,28 +1,20 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useProfileConfig = exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var ProfileConfig = /*#__PURE__*/_react.default.createContext({
   bucketId: ''
 });
-
 ProfileConfig.displayName = 'ProfileConfig';
-
 var useProfileConfig = function useProfileConfig() {
   return (0, _react.useContext)(ProfileConfig);
 };
-
 exports.useProfileConfig = useProfileConfig;
 var _default = ProfileConfig;
 exports.default = _default;

package/dist/cjs/components/profile/ProfileConfigContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileConfigContext.js","names":["ProfileConfig","React","createContext","bucketId","displayName","useProfileConfig","useContext"],"sources":["../../../../src/lib/components/profile/ProfileConfigContext.ts"],"sourcesContent":["import React, { useContext } from 'react';\n\nexport interface ProfileConfigProps {\n  bucketId: string;\n}\n\nconst ProfileConfig = React.createContext<ProfileConfigProps>({\n  bucketId: '',\n});\n\nProfileConfig.displayName = 'ProfileConfig';\n\nexport const useProfileConfig = (): ProfileConfigProps =>\n  useContext(ProfileConfig);\n\nexport default ProfileConfig;\n"],"mappings":";;;;;;;;;AAAA;;;;;;AAMA,IAAMA,aAAa,gBAAGC,cAAA,CAAMC,aAAN,CAAwC;EAC5DC,QAAQ,EAAE;AADkD,CAAxC,CAAtB;;AAIAH,aAAa,CAACI,WAAd,GAA4B,eAA5B;;AAEO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,OAC9B,IAAAC,iBAAA,EAAWN,aAAX,CAD8B;AAAA,CAAzB;;;eAGQA,a"}
+{"version":3,"file":"ProfileConfigContext.js","names":["ProfileConfig","React","createContext","bucketId","displayName","useProfileConfig","useContext"],"sources":["../../../../src/lib/components/profile/ProfileConfigContext.ts"],"sourcesContent":["import React, { useContext } from 'react';\n\nexport interface ProfileConfigProps {\n  bucketId: string;\n}\n\nconst ProfileConfig = React.createContext<ProfileConfigProps>({\n  bucketId: '',\n});\n\nProfileConfig.displayName = 'ProfileConfig';\n\nexport const useProfileConfig = (): ProfileConfigProps =>\n  useContext(ProfileConfig);\n\nexport default ProfileConfig;\n"],"mappings":";;;;;;;AAAA;AAA0C;AAAA;AAM1C,IAAMA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAqB;EAC5DC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEFH,aAAa,CAACI,WAAW,GAAG,eAAe;AAEpC,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,OAC3B,IAAAC,iBAAU,EAACN,aAAa,CAAC;AAAA;AAAC;AAAA,eAEbA,aAAa;AAAA"}

package/dist/cjs/components/profile/ProfileContext.js

@@ -1,29 +1,21 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useProfile = exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var ProfileContext = /*#__PURE__*/_react.default.createContext({
   id: '',
   email: ''
 });
-
 ProfileContext.displayName = 'ProfileContext';
-
 var useProfile = function useProfile() {
   return (0, _react.useContext)(ProfileContext);
 };
-
 exports.useProfile = useProfile;
 var _default = ProfileContext;
 exports.default = _default;

package/dist/cjs/components/profile/ProfileContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileContext.js","names":["ProfileContext","React","createContext","id","email","displayName","useProfile","useContext"],"sources":["../../../../src/lib/components/profile/ProfileContext.ts"],"sourcesContent":["import React, { useContext } from 'react';\n\nexport interface ProfileContextProps {\n  id: string;\n  email: string;\n  firstName?: string;\n  lastName?: string;\n  avatar?: string;\n}\n\nconst ProfileContext = React.createContext<ProfileContextProps>({\n  id: '',\n  email: '',\n});\n\nProfileContext.displayName = 'ProfileContext';\n\nexport const useProfile = (): ProfileContextProps => useContext(ProfileContext);\n\nexport default ProfileContext;\n"],"mappings":";;;;;;;;;AAAA;;;;;;AAUA,IAAMA,cAAc,gBAAGC,cAAA,CAAMC,aAAN,CAAyC;EAC9DC,EAAE,EAAE,EAD0D;EAE9DC,KAAK,EAAE;AAFuD,CAAzC,CAAvB;;AAKAJ,cAAc,CAACK,WAAf,GAA6B,gBAA7B;;AAEO,IAAMC,UAAU,GAAG,SAAbA,UAAa;EAAA,OAA2B,IAAAC,iBAAA,EAAWP,cAAX,CAA3B;AAAA,CAAnB;;;eAEQA,c"}
+{"version":3,"file":"ProfileContext.js","names":["ProfileContext","React","createContext","id","email","displayName","useProfile","useContext"],"sources":["../../../../src/lib/components/profile/ProfileContext.ts"],"sourcesContent":["import React, { useContext } from 'react';\n\nexport interface ProfileContextProps {\n  id: string;\n  email: string;\n  firstName?: string;\n  lastName?: string;\n  avatar?: string;\n}\n\nconst ProfileContext = React.createContext<ProfileContextProps>({\n  id: '',\n  email: '',\n});\n\nProfileContext.displayName = 'ProfileContext';\n\nexport const useProfile = (): ProfileContextProps => useContext(ProfileContext);\n\nexport default ProfileContext;\n"],"mappings":";;;;;;;AAAA;AAA0C;AAAA;AAU1C,IAAMA,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAAsB;EAC9DC,EAAE,EAAE,EAAE;EACNC,KAAK,EAAE;AACT,CAAC,CAAC;AAEFJ,cAAc,CAACK,WAAW,GAAG,gBAAgB;AAEtC,IAAMC,UAAU,GAAG,SAAbA,UAAU;EAAA,OAA8B,IAAAC,iBAAU,EAACP,cAAc,CAAC;AAAA;AAAC;AAAA,eAEjEA,cAAc;AAAA"}

package/dist/cjs/components/profile/ProfileDrawer.js

@@ -4,47 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _core = require("@os-design/core");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _MainLoader = _interopRequireDefault(require("../shared/MainLoader"));
-
 var _excluded = ["actions", "children"];
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 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); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var LazyProfileDrawerContent = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require('./ProfileDrawerContent'));
   });
 });
 var StyledDrawer = (0, _styled.default)(_core.Drawer)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 2em 1em;\n"])));
-
 var ProfileDrawer = function ProfileDrawer(_ref) {
   var actions = _ref.actions,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(StyledDrawer, _extends({
     placement: "right",
     width: "15em"
@@ -54,7 +37,6 @@ var ProfileDrawer = function ProfileDrawer(_ref) {
     actions: actions
   }, children)));
 };
-
 var _default = ProfileDrawer;
 exports.default = _default;
 //# sourceMappingURL=ProfileDrawer.js.map

package/dist/cjs/components/profile/ProfileDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileDrawer.js","names":["LazyProfileDrawerContent","lazy","StyledDrawer","styled","Drawer","ProfileDrawer","actions","children","rest"],"sources":["../../../../src/lib/components/profile/ProfileDrawer.tsx"],"sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport { Drawer, DrawerProps } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { ProfileDrawerContentProps } from './ProfileDrawerContent';\nimport MainLoader from '../shared/MainLoader';\n\nconst LazyProfileDrawerContent = lazy(() => import('./ProfileDrawerContent'));\n\nexport type ProfileDrawerProps = ProfileDrawerContentProps & DrawerProps;\n\nconst StyledDrawer = styled(Drawer)`\n  display: flex;\n  flex-direction: column;\n  padding: 2em 1em;\n`;\n\nconst ProfileDrawer: React.FC<ProfileDrawerProps> = ({\n  actions,\n  children,\n  ...rest\n}) => (\n  <StyledDrawer placement='right' width='15em' {...rest}>\n    <Suspense fallback={<MainLoader />}>\n      <LazyProfileDrawerContent actions={actions}>\n        {children}\n      </LazyProfileDrawerContent>\n    </Suspense>\n  </StyledDrawer>\n);\n\nexport default ProfileDrawer;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,wBAAwB,gBAAG,IAAAC,WAAA,EAAK;EAAA;IAAA,uCAAa,wBAAb;EAAA;AAAA,CAAL,CAAjC;AAIA,IAAMC,YAAY,GAAG,IAAAC,eAAA,EAAOC,YAAP,CAAH,yIAAlB;;AAMA,IAAMC,aAA2C,GAAG,SAA9CA,aAA8C;EAAA,IAClDC,OADkD,QAClDA,OADkD;EAAA,IAElDC,QAFkD,QAElDA,QAFkD;EAAA,IAG/CC,IAH+C;;EAAA,oBAKlD,6BAAC,YAAD;IAAc,SAAS,EAAC,OAAxB;IAAgC,KAAK,EAAC;EAAtC,GAAiDA,IAAjD,gBACE,6BAAC,eAAD;IAAU,QAAQ,eAAE,6BAAC,mBAAD;EAApB,gBACE,6BAAC,wBAAD;IAA0B,OAAO,EAAEF;EAAnC,GACGC,QADH,CADF,CADF,CALkD;AAAA,CAApD;;eAceF,a"}
+{"version":3,"file":"ProfileDrawer.js","names":["LazyProfileDrawerContent","lazy","StyledDrawer","styled","Drawer","ProfileDrawer","actions","children","rest"],"sources":["../../../../src/lib/components/profile/ProfileDrawer.tsx"],"sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport { Drawer, DrawerProps } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { ProfileDrawerContentProps } from './ProfileDrawerContent';\nimport MainLoader from '../shared/MainLoader';\n\nconst LazyProfileDrawerContent = lazy(() => import('./ProfileDrawerContent'));\n\nexport type ProfileDrawerProps = ProfileDrawerContentProps & DrawerProps;\n\nconst StyledDrawer = styled(Drawer)`\n  display: flex;\n  flex-direction: column;\n  padding: 2em 1em;\n`;\n\nconst ProfileDrawer: React.FC<ProfileDrawerProps> = ({\n  actions,\n  children,\n  ...rest\n}) => (\n  <StyledDrawer placement='right' width='15em' {...rest}>\n    <Suspense fallback={<MainLoader />}>\n      <LazyProfileDrawerContent actions={actions}>\n        {children}\n      </LazyProfileDrawerContent>\n    </Suspense>\n  </StyledDrawer>\n);\n\nexport default ProfileDrawer;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE9C,IAAMA,wBAAwB,gBAAG,IAAAC,WAAI,EAAC;EAAA;IAAA,uCAAa,wBAAwB;EAAA;AAAA,CAAC,CAAC;AAI7E,IAAMC,YAAY,GAAG,IAAAC,eAAM,EAACC,YAAM,CAAC,yIAIlC;AAED,IAAMC,aAA2C,GAAG,SAA9CA,aAA2C;EAAA,IAC/CC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAAA,oBAEP,6BAAC,YAAY;IAAC,SAAS,EAAC,OAAO;IAAC,KAAK,EAAC;EAAM,GAAKA,IAAI,gBACnD,6BAAC,eAAQ;IAAC,QAAQ,eAAE,6BAAC,mBAAU;EAAI,gBACjC,6BAAC,wBAAwB;IAAC,OAAO,EAAEF;EAAQ,GACxCC,QAAQ,CACgB,CAClB,CACE;AAAA,CAChB;AAAC,eAEaF,aAAa;AAAA"}

package/dist/cjs/components/profile/ProfileDrawerContent.js

@@ -1,85 +1,51 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _core = require("@os-design/core");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _theming = require("@os-design/theming");
-
 var _reactI18next = require("react-i18next");
-
 var _hooks = require("react-relay/hooks");
-
 var _UserAvatar = _interopRequireDefault(require("./UserAvatar"));
-
 var _ProfileContext = require("./ProfileContext");
-
 var _ProfileButton = _interopRequireDefault(require("./ProfileButton"));
-
 var _ProfileUpdateNameModal = _interopRequireDefault(require("./ProfileUpdateNameModal"));
-
 var _ProfileUpdatePasswordModal = _interopRequireDefault(require("./ProfileUpdatePasswordModal"));
-
 var _ProfileDrawerContentUpdateAvatarMutation, _ProfileDrawerContentSignOutMutation, _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var AvatarContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"])));
-
 var UserContent = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: 1em;\n"])));
-
 var FullName = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: ", "em;\n  font-weight: 500;\n  text-align: center;\n  line-height: 1.2;\n"])), function (p) {
   return p.theme.sizes.large;
 });
-
 var Email = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-top: 0.2em;\n  text-align: center;\n"])), function (p) {
   return (0, _theming.clr)(p.theme.inputColorPlaceholder);
 });
-
 var ActionsContainer = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-top: 1.5em;\n"])));
-
 var Footer = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  margin-top: auto;\n  padding-top: 1.5em;\n"])));
-
 var HiddenInput = _styled.default.input(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: none;\n"])));
-
 var profileDrawerContentUpdateAvatarMutation = _ProfileDrawerContentUpdateAvatarMutation !== void 0 ? _ProfileDrawerContentUpdateAvatarMutation : (_ProfileDrawerContentUpdateAvatarMutation = require("./__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql"), _ProfileDrawerContentUpdateAvatarMutation.hash && _ProfileDrawerContentUpdateAvatarMutation.hash !== "cf72a6314772ed0d1f182b197c858505" && console.error("The definition of 'ProfileDrawerContentUpdateAvatarMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProfileDrawerContentUpdateAvatarMutation);
-
 var DeleteAvatarButton = function DeleteAvatarButton() {
-  var _useTranslation = (0, _reactI18next.useTranslation)('profile'),
-      t = _useTranslation.t;
-
+  var _useTranslation = (0, _reactI18next.useTranslation)(['profile']),
+    t = _useTranslation.t;
   var _useMutation = (0, _hooks.useMutation)(profileDrawerContentUpdateAvatarMutation),
-      _useMutation2 = _slicedToArray(_useMutation, 2),
-      commit = _useMutation2[0],
-      loading = _useMutation2[1];
-
+    _useMutation2 = _slicedToArray(_useMutation, 2),
+    commit = _useMutation2[0],
+    loading = _useMutation2[1];
   var handler = (0, _react.useCallback)(function () {
     commit({
       variables: {
@@ -89,7 +55,6 @@ var DeleteAvatarButton = function DeleteAvatarButton() {
       },
       onError: function onError(error) {
         var _source, _source$errors, _source$errors$;
-
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _core.message.error((_source = error.source) === null || _source === void 0 ? void 0 : (_source$errors = _source.errors) === null || _source$errors === void 0 ? void 0 : (_source$errors$ = _source$errors[0]) === null || _source$errors$ === void 0 ? void 0 : _source$errors$.message);
       },
@@ -103,20 +68,15 @@ var DeleteAvatarButton = function DeleteAvatarButton() {
     onClick: handler
   }, t('profile:deleteAvatar'));
 };
-
 var UpdateAvatarButton = function UpdateAvatarButton(_ref) {
   var hasAvatar = _ref.hasAvatar;
-
-  var _useTranslation2 = (0, _reactI18next.useTranslation)('profile'),
-      t = _useTranslation2.t;
-
+  var _useTranslation2 = (0, _reactI18next.useTranslation)(['profile']),
+    t = _useTranslation2.t;
   var fileInputRef = (0, _react.useRef)(null);
-
   var _useMutation3 = (0, _hooks.useMutation)(profileDrawerContentUpdateAvatarMutation),
-      _useMutation4 = _slicedToArray(_useMutation3, 2),
-      commit = _useMutation4[0],
-      loading = _useMutation4[1];
-
+    _useMutation4 = _slicedToArray(_useMutation3, 2),
+    commit = _useMutation4[0],
+    loading = _useMutation4[1];
   var handler = (0, _react.useCallback)(function (e) {
     var target = e.target;
     if (!target) return;
@@ -132,7 +92,6 @@ var UpdateAvatarButton = function UpdateAvatarButton(_ref) {
       },
       onError: function onError(error) {
         var _source2, _source2$errors, _source2$errors$;
-
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _core.message.error((_source2 = error.source) === null || _source2 === void 0 ? void 0 : (_source2$errors = _source2.errors) === null || _source2$errors === void 0 ? void 0 : (_source2$errors$ = _source2$errors[0]) === null || _source2$errors$ === void 0 ? void 0 : _source2$errors$.message);
       },
@@ -155,18 +114,14 @@ var UpdateAvatarButton = function UpdateAvatarButton(_ref) {
     ref: fileInputRef
   }));
 };
-
 var UpdateNameButton = function UpdateNameButton(_ref2) {
   var hasName = _ref2.hasName;
-
-  var _useTranslation3 = (0, _reactI18next.useTranslation)('profile'),
-      t = _useTranslation3.t;
-
+  var _useTranslation3 = (0, _reactI18next.useTranslation)(['profile']),
+    t = _useTranslation3.t;
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      modalVisibility = _useState2[0],
-      setModalVisibility = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    modalVisibility = _useState2[0],
+    setModalVisibility = _useState2[1];
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ProfileButton.default, {
     onClick: function onClick() {
       return setModalVisibility(true);
@@ -178,16 +133,13 @@ var UpdateNameButton = function UpdateNameButton(_ref2) {
     }
   }));
 };
-
 var ChangePasswordButton = function ChangePasswordButton() {
-  var _useTranslation4 = (0, _reactI18next.useTranslation)('profile'),
-      t = _useTranslation4.t;
-
+  var _useTranslation4 = (0, _reactI18next.useTranslation)(['profile']),
+    t = _useTranslation4.t;
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      modalVisibility = _useState4[0],
-      setModalVisibility = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    modalVisibility = _useState4[0],
+    setModalVisibility = _useState4[1];
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ProfileButton.default, {
     onClick: function onClick() {
       return setModalVisibility(true);
@@ -199,22 +151,18 @@ var ChangePasswordButton = function ChangePasswordButton() {
     }
   }));
 };
-
 var SignOutButton = function SignOutButton() {
-  var _useTranslation5 = (0, _reactI18next.useTranslation)('profile'),
-      t = _useTranslation5.t;
-
+  var _useTranslation5 = (0, _reactI18next.useTranslation)(['profile']),
+    t = _useTranslation5.t;
   var _useMutation5 = (0, _hooks.useMutation)(_ProfileDrawerContentSignOutMutation !== void 0 ? _ProfileDrawerContentSignOutMutation : (_ProfileDrawerContentSignOutMutation = require("./__generated__/ProfileDrawerContentSignOutMutation.graphql"), _ProfileDrawerContentSignOutMutation.hash && _ProfileDrawerContentSignOutMutation.hash !== "c7ca96e9e713315606b0c22d196b6f7b" && console.error("The definition of 'ProfileDrawerContentSignOutMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProfileDrawerContentSignOutMutation)),
-      _useMutation6 = _slicedToArray(_useMutation5, 2),
-      commit = _useMutation6[0],
-      loading = _useMutation6[1];
-
+    _useMutation6 = _slicedToArray(_useMutation5, 2),
+    commit = _useMutation6[0],
+    loading = _useMutation6[1];
   var handler = (0, _react.useCallback)(function () {
     commit({
       variables: {},
       onError: function onError(error) {
         var _source3, _source3$errors, _source3$errors$;
-
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         _core.message.error((_source3 = error.source) === null || _source3 === void 0 ? void 0 : (_source3$errors = _source3.errors) === null || _source3$errors === void 0 ? void 0 : (_source3$errors$ = _source3$errors[0]) === null || _source3$errors$ === void 0 ? void 0 : _source3$errors$.message);
       },
@@ -229,17 +177,14 @@ var SignOutButton = function SignOutButton() {
     onClick: handler
   }, t('profile:signOut'));
 };
-
 var ProfileDrawerContent = function ProfileDrawerContent(_ref3) {
   var actions = _ref3.actions,
-      children = _ref3.children;
-
+    children = _ref3.children;
   var _useProfile = (0, _ProfileContext.useProfile)(),
-      email = _useProfile.email,
-      firstName = _useProfile.firstName,
-      lastName = _useProfile.lastName,
-      avatar = _useProfile.avatar;
-
+    email = _useProfile.email,
+    firstName = _useProfile.firstName,
+    lastName = _useProfile.lastName,
+    avatar = _useProfile.avatar;
   var fullName = (0, _react.useMemo)(function () {
     return [firstName, lastName].filter(function (i) {
       return i;
@@ -253,7 +198,6 @@ var ProfileDrawerContent = function ProfileDrawerContent(_ref3) {
     hasName: !!fullName
   }), /*#__PURE__*/_react.default.createElement(ChangePasswordButton, null), actions, /*#__PURE__*/_react.default.createElement(SignOutButton, null), children), /*#__PURE__*/_react.default.createElement(Footer, null, /*#__PURE__*/_react.default.createElement(_core.ThemeSwitcher, null)));
 };
-
 var _default = ProfileDrawerContent;
 exports.default = _default;
 //# sourceMappingURL=ProfileDrawerContent.js.map

package/dist/cjs/components/profile/ProfileDrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileDrawerContent.js","names":["AvatarContainer","styled","div","UserContent","FullName","p","theme","sizes","large","Email","clr","inputColorPlaceholder","ActionsContainer","Footer","HiddenInput","input","profileDrawerContentUpdateAvatarMutation","DeleteAvatarButton","useTranslation","t","useMutation","commit","loading","handler","useCallback","variables","avatar","onError","error","message","source","errors","onCompleted","success","UpdateAvatarButton","hasAvatar","fileInputRef","useRef","e","target","files","file","uploadables","current","value","click","UpdateNameButton","hasName","useState","modalVisibility","setModalVisibility","ChangePasswordButton","SignOutButton","window","location","href","ProfileDrawerContent","actions","children","useProfile","email","firstName","lastName","fullName","useMemo","filter","i","join"],"sources":["../../../../src/lib/components/profile/ProfileDrawerContent.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { message, ThemeSwitcher } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { clr } from '@os-design/theming';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay/hooks';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport UserAvatar from './UserAvatar';\nimport { useProfile } from './ProfileContext';\nimport ProfileButton from './ProfileButton';\nimport ProfileUpdateNameModal from './ProfileUpdateNameModal';\nimport ProfileUpdatePasswordModal from './ProfileUpdatePasswordModal';\nimport { ProfileDrawerContentSignOutMutation } from './__generated__/ProfileDrawerContentSignOutMutation.graphql';\nimport { ProfileDrawerContentUpdateAvatarMutation } from './__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql';\n\nexport interface ProfileDrawerContentProps {\n  /**\n   * Additional actions placed under the avatar.\n   * @default undefined\n   */\n  actions?: React.ReactNode;\n  /**\n   * The children.\n   */\n  children?: React.ReactNode;\n}\n\nconst AvatarContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst UserContent = styled.div`\n  margin-top: 1em;\n`;\n\nconst FullName = styled.div`\n  font-size: ${(p) => p.theme.sizes.large}em;\n  font-weight: 500;\n  text-align: center;\n  line-height: 1.2;\n`;\n\nconst Email = styled.div`\n  color: ${(p) => clr(p.theme.inputColorPlaceholder)};\n  margin-top: 0.2em;\n  text-align: center;\n`;\n\nconst ActionsContainer = styled.div`\n  margin-top: 1.5em;\n`;\n\nconst Footer = styled.div`\n  display: flex;\n  justify-content: center;\n  margin-top: auto;\n  padding-top: 1.5em;\n`;\n\nconst HiddenInput = styled.input`\n  display: none;\n`;\n\nconst profileDrawerContentUpdateAvatarMutation = graphql`\n  mutation ProfileDrawerContentUpdateAvatarMutation(\n    $input: UpdateAvatarInput!\n  ) {\n    updateAvatar(input: $input) {\n      id\n      avatar\n    }\n  }\n`;\n\nconst DeleteAvatarButton: React.FC = () => {\n  const { t } = useTranslation('profile');\n\n  const [commit, loading] =\n    useMutation<ProfileDrawerContentUpdateAvatarMutation>(\n      profileDrawerContentUpdateAvatarMutation\n    );\n\n  const handler = useCallback(() => {\n    commit({\n      variables: {\n        input: { avatar: null },\n      },\n      onError: (error) => {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        message.error((error as any).source?.errors?.[0]?.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:updated'));\n      },\n    });\n  }, [commit, t]);\n\n  return (\n    <ProfileButton loading={loading} onClick={handler}>\n      {t('profile:deleteAvatar')}\n    </ProfileButton>\n  );\n};\n\ninterface UpdateAvatarButtonProps {\n  hasAvatar: boolean;\n}\n\nconst UpdateAvatarButton: React.FC<UpdateAvatarButtonProps> = ({\n  hasAvatar,\n}) => {\n  const { t } = useTranslation('profile');\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const [commit, loading] =\n    useMutation<ProfileDrawerContentUpdateAvatarMutation>(\n      profileDrawerContentUpdateAvatarMutation\n    );\n\n  const handler = useCallback(\n    (e) => {\n      const target = e.target as HTMLInputElement | null;\n      if (!target) return;\n\n      const { files } = target;\n      if (!files) return;\n\n      const file = files[0];\n\n      commit({\n        variables: {\n          input: {},\n        },\n        uploadables: { avatar: file },\n        onError: (error) => {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          message.error((error as any).source?.errors?.[0]?.message);\n        },\n        onCompleted: () => {\n          message.success(t('profile:updated'));\n        },\n      });\n    },\n    [commit, t]\n  );\n\n  return (\n    <>\n      <ProfileButton\n        loading={loading}\n        onClick={() => {\n          if (!fileInputRef.current) return;\n          fileInputRef.current.value = '';\n          fileInputRef.current.click();\n        }}\n      >\n        {t(`profile:${hasAvatar ? 'changeAvatar' : 'setAvatar'}`)}\n      </ProfileButton>\n\n      <HiddenInput\n        type='file'\n        accept='image/jpeg,image/png,image/webp'\n        onChange={handler}\n        ref={fileInputRef}\n      />\n    </>\n  );\n};\n\ninterface UpdateNameButtonProps {\n  hasName: boolean;\n}\n\nconst UpdateNameButton: React.FC<UpdateNameButtonProps> = ({ hasName }) => {\n  const { t } = useTranslation('profile');\n  const [modalVisibility, setModalVisibility] = useState(false);\n\n  return (\n    <>\n      <ProfileButton onClick={() => setModalVisibility(true)}>\n        {t(`profile:${hasName ? 'changeName' : 'setName'}`)}\n      </ProfileButton>\n\n      <ProfileUpdateNameModal\n        visibility={modalVisibility}\n        onClose={() => setModalVisibility(false)}\n      />\n    </>\n  );\n};\n\nconst ChangePasswordButton: React.FC = () => {\n  const { t } = useTranslation('profile');\n  const [modalVisibility, setModalVisibility] = useState(false);\n\n  return (\n    <>\n      <ProfileButton onClick={() => setModalVisibility(true)}>\n        {t('profile:changePassword')}\n      </ProfileButton>\n\n      <ProfileUpdatePasswordModal\n        visibility={modalVisibility}\n        onClose={() => setModalVisibility(false)}\n      />\n    </>\n  );\n};\n\nconst SignOutButton: React.FC = () => {\n  const { t } = useTranslation('profile');\n\n  const [commit, loading] =\n    useMutation<ProfileDrawerContentSignOutMutation>(graphql`\n      mutation ProfileDrawerContentSignOutMutation {\n        signOut {\n          ok\n        }\n      }\n    `);\n\n  const handler = useCallback(() => {\n    commit({\n      variables: {},\n      onError: (error) => {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        message.error((error as any).source?.errors?.[0]?.message);\n      },\n      onCompleted: () => {\n        window.location.href = '/auth/';\n      },\n    });\n  }, [commit]);\n\n  return (\n    <ProfileButton danger loading={loading} onClick={handler}>\n      {t('profile:signOut')}\n    </ProfileButton>\n  );\n};\n\nconst ProfileDrawerContent: React.FC<ProfileDrawerContentProps> = ({\n  actions,\n  children,\n}) => {\n  const { email, firstName, lastName, avatar } = useProfile();\n\n  const fullName = useMemo(\n    () => [firstName, lastName].filter((i) => i).join(' '),\n    [firstName, lastName]\n  );\n\n  return (\n    <>\n      <AvatarContainer>\n        <UserAvatar size='10em' />\n        <UserContent>\n          {fullName && <FullName>{fullName}</FullName>}\n          <Email>{email}</Email>\n        </UserContent>\n      </AvatarContainer>\n\n      <ActionsContainer>\n        {avatar && <DeleteAvatarButton />}\n\n        <UpdateAvatarButton hasAvatar={!!avatar} />\n        <UpdateNameButton hasName={!!fullName} />\n        <ChangePasswordButton />\n\n        {actions}\n\n        <SignOutButton />\n\n        {children}\n      </ActionsContainer>\n\n      <Footer>\n        <ThemeSwitcher />\n      </Footer>\n    </>\n  );\n};\n\nexport default ProfileDrawerContent;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,eAAe,GAAGC,eAAA,CAAOC,GAAV,wKAArB;;AAOA,IAAMC,WAAW,GAAGF,eAAA,CAAOC,GAAV,6FAAjB;;AAIA,IAAME,QAAQ,GAAGH,eAAA,CAAOC,GAAV,iKACC,UAACG,CAAD;EAAA,OAAOA,CAAC,CAACC,KAAF,CAAQC,KAAR,CAAcC,KAArB;AAAA,CADD,CAAd;;AAOA,IAAMC,KAAK,GAAGR,eAAA,CAAOC,GAAV,uIACA,UAACG,CAAD;EAAA,OAAO,IAAAK,YAAA,EAAIL,CAAC,CAACC,KAAF,CAAQK,qBAAZ,CAAP;AAAA,CADA,CAAX;;AAMA,IAAMC,gBAAgB,GAAGX,eAAA,CAAOC,GAAV,+FAAtB;;AAIA,IAAMW,MAAM,GAAGZ,eAAA,CAAOC,GAAV,mKAAZ;;AAOA,IAAMY,WAAW,GAAGb,eAAA,CAAOc,KAAV,2FAAjB;;AAIA,IAAMC,wCAAwC,8kBAA9C;;AAWA,IAAMC,kBAA4B,GAAG,SAA/BA,kBAA+B,GAAM;EACzC,sBAAc,IAAAC,4BAAA,EAAe,SAAf,CAAd;EAAA,IAAQC,CAAR,mBAAQA,CAAR;;EAEA,mBACE,IAAAC,kBAAA,EACEJ,wCADF,CADF;EAAA;EAAA,IAAOK,MAAP;EAAA,IAAeC,OAAf;;EAKA,IAAMC,OAAO,GAAG,IAAAC,kBAAA,EAAY,YAAM;IAChCH,MAAM,CAAC;MACLI,SAAS,EAAE;QACTV,KAAK,EAAE;UAAEW,MAAM,EAAE;QAAV;MADE,CADN;MAILC,OAAO,EAAE,iBAACC,KAAD,EAAW;QAAA;;QAClB;QACAC,aAAA,CAAQD,KAAR,YAAeA,KAAD,CAAeE,MAA7B,8DAAc,QAAuBC,MAArC,sEAAc,eAAgC,CAAhC,CAAd,oDAAc,gBAAoCF,OAAlD;MACD,CAPI;MAQLG,WAAW,EAAE,uBAAM;QACjBH,aAAA,CAAQI,OAAR,CAAgBd,CAAC,CAAC,iBAAD,CAAjB;MACD;IAVI,CAAD,CAAN;EAYD,CAbe,EAab,CAACE,MAAD,EAASF,CAAT,CAba,CAAhB;EAeA,oBACE,6BAAC,sBAAD;IAAe,OAAO,EAAEG,OAAxB;IAAiC,OAAO,EAAEC;EAA1C,GACGJ,CAAC,CAAC,sBAAD,CADJ,CADF;AAKD,CA5BD;;AAkCA,IAAMe,kBAAqD,GAAG,SAAxDA,kBAAwD,OAExD;EAAA,IADJC,SACI,QADJA,SACI;;EACJ,uBAAc,IAAAjB,4BAAA,EAAe,SAAf,CAAd;EAAA,IAAQC,CAAR,oBAAQA,CAAR;;EACA,IAAMiB,YAAY,GAAG,IAAAC,aAAA,EAAyB,IAAzB,CAArB;;EAEA,oBACE,IAAAjB,kBAAA,EACEJ,wCADF,CADF;EAAA;EAAA,IAAOK,MAAP;EAAA,IAAeC,OAAf;;EAKA,IAAMC,OAAO,GAAG,IAAAC,kBAAA,EACd,UAACc,CAAD,EAAO;IACL,IAAMC,MAAM,GAAGD,CAAC,CAACC,MAAjB;IACA,IAAI,CAACA,MAAL,EAAa;IAEb,IAAQC,KAAR,GAAkBD,MAAlB,CAAQC,KAAR;IACA,IAAI,CAACA,KAAL,EAAY;IAEZ,IAAMC,IAAI,GAAGD,KAAK,CAAC,CAAD,CAAlB;IAEAnB,MAAM,CAAC;MACLI,SAAS,EAAE;QACTV,KAAK,EAAE;MADE,CADN;MAIL2B,WAAW,EAAE;QAAEhB,MAAM,EAAEe;MAAV,CAJR;MAKLd,OAAO,EAAE,iBAACC,KAAD,EAAW;QAAA;;QAClB;QACAC,aAAA,CAAQD,KAAR,aAAeA,KAAD,CAAeE,MAA7B,gEAAc,SAAuBC,MAArC,wEAAc,gBAAgC,CAAhC,CAAd,qDAAc,iBAAoCF,OAAlD;MACD,CARI;MASLG,WAAW,EAAE,uBAAM;QACjBH,aAAA,CAAQI,OAAR,CAAgBd,CAAC,CAAC,iBAAD,CAAjB;MACD;IAXI,CAAD,CAAN;EAaD,CAvBa,EAwBd,CAACE,MAAD,EAASF,CAAT,CAxBc,CAAhB;EA2BA,oBACE,yEACE,6BAAC,sBAAD;IACE,OAAO,EAAEG,OADX;IAEE,OAAO,EAAE,mBAAM;MACb,IAAI,CAACc,YAAY,CAACO,OAAlB,EAA2B;MAC3BP,YAAY,CAACO,OAAb,CAAqBC,KAArB,GAA6B,EAA7B;MACAR,YAAY,CAACO,OAAb,CAAqBE,KAArB;IACD;EANH,GAQG1B,CAAC,mBAAYgB,SAAS,GAAG,cAAH,GAAoB,WAAzC,EARJ,CADF,eAYE,6BAAC,WAAD;IACE,IAAI,EAAC,MADP;IAEE,MAAM,EAAC,iCAFT;IAGE,QAAQ,EAAEZ,OAHZ;IAIE,GAAG,EAAEa;EAJP,EAZF,CADF;AAqBD,CA3DD;;AAiEA,IAAMU,gBAAiD,GAAG,SAApDA,gBAAoD,QAAiB;EAAA,IAAdC,OAAc,SAAdA,OAAc;;EACzE,uBAAc,IAAA7B,4BAAA,EAAe,SAAf,CAAd;EAAA,IAAQC,CAAR,oBAAQA,CAAR;;EACA,gBAA8C,IAAA6B,eAAA,EAAS,KAAT,CAA9C;EAAA;EAAA,IAAOC,eAAP;EAAA,IAAwBC,kBAAxB;;EAEA,oBACE,yEACE,6BAAC,sBAAD;IAAe,OAAO,EAAE;MAAA,OAAMA,kBAAkB,CAAC,IAAD,CAAxB;IAAA;EAAxB,GACG/B,CAAC,mBAAY4B,OAAO,GAAG,YAAH,GAAkB,SAArC,EADJ,CADF,eAKE,6BAAC,+BAAD;IACE,UAAU,EAAEE,eADd;IAEE,OAAO,EAAE;MAAA,OAAMC,kBAAkB,CAAC,KAAD,CAAxB;IAAA;EAFX,EALF,CADF;AAYD,CAhBD;;AAkBA,IAAMC,oBAA8B,GAAG,SAAjCA,oBAAiC,GAAM;EAC3C,uBAAc,IAAAjC,4BAAA,EAAe,SAAf,CAAd;EAAA,IAAQC,CAAR,oBAAQA,CAAR;;EACA,iBAA8C,IAAA6B,eAAA,EAAS,KAAT,CAA9C;EAAA;EAAA,IAAOC,eAAP;EAAA,IAAwBC,kBAAxB;;EAEA,oBACE,yEACE,6BAAC,sBAAD;IAAe,OAAO,EAAE;MAAA,OAAMA,kBAAkB,CAAC,IAAD,CAAxB;IAAA;EAAxB,GACG/B,CAAC,CAAC,wBAAD,CADJ,CADF,eAKE,6BAAC,mCAAD;IACE,UAAU,EAAE8B,eADd;IAEE,OAAO,EAAE;MAAA,OAAMC,kBAAkB,CAAC,KAAD,CAAxB;IAAA;EAFX,EALF,CADF;AAYD,CAhBD;;AAkBA,IAAME,aAAuB,GAAG,SAA1BA,aAA0B,GAAM;EACpC,uBAAc,IAAAlC,4BAAA,EAAe,SAAf,CAAd;EAAA,IAAQC,CAAR,oBAAQA,CAAR;;EAEA,oBACE,IAAAC,kBAAA,siBADF;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,OAAf;;EASA,IAAMC,OAAO,GAAG,IAAAC,kBAAA,EAAY,YAAM;IAChCH,MAAM,CAAC;MACLI,SAAS,EAAE,EADN;MAELE,OAAO,EAAE,iBAACC,KAAD,EAAW;QAAA;;QAClB;QACAC,aAAA,CAAQD,KAAR,aAAeA,KAAD,CAAeE,MAA7B,gEAAc,SAAuBC,MAArC,wEAAc,gBAAgC,CAAhC,CAAd,qDAAc,iBAAoCF,OAAlD;MACD,CALI;MAMLG,WAAW,EAAE,uBAAM;QACjBqB,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuB,QAAvB;MACD;IARI,CAAD,CAAN;EAUD,CAXe,EAWb,CAAClC,MAAD,CAXa,CAAhB;EAaA,oBACE,6BAAC,sBAAD;IAAe,MAAM,MAArB;IAAsB,OAAO,EAAEC,OAA/B;IAAwC,OAAO,EAAEC;EAAjD,GACGJ,CAAC,CAAC,iBAAD,CADJ,CADF;AAKD,CA9BD;;AAgCA,IAAMqC,oBAAyD,GAAG,SAA5DA,oBAA4D,QAG5D;EAAA,IAFJC,OAEI,SAFJA,OAEI;EAAA,IADJC,QACI,SADJA,QACI;;EACJ,kBAA+C,IAAAC,0BAAA,GAA/C;EAAA,IAAQC,KAAR,eAAQA,KAAR;EAAA,IAAeC,SAAf,eAAeA,SAAf;EAAA,IAA0BC,QAA1B,eAA0BA,QAA1B;EAAA,IAAoCpC,MAApC,eAAoCA,MAApC;;EAEA,IAAMqC,QAAQ,GAAG,IAAAC,cAAA,EACf;IAAA,OAAM,CAACH,SAAD,EAAYC,QAAZ,EAAsBG,MAAtB,CAA6B,UAACC,CAAD;MAAA,OAAOA,CAAP;IAAA,CAA7B,EAAuCC,IAAvC,CAA4C,GAA5C,CAAN;EAAA,CADe,EAEf,CAACN,SAAD,EAAYC,QAAZ,CAFe,CAAjB;EAKA,oBACE,yEACE,6BAAC,eAAD,qBACE,6BAAC,mBAAD;IAAY,IAAI,EAAC;EAAjB,EADF,eAEE,6BAAC,WAAD,QACGC,QAAQ,iBAAI,6BAAC,QAAD,QAAWA,QAAX,CADf,eAEE,6BAAC,KAAD,QAAQH,KAAR,CAFF,CAFF,CADF,eASE,6BAAC,gBAAD,QACGlC,MAAM,iBAAI,6BAAC,kBAAD,OADb,eAGE,6BAAC,kBAAD;IAAoB,SAAS,EAAE,CAAC,CAACA;EAAjC,EAHF,eAIE,6BAAC,gBAAD;IAAkB,OAAO,EAAE,CAAC,CAACqC;EAA7B,EAJF,eAKE,6BAAC,oBAAD,OALF,EAOGN,OAPH,eASE,6BAAC,aAAD,OATF,EAWGC,QAXH,CATF,eAuBE,6BAAC,MAAD,qBACE,6BAAC,mBAAD,OADF,CAvBF,CADF;AA6BD,CAxCD;;eA0CeF,oB"}
+{"version":3,"file":"ProfileDrawerContent.js","names":["AvatarContainer","styled","div","UserContent","FullName","p","theme","sizes","large","Email","clr","inputColorPlaceholder","ActionsContainer","Footer","HiddenInput","input","profileDrawerContentUpdateAvatarMutation","DeleteAvatarButton","useTranslation","t","useMutation","commit","loading","handler","useCallback","variables","avatar","onError","error","message","source","errors","onCompleted","success","UpdateAvatarButton","hasAvatar","fileInputRef","useRef","e","target","files","file","uploadables","current","value","click","UpdateNameButton","hasName","useState","modalVisibility","setModalVisibility","ChangePasswordButton","SignOutButton","window","location","href","ProfileDrawerContent","actions","children","useProfile","email","firstName","lastName","fullName","useMemo","filter","i","join"],"sources":["../../../../src/lib/components/profile/ProfileDrawerContent.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { message, ThemeSwitcher } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { clr } from '@os-design/theming';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay/hooks';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport UserAvatar from './UserAvatar';\nimport { useProfile } from './ProfileContext';\nimport ProfileButton from './ProfileButton';\nimport ProfileUpdateNameModal from './ProfileUpdateNameModal';\nimport ProfileUpdatePasswordModal from './ProfileUpdatePasswordModal';\nimport { ProfileDrawerContentSignOutMutation } from './__generated__/ProfileDrawerContentSignOutMutation.graphql';\nimport { ProfileDrawerContentUpdateAvatarMutation } from './__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql';\n\nexport interface ProfileDrawerContentProps {\n  /**\n   * Additional actions placed under the avatar.\n   * @default undefined\n   */\n  actions?: React.ReactNode;\n  /**\n   * The children.\n   */\n  children?: React.ReactNode;\n}\n\nconst AvatarContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst UserContent = styled.div`\n  margin-top: 1em;\n`;\n\nconst FullName = styled.div`\n  font-size: ${(p) => p.theme.sizes.large}em;\n  font-weight: 500;\n  text-align: center;\n  line-height: 1.2;\n`;\n\nconst Email = styled.div`\n  color: ${(p) => clr(p.theme.inputColorPlaceholder)};\n  margin-top: 0.2em;\n  text-align: center;\n`;\n\nconst ActionsContainer = styled.div`\n  margin-top: 1.5em;\n`;\n\nconst Footer = styled.div`\n  display: flex;\n  justify-content: center;\n  margin-top: auto;\n  padding-top: 1.5em;\n`;\n\nconst HiddenInput = styled.input`\n  display: none;\n`;\n\nconst profileDrawerContentUpdateAvatarMutation = graphql`\n  mutation ProfileDrawerContentUpdateAvatarMutation(\n    $input: UpdateAvatarInput!\n  ) {\n    updateAvatar(input: $input) {\n      id\n      avatar\n    }\n  }\n`;\n\nconst DeleteAvatarButton: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n\n  const [commit, loading] =\n    useMutation<ProfileDrawerContentUpdateAvatarMutation>(\n      profileDrawerContentUpdateAvatarMutation\n    );\n\n  const handler = useCallback(() => {\n    commit({\n      variables: {\n        input: { avatar: null },\n      },\n      onError: (error) => {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        message.error((error as any).source?.errors?.[0]?.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:updated'));\n      },\n    });\n  }, [commit, t]);\n\n  return (\n    <ProfileButton loading={loading} onClick={handler}>\n      {t('profile:deleteAvatar')}\n    </ProfileButton>\n  );\n};\n\ninterface UpdateAvatarButtonProps {\n  hasAvatar: boolean;\n}\n\nconst UpdateAvatarButton: React.FC<UpdateAvatarButtonProps> = ({\n  hasAvatar,\n}) => {\n  const { t } = useTranslation(['profile']);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const [commit, loading] =\n    useMutation<ProfileDrawerContentUpdateAvatarMutation>(\n      profileDrawerContentUpdateAvatarMutation\n    );\n\n  const handler = useCallback(\n    (e) => {\n      const target = e.target as HTMLInputElement | null;\n      if (!target) return;\n\n      const { files } = target;\n      if (!files) return;\n\n      const file = files[0];\n\n      commit({\n        variables: {\n          input: {},\n        },\n        uploadables: { avatar: file },\n        onError: (error) => {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          message.error((error as any).source?.errors?.[0]?.message);\n        },\n        onCompleted: () => {\n          message.success(t('profile:updated'));\n        },\n      });\n    },\n    [commit, t]\n  );\n\n  return (\n    <>\n      <ProfileButton\n        loading={loading}\n        onClick={() => {\n          if (!fileInputRef.current) return;\n          fileInputRef.current.value = '';\n          fileInputRef.current.click();\n        }}\n      >\n        {t(`profile:${hasAvatar ? 'changeAvatar' : 'setAvatar'}`)}\n      </ProfileButton>\n\n      <HiddenInput\n        type='file'\n        accept='image/jpeg,image/png,image/webp'\n        onChange={handler}\n        ref={fileInputRef}\n      />\n    </>\n  );\n};\n\ninterface UpdateNameButtonProps {\n  hasName: boolean;\n}\n\nconst UpdateNameButton: React.FC<UpdateNameButtonProps> = ({ hasName }) => {\n  const { t } = useTranslation(['profile']);\n  const [modalVisibility, setModalVisibility] = useState(false);\n\n  return (\n    <>\n      <ProfileButton onClick={() => setModalVisibility(true)}>\n        {t(`profile:${hasName ? 'changeName' : 'setName'}`)}\n      </ProfileButton>\n\n      <ProfileUpdateNameModal\n        visibility={modalVisibility}\n        onClose={() => setModalVisibility(false)}\n      />\n    </>\n  );\n};\n\nconst ChangePasswordButton: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n  const [modalVisibility, setModalVisibility] = useState(false);\n\n  return (\n    <>\n      <ProfileButton onClick={() => setModalVisibility(true)}>\n        {t('profile:changePassword')}\n      </ProfileButton>\n\n      <ProfileUpdatePasswordModal\n        visibility={modalVisibility}\n        onClose={() => setModalVisibility(false)}\n      />\n    </>\n  );\n};\n\nconst SignOutButton: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n\n  const [commit, loading] =\n    useMutation<ProfileDrawerContentSignOutMutation>(graphql`\n      mutation ProfileDrawerContentSignOutMutation {\n        signOut {\n          ok\n        }\n      }\n    `);\n\n  const handler = useCallback(() => {\n    commit({\n      variables: {},\n      onError: (error) => {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        message.error((error as any).source?.errors?.[0]?.message);\n      },\n      onCompleted: () => {\n        window.location.href = '/auth/';\n      },\n    });\n  }, [commit]);\n\n  return (\n    <ProfileButton danger loading={loading} onClick={handler}>\n      {t('profile:signOut')}\n    </ProfileButton>\n  );\n};\n\nconst ProfileDrawerContent: React.FC<ProfileDrawerContentProps> = ({\n  actions,\n  children,\n}) => {\n  const { email, firstName, lastName, avatar } = useProfile();\n\n  const fullName = useMemo(\n    () => [firstName, lastName].filter((i) => i).join(' '),\n    [firstName, lastName]\n  );\n\n  return (\n    <>\n      <AvatarContainer>\n        <UserAvatar size='10em' />\n        <UserContent>\n          {fullName && <FullName>{fullName}</FullName>}\n          <Email>{email}</Email>\n        </UserContent>\n      </AvatarContainer>\n\n      <ActionsContainer>\n        {avatar && <DeleteAvatarButton />}\n\n        <UpdateAvatarButton hasAvatar={!!avatar} />\n        <UpdateNameButton hasName={!!fullName} />\n        <ChangePasswordButton />\n\n        {actions}\n\n        <SignOutButton />\n\n        {children}\n      </ActionsContainer>\n\n      <Footer>\n        <ThemeSwitcher />\n      </Footer>\n    </>\n  );\n};\n\nexport default ProfileDrawerContent;\n"],"mappings":"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"}

package/dist/cjs/components/profile/ProfileNavigationItem.js

@@ -4,35 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _media = require("@os-design/media");
-
 var _core = require("@os-design/core");
-
 var _reactI18next = require("react-i18next");
-
 var _ProfileIcon = _interopRequireDefault(require("../shared/icons/ProfileIcon"));
-
 var _excluded = ["onClick"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var ProfileNavigationItem = function ProfileNavigationItem(_ref) {
   var _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _useTranslation = (0, _reactI18next.useTranslation)('profile'),
-      t = _useTranslation.t;
-
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = (0, _reactI18next.useTranslation)(['profile']),
+    t = _useTranslation.t;
   var isMinMd = (0, _media.useIsMinWidth)('md');
   if (isMinMd) return null;
   return /*#__PURE__*/_react.default.createElement(_core.NavigationItem, _extends({
@@ -45,7 +32,6 @@ var ProfileNavigationItem = function ProfileNavigationItem(_ref) {
     }
   }, rest), t('profile:menu'));
 };
-
 var _default = ProfileNavigationItem;
 exports.default = _default;
 //# sourceMappingURL=ProfileNavigationItem.js.map

package/dist/cjs/components/profile/ProfileNavigationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileNavigationItem.js","names":["ProfileNavigationItem","onClick","rest","useTranslation","t","isMinMd","useIsMinWidth","e","key"],"sources":["../../../../src/lib/components/profile/ProfileNavigationItem.tsx"],"sourcesContent":["import React from 'react';\nimport { useIsMinWidth } from '@os-design/media';\nimport { NavigationItem, NavigationItemProps } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\nimport ProfileIcon from '../shared/icons/ProfileIcon';\n\nexport interface ProfileNavigationItemProps\n  extends Partial<NavigationItemProps> {\n  onClick?: () => void;\n}\n\nconst ProfileNavigationItem: React.FC<ProfileNavigationItemProps> = ({\n  onClick = () => {},\n  ...rest\n}) => {\n  const { t } = useTranslation('profile');\n  const isMinMd = useIsMinWidth('md');\n\n  if (isMinMd) return null;\n\n  return (\n    <NavigationItem\n      href='#' // To make focusable\n      icon={<ProfileIcon />}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') onClick();\n      }}\n      {...rest}\n    >\n      {t('profile:menu')}\n    </NavigationItem>\n  );\n};\n\nexport default ProfileNavigationItem;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAOA,IAAMA,qBAA2D,GAAG,SAA9DA,qBAA8D,OAG9D;EAAA,wBAFJC,OAEI;EAAA,IAFJA,OAEI,6BAFM,YAAM,CAAE,CAEd;EAAA,IADDC,IACC;;EACJ,sBAAc,IAAAC,4BAAA,EAAe,SAAf,CAAd;EAAA,IAAQC,CAAR,mBAAQA,CAAR;;EACA,IAAMC,OAAO,GAAG,IAAAC,oBAAA,EAAc,IAAd,CAAhB;EAEA,IAAID,OAAJ,EAAa,OAAO,IAAP;EAEb,oBACE,6BAAC,oBAAD;IACE,IAAI,EAAC,GADP,CACW;IADX;IAEE,IAAI,eAAE,6BAAC,oBAAD,OAFR;IAGE,OAAO,EAAEJ,OAHX;IAIE,SAAS,EAAE,mBAACM,CAAD,EAAO;MAChB,IAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuBP,OAAO;IAC/B;EANH,GAOMC,IAPN,GASGE,CAAC,CAAC,cAAD,CATJ,CADF;AAaD,CAtBD;;eAwBeJ,qB"}
+{"version":3,"file":"ProfileNavigationItem.js","names":["ProfileNavigationItem","onClick","rest","useTranslation","t","isMinMd","useIsMinWidth","e","key"],"sources":["../../../../src/lib/components/profile/ProfileNavigationItem.tsx"],"sourcesContent":["import React from 'react';\nimport { useIsMinWidth } from '@os-design/media';\nimport { NavigationItem, NavigationItemProps } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\nimport ProfileIcon from '../shared/icons/ProfileIcon';\n\nexport interface ProfileNavigationItemProps\n  extends Partial<NavigationItemProps> {\n  onClick?: () => void;\n}\n\nconst ProfileNavigationItem: React.FC<ProfileNavigationItemProps> = ({\n  onClick = () => {},\n  ...rest\n}) => {\n  const { t } = useTranslation(['profile']);\n  const isMinMd = useIsMinWidth('md');\n\n  if (isMinMd) return null;\n\n  return (\n    <NavigationItem\n      href='#' // To make focusable\n      icon={<ProfileIcon />}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') onClick();\n      }}\n      {...rest}\n    >\n      {t('profile:menu')}\n    </NavigationItem>\n  );\n};\n\nexport default ProfileNavigationItem;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAAsD;AAAA;AAAA;AAAA;AAAA;AAOtD,IAAMA,qBAA2D,GAAG,SAA9DA,qBAA2D,OAG3D;EAAA,wBAFJC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IACfC,IAAI;EAEP,sBAAc,IAAAC,4BAAc,EAAC,CAAC,SAAS,CAAC,CAAC;IAAjCC,CAAC,mBAADA,CAAC;EACT,IAAMC,OAAO,GAAG,IAAAC,oBAAa,EAAC,IAAI,CAAC;EAEnC,IAAID,OAAO,EAAE,OAAO,IAAI;EAExB,oBACE,6BAAC,oBAAc;IACb,IAAI,EAAC,GAAG,CAAC;IAAA;IACT,IAAI,eAAE,6BAAC,oBAAW,OAAI;IACtB,OAAO,EAAEJ,OAAQ;IACjB,SAAS,EAAE,mBAACM,CAAC,EAAK;MAChB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEP,OAAO,EAAE;IAClC;EAAE,GACEC,IAAI,GAEPE,CAAC,CAAC,cAAc,CAAC,CACH;AAErB,CAAC;AAAC,eAEaJ,qBAAqB;AAAA"}