@os-team/profile 1.0.46 → 1.0.48

package/dist/cjs/components/shared/icons/BrowserIcon.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _icons = require("@os-design/icons");
-
 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 BrowserIcon = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_icons.Icon, _extends({}, props, {
     ref: ref
@@ -20,7 +15,6 @@ var BrowserIcon = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     d: "M371.8 512c0 77.5 62.7 140.2 140.2 140.2S652.2 589.5 652.2 512S589.5 371.8 512 371.8S371.8 434.4 371.8 512zM900 362.4l-234.3 12.1c63.6 74.3 64.6 181.5 11.1 263.7l-188 289.2c78 4.2 158.4-12.9 231.2-55.2c180-104 253-322.1 180-509.8zM320.3 591.9L163.8 284.1A415.35 415.35 0 0 0 96 512c0 208 152.3 380.3 351.4 410.8l106.9-209.4c-96.6 18.2-189.9-34.8-234-121.5zm218.5-285.5l344.4 18.1C848 254.7 792.6 194 719.8 151.7C653.9 113.6 581.5 95.5 510.5 96c-122.5.5-242.2 55.2-322.1 154.5l128.2 196.9c32-91.9 124.8-146.7 222.2-141z"
   }));
 });
-
 BrowserIcon.displayName = 'BrowserIcon';
 var _default = BrowserIcon;
 exports.default = _default;

package/dist/cjs/components/shared/icons/BrowserIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrowserIcon.js","names":["BrowserIcon","React","forwardRef","props","ref","displayName"],"sources":["../../../../../src/lib/components/shared/icons/BrowserIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon, IconProps } from '@os-design/icons';\n\nconst BrowserIcon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => (\n  <Icon {...props} ref={ref}>\n    <path d='M371.8 512c0 77.5 62.7 140.2 140.2 140.2S652.2 589.5 652.2 512S589.5 371.8 512 371.8S371.8 434.4 371.8 512zM900 362.4l-234.3 12.1c63.6 74.3 64.6 181.5 11.1 263.7l-188 289.2c78 4.2 158.4-12.9 231.2-55.2c180-104 253-322.1 180-509.8zM320.3 591.9L163.8 284.1A415.35 415.35 0 0 0 96 512c0 208 152.3 380.3 351.4 410.8l106.9-209.4c-96.6 18.2-189.9-34.8-234-121.5zm218.5-285.5l344.4 18.1C848 254.7 792.6 194 719.8 151.7C653.9 113.6 581.5 95.5 510.5 96c-122.5.5-242.2 55.2-322.1 154.5l128.2 196.9c32-91.9 124.8-146.7 222.2-141z' />\n  </Icon>\n));\n\nBrowserIcon.displayName = 'BrowserIcon';\n\nexport default BrowserIcon;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,WAAW,gBAAGC,cAAA,CAAMC,UAAN,CAA2C,UAACC,KAAD,EAAQC,GAAR;EAAA,oBAC7D,6BAAC,WAAD,eAAUD,KAAV;IAAiB,GAAG,EAAEC;EAAtB,iBACE;IAAM,CAAC,EAAC;EAAR,EADF,CAD6D;AAAA,CAA3C,CAApB;;AAMAJ,WAAW,CAACK,WAAZ,GAA0B,aAA1B;eAEeL,W"}
+{"version":3,"file":"BrowserIcon.js","names":["BrowserIcon","React","forwardRef","props","ref","displayName"],"sources":["../../../../../src/lib/components/shared/icons/BrowserIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon, IconProps } from '@os-design/icons';\n\nconst BrowserIcon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => (\n  <Icon {...props} ref={ref}>\n    <path d='M371.8 512c0 77.5 62.7 140.2 140.2 140.2S652.2 589.5 652.2 512S589.5 371.8 512 371.8S371.8 434.4 371.8 512zM900 362.4l-234.3 12.1c63.6 74.3 64.6 181.5 11.1 263.7l-188 289.2c78 4.2 158.4-12.9 231.2-55.2c180-104 253-322.1 180-509.8zM320.3 591.9L163.8 284.1A415.35 415.35 0 0 0 96 512c0 208 152.3 380.3 351.4 410.8l106.9-209.4c-96.6 18.2-189.9-34.8-234-121.5zm218.5-285.5l344.4 18.1C848 254.7 792.6 194 719.8 151.7C653.9 113.6 581.5 95.5 510.5 96c-122.5.5-242.2 55.2-322.1 154.5l128.2 196.9c32-91.9 124.8-146.7 222.2-141z' />\n  </Icon>\n));\n\nBrowserIcon.displayName = 'BrowserIcon';\n\nexport default BrowserIcon;\n"],"mappings":";;;;;;AAAA;AACA;AAAmD;AAAA;AAEnD,IAAMA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAA2B,UAACC,KAAK,EAAEC,GAAG;EAAA,oBACxE,6BAAC,WAAI,eAAKD,KAAK;IAAE,GAAG,EAAEC;EAAI,iBACxB;IAAM,CAAC,EAAC;EAAwgB,EAAG,CAC9gB;AAAA,CACR,CAAC;AAEFJ,WAAW,CAACK,WAAW,GAAG,aAAa;AAAC,eAEzBL,WAAW;AAAA"}

package/dist/cjs/components/shared/icons/ProfileIcon.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _icons = require("@os-design/icons");
-
 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 ProfileIcon = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_icons.Icon, _extends({}, props, {
     ref: ref
@@ -20,7 +15,6 @@ var ProfileIcon = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     d: "M373 411c-28.5 0-51.7 23.3-51.7 52s23.2 52 51.7 52s51.7-23.3 51.7-52s-23.2-52-51.7-52zm555-251H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zM608 420c0-4.4 1-8 2.3-8h123.4c1.3 0 2.3 3.6 2.3 8v48c0 4.4-1 8-2.3 8H610.3c-1.3 0-2.3-3.6-2.3-8v-48zm-86 253h-43.9c-4.2 0-7.6-3.3-7.9-7.5c-3.8-50.5-46-90.5-97.2-90.5s-93.4 40-97.2 90.5c-.3 4.2-3.7 7.5-7.9 7.5H224a8 8 0 0 1-8-8.4c2.8-53.3 32-99.7 74.6-126.1a111.8 111.8 0 0 1-29.1-75.5c0-61.9 49.9-112 111.4-112s111.4 50.1 111.4 112c0 29.1-11 55.5-29.1 75.5c42.7 26.5 71.8 72.8 74.6 126.1c.4 4.6-3.2 8.4-7.8 8.4zm278.9-53H615.1c-3.9 0-7.1-3.6-7.1-8v-48c0-4.4 3.2-8 7.1-8h185.7c3.9 0 7.1 3.6 7.1 8v48h.1c0 4.4-3.2 8-7.1 8z"
   }));
 });
