@mirai/core 0.3.147 → 0.3.148

package/build/components/Profile/components/Settings/Settings.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Settings = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _react = _interopRequireWildcard(require("react"));
+var _Settings = require("./Settings.Account");
+var _Settings2 = require("./Settings.constants");
+var style = _interopRequireWildcard(require("./Settings.module.css"));
+var _Settings3 = require("./Settings.Password");
+var _Settings4 = require("./Settings.Signout");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Settings = () => {
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const [context, setContext] = (0, _react.useState)(_Settings2.CONTEXT.ACCOUNT_DETAILS);
+  const {
+    label
+  } = _Settings2.CONTEXTS.find(function () {
+    let item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return item.id === context;
+  });
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: !isMobile,
+    className: style.settings
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.menu
+  }, _Settings2.CONTEXTS.map(_ref => {
+    let {
+      id,
+      icon,
+      label
+    } = _ref;
+    return /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+      key: id,
+      onPress: () => setContext(id),
+      className: (0, _ui.styles)(style.option, context === id && style.active)
+    }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+      value: icon
+    }), /*#__PURE__*/_react.default.createElement(_ui.Text, null, translate(label)));
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true,
+    className: style.form
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: true,
+    level: 2
+  }, translate(label)), context === _Settings2.CONTEXT.ACCOUNT_DETAILS && /*#__PURE__*/_react.default.createElement(_Settings.Account, null), context === _Settings2.CONTEXT.SECURITY && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Settings3.Password, null), /*#__PURE__*/_react.default.createElement(_Settings4.Signout, null))));
+};
+exports.Settings = Settings;
+Settings.displayName = 'Mirai:Core:Profile:Settings';
+Settings.propTypes = {};
+//# sourceMappingURL=Settings.js.map

package/build/components/Profile/components/Settings/Settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.js","names":["_locale","require","_ui","_react","_interopRequireWildcard","_Settings","_Settings2","style","_Settings3","_Settings4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Settings","isMobile","useDevice","translate","useLocale","context","setContext","useState","CONTEXT","ACCOUNT_DETAILS","label","CONTEXTS","find","item","arguments","length","undefined","id","createElement","View","row","className","settings","menu","map","_ref","icon","Pressable","key","onPress","styles","option","active","Icon","value","Text","wide","form","bold","headline","level","Account","SECURITY","Fragment","Password","Signout","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Settings/Settings.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Icon, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport React, { useState } from 'react';\n\nimport { Account } from './Settings.Account';\nimport { CONTEXT, CONTEXTS } from './Settings.constants';\nimport * as style from './Settings.module.css';\nimport { Password } from './Settings.Password';\nimport { Signout } from './Settings.Signout';\n\nconst Settings = () => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n\n  const [context, setContext] = useState(CONTEXT.ACCOUNT_DETAILS);\n\n  const { label } = CONTEXTS.find((item = {}) => item.id === context);\n\n  return (\n    <View row={!isMobile} className={style.settings}>\n      <View className={style.menu}>\n        {CONTEXTS.map(({ id, icon, label }) => (\n          <Pressable\n            key={id}\n            onPress={() => setContext(id)}\n            className={styles(style.option, context === id && style.active)}\n          >\n            <Icon value={icon} />\n            <Text>{translate(label)}</Text>\n          </Pressable>\n        ))}\n      </View>\n      <View wide className={style.form}>\n        <Text bold headline level={2}>\n          {translate(label)}\n        </Text>\n        {context === CONTEXT.ACCOUNT_DETAILS && <Account />}\n        {context === CONTEXT.SECURITY && (\n          <>\n            <Password />\n            <Signout />\n          </>\n        )}\n      </View>\n    </View>\n  );\n};\n\nSettings.displayName = 'Mirai:Core:Profile:Settings';\n\nSettings.propTypes = {};\n\nexport { Settings };\n"],"mappings":"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"}

package/build/components/Profile/{Profile.l10n.js → components/Settings/Settings.l10n.js}

@@ -5,14 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.L10N = void 0;
 const L10N = exports.L10N = {
-  ACTION_BOOKINGS: {
-    id: 'user.action.view_bookings',
-    defaultMessage: '　'
-  },
-  ACTION_PROFILE: {
-    id: 'user.action.view_profile',
-    defaultMessage: '　　　　　　　　　　'
-  },
   ACTION_SIGNOUT_CANCEL: {
     id: 'common.action.close'
   },
@@ -113,6 +105,14 @@ const L10N = exports.L10N = {
   },
   ERROR_PASSWORD: {
     id: 'common.notification.password_error'
+  },
+  LABEL_PERSONAL_DETAILS: {
+    id: 'user.label.personal_details',
+    defaultMessage: '　'
+  },
+  LABEL_SECURITY: {
+    id: 'user.label.security',
+    defaultMessage: '　'
   }
 };
-//# sourceMappingURL=Profile.l10n.js.map
+//# sourceMappingURL=Settings.l10n.js.map

