@mirai/core 0.3.160 → 0.3.161

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

@@ -11,16 +11,12 @@ var _ui = require("@mirai/ui");
 var _react = _interopRequireWildcard(require("react"));
 var _Settings = require("./Settings.l10n");
 var style = _interopRequireWildcard(require("./Settings.module.css"));
-var _helpers = require("../../../helpers");
-var _Session = require("../../../Session/Session.constants");
 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 Signout = () => {
   const {
     value: {
-      club = {},
-      hotel = {},
-      language
+      club = {}
     }
   } = (0, _dataSources.useStore)();
   const {
@@ -40,18 +36,12 @@ const Signout = () => {
     setBusy(false);
   };
   const handleClose = () => {
+    if (response) return window.location.reload();
     setModal(false);
   };
   const handleOpen = () => {
     setModal(true);
   };
-  const handleSignup = () => {
-    const url = "".concat(process.env.SERVICE_USER, "/").concat(_Session.ENDPOINT.SIGNUP).concat((0, _helpers.toUrlParams)({
-      idtokenprovider: hotel.id,
-      lang: language
-    }));
-    document.location.href = url;
-  };
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.box
   }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
@@ -75,7 +65,10 @@ const Signout = () => {
     error: !!responseError,
     success: !!response,
     className: style.notification
-  }, translate(responseError ? _Settings.L10N.ERROR : _Settings.L10N.SUCCESS_SIGNOUT)), !response ? /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }, translate(responseError ? _Settings.L10N.ERROR : _Settings.L10N.SUCCESS_SIGNOUT), response && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    className: style.description
+  }, translate(_Settings.L10N.DESCRIPTION_SIGNOUT_MODAL_SUCCESS))), !response ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     className: style.buttons
   }, /*#__PURE__*/_react.default.createElement(_ui.Action, {
@@ -84,11 +77,7 @@ const Signout = () => {
   }, translate(_Settings.L10N.ACTION_SIGNOUT_CANCEL)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
     busy: busy,
     onPress: handleSubmit
-  }, translate(_Settings.L10N.CTA_SIGNOUT))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Text, null, translate(_Settings.L10N.DESCRIPTION_SIGNOUT_MODAL_SUCCESS)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    wide: true,
-    type: "submit",
-    onPress: handleSignup
-  }, translate(_Settings.L10N.CTA_SIGNUP))))));
+  }, translate(_Settings.L10N.CTA_SIGNOUT))) : null)));
 };
 exports.Signout = Signout;
 Signout.displayName = 'Mirai:Core:Profile:Signout';

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