-
 ProfileIcon.displayName = 'ProfileIcon';
 var _default = ProfileIcon;
 exports.default = _default;

package/dist/cjs/components/shared/icons/ProfileIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileIcon.js","names":["ProfileIcon","React","forwardRef","props","ref","displayName"],"sources":["../../../../../src/lib/components/shared/icons/ProfileIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon, IconProps } from '@os-design/icons';\n\nconst ProfileIcon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => (\n  <Icon {...props} ref={ref}>\n    <path d='M373 411c-28.5 0-51.7 23.3-51.7 52s23.2 52 51.7 52s51.7-23.3 51.7-52s-23.2-52-51.7-52zm555-251H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zM608 420c0-4.4 1-8 2.3-8h123.4c1.3 0 2.3 3.6 2.3 8v48c0 4.4-1 8-2.3 8H610.3c-1.3 0-2.3-3.6-2.3-8v-48zm-86 253h-43.9c-4.2 0-7.6-3.3-7.9-7.5c-3.8-50.5-46-90.5-97.2-90.5s-93.4 40-97.2 90.5c-.3 4.2-3.7 7.5-7.9 7.5H224a8 8 0 0 1-8-8.4c2.8-53.3 32-99.7 74.6-126.1a111.8 111.8 0 0 1-29.1-75.5c0-61.9 49.9-112 111.4-112s111.4 50.1 111.4 112c0 29.1-11 55.5-29.1 75.5c42.7 26.5 71.8 72.8 74.6 126.1c.4 4.6-3.2 8.4-7.8 8.4zm278.9-53H615.1c-3.9 0-7.1-3.6-7.1-8v-48c0-4.4 3.2-8 7.1-8h185.7c3.9 0 7.1 3.6 7.1 8v48h.1c0 4.4-3.2 8-7.1 8z' />\n  </Icon>\n));\n\nProfileIcon.displayName = 'ProfileIcon';\n\nexport default ProfileIcon;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,WAAW,gBAAGC,cAAA,CAAMC,UAAN,CAA2C,UAACC,KAAD,EAAQC,GAAR;EAAA,oBAC7D,6BAAC,WAAD,eAAUD,KAAV;IAAiB,GAAG,EAAEC;EAAtB,iBACE;IAAM,CAAC,EAAC;EAAR,EADF,CAD6D;AAAA,CAA3C,CAApB;;AAMAJ,WAAW,CAACK,WAAZ,GAA0B,aAA1B;eAEeL,W"}
+{"version":3,"file":"ProfileIcon.js","names":["ProfileIcon","React","forwardRef","props","ref","displayName"],"sources":["../../../../../src/lib/components/shared/icons/ProfileIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon, IconProps } from '@os-design/icons';\n\nconst ProfileIcon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => (\n  <Icon {...props} ref={ref}>\n    <path d='M373 411c-28.5 0-51.7 23.3-51.7 52s23.2 52 51.7 52s51.7-23.3 51.7-52s-23.2-52-51.7-52zm555-251H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zM608 420c0-4.4 1-8 2.3-8h123.4c1.3 0 2.3 3.6 2.3 8v48c0 4.4-1 8-2.3 8H610.3c-1.3 0-2.3-3.6-2.3-8v-48zm-86 253h-43.9c-4.2 0-7.6-3.3-7.9-7.5c-3.8-50.5-46-90.5-97.2-90.5s-93.4 40-97.2 90.5c-.3 4.2-3.7 7.5-7.9 7.5H224a8 8 0 0 1-8-8.4c2.8-53.3 32-99.7 74.6-126.1a111.8 111.8 0 0 1-29.1-75.5c0-61.9 49.9-112 111.4-112s111.4 50.1 111.4 112c0 29.1-11 55.5-29.1 75.5c42.7 26.5 71.8 72.8 74.6 126.1c.4 4.6-3.2 8.4-7.8 8.4zm278.9-53H615.1c-3.9 0-7.1-3.6-7.1-8v-48c0-4.4 3.2-8 7.1-8h185.7c3.9 0 7.1 3.6 7.1 8v48h.1c0 4.4-3.2 8-7.1 8z' />\n  </Icon>\n));\n\nProfileIcon.displayName = 'ProfileIcon';\n\nexport default ProfileIcon;\n"],"mappings":";;;;;;AAAA;AACA;AAAmD;AAAA;AAEnD,IAAMA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAA2B,UAACC,KAAK,EAAEC,GAAG;EAAA,oBACxE,6BAAC,WAAI,eAAKD,KAAK;IAAE,GAAG,EAAEC;EAAI,iBACxB;IAAM,CAAC,EAAC;EAA8sB,EAAG,CACptB;AAAA,CACR,CAAC;AAEFJ,WAAW,CAACK,WAAW,GAAG,aAAa;AAAC,eAEzBL,WAAW;AAAA"}

package/dist/cjs/components/shared/icons/UnknownDeviceIcon.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _icons = require("@os-design/icons");
-
 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 UnknownDeviceIcon = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_icons.Icon, _extends({}, props, {
     ref: ref
@@ -20,7 +15,6 @@ var UnknownDeviceIcon = /*#__PURE__*/_react.default.forwardRef(function (props,
     d: "M764 280.9c-14-30.6-33.9-58.1-59.3-81.6C653.1 151.4 584.6 125 512 125s-141.1 26.4-192.7 74.2c-25.4 23.6-45.3 51-59.3 81.7c-14.6 32-22 65.9-22 100.9v27c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-27c0-99.5 88.6-180.4 197.6-180.4s197.6 80.9 197.6 180.4c0 40.8-14.5 79.2-42 111.2c-27.2 31.7-65.6 54.4-108.1 64c-24.3 5.5-46.2 19.2-61.7 38.8a110.85 110.85 0 0 0-23.9 68.6v31.4c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-31.4c0-15.7 10.9-29.5 26-32.9c58.4-13.2 111.4-44.7 149.3-88.7c19.1-22.3 34-47.1 44.3-74c10.7-27.9 16.1-57.2 16.1-87c0-35-7.4-69-22-100.9zM512 787c-30.9 0-56 25.1-56 56s25.1 56 56 56s56-25.1 56-56s-25.1-56-56-56z"
   }));
 });