package/build/components/Profile/components/Settings/Settings.l10n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.l10n.js","names":["L10N","exports","ACTION_SIGNOUT_CANCEL","id","BUTTON_SIGNOUT","defaultMessage","COUNTRY_LABEL","COUNTRY_PLACEHOLDER","CTA_SIGNOUT","CTA_ACCOUNT","CTA_PASSWORD","CTA_SIGNUP","DATEOFBIRTH_LABEL","DATEOFBIRTH_ERROR","DESCRIPTION_ACCOUNT","DESCRIPTION_PASSWORD","DESCRIPTION_SIGNOUT","DESCRIPTION_SIGNOUT_MODAL","DESCRIPTION_SIGNOUT_MODAL_SUCCESS","EMAIL_LABEL","FIRSTNAME_LABEL","LASTNAME_LABEL","PASSWORD_LABEL","PASSWORD_HINT","PASSWORD_NEW_LABEL","SUBSCRIBED_LABEL","TITLE_SIGNOUT","SUCCESS_ACCOUNT","SUCCESS_PASSWORD","SUCCESS_SIGNOUT","ERROR","ERROR_PASSWORD","LABEL_PERSONAL_DETAILS","LABEL_SECURITY"],"sources":["../../../../../src/components/Profile/components/Settings/Settings.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_SIGNOUT_CANCEL: { id: 'common.action.close' },\n\n  BUTTON_SIGNOUT: { id: 'user.action.delete_account', defaultMessage: '　' },\n\n  COUNTRY_LABEL: { id: 'user.label.country', defaultMessage: '　' },\n  COUNTRY_PLACEHOLDER: { id: 'common.label.select' },\n  CTA_SIGNOUT: { id: 'user.action.delete_account' },\n  CTA_ACCOUNT: { id: 'user.action.save_info', defaultMessage: '　' },\n  CTA_PASSWORD: { id: 'user.action.save_password', defaultMessage: '　' },\n  CTA_SIGNUP: { id: 'user.action.signup_again' },\n\n  DATEOFBIRTH_LABEL: { id: 'user.label.date_of_birth', defaultMessage: '　' },\n  DATEOFBIRTH_ERROR: { id: 'user.label.date_of_birth_error' },\n  DESCRIPTION_ACCOUNT: { id: 'user.label.description_account', defaultMessage: '　' },\n  DESCRIPTION_PASSWORD: { id: 'user.label.description_password', defaultMessage: '　' },\n  DESCRIPTION_SIGNOUT: { id: 'user.label.description_delete_account', defaultMessage: '　' },\n  DESCRIPTION_SIGNOUT_MODAL: { id: 'user.label.modal_delete_account' },\n  DESCRIPTION_SIGNOUT_MODAL_SUCCESS: { id: 'user.label.account_deleted' },\n\n  EMAIL_LABEL: { id: 'common.label.email', defaultMessage: '　' },\n\n  FIRSTNAME_LABEL: { id: 'common.label.name', defaultMessage: '　' },\n\n  LASTNAME_LABEL: { id: 'common.label.lastname', defaultMessage: '　' },\n\n  PASSWORD_LABEL: { id: 'common.label.password', defaultMessage: '　' },\n  PASSWORD_HINT: { id: 'user.label.password_hint', defaultMessage: '　' },\n  PASSWORD_NEW_LABEL: { id: 'common.label.new_password', defaultMessage: '　' },\n\n  SUBSCRIBED_LABEL: { id: 'user.label.subscribe', defaultMessage: '　' },\n\n  TITLE_SIGNOUT: { id: 'user.label.delete_account', defaultMessage: '　' },\n\n  // Notifications\n  SUCCESS_ACCOUNT: { id: 'user.notification.update_account_success' },\n  SUCCESS_PASSWORD: { id: 'user.notification.update_password_success' },\n  SUCCESS_SIGNOUT: { id: 'user.notification.delete_account_success' },\n\n  ERROR: { id: 'common.notification.network_error' },\n  ERROR_PASSWORD: { id: 'common.notification.password_error' },\n\n  LABEL_PERSONAL_DETAILS: { id: 'user.label.personal_details', defaultMessage: '　' },\n  LABEL_SECURITY: { id: 'user.label.security', defaultMessage: '　' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,qBAAqB,EAAE;IAAEC,EAAE,EAAE;EAAsB,CAAC;EAEpDC,cAAc,EAAE;IAAED,EAAE,EAAE,4BAA4B;IAAEE,cAAc,EAAE;EAAI,CAAC;EAEzEC,aAAa,EAAE;IAAEH,EAAE,EAAE,oBAAoB;IAAEE,cAAc,EAAE;EAAI,CAAC;EAChEE,mBAAmB,EAAE;IAAEJ,EAAE,EAAE;EAAsB,CAAC;EAClDK,WAAW,EAAE;IAAEL,EAAE,EAAE;EAA6B,CAAC;EACjDM,WAAW,EAAE;IAAEN,EAAE,EAAE,uBAAuB;IAAEE,cAAc,EAAE;EAAI,CAAC;EACjEK,YAAY,EAAE;IAAEP,EAAE,EAAE,2BAA2B;IAAEE,cAAc,EAAE;EAAI,CAAC;EACtEM,UAAU,EAAE;IAAER,EAAE,EAAE;EAA2B,CAAC;EAE9CS,iBAAiB,EAAE;IAAET,EAAE,EAAE,0BAA0B;IAAEE,cAAc,EAAE;EAAI,CAAC;EAC1EQ,iBAAiB,EAAE;IAAEV,EAAE,EAAE;EAAiC,CAAC;EAC3DW,mBAAmB,EAAE;IAAEX,EAAE,EAAE,gCAAgC;IAAEE,cAAc,EAAE;EAAI,CAAC;EAClFU,oBAAoB,EAAE;IAAEZ,EAAE,EAAE,iCAAiC;IAAEE,cAAc,EAAE;EAAI,CAAC;EACpFW,mBAAmB,EAAE;IAAEb,EAAE,EAAE,uCAAuC;IAAEE,cAAc,EAAE;EAAI,CAAC;EACzFY,yBAAyB,EAAE;IAAEd,EAAE,EAAE;EAAkC,CAAC;EACpEe,iCAAiC,EAAE;IAAEf,EAAE,EAAE;EAA6B,CAAC;EAEvEgB,WAAW,EAAE;IAAEhB,EAAE,EAAE,oBAAoB;IAAEE,cAAc,EAAE;EAAI,CAAC;EAE9De,eAAe,EAAE;IAAEjB,EAAE,EAAE,mBAAmB;IAAEE,cAAc,EAAE;EAAI,CAAC;EAEjEgB,cAAc,EAAE;IAAElB,EAAE,EAAE,uBAAuB;IAAEE,cAAc,EAAE;EAAI,CAAC;EAEpEiB,cAAc,EAAE;IAAEnB,EAAE,EAAE,uBAAuB;IAAEE,cAAc,EAAE;EAAI,CAAC;EACpEkB,aAAa,EAAE;IAAEpB,EAAE,EAAE,0BAA0B;IAAEE,cAAc,EAAE;EAAI,CAAC;EACtEmB,kBAAkB,EAAE;IAAErB,EAAE,EAAE,2BAA2B;IAAEE,cAAc,EAAE;EAAI,CAAC;EAE5EoB,gBAAgB,EAAE;IAAEtB,EAAE,EAAE,sBAAsB;IAAEE,cAAc,EAAE;EAAI,CAAC;EAErEqB,aAAa,EAAE;IAAEvB,EAAE,EAAE,2BAA2B;IAAEE,cAAc,EAAE;EAAI,CAAC;EAEvE;EACAsB,eAAe,EAAE;IAAExB,EAAE,EAAE;EAA2C,CAAC;EACnEyB,gBAAgB,EAAE;IAAEzB,EAAE,EAAE;EAA4C,CAAC;EACrE0B,eAAe,EAAE;IAAE1B,EAAE,EAAE;EAA2C,CAAC;EAEnE2B,KAAK,EAAE;IAAE3B,EAAE,EAAE;EAAoC,CAAC;EAClD4B,cAAc,EAAE;IAAE5B,EAAE,EAAE;EAAqC,CAAC;EAE5D6B,sBAAsB,EAAE;IAAE7B,EAAE,EAAE,6BAA6B;IAAEE,cAAc,EAAE;EAAI,CAAC;EAClF4B,cAAc,EAAE;IAAE9B,EAAE,EAAE,qBAAqB;IAAEE,cAAc,EAAE;EAAI;AACnE,CAAC"}

package/build/components/Profile/components/Settings/Settings.module.css

@@ -0,0 +1,70 @@
+.settings {
+  align-items: flex-start;
+  gap: var(--mirai-ui-space-L);
+}
+
+.settings .menu {
+  background-color: var(--mirai-ui-menu-base);
+  border-radius: var(--mirai-ui-menu-border-radius);
+  box-shadow: inset 0 0 0 var(--mirai-ui-border-width) var(--mirai-ui-menu-option-disabled);
+  /* min-width: var(--mirai-ui-menu-min-width); */
+  overflow: hidden;
+  width: var(--mirai-ui-breakpoint-S);
+}
+
+.menu .option {
+  display: flex;
+  flex-direction: var(--mirai-ui-row-direction);
+  gap: var(--mirai-ui-menu-option-padding);
+  padding: var(--mirai-ui-menu-option-padding);
+  width: 100%;
+}
+
+.menu .option:hover *,
+.menu .option.active * {
+  color: var(--mirai-ui-accent);
+}
+
+.menu .option:not(:last-child) {
+  box-shadow: inset 0 calc(var(--mirai-ui-border-width) * -1) var(--mirai-ui-menu-option-disabled);
+}
+
+.settings .form {
+  gap: var(--mirai-ui-space-M);
+}
+
+.form .box {
+  background-color: var(--mirai-ui-content-background);
+  border-radius: var(--mirai-ui-border-radius);
+  gap: var(--mirai-ui-space-M);
+  margin-top: var(--mirai-ui-space-L);
+  padding: var(--mirai-ui-space-M);
+}
+
+.form .notification {
+  margin-bottom: var(--mirai-ui-space-L);
+  width: 100%;
+}
+
+.modal {
+  padding: var(--mirai-ui-space-M);
+}
+
+.modal .buttons {
+  gap: var(--mirai-ui-space-L);
+  justify-content: flex-end;
+}
+
+/* S  */
+@media only screen and (max-width: 430px) {
+  .settings .menu {
+    width: 100%;
+  }
+}
+
+/* M & L */
+@media only screen and (min-width: 431px) {
+  .settings .menu {
+    width: var(--mirai-ui-breakpoint-S);
+  }
+}