@@ -1 +1 @@
-{"version":3,"file":"Settings.Signout.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Settings","style","_helpers","_Session","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Signout","value","club","hotel","language","useStore","translate","useLocale","busy","setBusy","useState","modal","setModal","response","setResponse","responseError","setResponseError","handleSubmit","undefined","ServiceUser","signout","catch","error","handleClose","handleOpen","handleSignup","url","concat","process","env","SERVICE_USER","ENDPOINT","SIGNUP","toUrlParams","idtokenprovider","id","lang","document","location","href","createElement","View","className","box","Text","bold","headline","L10N","TITLE_SIGNOUT","name","DESCRIPTION_SIGNOUT","Button","secondary","large","wide","onPress","BUTTON_SIGNOUT","Modal","title","visible","onClose","DESCRIPTION_SIGNOUT_MODAL","Notification","success","notification","ERROR","SUCCESS_SIGNOUT","row","buttons","Action","disabled","ACTION_SIGNOUT_CANCEL","CTA_SIGNOUT","Fragment","DESCRIPTION_SIGNOUT_MODAL_SUCCESS","type","CTA_SIGNUP","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Settings/Settings.Signout.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceUser } from '@mirai/services';\nimport { Action, Button, Modal, Notification, Text, View } from '@mirai/ui';\nimport React, { useState } from 'react';\n\nimport { L10N } from './Settings.l10n';\nimport * as style from './Settings.module.css';\nimport { toUrlParams } from '../../../helpers';\nimport { ENDPOINT } from '../../../Session/Session.constants';\n\nconst Signout = () => {\n  const {\n    value: { club = {}, hotel = {}, language },\n  } = useStore();\n  const { translate } = useLocale();\n\n  const [busy, setBusy] = useState(false);\n  const [modal, setModal] = useState(false);\n  const [response, setResponse] = useState();\n  const [responseError, setResponseError] = useState();\n\n  const handleSubmit = async () => {\n    setBusy(true);\n    setResponseError(undefined);\n\n    const response = await ServiceUser.signout().catch((error) => {\n      setResponseError(error);\n    });\n\n    setResponse(response);\n    setBusy(false);\n  };\n\n  const handleClose = () => {\n    setModal(false);\n  };\n\n  const handleOpen = () => {\n    setModal(true);\n  };\n\n  const handleSignup = () => {\n    const url = `${process.env.SERVICE_USER}/${ENDPOINT.SIGNUP}${toUrlParams({\n      idtokenprovider: hotel.id,\n      lang: language,\n    })}`;\n\n    document.location.href = url;\n  };\n\n  return (\n    <View className={style.box}>\n      <Text bold headline>\n        {translate(L10N.TITLE_SIGNOUT, { club: club.name })}\n      </Text>\n      <Text>{translate(L10N.DESCRIPTION_SIGNOUT)}</Text>\n\n      <Button secondary large wide onPress={handleOpen}>\n        {translate(L10N.BUTTON_SIGNOUT)}\n      </Button>\n\n      <Modal title={translate(L10N.BUTTON_SIGNOUT)} visible={modal} onClose={handleClose}>\n        <View className={style.modal}>\n          {!response && <Text>{translate(L10N.DESCRIPTION_SIGNOUT_MODAL)}</Text>}\n\n          {(response || responseError) && (\n            <Notification\n              large={!!response}\n              error={!!responseError}\n              success={!!response}\n              className={style.notification}\n            >\n              {translate(responseError ? L10N.ERROR : L10N.SUCCESS_SIGNOUT)}\n            </Notification>\n          )}\n\n          {!response ? (\n            <View row className={style.buttons}>\n              <Action disabled={busy} onPress={handleClose}>\n                {translate(L10N.ACTION_SIGNOUT_CANCEL)}\n              </Action>\n              <Button busy={busy} onPress={handleSubmit}>\n                {translate(L10N.CTA_SIGNOUT)}\n              </Button>\n            </View>\n          ) : (\n            <>\n              <Text>{translate(L10N.DESCRIPTION_SIGNOUT_MODAL_SUCCESS)}</Text>\n              <Button wide type=\"submit\" onPress={handleSignup}>\n                {translate(L10N.CTA_SIGNUP)}\n              </Button>\n            </>\n          )}\n        </View>\n      </Modal>\n    </View>\n  );\n};\n\nSignout.displayName = 'Mirai:Core:Profile:Signout';\n\nSignout.propTypes = {};\n\nexport { Signout };\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,GAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAC,uBAAA,CAAAL,OAAA;AAEA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAF,uBAAA,CAAAL,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AAA8D,SAAAU,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,SAAAN,wBAAAM,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;AAE9D,MAAMY,OAAO,GAAGA,CAAA,KAAM;EACpB,MAAM;IACJC,KAAK,EAAE;MAAEC,IAAI,GAAG,CAAC,CAAC;MAAEC,KAAK,GAAG,CAAC,CAAC;MAAEC;IAAS;EAC3C,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EACd,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAEjC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACvC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EACzC,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAJ,eAAQ,EAAC,CAAC;EAC1C,MAAM,CAACK,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAN,eAAQ,EAAC,CAAC;EAEpD,MAAMO,YAAY,GAAG,MAAAA,CAAA,KAAY;IAC/BR,OAAO,CAAC,IAAI,CAAC;IACbO,gBAAgB,CAACE,SAAS,CAAC;IAE3B,MAAML,QAAQ,GAAG,MAAMM,qBAAW,CAACC,OAAO,CAAC,CAAC,CAACC,KAAK,CAAEC,KAAK,IAAK;MAC5DN,gBAAgB,CAACM,KAAK,CAAC;IACzB,CAAC,CAAC;IAEFR,WAAW,CAACD,QAAQ,CAAC;IACrBJ,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC;EAED,MAAMc,WAAW,GAAGA,CAAA,KAAM;IACxBX,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC;EAED,MAAMY,UAAU,GAAGA,CAAA,KAAM;IACvBZ,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC;EAED,MAAMa,YAAY,GAAGA,CAAA,KAAM;IACzB,MAAMC,GAAG,MAAAC,MAAA,CAAMC,OAAO,CAACC,GAAG,CAACC,YAAY,OAAAH,MAAA,CAAII,iBAAQ,CAACC,MAAM,EAAAL,MAAA,CAAG,IAAAM,oBAAW,EAAC;MACvEC,eAAe,EAAE/B,KAAK,CAACgC,EAAE;MACzBC,IAAI,EAAEhC;IACR,CAAC,CAAC,CAAE;IAEJiC,QAAQ,CAACC,QAAQ,CAACC,IAAI,GAAGb,GAAG;EAC9B,CAAC;EAED,oBACErD,MAAA,CAAAY,OAAA,CAAAuD,aAAA,CAACpE,GAAA,CAAAqE,IAAI;IAACC,SAAS,EAAElE,KAAK,CAACmE;EAAI,gBACzBtE,MAAA,CAAAY,OAAA,CAAAuD,aAAA,CAACpE,GAAA,CAAAwE,IAAI;IAACC,IAAI;IAACC,QAAQ;EAAA,GAChBxC,SAAS,CAACyC,cAAI,CAACC,aAAa,EAAE;IAAE9C,IAAI,EAAEA,IAAI,CAAC+C;EAAK,CAAC,CAC9C,CAAC,eACP5E,MAAA,CAAAY,OAAA,CAAAuD,aAAA,CAACpE,GAAA,CAAAwE,IAAI,QAAEtC,SAAS,CAACyC,cAAI,CAACG,mBAAmB,CAAQ,CAAC,eAElD7E,MAAA,CAAAY,OAAA,CAAAuD,aAAA,CAACpE,GAAA,CAAA+E,MAAM;IAACC,SAAS;IAACC,KAAK;IAACC,IAAI;IAACC,OAAO,EAAE/B;EAAW,GAC9ClB,SAAS,CAACyC,cAAI,CAACS,cAAc,CACxB,CAAC,eAETnF,MAAA,CAAAY,OAAA,CAAAuD,aAAA,CAACpE,GAAA,CAAAqF,KAAK;IAACC,KAAK,EAAEpD,SAAS,CAACyC,cAAI,CAACS,cAAc,CAAE;IAACG,OAAO,EAAEhD,KAAM;IAACiD,OAAO,EAAErC;EAAY,gBACjFlD,MAAA,CAAAY,OAAA,CAAAuD,aAAA,CAACpE,GAAA,CAAAqE,IAAI;IAACC,SAAS,EAAElE,KAAK,CAACmC;EAAM,GAC1B,CAACE,QAAQ,iBAAIxC,MAAA,CAAAY,OAAA,CAAAuD,aAAA,CAACpE,GAAA,CAAAwE,IAAI,QAAEtC,SAAS,CAACyC,cAAI,CAACc,yBAAyB,CAAQ,CAAC,EAErE,CAAChD,QAAQ,IAAIE,aAAa,kBACzB1C,MAAA,CAAAY,OAAA,CAAAuD,aAAA,CAACpE,GAAA,CAAA0F,YAAY;IACXT,KAAK,EAAE,CAAC,CAACxC,QAAS;IAClBS,KAAK,EAAE,CAAC,CAACP,aAAc;IACvBgD,OAAO,EAAE,CAAC,CAAClD,QAAS;IACpB6B,SAAS,EAAElE,KAAK,CAACwF;EAAa,GAE7B1D,SAAS,CAACS,aAAa,GAAGgC,cAAI,CAACkB,KAAK,GAAGlB,cAAI,CAACmB,eAAe,CAChD,CACf,EAEA,CAACrD,QAAQ,gBACRxC,MAAA,CAAAY,OAAA,CAAAuD,aAAA,CAACpE,GAAA,CAAAqE,IAAI;IAAC0B,GAAG;IAACzB,SAAS,EAAElE,KAAK,CAAC4F;EAAQ,gBACjC/F,MAAA,CAAAY,OAAA,CAAAuD,aAAA,CAACpE,GAAA,CAAAiG,MAAM;IAACC,QAAQ,EAAE9D,IAAK;IAAC+C,OAAO,EAAEhC;EAAY,GAC1CjB,SAAS,CAACyC,cAAI,CAACwB,qBAAqB,CAC/B,CAAC,eACTlG,MAAA,CAAAY,OAAA,CAAAuD,aAAA,CAACpE,GAAA,CAAA+E,MAAM;IAAC3C,IAAI,EAAEA,IAAK;IAAC+C,OAAO,EAAEtC;EAAa,GACvCX,SAAS,CAACyC,cAAI,CAACyB,WAAW,CACrB,CACJ,CAAC,gBAEPnG,MAAA,CAAAY,OAAA,CAAAuD,aAAA,CAAAnE,MAAA,CAAAY,OAAA,CAAAwF,QAAA,qBACEpG,MAAA,CAAAY,OAAA,CAAAuD,aAAA,CAACpE,GAAA,CAAAwE,IAAI,QAAEtC,SAAS,CAACyC,cAAI,CAAC2B,iCAAiC,CAAQ,CAAC,eAChErG,MAAA,CAAAY,OAAA,CAAAuD,aAAA,CAACpE,GAAA,CAAA+E,MAAM;IAACG,IAAI;IAACqB,IAAI,EAAC,QAAQ;IAACpB,OAAO,EAAE9B;EAAa,GAC9CnB,SAAS,CAACyC,cAAI,CAAC6B,UAAU,CACpB,CACR,CAEA,CACD,CACH,CAAC;AAEX,CAAC;AAACC,OAAA,CAAA7E,OAAA,GAAAA,OAAA;AAEFA,OAAO,CAAC8E,WAAW,GAAG,4BAA4B;AAElD9E,OAAO,CAAC+E,SAAS,GAAG,CAAC,CAAC"}
+{"version":3,"file":"Settings.Signout.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Settings","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Signout","value","club","useStore","translate","useLocale","busy","setBusy","useState","modal","setModal","response","setResponse","responseError","setResponseError","handleSubmit","undefined","ServiceUser","signout","catch","error","handleClose","window","location","reload","handleOpen","createElement","View","className","box","Text","bold","headline","L10N","TITLE_SIGNOUT","name","DESCRIPTION_SIGNOUT","Button","secondary","large","wide","onPress","BUTTON_SIGNOUT","Modal","title","visible","onClose","DESCRIPTION_SIGNOUT_MODAL","Notification","success","notification","ERROR","SUCCESS_SIGNOUT","small","description","DESCRIPTION_SIGNOUT_MODAL_SUCCESS","row","buttons","Action","disabled","ACTION_SIGNOUT_CANCEL","CTA_SIGNOUT","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Settings/Settings.Signout.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceUser } from '@mirai/services';\nimport { Action, Button, Modal, Notification, Text, View } from '@mirai/ui';\nimport React, { useState } from 'react';\n\nimport { L10N } from './Settings.l10n';\nimport * as style from './Settings.module.css';\n\nconst Signout = () => {\n  const {\n    value: { club = {} },\n  } = useStore();\n  const { translate } = useLocale();\n\n  const [busy, setBusy] = useState(false);\n  const [modal, setModal] = useState(false);\n  const [response, setResponse] = useState();\n  const [responseError, setResponseError] = useState();\n\n  const handleSubmit = async () => {\n    setBusy(true);\n    setResponseError(undefined);\n\n    const response = await ServiceUser.signout().catch((error) => {\n      setResponseError(error);\n    });\n\n    setResponse(response);\n    setBusy(false);\n  };\n\n  const handleClose = () => {\n    if (response) return window.location.reload();\n    setModal(false);\n  };\n\n  const handleOpen = () => {\n    setModal(true);\n  };\n\n  return (\n    <View className={style.box}>\n      <Text bold headline>\n        {translate(L10N.TITLE_SIGNOUT, { club: club.name })}\n      </Text>\n      <Text>{translate(L10N.DESCRIPTION_SIGNOUT)}</Text>\n\n      <Button secondary large wide onPress={handleOpen}>\n        {translate(L10N.BUTTON_SIGNOUT)}\n      </Button>\n\n      <Modal title={translate(L10N.BUTTON_SIGNOUT)} visible={modal} onClose={handleClose}>\n        <View className={style.modal}>\n          {!response && <Text>{translate(L10N.DESCRIPTION_SIGNOUT_MODAL)}</Text>}\n\n          {(response || responseError) && (\n            <Notification\n              large={!!response}\n              error={!!responseError}\n              success={!!response}\n              className={style.notification}\n            >\n              {translate(responseError ? L10N.ERROR : L10N.SUCCESS_SIGNOUT)}\n              {response && (\n                <Text small className={style.description}>\n                  {translate(L10N.DESCRIPTION_SIGNOUT_MODAL_SUCCESS)}\n                </Text>\n              )}\n            </Notification>\n          )}\n\n          {!response ? (\n            <View row className={style.buttons}>\n              <Action disabled={busy} onPress={handleClose}>\n                {translate(L10N.ACTION_SIGNOUT_CANCEL)}\n              </Action>\n              <Button busy={busy} onPress={handleSubmit}>\n                {translate(L10N.CTA_SIGNOUT)}\n              </Button>\n            </View>\n          ) : null}\n        </View>\n      </Modal>\n    </View>\n  );\n};\n\nSignout.displayName = 'Mirai:Core:Profile:Signout';\n\nSignout.propTypes = {};\n\nexport { Signout };\n"],"mappings":"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"}

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