-
 UnknownDeviceIcon.displayName = 'UnknownDeviceIcon';
 var _default = UnknownDeviceIcon;
 exports.default = _default;

package/dist/cjs/components/shared/icons/UnknownDeviceIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnknownDeviceIcon.js","names":["UnknownDeviceIcon","React","forwardRef","props","ref","displayName"],"sources":["../../../../../src/lib/components/shared/icons/UnknownDeviceIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon, IconProps } from '@os-design/icons';\n\nconst UnknownDeviceIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  (props, ref) => (\n    <Icon {...props} ref={ref}>\n      <path d='M764 280.9c-14-30.6-33.9-58.1-59.3-81.6C653.1 151.4 584.6 125 512 125s-141.1 26.4-192.7 74.2c-25.4 23.6-45.3 51-59.3 81.7c-14.6 32-22 65.9-22 100.9v27c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-27c0-99.5 88.6-180.4 197.6-180.4s197.6 80.9 197.6 180.4c0 40.8-14.5 79.2-42 111.2c-27.2 31.7-65.6 54.4-108.1 64c-24.3 5.5-46.2 19.2-61.7 38.8a110.85 110.85 0 0 0-23.9 68.6v31.4c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-31.4c0-15.7 10.9-29.5 26-32.9c58.4-13.2 111.4-44.7 149.3-88.7c19.1-22.3 34-47.1 44.3-74c10.7-27.9 16.1-57.2 16.1-87c0-35-7.4-69-22-100.9zM512 787c-30.9 0-56 25.1-56 56s25.1 56 56 56s56-25.1 56-56s-25.1-56-56-56z' />\n    </Icon>\n  )\n);\n\nUnknownDeviceIcon.displayName = 'UnknownDeviceIcon';\n\nexport default UnknownDeviceIcon;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,iBAAiB,gBAAGC,cAAA,CAAMC,UAAN,CACxB,UAACC,KAAD,EAAQC,GAAR;EAAA,oBACE,6BAAC,WAAD,eAAUD,KAAV;IAAiB,GAAG,EAAEC;EAAtB,iBACE;IAAM,CAAC,EAAC;EAAR,EADF,CADF;AAAA,CADwB,CAA1B;;AAQAJ,iBAAiB,CAACK,WAAlB,GAAgC,mBAAhC;eAEeL,iB"}
+{"version":3,"file":"UnknownDeviceIcon.js","names":["UnknownDeviceIcon","React","forwardRef","props","ref","displayName"],"sources":["../../../../../src/lib/components/shared/icons/UnknownDeviceIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon, IconProps } from '@os-design/icons';\n\nconst UnknownDeviceIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  (props, ref) => (\n    <Icon {...props} ref={ref}>\n      <path d='M764 280.9c-14-30.6-33.9-58.1-59.3-81.6C653.1 151.4 584.6 125 512 125s-141.1 26.4-192.7 74.2c-25.4 23.6-45.3 51-59.3 81.7c-14.6 32-22 65.9-22 100.9v27c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-27c0-99.5 88.6-180.4 197.6-180.4s197.6 80.9 197.6 180.4c0 40.8-14.5 79.2-42 111.2c-27.2 31.7-65.6 54.4-108.1 64c-24.3 5.5-46.2 19.2-61.7 38.8a110.85 110.85 0 0 0-23.9 68.6v31.4c0 6.2 5 11.2 11.2 11.2h54c6.2 0 11.2-5 11.2-11.2v-31.4c0-15.7 10.9-29.5 26-32.9c58.4-13.2 111.4-44.7 149.3-88.7c19.1-22.3 34-47.1 44.3-74c10.7-27.9 16.1-57.2 16.1-87c0-35-7.4-69-22-100.9zM512 787c-30.9 0-56 25.1-56 56s25.1 56 56 56s56-25.1 56-56s-25.1-56-56-56z' />\n    </Icon>\n  )\n);\n\nUnknownDeviceIcon.displayName = 'UnknownDeviceIcon';\n\nexport default UnknownDeviceIcon;\n"],"mappings":";;;;;;AAAA;AACA;AAAmD;AAAA;AAEnD,IAAMA,iBAAiB,gBAAGC,cAAK,CAACC,UAAU,CACxC,UAACC,KAAK,EAAEC,GAAG;EAAA,oBACT,6BAAC,WAAI,eAAKD,KAAK;IAAE,GAAG,EAAEC;EAAI,iBACxB;IAAM,CAAC,EAAC;EAAioB,EAAG,CACvoB;AAAA,CACR,CACF;AAEDJ,iBAAiB,CAACK,WAAW,GAAG,mBAAmB;AAAC,eAErCL,iBAAiB;AAAA"}

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "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
 });
@@ -63,11 +62,8 @@ Object.defineProperty(exports, "getUserFullName", {
     return _getUserFullName.default;
   }
 });
-
 var _ProfileButton = _interopRequireDefault(require("./components/profile/ProfileButton"));
-
 var _ProfileDrawer = _interopRequireWildcard(require("./components/profile/ProfileDrawer"));
-
 Object.keys(_ProfileDrawer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -79,9 +75,7 @@ Object.keys(_ProfileDrawer).forEach(function (key) {
     }
   });
 });
-
 var _ProfileNavigationItem = _interopRequireWildcard(require("./components/profile/ProfileNavigationItem"));
-
 Object.keys(_ProfileNavigationItem).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -93,9 +87,7 @@ Object.keys(_ProfileNavigationItem).forEach(function (key) {
     }
   });
 });
-
 var _ProtectedWrapper = _interopRequireWildcard(require("./components/profile/ProtectedWrapper"));