package/build/components/Profile/components/Settings/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Settings = require("./Settings");
+Object.keys(_Settings).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Settings[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Settings[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/Profile/components/Settings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Settings","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Profile/components/Settings/index.js"],"sourcesContent":["export * from './Settings';\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/build/components/Profile/components/index.js

@@ -14,4 +14,15 @@ Object.keys(_Bookings).forEach(function (key) {
     }
   });
 });
+var _Settings = require("./Settings");
+Object.keys(_Settings).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Settings[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Settings[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/build/components/Profile/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Bookings","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Profile/components/index.js"],"sourcesContent":["export * from './Bookings';\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_Bookings","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Settings"],"sources":["../../../../src/components/Profile/components/index.js"],"sourcesContent":["export * from './Bookings';\nexport * from './Settings';\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,SAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,SAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,SAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,SAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/build/components/Session/Session.Account.js

@@ -23,6 +23,9 @@ const Account = _ref => {
   let {
     ghost
   } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
   const {
     translate
   } = (0, _locale.useLocale)();
@@ -68,6 +71,7 @@ const Account = _ref => {
   const handlePress = value => {
     if (!value) return setMenu(!menu);
     setMenu(false);
+    if (value === 'logout') return handleLogout();
     const url = (0, _helpers.getProfileUrl)({
       id,
       value,
@@ -82,7 +86,7 @@ const Account = _ref => {
       set({
         session: undefined
       });
-      return;
+      return window.location.reload();
     }
     const url = "".concat(process.env.SERVICE_USER, "/").concat(_Session.ENDPOINT.EXTERNAL_LOGOUT).concat((0, _helpers2.toUrlParams)({
       idtokenprovider: id,
@@ -91,17 +95,18 @@ const Account = _ref => {
     document.location.href = url;
   };
   const {
+    email,
     firstName,
     lastName,
     level
   } = session || {};
   let options = type === _Core.AUTH_TYPE.MIRAI ? [{
     icon: _helpers2.ICON.PERSON,
-    label: translate(_Session2.L10N.ACTION_PROFILE),
+    label: translate(_Session2.L10N.ACTION_MANAGE_ACCOUNT),
     value: 'profile'
   }, {
     icon: _helpers2.ICON.LIST,
-    label: translate(_Session2.L10N.ACTION_BOOKINGS),
+    label: translate(_Session2.L10N.ACTION_MY_BOOKINGS),
     value: 'bookings'
   }] : [];
   if (level) options = [{
@@ -115,19 +120,11 @@ const Account = _ref => {
     ref: ref
   }, /*#__PURE__*/_react.default.createElement(_ui.Menu, {
     visible: menu,
-    options: session ? [{
-      label: translate(_Session2.L10N.TITLE_WELCOME, {
-        firstname: firstName,
-        lastname: lastName
-      }),
-      divider: true
-    }, ...options, {
-      children: /*#__PURE__*/_react.default.createElement(_ui.Button, {
-        outlined: true,
-        wide: true,
-        onPress: handleLogout
-      }, translate(_Session2.L10N.CTA_LOGOUT))
-    }] : undefined,
+    options: session ? [...options, {
+      icon: _helpers2.ICON.LOGOUT,
+      label: translate(_Session2.L10N.CTA_LOGOUT),
+      value: 'logout'
+    }] : null,
     onPress: handlePress
   }, /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
     onPress: () => setMenu(!menu),
@@ -136,15 +133,21 @@ const Account = _ref => {
     } : undefined,
     className: style.pressable
   }, !ghost ? /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: true
-  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
-    role: "content",
-    value: _helpers2.ICON.ACCOUNT,
-    className: style.icon
-  }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    role: "content",
-    className: style.label
-  }, translate(_Session2.L10N.ACTION_ACCOUNT))) : undefined)));
+    row: true,
+    className: style.profile
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.avatar
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true
+  }, firstName)), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    action: true,
+    role: "content"
+  }, "".concat(firstName, " ").concat(lastName).trim()), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    tiny: true,
+    role: "content"
+  }, email))) : null)));
 };
 exports.Account = Account;
 Account.displayName = 'Mirai:Core:Session:Account';

package/build/components/Session/Session.Account.js.map