@@ -42,12 +42,17 @@
 }
 
 .form .notification {
-  margin-bottom: var(--mirai-ui-space-L);
   width: 100%;
+  text-align: center;
 }
 
 .modal {
   padding: var(--mirai-ui-space-M);
+  gap: var(--mirai-ui-space-M);
+}
+
+.modal .description {
+  text-align: center;
 }
 
 .modal .buttons {

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

@@ -96,8 +96,8 @@ const Account = _ref => {
   };
   const {
     email,
-    firstName,
-    lastName,
+    firstName = '',
+    lastName = '',
     level
   } = session || {};
   let options = type === _Core.AUTH_TYPE.MIRAI ? [{
@@ -134,15 +134,19 @@ const Account = _ref => {
     className: style.pressable
   }, !ghost ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
-    className: style.profile
+    className: style.account
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     className: style.avatar
   }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true,
     bold: true
-  }, firstName)), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    bold: true,
+  }, "".concat(firstName.substr(0, 1)).concat(lastName.substr(0, 1)).toUpperCase())), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true,
+    className: style.texts
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
     action: true,
+    bold: true,
     role: "content"
   }, "".concat(firstName, " ").concat(lastName).trim()), /*#__PURE__*/_react.default.createElement(_ui.Text, {
     tiny: true,

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","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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"}
+{"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","account","avatar","Text","action","bold","substr","toUpperCase","wide","texts","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.account}>\n              <View row className={style.avatar}>\n                <Text action bold>\n                  {`${firstName.substr(0, 1)}${lastName.substr(0, 1)}`.toUpperCase()}\n                </Text>\n              </View>\n              {!isMobile && (\n                <View wide className={style.texts}>\n                  <Text action bold 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.module.css

@@ -9,31 +9,28 @@
 }
 
 /*  Session.Account.jsx */
-.profile {
+.account {
   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 {
+.account .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));
+  min-width: calc(var(--mirai-ui-space-XL) - var(--mirai-ui-space-M));
+}
+
+.account .texts {
+  max-width: calc(var(--mirai-ui-space-XL) * 3);
 }
 
-.profile .avatar > [data-role='text'] {
-  text-transform: uppercase;
-  display: inline-block !important;
-  max-width: 10px;
+.account .texts > * {
   overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .description {
@@ -83,6 +80,16 @@
 
 /* M & L */
 @media only screen and (min-width: 431px) {
+  .account {
+    border-radius: var(--mirai-ui-border-radius);
+    gap: var(--mirai-ui-space-S);
+    padding: var(--mirai-ui-space-XS) var(--mirai-ui-space-S);
+  }
+
+  .account:hover {
+    background-color: var(--mirai-ui-content-background);
+  }
+
   .children {
     align-items: stretch;
     padding: var(--mirai-ui-space-L) 0 0 var(--mirai-ui-space-L);

package/build/components/Session/__tests__/__snapshots__/Session.test.js.snap

@@ -861,13 +861,13 @@ exports[`component:<Session> with an stored session 1`] = `
             class="view row"
           >
             <span
-              class="text bold paragraph"
+              class="text bold action"
             >
-              Javi
+              JJ
             </span>
           </div>
           <div
-            class="view"
+            class="view wide"
           >
             <span
               class="text bold action"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/core",
-  "version": "0.3.160",
+  "version": "0.3.161",
   "source": "src/index.js",
   "repository": "https://gitlab.com/miraicorp/dev/frontend/core",
   "author": "JΛVI <hello@soyjavi.com>",