-
 Object.keys(_ProtectedWrapper).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -107,11 +99,8 @@ Object.keys(_ProtectedWrapper).forEach(function (key) {
     }
   });
 });
-
 var _UserAvatar = _interopRequireDefault(require("./components/profile/UserAvatar"));
-
 var _UserAvatarAddon = _interopRequireWildcard(require("./components/profile/UserAvatarAddon"));
-
 Object.keys(_UserAvatarAddon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -123,11 +112,8 @@ Object.keys(_UserAvatarAddon).forEach(function (key) {
     }
   });
 });
-
 var _SessionDrawer = _interopRequireDefault(require("./components/session/SessionDrawer"));
-
 var _getUserFullName = _interopRequireWildcard(require("./utils/getUserFullName"));
-
 Object.keys(_getUserFullName).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -139,9 +125,7 @@ Object.keys(_getUserFullName).forEach(function (key) {
     }
   });
 });
-
 var _ProfileContext = require("./components/profile/ProfileContext");
-
 Object.keys(_ProfileContext).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -153,10 +137,7 @@ Object.keys(_ProfileContext).forEach(function (key) {
     }
   });
 });
-
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/index.ts"],"sourcesContent":["export { default as ProfileButton } from './components/profile/ProfileButton';\nexport { default as ProfileDrawer } from './components/profile/ProfileDrawer';\nexport { default as ProfileNavigationItem } from './components/profile/ProfileNavigationItem';\nexport { default as ProtectedWrapper } from './components/profile/ProtectedWrapper';\nexport { default as UserAvatar } from './components/profile/UserAvatar';\nexport { default as UserAvatarAddon } from './components/profile/UserAvatarAddon';\nexport { default as SessionDrawer } from './components/session/SessionDrawer';\nexport { default as getUserFullName } from './utils/getUserFullName';\n\nexport * from './components/profile/ProfileContext';\nexport * from './components/profile/ProfileDrawer';\nexport * from './components/profile/ProfileNavigationItem';\nexport * from './components/profile/ProtectedWrapper';\nexport * from './components/profile/UserAvatarAddon';\nexport * from './utils/getUserFullName';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AASA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AARA;;AASA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AARA;;AASA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AARA;;AACA;;AAQA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAPA;;AACA;;AAOA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AALA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/index.ts"],"sourcesContent":["export { default as ProfileButton } from './components/profile/ProfileButton';\nexport { default as ProfileDrawer } from './components/profile/ProfileDrawer';\nexport { default as ProfileNavigationItem } from './components/profile/ProfileNavigationItem';\nexport { default as ProtectedWrapper } from './components/profile/ProtectedWrapper';\nexport { default as UserAvatar } from './components/profile/UserAvatar';\nexport { default as UserAvatarAddon } from './components/profile/UserAvatarAddon';\nexport { default as SessionDrawer } from './components/session/SessionDrawer';\nexport { default as getUserFullName } from './utils/getUserFullName';\n\nexport * from './components/profile/ProfileContext';\nexport * from './components/profile/ProfileDrawer';\nexport * from './components/profile/ProfileNavigationItem';\nexport * from './components/profile/ProtectedWrapper';\nexport * from './components/profile/UserAvatarAddon';\nexport * from './utils/getUserFullName';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AASA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AARA;AASA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AARA;AASA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AARA;AACA;AAQA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAPA;AACA;AAOA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AALA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAAoD;AAAA;AAAA"}

package/dist/cjs/utils/getUserFullName.js

@@ -4,17 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var getUserFullName = function getUserFullName(_ref) {
   var email = _ref.email,
-      firstName = _ref.firstName,
-      lastName = _ref.lastName;
+    firstName = _ref.firstName,
+    lastName = _ref.lastName;
   var parts = [];
   if (firstName) parts.push(firstName);
   if (lastName) parts.push(lastName);
   return parts.length > 0 ? parts.join(' ') : email;
 };
-
 var _default = getUserFullName;
 exports.default = _default;
 //# sourceMappingURL=getUserFullName.js.map

package/dist/cjs/utils/getUserFullName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getUserFullName.js","names":["getUserFullName","email","firstName","lastName","parts","push","length","join"],"sources":["../../../src/lib/utils/getUserFullName.ts"],"sourcesContent":["export interface User {\n  email: string;\n  firstName: string | null;\n  lastName: string | null;\n}\n\nconst getUserFullName = ({ email, firstName, lastName }: User): string => {\n  const parts: string[] = [];\n  if (firstName) parts.push(firstName);\n  if (lastName) parts.push(lastName);\n  return parts.length > 0 ? parts.join(' ') : email;\n};\n\nexport default getUserFullName;\n"],"mappings":";;;;;;;AAMA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAkD;EAAA,IAA/CC,KAA+C,QAA/CA,KAA+C;EAAA,IAAxCC,SAAwC,QAAxCA,SAAwC;EAAA,IAA7BC,QAA6B,QAA7BA,QAA6B;EACxE,IAAMC,KAAe,GAAG,EAAxB;EACA,IAAIF,SAAJ,EAAeE,KAAK,CAACC,IAAN,CAAWH,SAAX;EACf,IAAIC,QAAJ,EAAcC,KAAK,CAACC,IAAN,CAAWF,QAAX;EACd,OAAOC,KAAK,CAACE,MAAN,GAAe,CAAf,GAAmBF,KAAK,CAACG,IAAN,CAAW,GAAX,CAAnB,GAAqCN,KAA5C;AACD,CALD;;eAOeD,e"}
+{"version":3,"file":"getUserFullName.js","names":["getUserFullName","email","firstName","lastName","parts","push","length","join"],"sources":["../../../src/lib/utils/getUserFullName.ts"],"sourcesContent":["export interface User {\n  email: string;\n  firstName: string | null;\n  lastName: string | null;\n}\n\nconst getUserFullName = ({ email, firstName, lastName }: User): string => {\n  const parts: string[] = [];\n  if (firstName) parts.push(firstName);\n  if (lastName) parts.push(lastName);\n  return parts.length > 0 ? parts.join(' ') : email;\n};\n\nexport default getUserFullName;\n"],"mappings":";;;;;;AAMA,IAAMA,eAAe,GAAG,SAAlBA,eAAe,OAAqD;EAAA,IAA/CC,KAAK,QAALA,KAAK;IAAEC,SAAS,QAATA,SAAS;IAAEC,QAAQ,QAARA,QAAQ;EACnD,IAAMC,KAAe,GAAG,EAAE;EAC1B,IAAIF,SAAS,EAAEE,KAAK,CAACC,IAAI,CAACH,SAAS,CAAC;EACpC,IAAIC,QAAQ,EAAEC,KAAK,CAACC,IAAI,CAACF,QAAQ,CAAC;EAClC,OAAOC,KAAK,CAACE,MAAM,GAAG,CAAC,GAAGF,KAAK,CAACG,IAAI,CAAC,GAAG,CAAC,GAAGN,KAAK;AACnD,CAAC;AAAC,eAEaD,eAAe;AAAA"}