@@ -1 +1 @@
-{"version":3,"file":"Session.Account.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Session","_Session2","style","_Core","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Account","_ref","ghost","translate","useLocale","ref","useRef","value","club","authentication","type","AUTH_TYPE","MIRAI","cookies","id","session","store","useStore","menu","setMenu","useState","useEffect","handleClickOutside","_ref2","_ref$current","target","current","contains","undefined","document","addEventListener","PESTANA","pestana","token","ServiceUser","logout","removeEventListener","handlePress","url","getProfileUrl","location","href","handleLogout","concat","process","env","SERVICE_USER","ENDPOINT","EXTERNAL_LOGOUT","toUrlParams","idtokenprovider","domain","firstName","lastName","level","options","icon","ICON","PERSON","label","L10N","ACTION_PROFILE","LIST","ACTION_BOOKINGS","divider","LEVEL","createElement","View","role","Menu","visible","TITLE_WELCOME","firstname","lastname","children","Button","outlined","wide","onPress","CTA_LOGOUT","Pressable","dangerouslySetInnerHTML","__html","template","outerHTML","className","pressable","row","Icon","ACCOUNT","Text","ACTION_ACCOUNT","exports","displayName","propTypes","PropTypes","any"],"sources":["../../../src/components/Session/Session.Account.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceUser } from '@mirai/services';\nimport { Button, Icon, Menu, Pressable, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { template } from './helpers';\nimport { getProfileUrl } from './helpers';\nimport { ENDPOINT } from './Session.constants';\nimport { L10N } from './Session.l10n';\nimport * as style from './Session.module.css';\nimport { AUTH_TYPE } from '../../Core.constants';\nimport { ICON, toUrlParams } from '../helpers';\n\nconst Account = ({ ghost }) => {\n  const { translate } = useLocale();\n  const ref = useRef(null);\n  const {\n    set,\n    value: { club: { authentication: { type = AUTH_TYPE.MIRAI } = {} } = {}, cookies, id, session, ...store },\n  } = useStore();\n\n  const [menu, setMenu] = useState(false);\n\n  useEffect(() => {\n    const handleClickOutside = ({ target }) => {\n      if (!ref.current?.contains(target)) setMenu(undefined);\n    };\n    document.addEventListener('click', handleClickOutside, true);\n\n    if (type === AUTH_TYPE.PESTANA) {\n      const { pestana: token } = cookies;\n\n      if (session && !token) {\n        ServiceUser.logout();\n        set({ session: undefined });\n      }\n    }\n    return () => document.removeEventListener('click', handleClickOutside, true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handlePress = (value) => {\n    if (!value) return setMenu(!menu);\n\n    setMenu(false);\n\n    const url = getProfileUrl({ id, value, ...store });\n    if (!url) return;\n\n    document.location.href = url;\n  };\n\n  const handleLogout = () => {\n    ServiceUser.logout();\n\n    if (type === AUTH_TYPE.MIRAI) {\n      set({ session: undefined });\n      return;\n    }\n\n    const url = `${process.env.SERVICE_USER}/${ENDPOINT.EXTERNAL_LOGOUT}${toUrlParams({\n      idtokenprovider: id,\n      domain: document.location.href,\n    })}`;\n\n    document.location.href = url;\n  };\n\n  const { firstName, lastName, level } = session || {};\n\n  let options =\n    type === AUTH_TYPE.MIRAI\n      ? [\n          { icon: ICON.PERSON, label: translate(L10N.ACTION_PROFILE), value: 'profile' },\n          { icon: ICON.LIST, label: translate(L10N.ACTION_BOOKINGS), value: 'bookings' },\n        ]\n      : [];\n  if (level) options = [{ divider: true, label: translate(L10N.LEVEL, { level }) }, ...options];\n\n  return (\n    <View role=\"account\" ref={ref}>\n      <Menu\n        visible={menu}\n        options={\n          session\n            ? [\n                { label: translate(L10N.TITLE_WELCOME, { firstname: firstName, lastname: lastName }), divider: true },\n                ...options,\n                {\n                  children: (\n                    <Button outlined wide onPress={handleLogout}>\n                      {translate(L10N.CTA_LOGOUT)}\n                    </Button>\n                  ),\n                },\n              ]\n            : undefined\n        }\n        onPress={handlePress}\n      >\n        <Pressable\n          onPress={() => setMenu(!menu)}\n          dangerouslySetInnerHTML={ghost ? { __html: template(ghost.outerHTML, session) } : undefined}\n          className={style.pressable}\n        >\n          {!ghost ? (\n            <View row>\n              <Icon role=\"content\" value={ICON.ACCOUNT} className={style.icon} />\n              <Text role=\"content\" className={style.label}>\n                {translate(L10N.ACTION_ACCOUNT)}\n              </Text>\n            </View>\n          ) : undefined}\n        </Pressable>\n      </Menu>\n    </View>\n  );\n};\n\nAccount.displayName = 'Mirai:Core:Session:Account';\n\nAccount.propTypes = {\n  ghost: PropTypes.any,\n};\n\nexport { Account };\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,GAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAC,uBAAA,CAAAP,OAAA;AAEA,IAAAQ,QAAA,GAAAR,OAAA;AAEA,IAAAS,QAAA,GAAAT,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,KAAA,GAAAJ,uBAAA,CAAAP,OAAA;AACA,IAAAY,KAAA,GAAAZ,OAAA;AACA,IAAAa,SAAA,GAAAb,OAAA;AAA+C,SAAAc,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAlB,uBAAA8B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAE/C,MAAMC,OAAO,GAAGC,IAAA,IAAe;EAAA,IAAd;IAAEC;EAAM,CAAC,GAAAD,IAAA;EACxB,MAAM;IAAEE;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACjC,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EACxB,MAAM;IACJR,GAAG;IACHS,KAAK,EAAE;MAAEC,IAAI,EAAE;QAAEC,cAAc,EAAE;UAAEC,IAAI,GAAGC,eAAS,CAACC;QAAM,CAAC,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC,CAAC;MAAEC,OAAO;MAAEC,EAAE;MAAEC,OAAO;MAAE,GAAGC;IAAM;EAC1G,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EAEd,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEvC,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,kBAAkB,GAAGC,KAAA,IAAgB;MAAA,IAAAC,YAAA;MAAA,IAAf;QAAEC;MAAO,CAAC,GAAAF,KAAA;MACpC,IAAI,GAAAC,YAAA,GAACnB,GAAG,CAACqB,OAAO,cAAAF,YAAA,eAAXA,YAAA,CAAaG,QAAQ,CAACF,MAAM,CAAC,GAAEN,OAAO,CAACS,SAAS,CAAC;IACxD,CAAC;IACDC,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAER,kBAAkB,EAAE,IAAI,CAAC;IAE5D,IAAIZ,IAAI,KAAKC,eAAS,CAACoB,OAAO,EAAE;MAC9B,MAAM;QAAEC,OAAO,EAAEC;MAAM,CAAC,GAAGpB,OAAO;MAElC,IAAIE,OAAO,IAAI,CAACkB,KAAK,EAAE;QACrBC,qBAAW,CAACC,MAAM,CAAC,CAAC;QACpBrC,GAAG,CAAC;UAAEiB,OAAO,EAAEa;QAAU,CAAC,CAAC;MAC7B;IACF;IACA,OAAO,MAAMC,QAAQ,CAACO,mBAAmB,CAAC,OAAO,EAAEd,kBAAkB,EAAE,IAAI,CAAC;IAC5E;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMe,WAAW,GAAI9B,KAAK,IAAK;IAC7B,IAAI,CAACA,KAAK,EAAE,OAAOY,OAAO,CAAC,CAACD,IAAI,CAAC;IAEjCC,OAAO,CAAC,KAAK,CAAC;IAEd,MAAMmB,GAAG,GAAG,IAAAC,sBAAa,EAAC;MAAEzB,EAAE;MAAEP,KAAK;MAAE,GAAGS;IAAM,CAAC,CAAC;IAClD,IAAI,CAACsB,GAAG,EAAE;IAEVT,QAAQ,CAACW,QAAQ,CAACC,IAAI,GAAGH,GAAG;EAC9B,CAAC;EAED,MAAMI,YAAY,GAAGA,CAAA,KAAM;IACzBR,qBAAW,CAACC,MAAM,CAAC,CAAC;IAEpB,IAAIzB,IAAI,KAAKC,eAAS,CAACC,KAAK,EAAE;MAC5Bd,GAAG,CAAC;QAAEiB,OAAO,EAAEa;MAAU,CAAC,CAAC;MAC3B;IACF;IAEA,MAAMU,GAAG,MAAAK,MAAA,CAAMC,OAAO,CAACC,GAAG,CAACC,YAAY,OAAAH,MAAA,CAAII,iBAAQ,CAACC,eAAe,EAAAL,MAAA,CAAG,IAAAM,qBAAW,EAAC;MAChFC,eAAe,EAAEpC,EAAE;MACnBqC,MAAM,EAAEtB,QAAQ,CAACW,QAAQ,CAACC;IAC5B,CAAC,CAAC,CAAE;IAEJZ,QAAQ,CAACW,QAAQ,CAACC,IAAI,GAAGH,GAAG;EAC9B,CAAC;EAED,MAAM;IAAEc,SAAS;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGvC,OAAO,IAAI,CAAC,CAAC;EAEpD,IAAIwC,OAAO,GACT7C,IAAI,KAAKC,eAAS,CAACC,KAAK,GACpB,CACE;IAAE4C,IAAI,EAAEC,cAAI,CAACC,MAAM;IAAEC,KAAK,EAAExD,SAAS,CAACyD,cAAI,CAACC,cAAc,CAAC;IAAEtD,KAAK,EAAE;EAAU,CAAC,EAC9E;IAAEiD,IAAI,EAAEC,cAAI,CAACK,IAAI;IAAEH,KAAK,EAAExD,SAAS,CAACyD,cAAI,CAACG,eAAe,CAAC;IAAExD,KAAK,EAAE;EAAW,CAAC,CAC/E,GACD,EAAE;EACR,IAAI+C,KAAK,EAAEC,OAAO,GAAG,CAAC;IAAES,OAAO,EAAE,IAAI;IAAEL,KAAK,EAAExD,SAAS,CAACyD,cAAI,CAACK,KAAK,EAAE;MAAEX;IAAM,CAAC;EAAE,CAAC,EAAE,GAAGC,OAAO,CAAC;EAE7F,oBACErF,MAAA,CAAAc,OAAA,CAAAkF,aAAA,CAACnG,GAAA,CAAAoG,IAAI;IAACC,IAAI,EAAC,SAAS;IAAC/D,GAAG,EAAEA;EAAI,gBAC5BnC,MAAA,CAAAc,OAAA,CAAAkF,aAAA,CAACnG,GAAA,CAAAsG,IAAI;IACHC,OAAO,EAAEpD,IAAK;IACdqC,OAAO,EACLxC,OAAO,GACH,CACE;MAAE4C,KAAK,EAAExD,SAAS,CAACyD,cAAI,CAACW,aAAa,EAAE;QAAEC,SAAS,EAAEpB,SAAS;QAAEqB,QAAQ,EAAEpB;MAAS,CAAC,CAAC;MAAEW,OAAO,EAAE;IAAK,CAAC,EACrG,GAAGT,OAAO,EACV;MACEmB,QAAQ,eACNxG,MAAA,CAAAc,OAAA,CAAAkF,aAAA,CAACnG,GAAA,CAAA4G,MAAM;QAACC,QAAQ;QAACC,IAAI;QAACC,OAAO,EAAEpC;MAAa,GACzCvC,SAAS,CAACyD,cAAI,CAACmB,UAAU,CACpB;IAEZ,CAAC,CACF,GACDnD,SACL;IACDkD,OAAO,EAAEzC;EAAY,gBAErBnE,MAAA,CAAAc,OAAA,CAAAkF,aAAA,CAACnG,GAAA,CAAAiH,SAAS;IACRF,OAAO,EAAEA,CAAA,KAAM3D,OAAO,CAAC,CAACD,IAAI,CAAE;IAC9B+D,uBAAuB,EAAE/E,KAAK,GAAG;MAAEgF,MAAM,EAAE,IAAAC,iBAAQ,EAACjF,KAAK,CAACkF,SAAS,EAAErE,OAAO;IAAE,CAAC,GAAGa,SAAU;IAC5FyD,SAAS,EAAE9G,KAAK,CAAC+G;EAAU,GAE1B,CAACpF,KAAK,gBACLhC,MAAA,CAAAc,OAAA,CAAAkF,aAAA,CAACnG,GAAA,CAAAoG,IAAI;IAACoB,GAAG;EAAA,gBACPrH,MAAA,CAAAc,OAAA,CAAAkF,aAAA,CAACnG,GAAA,CAAAyH,IAAI;IAACpB,IAAI,EAAC,SAAS;IAAC7D,KAAK,EAAEkD,cAAI,CAACgC,OAAQ;IAACJ,SAAS,EAAE9G,KAAK,CAACiF;EAAK,CAAE,CAAC,eACnEtF,MAAA,CAAAc,OAAA,CAAAkF,aAAA,CAACnG,GAAA,CAAA2H,IAAI;IAACtB,IAAI,EAAC,SAAS;IAACiB,SAAS,EAAE9G,KAAK,CAACoF;EAAM,GACzCxD,SAAS,CAACyD,cAAI,CAAC+B,cAAc,CAC1B,CACF,CAAC,GACL/D,SACK,CACP,CACF,CAAC;AAEX,CAAC;AAACgE,OAAA,CAAA5F,OAAA,GAAAA,OAAA;AAEFA,OAAO,CAAC6F,WAAW,GAAG,4BAA4B;AAElD7F,OAAO,CAAC8F,SAAS,GAAG;EAClB5F,KAAK,EAAE6F,kBAAS,CAACC;AACnB,CAAC"}
+{"version":3,"file":"Session.Account.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Session","_Session2","style","_Core","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Account","_ref","ghost","isMobile","useDevice","translate","useLocale","ref","useRef","value","club","authentication","type","AUTH_TYPE","MIRAI","cookies","id","session","store","useStore","menu","setMenu","useState","useEffect","handleClickOutside","_ref2","_ref$current","target","current","contains","undefined","document","addEventListener","PESTANA","pestana","token","ServiceUser","logout","removeEventListener","handlePress","handleLogout","url","getProfileUrl","location","href","window","reload","concat","process","env","SERVICE_USER","ENDPOINT","EXTERNAL_LOGOUT","toUrlParams","idtokenprovider","domain","email","firstName","lastName","level","options","icon","ICON","PERSON","label","L10N","ACTION_MANAGE_ACCOUNT","LIST","ACTION_MY_BOOKINGS","divider","LEVEL","createElement","View","role","Menu","visible","LOGOUT","CTA_LOGOUT","onPress","Pressable","dangerouslySetInnerHTML","__html","template","outerHTML","className","pressable","row","profile","avatar","Text","bold","action","trim","tiny","exports","displayName","propTypes","PropTypes","any"],"sources":["../../../src/components/Session/Session.Account.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceUser } from '@mirai/services';\nimport { Menu, Pressable, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { template } from './helpers';\nimport { getProfileUrl } from './helpers';\nimport { ENDPOINT } from './Session.constants';\nimport { L10N } from './Session.l10n';\nimport * as style from './Session.module.css';\nimport { AUTH_TYPE } from '../../Core.constants';\nimport { ICON, toUrlParams } from '../helpers';\n\nconst Account = ({ ghost }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const ref = useRef(null);\n  const {\n    set,\n    value: { club: { authentication: { type = AUTH_TYPE.MIRAI } = {} } = {}, cookies, id, session, ...store },\n  } = useStore();\n\n  const [menu, setMenu] = useState(false);\n\n  useEffect(() => {\n    const handleClickOutside = ({ target }) => {\n      if (!ref.current?.contains(target)) setMenu(undefined);\n    };\n    document.addEventListener('click', handleClickOutside, true);\n\n    if (type === AUTH_TYPE.PESTANA) {\n      const { pestana: token } = cookies;\n\n      if (session && !token) {\n        ServiceUser.logout();\n        set({ session: undefined });\n      }\n    }\n    return () => document.removeEventListener('click', handleClickOutside, true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handlePress = (value) => {\n    if (!value) return setMenu(!menu);\n\n    setMenu(false);\n    if (value === 'logout') return handleLogout();\n\n    const url = getProfileUrl({ id, value, ...store });\n    if (!url) return;\n\n    document.location.href = url;\n  };\n\n  const handleLogout = () => {\n    ServiceUser.logout();\n\n    if (type === AUTH_TYPE.MIRAI) {\n      set({ session: undefined });\n      return window.location.reload();\n    }\n\n    const url = `${process.env.SERVICE_USER}/${ENDPOINT.EXTERNAL_LOGOUT}${toUrlParams({\n      idtokenprovider: id,\n      domain: document.location.href,\n    })}`;\n\n    document.location.href = url;\n  };\n\n  const { email, firstName, lastName, level } = session || {};\n\n  let options =\n    type === AUTH_TYPE.MIRAI\n      ? [\n          { icon: ICON.PERSON, label: translate(L10N.ACTION_MANAGE_ACCOUNT), value: 'profile' },\n          { icon: ICON.LIST, label: translate(L10N.ACTION_MY_BOOKINGS), value: 'bookings' },\n        ]\n      : [];\n  if (level) options = [{ divider: true, label: translate(L10N.LEVEL, { level }) }, ...options];\n\n  return (\n    <View role=\"account\" ref={ref}>\n      <Menu\n        visible={menu}\n        options={\n          session ? [...options, { icon: ICON.LOGOUT, label: translate(L10N.CTA_LOGOUT), value: 'logout' }] : null\n        }\n        onPress={handlePress}\n      >\n        <Pressable\n          onPress={() => setMenu(!menu)}\n          dangerouslySetInnerHTML={ghost ? { __html: template(ghost.outerHTML, session) } : undefined}\n          className={style.pressable}\n        >\n          {!ghost ? (\n            <View row className={style.profile}>\n              <View row className={style.avatar}>\n                <Text bold>{firstName}</Text>\n              </View>\n              {!isMobile && (\n                <View>\n                  <Text bold action role=\"content\">\n                    {`${firstName} ${lastName}`.trim()}\n                  </Text>\n                  <Text tiny role=\"content\">\n                    {email}\n                  </Text>\n                </View>\n              )}\n            </View>\n          ) : null}\n        </Pressable>\n      </Menu>\n    </View>\n  );\n};\n\nAccount.displayName = 'Mirai:Core:Session:Account';\n\nAccount.propTypes = {\n  ghost: PropTypes.any,\n};\n\nexport { Account };\n"],"mappings":"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"}