package/dist/esm/@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,OAAO,gBAAgB"}

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

@@ -0,0 +1,2 @@
+import 'i18next';
+//# sourceMappingURL=i18next.d.js.map

package/dist/esm/@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,OAAO,SAAS"}

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

@@ -1,12 +1,9 @@
 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 from 'react';
 import { Button } from '@os-design/core';
-
 const ProfileButton = props => /*#__PURE__*/React.createElement(Button, _extends({
   type: "ghost",
   wide: "always"
 }, props));
-
 export default ProfileButton;
 //# sourceMappingURL=ProfileButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileButton.js","names":["React","Button","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAoC,iBAApC;;AAEA,MAAMC,aAAoC,GAAIC,KAAD,iBAC3C,oBAAC,MAAD;EAAQ,IAAI,EAAC,OAAb;EAAqB,IAAI,EAAC;AAA1B,GAAuCA,KAAvC,EADF;;AAIA,eAAeD,aAAf"}
+{"version":3,"file":"ProfileButton.js","names":["React","Button","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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAqB,iBAAiB;AAErD,MAAMC,aAAoC,GAAIC,KAAK,iBACjD,oBAAC,MAAM;EAAC,IAAI,EAAC,OAAO;EAAC,IAAI,EAAC;AAAQ,GAAKA,KAAK,EAC7C;AAED,eAAeD,aAAa"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileConfigContext.js","names":["React","useContext","ProfileConfig","createContext","bucketId","displayName","useProfileConfig"],"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,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAMA,MAAMC,aAAa,gBAAGF,KAAK,CAACG,aAAN,CAAwC;EAC5DC,QAAQ,EAAE;AADkD,CAAxC,CAAtB;AAIAF,aAAa,CAACG,WAAd,GAA4B,eAA5B;AAEA,OAAO,MAAMC,gBAAgB,GAAG,MAC9BL,UAAU,CAACC,aAAD,CADL;AAGP,eAAeA,aAAf"}
+{"version":3,"file":"ProfileConfigContext.js","names":["React","useContext","ProfileConfig","createContext","bucketId","displayName","useProfileConfig"],"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,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAMzC,MAAMC,aAAa,gBAAGF,KAAK,CAACG,aAAa,CAAqB;EAC5DC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEFF,aAAa,CAACG,WAAW,GAAG,eAAe;AAE3C,OAAO,MAAMC,gBAAgB,GAAG,MAC9BL,UAAU,CAACC,aAAa,CAAC;AAE3B,eAAeA,aAAa"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileContext.js","names":["React","useContext","ProfileContext","createContext","id","email","displayName","useProfile"],"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,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAUA,MAAMC,cAAc,gBAAGF,KAAK,CAACG,aAAN,CAAyC;EAC9DC,EAAE,EAAE,EAD0D;EAE9DC,KAAK,EAAE;AAFuD,CAAzC,CAAvB;AAKAH,cAAc,CAACI,WAAf,GAA6B,gBAA7B;AAEA,OAAO,MAAMC,UAAU,GAAG,MAA2BN,UAAU,CAACC,cAAD,CAAxD;AAEP,eAAeA,cAAf"}
+{"version":3,"file":"ProfileContext.js","names":["React","useContext","ProfileContext","createContext","id","email","displayName","useProfile"],"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,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAUzC,MAAMC,cAAc,gBAAGF,KAAK,CAACG,aAAa,CAAsB;EAC9DC,EAAE,EAAE,EAAE;EACNC,KAAK,EAAE;AACT,CAAC,CAAC;AAEFH,cAAc,CAACI,WAAW,GAAG,gBAAgB;AAE7C,OAAO,MAAMC,UAAU,GAAG,MAA2BN,UAAU,CAACC,cAAc,CAAC;AAE/E,eAAeA,cAAc"}

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

@@ -1,5 +1,4 @@
 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, { lazy, Suspense } from 'react';
 import { Drawer } from '@os-design/core';
 import styled from '@emotion/styled';
@@ -10,7 +9,6 @@ const StyledDrawer = styled(Drawer)`
   flex-direction: column;
   padding: 2em 1em;
 `;
-
 const ProfileDrawer = ({
   actions,
   children,
@@ -23,6 +21,5 @@ const ProfileDrawer = ({
 }, /*#__PURE__*/React.createElement(LazyProfileDrawerContent, {
   actions: actions
 }, children)));
-
 export default ProfileDrawer;
 //# sourceMappingURL=ProfileDrawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileDrawer.js","names":["React","lazy","Suspense","Drawer","styled","MainLoader","LazyProfileDrawerContent","StyledDrawer","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,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,QAAtB,QAAsC,OAAtC;AACA,SAASC,MAAT,QAAoC,iBAApC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAEA,OAAOC,UAAP,MAAuB,sBAAvB;AAEA,MAAMC,wBAAwB,gBAAGL,IAAI,CAAC,MAAM,OAAO,wBAAP,CAAP,CAArC;AAIA,MAAMM,YAAY,GAAGH,MAAM,CAACD,MAAD,CAAS;AACpC;AACA;AACA;AACA,CAJA;;AAMA,MAAMK,aAA2C,GAAG,CAAC;EACnDC,OADmD;EAEnDC,QAFmD;EAGnD,GAAGC;AAHgD,CAAD,kBAKlD,oBAAC,YAAD;EAAc,SAAS,EAAC,OAAxB;EAAgC,KAAK,EAAC;AAAtC,GAAiDA,IAAjD,gBACE,oBAAC,QAAD;EAAU,QAAQ,eAAE,oBAAC,UAAD;AAApB,gBACE,oBAAC,wBAAD;EAA0B,OAAO,EAAEF;AAAnC,GACGC,QADH,CADF,CADF,CALF;;AAcA,eAAeF,aAAf"}
+{"version":3,"file":"ProfileDrawer.js","names":["React","lazy","Suspense","Drawer","styled","MainLoader","LazyProfileDrawerContent","StyledDrawer","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,OAAOA,KAAK,IAAIC,IAAI,EAAEC,QAAQ,QAAQ,OAAO;AAC7C,SAASC,MAAM,QAAqB,iBAAiB;AACrD,OAAOC,MAAM,MAAM,iBAAiB;AAEpC,OAAOC,UAAU,MAAM,sBAAsB;AAE7C,MAAMC,wBAAwB,gBAAGL,IAAI,CAAC,MAAM,MAAM,CAAC,wBAAwB,CAAC,CAAC;AAI7E,MAAMM,YAAY,GAAGH,MAAM,CAACD,MAAM,CAAE;AACpC;AACA;AACA;AACA,CAAC;AAED,MAAMK,aAA2C,GAAG,CAAC;EACnDC,OAAO;EACPC,QAAQ;EACR,GAAGC;AACL,CAAC,kBACC,oBAAC,YAAY;EAAC,SAAS,EAAC,OAAO;EAAC,KAAK,EAAC;AAAM,GAAKA,IAAI,gBACnD,oBAAC,QAAQ;EAAC,QAAQ,eAAE,oBAAC,UAAU;AAAI,gBACjC,oBAAC,wBAAwB;EAAC,OAAO,EAAEF;AAAQ,GACxCC,QAAQ,CACgB,CAClB,CAEd;AAED,eAAeF,aAAa"}

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

@@ -1,5 +1,4 @@
 var _ProfileDrawerContentUpdateAvatarMutation, _ProfileDrawerContentSignOutMutation;
-
 import React, { useCallback, useMemo, useRef, useState } from 'react';
 import { message, ThemeSwitcher } from '@os-design/core';
 import styled from '@emotion/styled';
@@ -44,11 +43,10 @@ const HiddenInput = styled.input`
   display: none;
 `;
 const 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);
-
 const DeleteAvatarButton = () => {
   const {
     t
-  } = useTranslation('profile');
+  } = useTranslation(['profile']);
   const [commit, loading] = useMutation(profileDrawerContentUpdateAvatarMutation);
   const handler = useCallback(() => {
     commit({
@@ -59,7 +57,6 @@ const DeleteAvatarButton = () => {
       },
       onError: error => {
         var _source, _source$errors, _source$errors$;
-
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         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);
       },
@@ -73,13 +70,12 @@ const DeleteAvatarButton = () => {
     onClick: handler
   }, t('profile:deleteAvatar'));
 };
-
 const UpdateAvatarButton = ({
   hasAvatar
 }) => {
   const {
     t
-  } = useTranslation('profile');
+  } = useTranslation(['profile']);
   const fileInputRef = useRef(null);
   const [commit, loading] = useMutation(profileDrawerContentUpdateAvatarMutation);
   const handler = useCallback(e => {
@@ -99,7 +95,6 @@ const UpdateAvatarButton = ({
       },
       onError: error => {
         var _source2, _source2$errors, _source2$errors$;
-
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         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);
       },
@@ -122,13 +117,12 @@ const UpdateAvatarButton = ({
     ref: fileInputRef
   }));
 };
-
 const UpdateNameButton = ({
   hasName
 }) => {
   const {
     t
-  } = useTranslation('profile');
+  } = useTranslation(['profile']);
   const [modalVisibility, setModalVisibility] = useState(false);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProfileButton, {
     onClick: () => setModalVisibility(true)
@@ -137,11 +131,10 @@ const UpdateNameButton = ({
     onClose: () => setModalVisibility(false)
   }));
 };
-
 const ChangePasswordButton = () => {
   const {
     t
-  } = useTranslation('profile');
+  } = useTranslation(['profile']);
   const [modalVisibility, setModalVisibility] = useState(false);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProfileButton, {
     onClick: () => setModalVisibility(true)
@@ -150,18 +143,16 @@ const ChangePasswordButton = () => {
     onClose: () => setModalVisibility(false)
   }));
 };
-
 const SignOutButton = () => {
   const {
     t
-  } = useTranslation('profile');
+  } = useTranslation(['profile']);
   const [commit, loading] = 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));
   const handler = useCallback(() => {
     commit({
       variables: {},
       onError: error => {
         var _source3, _source3$errors, _source3$errors$;
-
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         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);
       },
@@ -176,7 +167,6 @@ const SignOutButton = () => {
     onClick: handler
   }, t('profile:signOut'));
 };
-
 const ProfileDrawerContent = ({
   actions,
   children
@@ -196,6 +186,5 @@ const ProfileDrawerContent = ({
     hasName: !!fullName
   }), /*#__PURE__*/React.createElement(ChangePasswordButton, null), actions, /*#__PURE__*/React.createElement(SignOutButton, null), children), /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(ThemeSwitcher, null)));
 };