package/build/components/Session/Session.Login.js

@@ -18,7 +18,6 @@ var _helpers = require("../helpers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
 const Login = _ref => {
   let {
     buttonMode = false,
@@ -60,18 +59,19 @@ const Login = _ref => {
       __html: ghost.outerHTML
     } : undefined
   }, !ghost ? /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: true
+    row: true,
+    className: style.login
   }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
     role: "content",
-    value: _helpers.ICON.ACCOUNT,
-    className: style.icon
+    value: _helpers.ICON.ACCOUNT
   }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    role: "content",
-    className: style.label
-  }, translate(_Session2.L10N.ACTION_MODAL))) : undefined), /*#__PURE__*/_react.default.createElement(_SessionLogin.Modal, _extends({}, others, {
+    role: "content"
+  }, translate(_Session2.L10N.ACTION_MODAL))) : undefined), /*#__PURE__*/_react.default.createElement(_SessionLogin.Modal, {
+    testId: others.testId,
     visible: modal,
-    onClose: () => setModal(false)
-  })));
+    onClose: () => setModal(false),
+    className: others.className
+  }));
 };
 exports.Login = Login;
 Login.displayName = 'Mirai:Core:Session:Login';

package/build/components/Session/Session.Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Session.Login.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Session","_Session2","_SessionLogin","style","_Core","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Login","_ref","buttonMode","ghost","others","translate","useLocale","value","club","id","language","useStore","modal","setModal","useState","handlePress","authentication","type","AUTH_TYPE","MIRAI","url","concat","process","env","SERVICE_USER","ENDPOINT","EXTERNAL_LOGIN","toUrlParams","idtokenprovider","domain","document","location","href","lang","createElement","Fragment","Button","secondary","onPress","L10N","ACTION_MODAL","Pressable","role","dangerouslySetInnerHTML","__html","outerHTML","undefined","View","row","Icon","ICON","ACCOUNT","className","icon","Text","label","Modal","visible","onClose","exports","displayName","propTypes","PropTypes","bool","any"],"sources":["../../../src/components/Session/Session.Login.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Icon, Pressable, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { ENDPOINT } from './Session.constants';\nimport { L10N } from './Session.l10n';\nimport { Modal } from './Session.Login.Modal';\nimport * as style from './Session.module.css';\nimport { AUTH_TYPE } from '../../Core.constants';\nimport { ICON, toUrlParams } from '../helpers';\n\nconst Login = ({ buttonMode = false, ghost, ...others }) => {\n  const { translate } = useLocale();\n  const {\n    value: { club = {}, id, language },\n  } = useStore();\n\n  const [modal, setModal] = useState(false);\n\n  const handlePress = () => {\n    const { authentication: { type = AUTH_TYPE.MIRAI } = {} } = club;\n    if (type === AUTH_TYPE.MIRAI) return setModal(true);\n\n    const url = `${process.env.SERVICE_USER}/${ENDPOINT.EXTERNAL_LOGIN}${toUrlParams({\n      idtokenprovider: id,\n      domain: document.location.href,\n      lang: language,\n    })}`;\n    document.location.href = url;\n  };\n\n  return (\n    <>\n      {buttonMode ? (\n        <Button secondary onPress={handlePress}>\n          {translate(L10N.ACTION_MODAL)}\n        </Button>\n      ) : (\n        <Pressable\n          role=\"login\"\n          onPress={handlePress}\n          dangerouslySetInnerHTML={ghost ? { __html: ghost.outerHTML } : undefined}\n        >\n          {!ghost ? (\n            <View row>\n              <Icon role=\"content\" value={ICON.ACCOUNT} className={style.icon} />\n              <Text role=\"content\" className={style.label}>\n                {translate(L10N.ACTION_MODAL)}\n              </Text>\n            </View>\n          ) : undefined}\n        </Pressable>\n      )}\n\n      <Modal {...others} visible={modal} onClose={() => setModal(false)} />\n    </>\n  );\n};\n\nLogin.displayName = 'Mirai:Core:Session:Login';\n\nLogin.propTypes = {\n  buttonMode: PropTypes.bool,\n  ghost: PropTypes.any,\n};\n\nexport { Login };\n"],"mappings":"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"}
+{"version":3,"file":"Session.Login.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Session","_Session2","_SessionLogin","style","_Core","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Login","_ref","buttonMode","ghost","others","translate","useLocale","value","club","id","language","useStore","modal","setModal","useState","handlePress","authentication","type","AUTH_TYPE","MIRAI","url","concat","process","env","SERVICE_USER","ENDPOINT","EXTERNAL_LOGIN","toUrlParams","idtokenprovider","domain","document","location","href","lang","createElement","Fragment","Button","secondary","onPress","L10N","ACTION_MODAL","Pressable","role","dangerouslySetInnerHTML","__html","outerHTML","undefined","View","row","className","login","Icon","ICON","ACCOUNT","Text","Modal","testId","visible","onClose","exports","displayName","propTypes","PropTypes","bool","any"],"sources":["../../../src/components/Session/Session.Login.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Icon, Pressable, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { ENDPOINT } from './Session.constants';\nimport { L10N } from './Session.l10n';\nimport { Modal } from './Session.Login.Modal';\nimport * as style from './Session.module.css';\nimport { AUTH_TYPE } from '../../Core.constants';\nimport { ICON, toUrlParams } from '../helpers';\n\nconst Login = ({ buttonMode = false, ghost, ...others }) => {\n  const { translate } = useLocale();\n  const {\n    value: { club = {}, id, language },\n  } = useStore();\n\n  const [modal, setModal] = useState(false);\n\n  const handlePress = () => {\n    const { authentication: { type = AUTH_TYPE.MIRAI } = {} } = club;\n    if (type === AUTH_TYPE.MIRAI) return setModal(true);\n\n    const url = `${process.env.SERVICE_USER}/${ENDPOINT.EXTERNAL_LOGIN}${toUrlParams({\n      idtokenprovider: id,\n      domain: document.location.href,\n      lang: language,\n    })}`;\n    document.location.href = url;\n  };\n\n  return (\n    <>\n      {buttonMode ? (\n        <Button secondary onPress={handlePress}>\n          {translate(L10N.ACTION_MODAL)}\n        </Button>\n      ) : (\n        <Pressable\n          role=\"login\"\n          onPress={handlePress}\n          dangerouslySetInnerHTML={ghost ? { __html: ghost.outerHTML } : undefined}\n        >\n          {!ghost ? (\n            <View row className={style.login}>\n              <Icon role=\"content\" value={ICON.ACCOUNT} />\n              <Text role=\"content\">{translate(L10N.ACTION_MODAL)}</Text>\n            </View>\n          ) : undefined}\n        </Pressable>\n      )}\n\n      <Modal testId={others.testId} visible={modal} onClose={() => setModal(false)} className={others.className} />\n    </>\n  );\n};\n\nLogin.displayName = 'Mirai:Core:Session:Login';\n\nLogin.propTypes = {\n  buttonMode: PropTypes.bool,\n  ghost: PropTypes.any,\n};\n\nexport { Login };\n"],"mappings":"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"}

package/build/components/Session/Session.l10n.js

@@ -5,22 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.L10N = void 0;
 const L10N = exports.L10N = {
-  ACTION_ACCOUNT: {
-    id: 'user.action.my_account'
-  },
-  ACTION_MODAL: {
-    id: 'common.action.login',
-    defaultMessage: 'Log in'
-  },
   ACTION_BACK: {
     id: 'user.action.back_login'
   },
-  ACTION_BOOKINGS: {
-    id: 'user.action.view_bookings'
-  },
   ACTION_CHANGE_PASSWORD: {
     id: 'user.action.change_login_password'
   },
+  ACTION_MANAGE_ACCOUNT: {
+    id: 'user.action.manage_account',
+    defaultMessage: 'Log in'
+  },
+  ACTION_MODAL: {
+    id: 'common.action.login',
+    defaultMessage: 'Log in'
+  },
+  ACTION_MY_BOOKINGS: {
+    id: 'user.action.my_bookings'
+  },
   ACTION_PROFILE: {
     id: 'user.action.view_profile'
   },
@@ -60,9 +61,6 @@ const L10N = exports.L10N = {
   TITLE_RESET: {
     id: 'user.action.reset'
   },
-  TITLE_WELCOME: {
-    id: 'user.label.title_welcome'
-  },
   NOTIFICATION_ERROR: {
     id: 'common.notification.error_unknown'
   },

package/build/components/Session/Session.l10n.js.map

@@ -1 +1 @@
-{"version":3,"file":"Session.l10n.js","names":["L10N","exports","ACTION_ACCOUNT","id","ACTION_MODAL","defaultMessage","ACTION_BACK","ACTION_BOOKINGS","ACTION_CHANGE_PASSWORD","ACTION_PROFILE","ACTION_RESET","ACTION_SIGNUP","CTA","CTA_RESET","CTA_LOGOUT","FORM_DESCRIPTION","FORM_RESET_DESCRIPTION","EMAIL_LABEL","LEVEL","PASSWORD_LABEL","TITLE","TITLE_RESET","TITLE_WELCOME","NOTIFICATION_ERROR","NOTIFICATION_FINISH_SIGNUP_TITLE","NOTIFICATION_FINISH_SIGNUP_DESCRIPTION","NOTIFICATION_FINISH_SIGNUP_ERROR","NOTIFICATION_SUCCESS_RESET"],"sources":["../../../src/components/Session/Session.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_ACCOUNT: { id: 'user.action.my_account' },\n  ACTION_MODAL: { id: 'common.action.login', defaultMessage: 'Log in' },\n  ACTION_BACK: { id: 'user.action.back_login' },\n  ACTION_BOOKINGS: { id: 'user.action.view_bookings' },\n  ACTION_CHANGE_PASSWORD: { id: 'user.action.change_login_password' },\n  ACTION_PROFILE: { id: 'user.action.view_profile' },\n  ACTION_RESET: { id: 'user.action.reset' },\n  ACTION_SIGNUP: { id: 'user.action.signup' },\n  CTA: { id: 'common.action.login' },\n  CTA_RESET: { id: 'user.action.cta_reset' },\n  CTA_LOGOUT: { id: 'common.action.logout' },\n  FORM_DESCRIPTION: { id: 'user.label.form_description' },\n  FORM_RESET_DESCRIPTION: { id: 'user.label.form_reset_description' },\n  EMAIL_LABEL: { id: 'common.label.email' },\n  LEVEL: { id: 'user.label.level' },\n  PASSWORD_LABEL: { id: 'common.label.password' },\n  TITLE: { id: 'user.label.title_session' },\n  TITLE_RESET: { id: 'user.action.reset' },\n  TITLE_WELCOME: { id: 'user.label.title_welcome' },\n  NOTIFICATION_ERROR: { id: 'common.notification.error_unknown' },\n  NOTIFICATION_FINISH_SIGNUP_TITLE: { id: 'user.notification.activation_success' },\n  NOTIFICATION_FINISH_SIGNUP_DESCRIPTION: { id: 'user.notification.finish_signup_description' },\n  NOTIFICATION_FINISH_SIGNUP_ERROR: { id: 'user.notification.validation_error' },\n  NOTIFICATION_SUCCESS_RESET: { id: 'user.notification.success_reset' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,cAAc,EAAE;IAAEC,EAAE,EAAE;EAAyB,CAAC;EAChDC,YAAY,EAAE;IAAED,EAAE,EAAE,qBAAqB;IAAEE,cAAc,EAAE;EAAS,CAAC;EACrEC,WAAW,EAAE;IAAEH,EAAE,EAAE;EAAyB,CAAC;EAC7CI,eAAe,EAAE;IAAEJ,EAAE,EAAE;EAA4B,CAAC;EACpDK,sBAAsB,EAAE;IAAEL,EAAE,EAAE;EAAoC,CAAC;EACnEM,cAAc,EAAE;IAAEN,EAAE,EAAE;EAA2B,CAAC;EAClDO,YAAY,EAAE;IAAEP,EAAE,EAAE;EAAoB,CAAC;EACzCQ,aAAa,EAAE;IAAER,EAAE,EAAE;EAAqB,CAAC;EAC3CS,GAAG,EAAE;IAAET,EAAE,EAAE;EAAsB,CAAC;EAClCU,SAAS,EAAE;IAAEV,EAAE,EAAE;EAAwB,CAAC;EAC1CW,UAAU,EAAE;IAAEX,EAAE,EAAE;EAAuB,CAAC;EAC1CY,gBAAgB,EAAE;IAAEZ,EAAE,EAAE;EAA8B,CAAC;EACvDa,sBAAsB,EAAE;IAAEb,EAAE,EAAE;EAAoC,CAAC;EACnEc,WAAW,EAAE;IAAEd,EAAE,EAAE;EAAqB,CAAC;EACzCe,KAAK,EAAE;IAAEf,EAAE,EAAE;EAAmB,CAAC;EACjCgB,cAAc,EAAE;IAAEhB,EAAE,EAAE;EAAwB,CAAC;EAC/CiB,KAAK,EAAE;IAAEjB,EAAE,EAAE;EAA2B,CAAC;EACzCkB,WAAW,EAAE;IAAElB,EAAE,EAAE;EAAoB,CAAC;EACxCmB,aAAa,EAAE;IAAEnB,EAAE,EAAE;EAA2B,CAAC;EACjDoB,kBAAkB,EAAE;IAAEpB,EAAE,EAAE;EAAoC,CAAC;EAC/DqB,gCAAgC,EAAE;IAAErB,EAAE,EAAE;EAAuC,CAAC;EAChFsB,sCAAsC,EAAE;IAAEtB,EAAE,EAAE;EAA8C,CAAC;EAC7FuB,gCAAgC,EAAE;IAAEvB,EAAE,EAAE;EAAqC,CAAC;EAC9EwB,0BAA0B,EAAE;IAAExB,EAAE,EAAE;EAAkC;AACtE,CAAC"}
+{"version":3,"file":"Session.l10n.js","names":["L10N","exports","ACTION_BACK","id","ACTION_CHANGE_PASSWORD","ACTION_MANAGE_ACCOUNT","defaultMessage","ACTION_MODAL","ACTION_MY_BOOKINGS","ACTION_PROFILE","ACTION_RESET","ACTION_SIGNUP","CTA","CTA_RESET","CTA_LOGOUT","FORM_DESCRIPTION","FORM_RESET_DESCRIPTION","EMAIL_LABEL","LEVEL","PASSWORD_LABEL","TITLE","TITLE_RESET","NOTIFICATION_ERROR","NOTIFICATION_FINISH_SIGNUP_TITLE","NOTIFICATION_FINISH_SIGNUP_DESCRIPTION","NOTIFICATION_FINISH_SIGNUP_ERROR","NOTIFICATION_SUCCESS_RESET"],"sources":["../../../src/components/Session/Session.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_BACK: { id: 'user.action.back_login' },\n  ACTION_CHANGE_PASSWORD: { id: 'user.action.change_login_password' },\n  ACTION_MANAGE_ACCOUNT: { id: 'user.action.manage_account', defaultMessage: 'Log in' },\n  ACTION_MODAL: { id: 'common.action.login', defaultMessage: 'Log in' },\n  ACTION_MY_BOOKINGS: { id: 'user.action.my_bookings' },\n  ACTION_PROFILE: { id: 'user.action.view_profile' },\n  ACTION_RESET: { id: 'user.action.reset' },\n  ACTION_SIGNUP: { id: 'user.action.signup' },\n  CTA: { id: 'common.action.login' },\n  CTA_RESET: { id: 'user.action.cta_reset' },\n  CTA_LOGOUT: { id: 'common.action.logout' },\n  FORM_DESCRIPTION: { id: 'user.label.form_description' },\n  FORM_RESET_DESCRIPTION: { id: 'user.label.form_reset_description' },\n  EMAIL_LABEL: { id: 'common.label.email' },\n  LEVEL: { id: 'user.label.level' },\n  PASSWORD_LABEL: { id: 'common.label.password' },\n  TITLE: { id: 'user.label.title_session' },\n  TITLE_RESET: { id: 'user.action.reset' },\n  NOTIFICATION_ERROR: { id: 'common.notification.error_unknown' },\n  NOTIFICATION_FINISH_SIGNUP_TITLE: { id: 'user.notification.activation_success' },\n  NOTIFICATION_FINISH_SIGNUP_DESCRIPTION: { id: 'user.notification.finish_signup_description' },\n  NOTIFICATION_FINISH_SIGNUP_ERROR: { id: 'user.notification.validation_error' },\n  NOTIFICATION_SUCCESS_RESET: { id: 'user.notification.success_reset' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,WAAW,EAAE;IAAEC,EAAE,EAAE;EAAyB,CAAC;EAC7CC,sBAAsB,EAAE;IAAED,EAAE,EAAE;EAAoC,CAAC;EACnEE,qBAAqB,EAAE;IAAEF,EAAE,EAAE,4BAA4B;IAAEG,cAAc,EAAE;EAAS,CAAC;EACrFC,YAAY,EAAE;IAAEJ,EAAE,EAAE,qBAAqB;IAAEG,cAAc,EAAE;EAAS,CAAC;EACrEE,kBAAkB,EAAE;IAAEL,EAAE,EAAE;EAA0B,CAAC;EACrDM,cAAc,EAAE;IAAEN,EAAE,EAAE;EAA2B,CAAC;EAClDO,YAAY,EAAE;IAAEP,EAAE,EAAE;EAAoB,CAAC;EACzCQ,aAAa,EAAE;IAAER,EAAE,EAAE;EAAqB,CAAC;EAC3CS,GAAG,EAAE;IAAET,EAAE,EAAE;EAAsB,CAAC;EAClCU,SAAS,EAAE;IAAEV,EAAE,EAAE;EAAwB,CAAC;EAC1CW,UAAU,EAAE;IAAEX,EAAE,EAAE;EAAuB,CAAC;EAC1CY,gBAAgB,EAAE;IAAEZ,EAAE,EAAE;EAA8B,CAAC;EACvDa,sBAAsB,EAAE;IAAEb,EAAE,EAAE;EAAoC,CAAC;EACnEc,WAAW,EAAE;IAAEd,EAAE,EAAE;EAAqB,CAAC;EACzCe,KAAK,EAAE;IAAEf,EAAE,EAAE;EAAmB,CAAC;EACjCgB,cAAc,EAAE;IAAEhB,EAAE,EAAE;EAAwB,CAAC;EAC/CiB,KAAK,EAAE;IAAEjB,EAAE,EAAE;EAA2B,CAAC;EACzCkB,WAAW,EAAE;IAAElB,EAAE,EAAE;EAAoB,CAAC;EACxCmB,kBAAkB,EAAE;IAAEnB,EAAE,EAAE;EAAoC,CAAC;EAC/DoB,gCAAgC,EAAE;IAAEpB,EAAE,EAAE;EAAuC,CAAC;EAChFqB,sCAAsC,EAAE;IAAErB,EAAE,EAAE;EAA8C,CAAC;EAC7FsB,gCAAgC,EAAE;IAAEtB,EAAE,EAAE;EAAqC,CAAC;EAC9EuB,0BAA0B,EAAE;IAAEvB,EAAE,EAAE;EAAkC;AACtE,CAAC"}

package/build/components/Session/Session.module.css

@@ -2,17 +2,42 @@
   margin-top: var(--mirai-ui-space-L);
 }
 
-.description {
-  margin-bottom: var(--mirai-ui-space-S);
+/*  Session.Login.jsx */
+.login {
+  align-items: center;
+  gap: var(--mirai-ui-space-XS);
+}
+
+/*  Session.Account.jsx */
+.profile {
+  align-items: center;
+  border-radius: var(--mirai-ui-border-radius);
+  gap: var(--mirai-ui-space-S);
+  padding: var(--mirai-ui-space-XS) var(--mirai-ui-space-S);
+}
+
+.profile:hover {
+  background-color: var(--mirai-ui-content-background);
+}
+
+.profile .avatar {
+  background-color: var(--mirai-ui-content-border);
+  border-radius: 50%;
+  height: calc(var(--mirai-ui-space-XL) - var(--mirai-ui-space-M));
+  justify-content: center;
+  overflow: hidden;
+  width: calc(var(--mirai-ui-space-XL) - var(--mirai-ui-space-M));
 }
 
-.icon {
-  color: var(--mirai-ui-content);
-  margin-right: var(--mirai-ui-space-XS);
+.profile .avatar > [data-role='text'] {
+  text-transform: uppercase;
+  display: inline-block !important;
+  max-width: 10px;
+  overflow: hidden;
 }
 
-.icon + .label {
-  color: var(--mirai-ui-content);
+.description {
+  margin-bottom: var(--mirai-ui-space-S);
 }
 
 .modal {