-
 export default ProfileDrawerContent;
 //# sourceMappingURL=ProfileDrawerContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileDrawerContent.js","names":["React","useCallback","useMemo","useRef","useState","message","ThemeSwitcher","styled","clr","useTranslation","useMutation","UserAvatar","useProfile","ProfileButton","ProfileUpdateNameModal","ProfileUpdatePasswordModal","AvatarContainer","div","UserContent","FullName","p","theme","sizes","large","Email","inputColorPlaceholder","ActionsContainer","Footer","HiddenInput","input","profileDrawerContentUpdateAvatarMutation","DeleteAvatarButton","t","commit","loading","handler","variables","avatar","onError","error","source","errors","onCompleted","success","UpdateAvatarButton","hasAvatar","fileInputRef","e","target","files","file","uploadables","current","value","click","UpdateNameButton","hasName","modalVisibility","setModalVisibility","ChangePasswordButton","SignOutButton","window","location","href","ProfileDrawerContent","actions","children","email","firstName","lastName","fullName","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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"}
+{"version":3,"file":"ProfileDrawerContent.js","names":["React","useCallback","useMemo","useRef","useState","message","ThemeSwitcher","styled","clr","useTranslation","useMutation","UserAvatar","useProfile","ProfileButton","ProfileUpdateNameModal","ProfileUpdatePasswordModal","AvatarContainer","div","UserContent","FullName","p","theme","sizes","large","Email","inputColorPlaceholder","ActionsContainer","Footer","HiddenInput","input","profileDrawerContentUpdateAvatarMutation","DeleteAvatarButton","t","commit","loading","handler","variables","avatar","onError","error","source","errors","onCompleted","success","UpdateAvatarButton","hasAvatar","fileInputRef","e","target","files","file","uploadables","current","value","click","UpdateNameButton","hasName","modalVisibility","setModalVisibility","ChangePasswordButton","SignOutButton","window","location","href","ProfileDrawerContent","actions","children","email","firstName","lastName","fullName","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/esm/components/profile/ProfileNavigationItem.js

@@ -1,18 +1,16 @@
 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 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';
-
 const ProfileNavigationItem = ({
   onClick = () => {},
   ...rest
 }) => {
   const {
     t
-  } = useTranslation('profile');
+  } = useTranslation(['profile']);
   const isMinMd = useIsMinWidth('md');
   if (isMinMd) return null;
   return /*#__PURE__*/React.createElement(NavigationItem, _extends({
@@ -25,6 +23,5 @@ const ProfileNavigationItem = ({
     }
   }, rest), t('profile:menu'));
 };
-
 export default ProfileNavigationItem;
 //# sourceMappingURL=ProfileNavigationItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileNavigationItem.js","names":["React","useIsMinWidth","NavigationItem","useTranslation","ProfileIcon","ProfileNavigationItem","onClick","rest","t","isMinMd","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,cAAT,QAAoD,iBAApD;AACA,SAASC,cAAT,QAA+B,eAA/B;AACA,OAAOC,WAAP,MAAwB,6BAAxB;;AAOA,MAAMC,qBAA2D,GAAG,CAAC;EACnEC,OAAO,GAAG,MAAM,CAAE,CADiD;EAEnE,GAAGC;AAFgE,CAAD,KAG9D;EACJ,MAAM;IAAEC;EAAF,IAAQL,cAAc,CAAC,SAAD,CAA5B;EACA,MAAMM,OAAO,GAAGR,aAAa,CAAC,IAAD,CAA7B;EAEA,IAAIQ,OAAJ,EAAa,OAAO,IAAP;EAEb,oBACE,oBAAC,cAAD;IACE,IAAI,EAAC,GADP,CACW;IADX;IAEE,IAAI,eAAE,oBAAC,WAAD,OAFR;IAGE,OAAO,EAAEH,OAHX;IAIE,SAAS,EAAGI,CAAD,IAAO;MAChB,IAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuBL,OAAO;IAC/B;EANH,GAOMC,IAPN,GASGC,CAAC,CAAC,cAAD,CATJ,CADF;AAaD,CAtBD;;AAwBA,eAAeH,qBAAf"}
+{"version":3,"file":"ProfileNavigationItem.js","names":["React","useIsMinWidth","NavigationItem","useTranslation","ProfileIcon","ProfileNavigationItem","onClick","rest","t","isMinMd","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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,cAAc,QAA6B,iBAAiB;AACrE,SAASC,cAAc,QAAQ,eAAe;AAC9C,OAAOC,WAAW,MAAM,6BAA6B;AAOrD,MAAMC,qBAA2D,GAAG,CAAC;EACnEC,OAAO,GAAG,MAAM,CAAC,CAAC;EAClB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAGL,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;EACzC,MAAMM,OAAO,GAAGR,aAAa,CAAC,IAAI,CAAC;EAEnC,IAAIQ,OAAO,EAAE,OAAO,IAAI;EAExB,oBACE,oBAAC,cAAc;IACb,IAAI,EAAC,GAAG,CAAC;IAAA;IACT,IAAI,eAAE,oBAAC,WAAW,OAAI;IACtB,OAAO,EAAEH,OAAQ;IACjB,SAAS,EAAGI,CAAC,IAAK;MAChB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEL,OAAO,EAAE;IAClC;EAAE,GACEC,IAAI,GAEPC,CAAC,CAAC,cAAc,CAAC,CACH;AAErB,CAAC;AAED,eAAeH,qBAAqB"}

package/dist/esm/components/profile/ProfileUpdateNameForm.js

@@ -1,16 +1,14 @@
 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 from 'react';
 import { useForm, useFormItem } from '@os-team/form-utils';
 import { Alert, Form, FormItem, Input } from '@os-design/core';
 import { useTranslation } from 'react-i18next';
-
 const ProfileUpdateNameForm = ({
   children
 }) => {
   const {
     t
-  } = useTranslation('profile');
+  } = useTranslation(['profile']);
   const {
     formError
   } = useForm();
@@ -28,6 +26,5 @@ const ProfileUpdateNameForm = ({
     type: "error"
   }, formError), children);
 };
-
 export default ProfileUpdateNameForm;
 //# sourceMappingURL=ProfileUpdateNameForm.js.map

package/dist/esm/components/profile/ProfileUpdateNameForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdateNameForm.js","names":["React","useForm","useFormItem","Alert","Form","FormItem","Input","useTranslation","ProfileUpdateNameForm","children","t","formError","firstName","lastName"],"sources":["../../../../src/lib/components/profile/ProfileUpdateNameForm.tsx"],"sourcesContent":["import React from 'react';\nimport { useForm, useFormItem } from '@os-team/form-utils';\nimport { Alert, Form, FormItem, Input } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\n\nexport interface ProfileUpdateNameFormData {\n  firstName: string;\n  lastName: string;\n}\n\ninterface ProfileUpdateNameFormProps {\n  children?: React.ReactNode;\n}\n\nconst ProfileUpdateNameForm: React.FC<ProfileUpdateNameFormProps> = ({\n  children,\n}) => {\n  const { t } = useTranslation('profile');\n  const { formError } = useForm();\n\n  const firstName = useFormItem('firstName');\n  const lastName = useFormItem('lastName');\n\n  return (\n    <Form>\n      <FormItem\n        label={t('profile:updateNameModal.firstName.label')}\n        {...firstName[0]}\n      >\n        <Input\n          placeholder={t('profile:updateNameModal.firstName.placeholder')}\n          {...firstName[1]}\n        />\n      </FormItem>\n\n      <FormItem\n        label={t('profile:updateNameModal.lastName.label')}\n        {...lastName[0]}\n      >\n        <Input\n          placeholder={t('profile:updateNameModal.lastName.placeholder')}\n          {...lastName[1]}\n        />\n      </FormItem>\n\n      {formError && <Alert type='error'>{formError}</Alert>}\n\n      {children}\n    </Form>\n  );\n};\n\nexport default ProfileUpdateNameForm;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT,EAAkBC,WAAlB,QAAqC,qBAArC;AACA,SAASC,KAAT,EAAgBC,IAAhB,EAAsBC,QAAtB,EAAgCC,KAAhC,QAA6C,iBAA7C;AACA,SAASC,cAAT,QAA+B,eAA/B;;AAWA,MAAMC,qBAA2D,GAAG,CAAC;EACnEC;AADmE,CAAD,KAE9D;EACJ,MAAM;IAAEC;EAAF,IAAQH,cAAc,CAAC,SAAD,CAA5B;EACA,MAAM;IAAEI;EAAF,IAAgBV,OAAO,EAA7B;EAEA,MAAMW,SAAS,GAAGV,WAAW,CAAC,WAAD,CAA7B;EACA,MAAMW,QAAQ,GAAGX,WAAW,CAAC,UAAD,CAA5B;EAEA,oBACE,oBAAC,IAAD,qBACE,oBAAC,QAAD;IACE,KAAK,EAAEQ,CAAC,CAAC,yCAAD;EADV,GAEME,SAAS,CAAC,CAAD,CAFf,gBAIE,oBAAC,KAAD;IACE,WAAW,EAAEF,CAAC,CAAC,+CAAD;EADhB,GAEME,SAAS,CAAC,CAAD,CAFf,EAJF,CADF,eAWE,oBAAC,QAAD;IACE,KAAK,EAAEF,CAAC,CAAC,wCAAD;EADV,GAEMG,QAAQ,CAAC,CAAD,CAFd,gBAIE,oBAAC,KAAD;IACE,WAAW,EAAEH,CAAC,CAAC,8CAAD;EADhB,GAEMG,QAAQ,CAAC,CAAD,CAFd,EAJF,CAXF,EAqBGF,SAAS,iBAAI,oBAAC,KAAD;IAAO,IAAI,EAAC;EAAZ,GAAqBA,SAArB,CArBhB,EAuBGF,QAvBH,CADF;AA2BD,CApCD;;AAsCA,eAAeD,qBAAf"}
+{"version":3,"file":"ProfileUpdateNameForm.js","names":["React","useForm","useFormItem","Alert","Form","FormItem","Input","useTranslation","ProfileUpdateNameForm","children","t","formError","firstName","lastName"],"sources":["../../../../src/lib/components/profile/ProfileUpdateNameForm.tsx"],"sourcesContent":["import React from 'react';\nimport { useForm, useFormItem } from '@os-team/form-utils';\nimport { Alert, Form, FormItem, Input } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\n\nexport interface ProfileUpdateNameFormData {\n  firstName: string;\n  lastName: string;\n}\n\ninterface ProfileUpdateNameFormProps {\n  children?: React.ReactNode;\n}\n\nconst ProfileUpdateNameForm: React.FC<ProfileUpdateNameFormProps> = ({\n  children,\n}) => {\n  const { t } = useTranslation(['profile']);\n  const { formError } = useForm();\n\n  const firstName = useFormItem('firstName');\n  const lastName = useFormItem('lastName');\n\n  return (\n    <Form>\n      <FormItem\n        label={t('profile:updateNameModal.firstName.label')}\n        {...firstName[0]}\n      >\n        <Input\n          placeholder={t('profile:updateNameModal.firstName.placeholder')}\n          {...firstName[1]}\n        />\n      </FormItem>\n\n      <FormItem\n        label={t('profile:updateNameModal.lastName.label')}\n        {...lastName[0]}\n      >\n        <Input\n          placeholder={t('profile:updateNameModal.lastName.placeholder')}\n          {...lastName[1]}\n        />\n      </FormItem>\n\n      {formError && <Alert type='error'>{formError}</Alert>}\n\n      {children}\n    </Form>\n  );\n};\n\nexport default ProfileUpdateNameForm;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,WAAW,QAAQ,qBAAqB;AAC1D,SAASC,KAAK,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,QAAQ,iBAAiB;AAC9D,SAASC,cAAc,QAAQ,eAAe;AAW9C,MAAMC,qBAA2D,GAAG,CAAC;EACnEC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAGH,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;EACzC,MAAM;IAAEI;EAAU,CAAC,GAAGV,OAAO,EAAE;EAE/B,MAAMW,SAAS,GAAGV,WAAW,CAAC,WAAW,CAAC;EAC1C,MAAMW,QAAQ,GAAGX,WAAW,CAAC,UAAU,CAAC;EAExC,oBACE,oBAAC,IAAI,qBACH,oBAAC,QAAQ;IACP,KAAK,EAAEQ,CAAC,CAAC,yCAAyC;EAAE,GAChDE,SAAS,CAAC,CAAC,CAAC,gBAEhB,oBAAC,KAAK;IACJ,WAAW,EAAEF,CAAC,CAAC,+CAA+C;EAAE,GAC5DE,SAAS,CAAC,CAAC,CAAC,EAChB,CACO,eAEX,oBAAC,QAAQ;IACP,KAAK,EAAEF,CAAC,CAAC,wCAAwC;EAAE,GAC/CG,QAAQ,CAAC,CAAC,CAAC,gBAEf,oBAAC,KAAK;IACJ,WAAW,EAAEH,CAAC,CAAC,8CAA8C;EAAE,GAC3DG,QAAQ,CAAC,CAAC,CAAC,EACf,CACO,EAEVF,SAAS,iBAAI,oBAAC,KAAK;IAAC,IAAI,EAAC;EAAO,GAAEA,SAAS,CAAS,EAEpDF,QAAQ,CACJ;AAEX,CAAC;AAED,eAAeD,qBAAqB"}