@os-team/profile 1.0.47 → 1.0.49

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

@@ -16,6 +16,7 @@ var _ProfileContext = require("./ProfileContext");
 var _ProfileButton = _interopRequireDefault(require("./ProfileButton"));
 var _ProfileUpdateNameModal = _interopRequireDefault(require("./ProfileUpdateNameModal"));
 var _ProfileUpdatePasswordModal = _interopRequireDefault(require("./ProfileUpdatePasswordModal"));
+var _getErrorMessage = _interopRequireDefault(require("../../utils/getErrorMessage"));
 var _ProfileDrawerContentUpdateAvatarMutation, _ProfileDrawerContentSignOutMutation, _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -54,9 +55,7 @@ var DeleteAvatarButton = function DeleteAvatarButton() {
         }
       },
       onError: function onError(error) {
-        var _source, _source$errors, _source$errors$;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        _core.message.error((_source = error.source) === null || _source === void 0 ? void 0 : (_source$errors = _source.errors) === null || _source$errors === void 0 ? void 0 : (_source$errors$ = _source$errors[0]) === null || _source$errors$ === void 0 ? void 0 : _source$errors$.message);
+        return _core.message.error((0, _getErrorMessage.default)(error));
       },
       onCompleted: function onCompleted() {
         _core.message.success(t('profile:updated'));
@@ -91,9 +90,7 @@ var UpdateAvatarButton = function UpdateAvatarButton(_ref) {
         avatar: file
       },
       onError: function onError(error) {
-        var _source2, _source2$errors, _source2$errors$;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        _core.message.error((_source2 = error.source) === null || _source2 === void 0 ? void 0 : (_source2$errors = _source2.errors) === null || _source2$errors === void 0 ? void 0 : (_source2$errors$ = _source2$errors[0]) === null || _source2$errors$ === void 0 ? void 0 : _source2$errors$.message);
+        return _core.message.error((0, _getErrorMessage.default)(error));
       },
       onCompleted: function onCompleted() {
         _core.message.success(t('profile:updated'));
@@ -162,9 +159,7 @@ var SignOutButton = function SignOutButton() {
     commit({
       variables: {},
       onError: function onError(error) {
-        var _source3, _source3$errors, _source3$errors$;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        _core.message.error((_source3 = error.source) === null || _source3 === void 0 ? void 0 : (_source3$errors = _source3.errors) === null || _source3$errors === void 0 ? void 0 : (_source3$errors$ = _source3$errors[0]) === null || _source3$errors$ === void 0 ? void 0 : _source3$errors$.message);
+        return _core.message.error((0, _getErrorMessage.default)(error));
       },
       onCompleted: function onCompleted() {
         window.location.href = '/auth/';

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileDrawerContent.js","names":["AvatarContainer","styled","div","UserContent","FullName","p","theme","sizes","large","Email","clr","inputColorPlaceholder","ActionsContainer","Footer","HiddenInput","input","profileDrawerContentUpdateAvatarMutation","DeleteAvatarButton","useTranslation","t","useMutation","commit","loading","handler","useCallback","variables","avatar","onError","error","message","source","errors","onCompleted","success","UpdateAvatarButton","hasAvatar","fileInputRef","useRef","e","target","files","file","uploadables","current","value","click","UpdateNameButton","hasName","useState","modalVisibility","setModalVisibility","ChangePasswordButton","SignOutButton","window","location","href","ProfileDrawerContent","actions","children","useProfile","email","firstName","lastName","fullName","useMemo","filter","i","join"],"sources":["../../../../src/lib/components/profile/ProfileDrawerContent.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { message, ThemeSwitcher } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { clr } from '@os-design/theming';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay/hooks';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport UserAvatar from './UserAvatar';\nimport { useProfile } from './ProfileContext';\nimport ProfileButton from './ProfileButton';\nimport ProfileUpdateNameModal from './ProfileUpdateNameModal';\nimport ProfileUpdatePasswordModal from './ProfileUpdatePasswordModal';\nimport { ProfileDrawerContentSignOutMutation } from './__generated__/ProfileDrawerContentSignOutMutation.graphql';\nimport { ProfileDrawerContentUpdateAvatarMutation } from './__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql';\n\nexport interface ProfileDrawerContentProps {\n  /**\n   * Additional actions placed under the avatar.\n   * @default undefined\n   */\n  actions?: React.ReactNode;\n  /**\n   * The children.\n   */\n  children?: React.ReactNode;\n}\n\nconst AvatarContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst UserContent = styled.div`\n  margin-top: 1em;\n`;\n\nconst FullName = styled.div`\n  font-size: ${(p) => p.theme.sizes.large}em;\n  font-weight: 500;\n  text-align: center;\n  line-height: 1.2;\n`;\n\nconst Email = styled.div`\n  color: ${(p) => clr(p.theme.inputColorPlaceholder)};\n  margin-top: 0.2em;\n  text-align: center;\n`;\n\nconst ActionsContainer = styled.div`\n  margin-top: 1.5em;\n`;\n\nconst Footer = styled.div`\n  display: flex;\n  justify-content: center;\n  margin-top: auto;\n  padding-top: 1.5em;\n`;\n\nconst HiddenInput = styled.input`\n  display: none;\n`;\n\nconst profileDrawerContentUpdateAvatarMutation = graphql`\n  mutation ProfileDrawerContentUpdateAvatarMutation(\n    $input: UpdateAvatarInput!\n  ) {\n    updateAvatar(input: $input) {\n      id\n      avatar\n    }\n  }\n`;\n\nconst DeleteAvatarButton: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n\n  const [commit, loading] =\n    useMutation<ProfileDrawerContentUpdateAvatarMutation>(\n      profileDrawerContentUpdateAvatarMutation\n    );\n\n  const handler = useCallback(() => {\n    commit({\n      variables: {\n        input: { avatar: null },\n      },\n      onError: (error) => {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        message.error((error as any).source?.errors?.[0]?.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:updated'));\n      },\n    });\n  }, [commit, t]);\n\n  return (\n    <ProfileButton loading={loading} onClick={handler}>\n      {t('profile:deleteAvatar')}\n    </ProfileButton>\n  );\n};\n\ninterface UpdateAvatarButtonProps {\n  hasAvatar: boolean;\n}\n\nconst UpdateAvatarButton: React.FC<UpdateAvatarButtonProps> = ({\n  hasAvatar,\n}) => {\n  const { t } = useTranslation(['profile']);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const [commit, loading] =\n    useMutation<ProfileDrawerContentUpdateAvatarMutation>(\n      profileDrawerContentUpdateAvatarMutation\n    );\n\n  const handler = useCallback(\n    (e) => {\n      const target = e.target as HTMLInputElement | null;\n      if (!target) return;\n\n      const { files } = target;\n      if (!files) return;\n\n      const file = files[0];\n\n      commit({\n        variables: {\n          input: {},\n        },\n        uploadables: { avatar: file },\n        onError: (error) => {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          message.error((error as any).source?.errors?.[0]?.message);\n        },\n        onCompleted: () => {\n          message.success(t('profile:updated'));\n        },\n      });\n    },\n    [commit, t]\n  );\n\n  return (\n    <>\n      <ProfileButton\n        loading={loading}\n        onClick={() => {\n          if (!fileInputRef.current) return;\n          fileInputRef.current.value = '';\n          fileInputRef.current.click();\n        }}\n      >\n        {t(`profile:${hasAvatar ? 'changeAvatar' : 'setAvatar'}`)}\n      </ProfileButton>\n\n      <HiddenInput\n        type='file'\n        accept='image/jpeg,image/png,image/webp'\n        onChange={handler}\n        ref={fileInputRef}\n      />\n    </>\n  );\n};\n\ninterface UpdateNameButtonProps {\n  hasName: boolean;\n}\n\nconst UpdateNameButton: React.FC<UpdateNameButtonProps> = ({ hasName }) => {\n  const { t } = useTranslation(['profile']);\n  const [modalVisibility, setModalVisibility] = useState(false);\n\n  return (\n    <>\n      <ProfileButton onClick={() => setModalVisibility(true)}>\n        {t(`profile:${hasName ? 'changeName' : 'setName'}`)}\n      </ProfileButton>\n\n      <ProfileUpdateNameModal\n        visibility={modalVisibility}\n        onClose={() => setModalVisibility(false)}\n      />\n    </>\n  );\n};\n\nconst ChangePasswordButton: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n  const [modalVisibility, setModalVisibility] = useState(false);\n\n  return (\n    <>\n      <ProfileButton onClick={() => setModalVisibility(true)}>\n        {t('profile:changePassword')}\n      </ProfileButton>\n\n      <ProfileUpdatePasswordModal\n        visibility={modalVisibility}\n        onClose={() => setModalVisibility(false)}\n      />\n    </>\n  );\n};\n\nconst SignOutButton: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n\n  const [commit, loading] =\n    useMutation<ProfileDrawerContentSignOutMutation>(graphql`\n      mutation ProfileDrawerContentSignOutMutation {\n        signOut {\n          ok\n        }\n      }\n    `);\n\n  const handler = useCallback(() => {\n    commit({\n      variables: {},\n      onError: (error) => {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        message.error((error as any).source?.errors?.[0]?.message);\n      },\n      onCompleted: () => {\n        window.location.href = '/auth/';\n      },\n    });\n  }, [commit]);\n\n  return (\n    <ProfileButton danger loading={loading} onClick={handler}>\n      {t('profile:signOut')}\n    </ProfileButton>\n  );\n};\n\nconst ProfileDrawerContent: React.FC<ProfileDrawerContentProps> = ({\n  actions,\n  children,\n}) => {\n  const { email, firstName, lastName, avatar } = useProfile();\n\n  const fullName = useMemo(\n    () => [firstName, lastName].filter((i) => i).join(' '),\n    [firstName, lastName]\n  );\n\n  return (\n    <>\n      <AvatarContainer>\n        <UserAvatar size='10em' />\n        <UserContent>\n          {fullName && <FullName>{fullName}</FullName>}\n          <Email>{email}</Email>\n        </UserContent>\n      </AvatarContainer>\n\n      <ActionsContainer>\n        {avatar && <DeleteAvatarButton />}\n\n        <UpdateAvatarButton hasAvatar={!!avatar} />\n        <UpdateNameButton hasName={!!fullName} />\n        <ChangePasswordButton />\n\n        {actions}\n\n        <SignOutButton />\n\n        {children}\n      </ActionsContainer>\n\n      <Footer>\n        <ThemeSwitcher />\n      </Footer>\n    </>\n  );\n};\n\nexport default ProfileDrawerContent;\n"],"mappings":"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"}
+{"version":3,"file":"ProfileDrawerContent.js","names":["AvatarContainer","styled","div","UserContent","FullName","p","theme","sizes","large","Email","clr","inputColorPlaceholder","ActionsContainer","Footer","HiddenInput","input","profileDrawerContentUpdateAvatarMutation","DeleteAvatarButton","useTranslation","t","useMutation","commit","loading","handler","useCallback","variables","avatar","onError","error","message","getErrorMessage","onCompleted","success","UpdateAvatarButton","hasAvatar","fileInputRef","useRef","e","target","files","file","uploadables","current","value","click","UpdateNameButton","hasName","useState","modalVisibility","setModalVisibility","ChangePasswordButton","SignOutButton","window","location","href","ProfileDrawerContent","actions","children","useProfile","email","firstName","lastName","fullName","useMemo","filter","i","join"],"sources":["../../../../src/lib/components/profile/ProfileDrawerContent.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { message, ThemeSwitcher } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { clr } from '@os-design/theming';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay/hooks';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport UserAvatar from './UserAvatar';\nimport { useProfile } from './ProfileContext';\nimport ProfileButton from './ProfileButton';\nimport ProfileUpdateNameModal from './ProfileUpdateNameModal';\nimport ProfileUpdatePasswordModal from './ProfileUpdatePasswordModal';\nimport { ProfileDrawerContentSignOutMutation } from './__generated__/ProfileDrawerContentSignOutMutation.graphql';\nimport { ProfileDrawerContentUpdateAvatarMutation } from './__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql';\nimport getErrorMessage from '../../utils/getErrorMessage';\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) => message.error(getErrorMessage(error)),\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) => message.error(getErrorMessage(error)),\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) => message.error(getErrorMessage(error)),\n      onCompleted: () => {\n        window.location.href = '/auth/';\n      },\n    });\n  }, [commit]);\n\n  return (\n    <ProfileButton danger loading={loading} onClick={handler}>\n      {t('profile:signOut')}\n    </ProfileButton>\n  );\n};\n\nconst ProfileDrawerContent: React.FC<ProfileDrawerContentProps> = ({\n  actions,\n  children,\n}) => {\n  const { email, firstName, lastName, avatar } = useProfile();\n\n  const fullName = useMemo(\n    () => [firstName, lastName].filter((i) => i).join(' '),\n    [firstName, lastName]\n  );\n\n  return (\n    <>\n      <AvatarContainer>\n        <UserAvatar size='10em' />\n        <UserContent>\n          {fullName && <FullName>{fullName}</FullName>}\n          <Email>{email}</Email>\n        </UserContent>\n      </AvatarContainer>\n\n      <ActionsContainer>\n        {avatar && <DeleteAvatarButton />}\n\n        <UpdateAvatarButton hasAvatar={!!avatar} />\n        <UpdateNameButton hasName={!!fullName} />\n        <ChangePasswordButton />\n\n        {actions}\n\n        <SignOutButton />\n\n        {children}\n      </ActionsContainer>\n\n      <Footer>\n        <ThemeSwitcher />\n      </Footer>\n    </>\n  );\n};\n\nexport default ProfileDrawerContent;\n"],"mappings":"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"}

package/dist/cjs/components/session/SessionList.js

@@ -23,7 +23,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var sessionListFragment = _SessionList_sessions !== void 0 ? _SessionList_sessions : (_SessionList_sessions = require("./__generated__/SessionList_sessions.graphql"), _SessionList_sessions.hash && _SessionList_sessions.hash !== "1b21c937c7ba795f09bfcb5ada7d2510" && console.error("The definition of 'SessionList_sessions' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionList_sessions);
+var sessionsFragment = _SessionList_sessions !== void 0 ? _SessionList_sessions : (_SessionList_sessions = require("./__generated__/SessionList_sessions.graphql"), _SessionList_sessions.hash && _SessionList_sessions.hash !== "1b21c937c7ba795f09bfcb5ada7d2510" && console.error("The definition of 'SessionList_sessions' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionList_sessions);
 var Title = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-weight: 500;\n  margin: 1em 1em 0.5em;\n"])));
 exports.Title = Title;
 var List = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n"])), function (p) {
@@ -38,7 +38,7 @@ var SESSION_LIST_PADDING_VERTICAL = 0.5;
 exports.SESSION_LIST_PADDING_VERTICAL = SESSION_LIST_PADDING_VERTICAL;
 var SessionList = function SessionList(_ref) {
   var sessionsKey = _ref.sessionsKey;
-  var _useFragment = (0, _hooks.useFragment)(sessionListFragment, sessionsKey),
+  var _useFragment = (0, _hooks.useFragment)(sessionsFragment, sessionsKey),
     sessions = _useFragment.sessions;
   var _useTranslation = (0, _reactI18next.useTranslation)(['profile']),
     t = _useTranslation.t;

package/dist/cjs/components/session/SessionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionList.js","names":["sessionListFragment","Title","styled","div","List","p","clr","theme","listItemColorBorder","DestroyAllOtherSessionsButton","Button","OtherSessions","SESSION_LIST_PADDING_VERTICAL","SessionList","sessionsKey","useFragment","sessions","useTranslation","t","currentSession","useMemo","find","session","current","otherSessions","filter","sort","a","b","Date","lastSeenAt","getTime","useMutation","commitDestroyAllOtherSessions","loadingDestroyAllOtherSessions","destroyAllOtherSessions","useCallback","variables","updater","store","record","get","sessionRecords","getLinkedRecords","setLinkedRecords","item","getDataID","id","onError","error","message","onCompleted","success","length","map"],"sources":["../../../../src/lib/components/session/SessionList.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useFragment, useMutation } from 'react-relay/hooks';\nimport { Button, message } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { useTranslation } from 'react-i18next';\nimport { clr } from '@os-design/theming';\nimport { SessionList_sessions$key } from './__generated__/SessionList_sessions.graphql';\nimport SessionListItem from './SessionListItem';\nimport { SessionListDestroyAllOtherSessionsMutation } from './__generated__/SessionListDestroyAllOtherSessionsMutation.graphql';\n\nconst sessionListFragment = graphql`\n  fragment SessionList_sessions on Query\n  @refetchable(queryName: \"SessionListRefetchQuery\") {\n    sessions {\n      id\n      current\n      lastSeenAt\n      ...SessionListItem_session\n    }\n  }\n`;\n\ninterface SessionListProps {\n  sessionsKey: SessionList_sessions$key;\n}\n\nexport const Title = styled.div`\n  font-weight: 500;\n  margin: 1em 1em 0.5em;\n`;\n\nexport const List = styled.div`\n  border-top: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n  border-bottom: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n`;\n\nconst DestroyAllOtherSessionsButton = styled(Button)`\n  & > span {\n    flex: 1;\n    text-align: left;\n  }\n`;\n\nconst OtherSessions = styled.div`\n  margin-top: 2em;\n`;\n\nexport const SESSION_LIST_PADDING_VERTICAL = 0.5;\n\nconst SessionList: React.FC<SessionListProps> = ({ sessionsKey }) => {\n  const { sessions } = useFragment(sessionListFragment, sessionsKey);\n  const { t } = useTranslation(['profile']);\n\n  const currentSession = useMemo(\n    () => sessions.find((session) => session.current),\n    [sessions]\n  );\n\n  const otherSessions = useMemo(\n    () =>\n      sessions\n        .filter((session) => !session.current)\n        .sort(\n          (a, b) =>\n            new Date(b.lastSeenAt).getTime() - new Date(a.lastSeenAt).getTime()\n        ),\n    [sessions]\n  );\n\n  const [commitDestroyAllOtherSessions, loadingDestroyAllOtherSessions] =\n    useMutation<SessionListDestroyAllOtherSessionsMutation>(graphql`\n      mutation SessionListDestroyAllOtherSessionsMutation {\n        destroyAllOtherSessions {\n          ok\n        }\n      }\n    `);\n\n  const destroyAllOtherSessions = useCallback(() => {\n    commitDestroyAllOtherSessions({\n      variables: {},\n      updater: (store) => {\n        const record = store.get('client:root');\n        if (!record) return;\n\n        const sessionRecords = record.getLinkedRecords('sessions');\n        if (!sessionRecords) return;\n\n        record.setLinkedRecords(\n          sessionRecords.filter(\n            (item) => item.getDataID() === currentSession?.id\n          ),\n          'sessions'\n        );\n      },\n      onError: (error) => {\n        message.error(error.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:sessions.destroyedAllOther'));\n      },\n    });\n  }, [commitDestroyAllOtherSessions, currentSession?.id, t]);\n\n  return (\n    <>\n      {currentSession && (\n        <>\n          <Title>{t('profile:sessions.current')}</Title>\n          <List>\n            <SessionListItem sessionKey={currentSession} hideLastSeenAt />\n          </List>\n        </>\n      )}\n\n      {otherSessions.length > 0 && (\n        <>\n          <DestroyAllOtherSessionsButton\n            type='ghost'\n            danger\n            size='small'\n            wide='always'\n            loading={loadingDestroyAllOtherSessions}\n            onClick={destroyAllOtherSessions}\n          >\n            {t('profile:sessions.destroyAllOther')}\n          </DestroyAllOtherSessionsButton>\n\n          <OtherSessions>\n            <Title>\n              {t('profile:sessions.other')} ({otherSessions.length})\n            </Title>\n            <List>\n              {otherSessions.map((session) => (\n                <SessionListItem key={session.id} sessionKey={session} />\n              ))}\n            </List>\n          </OtherSessions>\n        </>\n      )}\n    </>\n  );\n};\n\nexport default SessionList;\n"],"mappings":"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"}
+{"version":3,"file":"SessionList.js","names":["sessionsFragment","Title","styled","div","List","p","clr","theme","listItemColorBorder","DestroyAllOtherSessionsButton","Button","OtherSessions","SESSION_LIST_PADDING_VERTICAL","SessionList","sessionsKey","useFragment","sessions","useTranslation","t","currentSession","useMemo","find","session","current","otherSessions","filter","sort","a","b","Date","lastSeenAt","getTime","useMutation","commitDestroyAllOtherSessions","loadingDestroyAllOtherSessions","destroyAllOtherSessions","useCallback","variables","updater","store","record","get","sessionRecords","getLinkedRecords","setLinkedRecords","item","getDataID","id","onError","error","message","onCompleted","success","length","map"],"sources":["../../../../src/lib/components/session/SessionList.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useFragment, useMutation } from 'react-relay/hooks';\nimport { Button, message } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { useTranslation } from 'react-i18next';\nimport { clr } from '@os-design/theming';\nimport { SessionList_sessions$key } from './__generated__/SessionList_sessions.graphql';\nimport SessionListItem from './SessionListItem';\nimport { SessionListDestroyAllOtherSessionsMutation } from './__generated__/SessionListDestroyAllOtherSessionsMutation.graphql';\n\nconst sessionsFragment = graphql`\n  fragment SessionList_sessions on Query\n  @refetchable(queryName: \"SessionListRefetchQuery\") {\n    sessions {\n      id\n      current\n      lastSeenAt\n      ...SessionListItem_session\n    }\n  }\n`;\n\ninterface SessionListProps {\n  sessionsKey: SessionList_sessions$key;\n}\n\nexport const Title = styled.div`\n  font-weight: 500;\n  margin: 1em 1em 0.5em;\n`;\n\nexport const List = styled.div`\n  border-top: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n  border-bottom: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n`;\n\nconst DestroyAllOtherSessionsButton = styled(Button)`\n  & > span {\n    flex: 1;\n    text-align: left;\n  }\n`;\n\nconst OtherSessions = styled.div`\n  margin-top: 2em;\n`;\n\nexport const SESSION_LIST_PADDING_VERTICAL = 0.5;\n\nconst SessionList: React.FC<SessionListProps> = ({ sessionsKey }) => {\n  const { sessions } = useFragment(sessionsFragment, sessionsKey);\n  const { t } = useTranslation(['profile']);\n\n  const currentSession = useMemo(\n    () => sessions.find((session) => session.current),\n    [sessions]\n  );\n\n  const otherSessions = useMemo(\n    () =>\n      sessions\n        .filter((session) => !session.current)\n        .sort(\n          (a, b) =>\n            new Date(b.lastSeenAt).getTime() - new Date(a.lastSeenAt).getTime()\n        ),\n    [sessions]\n  );\n\n  const [commitDestroyAllOtherSessions, loadingDestroyAllOtherSessions] =\n    useMutation<SessionListDestroyAllOtherSessionsMutation>(graphql`\n      mutation SessionListDestroyAllOtherSessionsMutation {\n        destroyAllOtherSessions {\n          ok\n        }\n      }\n    `);\n\n  const destroyAllOtherSessions = useCallback(() => {\n    commitDestroyAllOtherSessions({\n      variables: {},\n      updater: (store) => {\n        const record = store.get('client:root');\n        if (!record) return;\n\n        const sessionRecords = record.getLinkedRecords('sessions');\n        if (!sessionRecords) return;\n\n        record.setLinkedRecords(\n          sessionRecords.filter(\n            (item) => item.getDataID() === currentSession?.id\n          ),\n          'sessions'\n        );\n      },\n      onError: (error) => {\n        message.error(error.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:sessions.destroyedAllOther'));\n      },\n    });\n  }, [commitDestroyAllOtherSessions, currentSession?.id, t]);\n\n  return (\n    <>\n      {currentSession && (\n        <>\n          <Title>{t('profile:sessions.current')}</Title>\n          <List>\n            <SessionListItem sessionKey={currentSession} hideLastSeenAt />\n          </List>\n        </>\n      )}\n\n      {otherSessions.length > 0 && (\n        <>\n          <DestroyAllOtherSessionsButton\n            type='ghost'\n            danger\n            size='small'\n            wide='always'\n            loading={loadingDestroyAllOtherSessions}\n            onClick={destroyAllOtherSessions}\n          >\n            {t('profile:sessions.destroyAllOther')}\n          </DestroyAllOtherSessionsButton>\n\n          <OtherSessions>\n            <Title>\n              {t('profile:sessions.other')} ({otherSessions.length})\n            </Title>\n            <List>\n              {otherSessions.map((session) => (\n                <SessionListItem key={session.id} sessionKey={session} />\n              ))}\n            </List>\n          </OtherSessions>\n        </>\n      )}\n    </>\n  );\n};\n\nexport default SessionList;\n"],"mappings":"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"}

package/dist/cjs/components/shared/ErrorResult.js

@@ -9,20 +9,18 @@ var _icons = require("@os-design/icons");
 var _core = require("@os-design/core");
 var _reactI18next = require("react-i18next");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _getErrorMessage = _interopRequireDefault(require("../../utils/getErrorMessage"));
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var StyledResult = (0, _styled.default)(_core.Result)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0 1em;\n"])));
 var ErrorResult = function ErrorResult(_ref) {
-  var _source, _source$errors, _source$errors$;
   var error = _ref.error;
   var _useTranslation = (0, _reactI18next.useTranslation)(['common']),
     t = _useTranslation.t;
   return /*#__PURE__*/_react.default.createElement(StyledResult, {
-    title: t('common:errorTitle')
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    ,
-    description: (_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,
+    title: t('common:errorTitle'),
+    description: (0, _getErrorMessage.default)(error),
     icon: /*#__PURE__*/_react.default.createElement(_icons.CloseCircle, null)
   });
 };

package/dist/cjs/components/shared/ErrorResult.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorResult.js","names":["StyledResult","styled","Result","ErrorResult","error","useTranslation","t","source","errors","message"],"sources":["../../../../src/lib/components/shared/ErrorResult.tsx"],"sourcesContent":["import React from 'react';\nimport { CloseCircle } from '@os-design/icons';\nimport { Result } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\nimport styled from '@emotion/styled';\n\ninterface ErrorResultProps {\n  error: Error;\n}\n\nconst StyledResult = styled(Result)`\n  margin: 0 1em;\n`;\n\nconst ErrorResult: React.FC<ErrorResultProps> = ({ error }) => {\n  const { t } = useTranslation(['common']);\n\n  return (\n    <StyledResult\n      title={t('common:errorTitle')}\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      description={(error as any).source?.errors?.[0]?.message}\n      icon={<CloseCircle />}\n    />\n  );\n};\n\nexport default ErrorResult;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAAqC;AAAA;AAAA;AAMrC,IAAMA,YAAY,GAAG,IAAAC,eAAM,EAACC,YAAM,CAAC,yFAElC;AAED,IAAMC,WAAuC,GAAG,SAA1CA,WAAuC,OAAkB;EAAA;EAAA,IAAZC,KAAK,QAALA,KAAK;EACtD,sBAAc,IAAAC,4BAAc,EAAC,CAAC,QAAQ,CAAC,CAAC;IAAhCC,CAAC,mBAADA,CAAC;EAET,oBACE,6BAAC,YAAY;IACX,KAAK,EAAEA,CAAC,CAAC,mBAAmB;IAC5B;IAAA;IACA,WAAW,aAAGF,KAAK,CAASG,MAAM,8DAArB,QAAuBC,MAAM,sEAA7B,eAAgC,CAAC,CAAC,oDAAlC,gBAAoCC,OAAQ;IACzD,IAAI,eAAE,6BAAC,kBAAW;EAAI,EACtB;AAEN,CAAC;AAAC,eAEaN,WAAW;AAAA"}
+{"version":3,"file":"ErrorResult.js","names":["StyledResult","styled","Result","ErrorResult","error","useTranslation","t","getErrorMessage"],"sources":["../../../../src/lib/components/shared/ErrorResult.tsx"],"sourcesContent":["import React from 'react';\nimport { CloseCircle } from '@os-design/icons';\nimport { Result } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\nimport styled from '@emotion/styled';\nimport getErrorMessage from '../../utils/getErrorMessage';\n\ninterface ErrorResultProps {\n  error: Error;\n}\n\nconst StyledResult = styled(Result)`\n  margin: 0 1em;\n`;\n\nconst ErrorResult: React.FC<ErrorResultProps> = ({ error }) => {\n  const { t } = useTranslation(['common']);\n\n  return (\n    <StyledResult\n      title={t('common:errorTitle')}\n      description={getErrorMessage(error)}\n      icon={<CloseCircle />}\n    />\n  );\n};\n\nexport default ErrorResult;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA0D;AAAA;AAAA;AAM1D,IAAMA,YAAY,GAAG,IAAAC,eAAM,EAACC,YAAM,CAAC,yFAElC;AAED,IAAMC,WAAuC,GAAG,SAA1CA,WAAuC,OAAkB;EAAA,IAAZC,KAAK,QAALA,KAAK;EACtD,sBAAc,IAAAC,4BAAc,EAAC,CAAC,QAAQ,CAAC,CAAC;IAAhCC,CAAC,mBAADA,CAAC;EAET,oBACE,6BAAC,YAAY;IACX,KAAK,EAAEA,CAAC,CAAC,mBAAmB,CAAE;IAC9B,WAAW,EAAE,IAAAC,wBAAe,EAACH,KAAK,CAAE;IACpC,IAAI,eAAE,6BAAC,kBAAW;EAAI,EACtB;AAEN,CAAC;AAAC,eAEaD,WAAW;AAAA"}

package/dist/cjs/utils/getErrorMessage.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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); }
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+var isObject = function isObject(value) {
+  return _typeof(value) === 'object' && !Array.isArray(value) && value !== null;
+};
+var DEFAULT_MESSAGE = 'Error';
+var getErrorMessage = function getErrorMessage(error) {
+  if (!isObject(error)) return DEFAULT_MESSAGE;
+  var source = error.source;
+  var _error$message = error.message,
+    message = _error$message === void 0 ? DEFAULT_MESSAGE : _error$message;
+  if (!isObject(source) || !Array.isArray(source.errors) || source.errors.length === 0) {
+    return message;
+  }
+  var firstError = source.errors[0];
+  if (!isObject(firstError)) {
+    return message;
+  }
+  message = firstError.message || message;
+  if (!isObject(firstError.extensions) || !isObject(firstError.extensions.constraints)) {
+    return message;
+  }
+  var constraintKeys = Object.keys(firstError.extensions.constraints);
+  if (constraintKeys.length === 0) {
+    return message;
+  }
+  var firstKey = constraintKeys[0];
+  var firstConstraint = firstError.extensions.constraints[firstKey];
+  if (!isObject(firstConstraint) || typeof firstConstraint.message !== 'string') {
+    return message;
+  }
+  return firstConstraint.message;
+};
+var _default = getErrorMessage;
+exports.default = _default;
+//# sourceMappingURL=getErrorMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getErrorMessage.js","names":["isObject","value","Array","isArray","DEFAULT_MESSAGE","getErrorMessage","error","source","message","errors","length","firstError","extensions","constraints","constraintKeys","Object","keys","firstKey","firstConstraint"],"sources":["../../../src/lib/utils/getErrorMessage.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst isObject = (value: any) =>\n  typeof value === 'object' && !Array.isArray(value) && value !== null;\n\nconst DEFAULT_MESSAGE = 'Error';\n\nconst getErrorMessage = (error: any) => {\n  if (!isObject(error)) return DEFAULT_MESSAGE;\n\n  const { source } = error;\n  let { message = DEFAULT_MESSAGE } = error;\n  if (\n    !isObject(source) ||\n    !Array.isArray(source.errors) ||\n    source.errors.length === 0\n  ) {\n    return message;\n  }\n\n  const firstError = source.errors[0];\n  if (!isObject(firstError)) {\n    return message;\n  }\n\n  message = firstError.message || message;\n  if (\n    !isObject(firstError.extensions) ||\n    !isObject(firstError.extensions.constraints)\n  ) {\n    return message;\n  }\n\n  const constraintKeys = Object.keys(firstError.extensions.constraints);\n  if (constraintKeys.length === 0) {\n    return message;\n  }\n\n  const firstKey = constraintKeys[0];\n  const firstConstraint = firstError.extensions.constraints[firstKey];\n  if (\n    !isObject(firstConstraint) ||\n    typeof firstConstraint.message !== 'string'\n  ) {\n    return message;\n  }\n\n  return firstConstraint.message;\n};\n\nexport default getErrorMessage;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,KAAU;EAAA,OAC1B,QAAOA,KAAK,MAAK,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,IAAIA,KAAK,KAAK,IAAI;AAAA;AAEtE,IAAMG,eAAe,GAAG,OAAO;AAE/B,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAIC,KAAU,EAAK;EACtC,IAAI,CAACN,QAAQ,CAACM,KAAK,CAAC,EAAE,OAAOF,eAAe;EAE5C,IAAQG,MAAM,GAAKD,KAAK,CAAhBC,MAAM;EACd,qBAAoCD,KAAK,CAAnCE,OAAO;IAAPA,OAAO,+BAAGJ,eAAe;EAC/B,IACE,CAACJ,QAAQ,CAACO,MAAM,CAAC,IACjB,CAACL,KAAK,CAACC,OAAO,CAACI,MAAM,CAACE,MAAM,CAAC,IAC7BF,MAAM,CAACE,MAAM,CAACC,MAAM,KAAK,CAAC,EAC1B;IACA,OAAOF,OAAO;EAChB;EAEA,IAAMG,UAAU,GAAGJ,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC;EACnC,IAAI,CAACT,QAAQ,CAACW,UAAU,CAAC,EAAE;IACzB,OAAOH,OAAO;EAChB;EAEAA,OAAO,GAAGG,UAAU,CAACH,OAAO,IAAIA,OAAO;EACvC,IACE,CAACR,QAAQ,CAACW,UAAU,CAACC,UAAU,CAAC,IAChC,CAACZ,QAAQ,CAACW,UAAU,CAACC,UAAU,CAACC,WAAW,CAAC,EAC5C;IACA,OAAOL,OAAO;EAChB;EAEA,IAAMM,cAAc,GAAGC,MAAM,CAACC,IAAI,CAACL,UAAU,CAACC,UAAU,CAACC,WAAW,CAAC;EACrE,IAAIC,cAAc,CAACJ,MAAM,KAAK,CAAC,EAAE;IAC/B,OAAOF,OAAO;EAChB;EAEA,IAAMS,QAAQ,GAAGH,cAAc,CAAC,CAAC,CAAC;EAClC,IAAMI,eAAe,GAAGP,UAAU,CAACC,UAAU,CAACC,WAAW,CAACI,QAAQ,CAAC;EACnE,IACE,CAACjB,QAAQ,CAACkB,eAAe,CAAC,IAC1B,OAAOA,eAAe,CAACV,OAAO,KAAK,QAAQ,EAC3C;IACA,OAAOA,OAAO;EAChB;EAEA,OAAOU,eAAe,CAACV,OAAO;AAChC,CAAC;AAAC,eAEaH,eAAe;AAAA"}

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

@@ -10,6 +10,7 @@ import { useProfile } from './ProfileContext';
 import ProfileButton from './ProfileButton';
 import ProfileUpdateNameModal from './ProfileUpdateNameModal';
 import ProfileUpdatePasswordModal from './ProfileUpdatePasswordModal';
+import getErrorMessage from '../../utils/getErrorMessage';
 const AvatarContainer = styled.div`
   display: flex;
   flex-direction: column;
@@ -55,11 +56,7 @@ const DeleteAvatarButton = () => {
           avatar: null
         }
       },
-      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);
-      },
+      onError: error => message.error(getErrorMessage(error)),
       onCompleted: () => {
         message.success(t('profile:updated'));
       }
@@ -93,11 +90,7 @@ const UpdateAvatarButton = ({
       uploadables: {
         avatar: file
       },
-      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);
-      },
+      onError: error => message.error(getErrorMessage(error)),
       onCompleted: () => {
         message.success(t('profile:updated'));
       }
@@ -151,11 +144,7 @@ const SignOutButton = () => {
   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);
-      },
+      onError: error => message.error(getErrorMessage(error)),
       onCompleted: () => {
         window.location.href = '/auth/';
       }

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","getErrorMessage","AvatarContainer","div","UserContent","FullName","p","theme","sizes","large","Email","inputColorPlaceholder","ActionsContainer","Footer","HiddenInput","input","profileDrawerContentUpdateAvatarMutation","DeleteAvatarButton","t","commit","loading","handler","variables","avatar","onError","error","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';\nimport getErrorMessage from '../../utils/getErrorMessage';\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) => message.error(getErrorMessage(error)),\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) => message.error(getErrorMessage(error)),\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) => message.error(getErrorMessage(error)),\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/session/SessionList.js

@@ -6,7 +6,7 @@ import styled from '@emotion/styled';
 import { useTranslation } from 'react-i18next';
 import { clr } from '@os-design/theming';
 import SessionListItem from './SessionListItem';
-const sessionListFragment = _SessionList_sessions !== void 0 ? _SessionList_sessions : (_SessionList_sessions = require("./__generated__/SessionList_sessions.graphql"), _SessionList_sessions.hash && _SessionList_sessions.hash !== "1b21c937c7ba795f09bfcb5ada7d2510" && console.error("The definition of 'SessionList_sessions' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionList_sessions);
+const sessionsFragment = _SessionList_sessions !== void 0 ? _SessionList_sessions : (_SessionList_sessions = require("./__generated__/SessionList_sessions.graphql"), _SessionList_sessions.hash && _SessionList_sessions.hash !== "1b21c937c7ba795f09bfcb5ada7d2510" && console.error("The definition of 'SessionList_sessions' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionList_sessions);
 export const Title = styled.div`
   font-weight: 500;
   margin: 1em 1em 0.5em;
@@ -30,7 +30,7 @@ const SessionList = ({
 }) => {
   const {
     sessions
-  } = useFragment(sessionListFragment, sessionsKey);
+  } = useFragment(sessionsFragment, sessionsKey);
   const {
     t
   } = useTranslation(['profile']);

package/dist/esm/components/session/SessionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionList.js","names":["React","useCallback","useMemo","useFragment","useMutation","Button","message","styled","useTranslation","clr","SessionListItem","sessionListFragment","Title","div","List","p","theme","listItemColorBorder","DestroyAllOtherSessionsButton","OtherSessions","SESSION_LIST_PADDING_VERTICAL","SessionList","sessionsKey","sessions","t","currentSession","find","session","current","otherSessions","filter","sort","a","b","Date","lastSeenAt","getTime","commitDestroyAllOtherSessions","loadingDestroyAllOtherSessions","destroyAllOtherSessions","variables","updater","store","record","get","sessionRecords","getLinkedRecords","setLinkedRecords","item","getDataID","id","onError","error","onCompleted","success","length","map"],"sources":["../../../../src/lib/components/session/SessionList.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useFragment, useMutation } from 'react-relay/hooks';\nimport { Button, message } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { useTranslation } from 'react-i18next';\nimport { clr } from '@os-design/theming';\nimport { SessionList_sessions$key } from './__generated__/SessionList_sessions.graphql';\nimport SessionListItem from './SessionListItem';\nimport { SessionListDestroyAllOtherSessionsMutation } from './__generated__/SessionListDestroyAllOtherSessionsMutation.graphql';\n\nconst sessionListFragment = graphql`\n  fragment SessionList_sessions on Query\n  @refetchable(queryName: \"SessionListRefetchQuery\") {\n    sessions {\n      id\n      current\n      lastSeenAt\n      ...SessionListItem_session\n    }\n  }\n`;\n\ninterface SessionListProps {\n  sessionsKey: SessionList_sessions$key;\n}\n\nexport const Title = styled.div`\n  font-weight: 500;\n  margin: 1em 1em 0.5em;\n`;\n\nexport const List = styled.div`\n  border-top: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n  border-bottom: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n`;\n\nconst DestroyAllOtherSessionsButton = styled(Button)`\n  & > span {\n    flex: 1;\n    text-align: left;\n  }\n`;\n\nconst OtherSessions = styled.div`\n  margin-top: 2em;\n`;\n\nexport const SESSION_LIST_PADDING_VERTICAL = 0.5;\n\nconst SessionList: React.FC<SessionListProps> = ({ sessionsKey }) => {\n  const { sessions } = useFragment(sessionListFragment, sessionsKey);\n  const { t } = useTranslation(['profile']);\n\n  const currentSession = useMemo(\n    () => sessions.find((session) => session.current),\n    [sessions]\n  );\n\n  const otherSessions = useMemo(\n    () =>\n      sessions\n        .filter((session) => !session.current)\n        .sort(\n          (a, b) =>\n            new Date(b.lastSeenAt).getTime() - new Date(a.lastSeenAt).getTime()\n        ),\n    [sessions]\n  );\n\n  const [commitDestroyAllOtherSessions, loadingDestroyAllOtherSessions] =\n    useMutation<SessionListDestroyAllOtherSessionsMutation>(graphql`\n      mutation SessionListDestroyAllOtherSessionsMutation {\n        destroyAllOtherSessions {\n          ok\n        }\n      }\n    `);\n\n  const destroyAllOtherSessions = useCallback(() => {\n    commitDestroyAllOtherSessions({\n      variables: {},\n      updater: (store) => {\n        const record = store.get('client:root');\n        if (!record) return;\n\n        const sessionRecords = record.getLinkedRecords('sessions');\n        if (!sessionRecords) return;\n\n        record.setLinkedRecords(\n          sessionRecords.filter(\n            (item) => item.getDataID() === currentSession?.id\n          ),\n          'sessions'\n        );\n      },\n      onError: (error) => {\n        message.error(error.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:sessions.destroyedAllOther'));\n      },\n    });\n  }, [commitDestroyAllOtherSessions, currentSession?.id, t]);\n\n  return (\n    <>\n      {currentSession && (\n        <>\n          <Title>{t('profile:sessions.current')}</Title>\n          <List>\n            <SessionListItem sessionKey={currentSession} hideLastSeenAt />\n          </List>\n        </>\n      )}\n\n      {otherSessions.length > 0 && (\n        <>\n          <DestroyAllOtherSessionsButton\n            type='ghost'\n            danger\n            size='small'\n            wide='always'\n            loading={loadingDestroyAllOtherSessions}\n            onClick={destroyAllOtherSessions}\n          >\n            {t('profile:sessions.destroyAllOther')}\n          </DestroyAllOtherSessionsButton>\n\n          <OtherSessions>\n            <Title>\n              {t('profile:sessions.other')} ({otherSessions.length})\n            </Title>\n            <List>\n              {otherSessions.map((session) => (\n                <SessionListItem key={session.id} sessionKey={session} />\n              ))}\n            </List>\n          </OtherSessions>\n        </>\n      )}\n    </>\n  );\n};\n\nexport default SessionList;\n"],"mappings":"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"}
+{"version":3,"file":"SessionList.js","names":["React","useCallback","useMemo","useFragment","useMutation","Button","message","styled","useTranslation","clr","SessionListItem","sessionsFragment","Title","div","List","p","theme","listItemColorBorder","DestroyAllOtherSessionsButton","OtherSessions","SESSION_LIST_PADDING_VERTICAL","SessionList","sessionsKey","sessions","t","currentSession","find","session","current","otherSessions","filter","sort","a","b","Date","lastSeenAt","getTime","commitDestroyAllOtherSessions","loadingDestroyAllOtherSessions","destroyAllOtherSessions","variables","updater","store","record","get","sessionRecords","getLinkedRecords","setLinkedRecords","item","getDataID","id","onError","error","onCompleted","success","length","map"],"sources":["../../../../src/lib/components/session/SessionList.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useFragment, useMutation } from 'react-relay/hooks';\nimport { Button, message } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { useTranslation } from 'react-i18next';\nimport { clr } from '@os-design/theming';\nimport { SessionList_sessions$key } from './__generated__/SessionList_sessions.graphql';\nimport SessionListItem from './SessionListItem';\nimport { SessionListDestroyAllOtherSessionsMutation } from './__generated__/SessionListDestroyAllOtherSessionsMutation.graphql';\n\nconst sessionsFragment = graphql`\n  fragment SessionList_sessions on Query\n  @refetchable(queryName: \"SessionListRefetchQuery\") {\n    sessions {\n      id\n      current\n      lastSeenAt\n      ...SessionListItem_session\n    }\n  }\n`;\n\ninterface SessionListProps {\n  sessionsKey: SessionList_sessions$key;\n}\n\nexport const Title = styled.div`\n  font-weight: 500;\n  margin: 1em 1em 0.5em;\n`;\n\nexport const List = styled.div`\n  border-top: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n  border-bottom: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n`;\n\nconst DestroyAllOtherSessionsButton = styled(Button)`\n  & > span {\n    flex: 1;\n    text-align: left;\n  }\n`;\n\nconst OtherSessions = styled.div`\n  margin-top: 2em;\n`;\n\nexport const SESSION_LIST_PADDING_VERTICAL = 0.5;\n\nconst SessionList: React.FC<SessionListProps> = ({ sessionsKey }) => {\n  const { sessions } = useFragment(sessionsFragment, sessionsKey);\n  const { t } = useTranslation(['profile']);\n\n  const currentSession = useMemo(\n    () => sessions.find((session) => session.current),\n    [sessions]\n  );\n\n  const otherSessions = useMemo(\n    () =>\n      sessions\n        .filter((session) => !session.current)\n        .sort(\n          (a, b) =>\n            new Date(b.lastSeenAt).getTime() - new Date(a.lastSeenAt).getTime()\n        ),\n    [sessions]\n  );\n\n  const [commitDestroyAllOtherSessions, loadingDestroyAllOtherSessions] =\n    useMutation<SessionListDestroyAllOtherSessionsMutation>(graphql`\n      mutation SessionListDestroyAllOtherSessionsMutation {\n        destroyAllOtherSessions {\n          ok\n        }\n      }\n    `);\n\n  const destroyAllOtherSessions = useCallback(() => {\n    commitDestroyAllOtherSessions({\n      variables: {},\n      updater: (store) => {\n        const record = store.get('client:root');\n        if (!record) return;\n\n        const sessionRecords = record.getLinkedRecords('sessions');\n        if (!sessionRecords) return;\n\n        record.setLinkedRecords(\n          sessionRecords.filter(\n            (item) => item.getDataID() === currentSession?.id\n          ),\n          'sessions'\n        );\n      },\n      onError: (error) => {\n        message.error(error.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:sessions.destroyedAllOther'));\n      },\n    });\n  }, [commitDestroyAllOtherSessions, currentSession?.id, t]);\n\n  return (\n    <>\n      {currentSession && (\n        <>\n          <Title>{t('profile:sessions.current')}</Title>\n          <List>\n            <SessionListItem sessionKey={currentSession} hideLastSeenAt />\n          </List>\n        </>\n      )}\n\n      {otherSessions.length > 0 && (\n        <>\n          <DestroyAllOtherSessionsButton\n            type='ghost'\n            danger\n            size='small'\n            wide='always'\n            loading={loadingDestroyAllOtherSessions}\n            onClick={destroyAllOtherSessions}\n          >\n            {t('profile:sessions.destroyAllOther')}\n          </DestroyAllOtherSessionsButton>\n\n          <OtherSessions>\n            <Title>\n              {t('profile:sessions.other')} ({otherSessions.length})\n            </Title>\n            <List>\n              {otherSessions.map((session) => (\n                <SessionListItem key={session.id} sessionKey={session} />\n              ))}\n            </List>\n          </OtherSessions>\n        </>\n      )}\n    </>\n  );\n};\n\nexport default SessionList;\n"],"mappings":"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"}

package/dist/esm/components/shared/ErrorResult.js

@@ -3,21 +3,19 @@ import { CloseCircle } from '@os-design/icons';
 import { Result } from '@os-design/core';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
+import getErrorMessage from '../../utils/getErrorMessage';
 const StyledResult = styled(Result)`
   margin: 0 1em;
 `;
 const ErrorResult = ({
   error
 }) => {
-  var _source, _source$errors, _source$errors$;
   const {
     t
   } = useTranslation(['common']);
   return /*#__PURE__*/React.createElement(StyledResult, {
-    title: t('common:errorTitle')
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    ,
-    description: (_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,
+    title: t('common:errorTitle'),
+    description: getErrorMessage(error),
     icon: /*#__PURE__*/React.createElement(CloseCircle, null)
   });
 };

package/dist/esm/components/shared/ErrorResult.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorResult.js","names":["React","CloseCircle","Result","useTranslation","styled","StyledResult","ErrorResult","error","t","source","errors","message"],"sources":["../../../../src/lib/components/shared/ErrorResult.tsx"],"sourcesContent":["import React from 'react';\nimport { CloseCircle } from '@os-design/icons';\nimport { Result } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\nimport styled from '@emotion/styled';\n\ninterface ErrorResultProps {\n  error: Error;\n}\n\nconst StyledResult = styled(Result)`\n  margin: 0 1em;\n`;\n\nconst ErrorResult: React.FC<ErrorResultProps> = ({ error }) => {\n  const { t } = useTranslation(['common']);\n\n  return (\n    <StyledResult\n      title={t('common:errorTitle')}\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      description={(error as any).source?.errors?.[0]?.message}\n      icon={<CloseCircle />}\n    />\n  );\n};\n\nexport default ErrorResult;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,cAAc,QAAQ,eAAe;AAC9C,OAAOC,MAAM,MAAM,iBAAiB;AAMpC,MAAMC,YAAY,GAAGD,MAAM,CAACF,MAAM,CAAE;AACpC;AACA,CAAC;AAED,MAAMI,WAAuC,GAAG,CAAC;EAAEC;AAAM,CAAC,KAAK;EAAA;EAC7D,MAAM;IAAEC;EAAE,CAAC,GAAGL,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC;EAExC,oBACE,oBAAC,YAAY;IACX,KAAK,EAAEK,CAAC,CAAC,mBAAmB;IAC5B;IAAA;IACA,WAAW,aAAGD,KAAK,CAASE,MAAM,8DAArB,QAAuBC,MAAM,sEAA7B,eAAgC,CAAC,CAAC,oDAAlC,gBAAoCC,OAAQ;IACzD,IAAI,eAAE,oBAAC,WAAW;EAAI,EACtB;AAEN,CAAC;AAED,eAAeL,WAAW"}
+{"version":3,"file":"ErrorResult.js","names":["React","CloseCircle","Result","useTranslation","styled","getErrorMessage","StyledResult","ErrorResult","error","t"],"sources":["../../../../src/lib/components/shared/ErrorResult.tsx"],"sourcesContent":["import React from 'react';\nimport { CloseCircle } from '@os-design/icons';\nimport { Result } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\nimport styled from '@emotion/styled';\nimport getErrorMessage from '../../utils/getErrorMessage';\n\ninterface ErrorResultProps {\n  error: Error;\n}\n\nconst StyledResult = styled(Result)`\n  margin: 0 1em;\n`;\n\nconst ErrorResult: React.FC<ErrorResultProps> = ({ error }) => {\n  const { t } = useTranslation(['common']);\n\n  return (\n    <StyledResult\n      title={t('common:errorTitle')}\n      description={getErrorMessage(error)}\n      icon={<CloseCircle />}\n    />\n  );\n};\n\nexport default ErrorResult;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,cAAc,QAAQ,eAAe;AAC9C,OAAOC,MAAM,MAAM,iBAAiB;AACpC,OAAOC,eAAe,MAAM,6BAA6B;AAMzD,MAAMC,YAAY,GAAGF,MAAM,CAACF,MAAM,CAAE;AACpC;AACA,CAAC;AAED,MAAMK,WAAuC,GAAG,CAAC;EAAEC;AAAM,CAAC,KAAK;EAC7D,MAAM;IAAEC;EAAE,CAAC,GAAGN,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC;EAExC,oBACE,oBAAC,YAAY;IACX,KAAK,EAAEM,CAAC,CAAC,mBAAmB,CAAE;IAC9B,WAAW,EAAEJ,eAAe,CAACG,KAAK,CAAE;IACpC,IAAI,eAAE,oBAAC,WAAW;EAAI,EACtB;AAEN,CAAC;AAED,eAAeD,WAAW"}

package/dist/esm/utils/getErrorMessage.js

@@ -0,0 +1,36 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+const isObject = value => typeof value === 'object' && !Array.isArray(value) && value !== null;
+const DEFAULT_MESSAGE = 'Error';
+const getErrorMessage = error => {
+  if (!isObject(error)) return DEFAULT_MESSAGE;
+  const {
+    source
+  } = error;
+  let {
+    message = DEFAULT_MESSAGE
+  } = error;
+  if (!isObject(source) || !Array.isArray(source.errors) || source.errors.length === 0) {
+    return message;
+  }
+  const firstError = source.errors[0];
+  if (!isObject(firstError)) {
+    return message;
+  }
+  message = firstError.message || message;
+  if (!isObject(firstError.extensions) || !isObject(firstError.extensions.constraints)) {
+    return message;
+  }
+  const constraintKeys = Object.keys(firstError.extensions.constraints);
+  if (constraintKeys.length === 0) {
+    return message;
+  }
+  const firstKey = constraintKeys[0];
+  const firstConstraint = firstError.extensions.constraints[firstKey];
+  if (!isObject(firstConstraint) || typeof firstConstraint.message !== 'string') {
+    return message;
+  }
+  return firstConstraint.message;
+};
+export default getErrorMessage;
+//# sourceMappingURL=getErrorMessage.js.map

package/dist/esm/utils/getErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getErrorMessage.js","names":["isObject","value","Array","isArray","DEFAULT_MESSAGE","getErrorMessage","error","source","message","errors","length","firstError","extensions","constraints","constraintKeys","Object","keys","firstKey","firstConstraint"],"sources":["../../../src/lib/utils/getErrorMessage.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst isObject = (value: any) =>\n  typeof value === 'object' && !Array.isArray(value) && value !== null;\n\nconst DEFAULT_MESSAGE = 'Error';\n\nconst getErrorMessage = (error: any) => {\n  if (!isObject(error)) return DEFAULT_MESSAGE;\n\n  const { source } = error;\n  let { message = DEFAULT_MESSAGE } = error;\n  if (\n    !isObject(source) ||\n    !Array.isArray(source.errors) ||\n    source.errors.length === 0\n  ) {\n    return message;\n  }\n\n  const firstError = source.errors[0];\n  if (!isObject(firstError)) {\n    return message;\n  }\n\n  message = firstError.message || message;\n  if (\n    !isObject(firstError.extensions) ||\n    !isObject(firstError.extensions.constraints)\n  ) {\n    return message;\n  }\n\n  const constraintKeys = Object.keys(firstError.extensions.constraints);\n  if (constraintKeys.length === 0) {\n    return message;\n  }\n\n  const firstKey = constraintKeys[0];\n  const firstConstraint = firstError.extensions.constraints[firstKey];\n  if (\n    !isObject(firstConstraint) ||\n    typeof firstConstraint.message !== 'string'\n  ) {\n    return message;\n  }\n\n  return firstConstraint.message;\n};\n\nexport default getErrorMessage;\n"],"mappings":"AAAA;;AAEA,MAAMA,QAAQ,GAAIC,KAAU,IAC1B,OAAOA,KAAK,KAAK,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,IAAIA,KAAK,KAAK,IAAI;AAEtE,MAAMG,eAAe,GAAG,OAAO;AAE/B,MAAMC,eAAe,GAAIC,KAAU,IAAK;EACtC,IAAI,CAACN,QAAQ,CAACM,KAAK,CAAC,EAAE,OAAOF,eAAe;EAE5C,MAAM;IAAEG;EAAO,CAAC,GAAGD,KAAK;EACxB,IAAI;IAAEE,OAAO,GAAGJ;EAAgB,CAAC,GAAGE,KAAK;EACzC,IACE,CAACN,QAAQ,CAACO,MAAM,CAAC,IACjB,CAACL,KAAK,CAACC,OAAO,CAACI,MAAM,CAACE,MAAM,CAAC,IAC7BF,MAAM,CAACE,MAAM,CAACC,MAAM,KAAK,CAAC,EAC1B;IACA,OAAOF,OAAO;EAChB;EAEA,MAAMG,UAAU,GAAGJ,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC;EACnC,IAAI,CAACT,QAAQ,CAACW,UAAU,CAAC,EAAE;IACzB,OAAOH,OAAO;EAChB;EAEAA,OAAO,GAAGG,UAAU,CAACH,OAAO,IAAIA,OAAO;EACvC,IACE,CAACR,QAAQ,CAACW,UAAU,CAACC,UAAU,CAAC,IAChC,CAACZ,QAAQ,CAACW,UAAU,CAACC,UAAU,CAACC,WAAW,CAAC,EAC5C;IACA,OAAOL,OAAO;EAChB;EAEA,MAAMM,cAAc,GAAGC,MAAM,CAACC,IAAI,CAACL,UAAU,CAACC,UAAU,CAACC,WAAW,CAAC;EACrE,IAAIC,cAAc,CAACJ,MAAM,KAAK,CAAC,EAAE;IAC/B,OAAOF,OAAO;EAChB;EAEA,MAAMS,QAAQ,GAAGH,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMI,eAAe,GAAGP,UAAU,CAACC,UAAU,CAACC,WAAW,CAACI,QAAQ,CAAC;EACnE,IACE,CAACjB,QAAQ,CAACkB,eAAe,CAAC,IAC1B,OAAOA,eAAe,CAACV,OAAO,KAAK,QAAQ,EAC3C;IACA,OAAOA,OAAO;EAChB;EAEA,OAAOU,eAAe,CAACV,OAAO;AAChC,CAAC;AAED,eAAeH,eAAe"}

package/dist/types/src/lib/components/profile/ProfileDrawer.d.ts

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

package/dist/types/src/lib/components/profile/ProfileDrawer.d.ts.map

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

package/dist/types/src/lib/components/profile/ProfileDrawerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileDrawerContent.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/profile/ProfileDrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAetE,MAAM,WAAW,yBAAyB;IAKxC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAI1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA2ND,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwC7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"ProfileDrawerContent.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/profile/ProfileDrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAgBtE,MAAM,WAAW,yBAAyB;IAKxC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAI1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAkND,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwC7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/types/src/lib/components/profile/__generated__/ProfileDrawerContentSignOutMutation.graphql.d.ts

@@ -1,11 +1,11 @@
 import { ConcreteRequest } from 'relay-runtime';
-export declare type ProfileDrawerContentSignOutMutation$variables = {};
-export declare type ProfileDrawerContentSignOutMutation$data = {
+export type ProfileDrawerContentSignOutMutation$variables = {};
+export type ProfileDrawerContentSignOutMutation$data = {
     readonly signOut: {
         readonly ok: boolean;
     };
 };
-export declare type ProfileDrawerContentSignOutMutation = {
+export type ProfileDrawerContentSignOutMutation = {
     response: ProfileDrawerContentSignOutMutation$data;
     variables: ProfileDrawerContentSignOutMutation$variables;
 };

package/dist/types/src/lib/components/profile/__generated__/ProfileDrawerContentSignOutMutation.graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileDrawerContentSignOutMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/profile/__generated__/ProfileDrawerContentSignOutMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,oBAAY,6CAA6C,GAAG,EAAE,CAAC;AAC/D,oBAAY,wCAAwC,GAAG;IACrD,QAAQ,CAAC,OAAO,EAAE;QAChB,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC;KACtB,CAAC;CACH,CAAC;AACF,oBAAY,mCAAmC,GAAG;IAChD,QAAQ,EAAE,wCAAwC,CAAC;IACnD,SAAS,EAAE,6CAA6C,CAAC;CAC1D,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA+CR,CAAC;AAIL,eAAe,IAAI,CAAC"}
+{"version":3,"file":"ProfileDrawerContentSignOutMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/profile/__generated__/ProfileDrawerContentSignOutMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,MAAM,MAAM,6CAA6C,GAAG,EAAE,CAAC;AAC/D,MAAM,MAAM,wCAAwC,GAAG;IACrD,QAAQ,CAAC,OAAO,EAAE;QAChB,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC;KACtB,CAAC;CACH,CAAC;AACF,MAAM,MAAM,mCAAmC,GAAG;IAChD,QAAQ,EAAE,wCAAwC,CAAC;IACnD,SAAS,EAAE,6CAA6C,CAAC;CAC1D,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA+CR,CAAC;AAIL,eAAe,IAAI,CAAC"}

package/dist/types/src/lib/components/profile/__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql.d.ts

@@ -1,17 +1,17 @@
 import { ConcreteRequest } from 'relay-runtime';
-export declare type UpdateAvatarInput = {
+export type UpdateAvatarInput = {
     avatar?: any | null;
 };
-export declare type ProfileDrawerContentUpdateAvatarMutation$variables = {
+export type ProfileDrawerContentUpdateAvatarMutation$variables = {
     input: UpdateAvatarInput;
 };
-export declare type ProfileDrawerContentUpdateAvatarMutation$data = {
+export type ProfileDrawerContentUpdateAvatarMutation$data = {
     readonly updateAvatar: {
         readonly avatar: string | null;
         readonly id: string;
     };
 };
-export declare type ProfileDrawerContentUpdateAvatarMutation = {
+export type ProfileDrawerContentUpdateAvatarMutation = {
     response: ProfileDrawerContentUpdateAvatarMutation$data;
     variables: ProfileDrawerContentUpdateAvatarMutation$variables;
 };

package/dist/types/src/lib/components/profile/__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileDrawerContentUpdateAvatarMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/profile/__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;CACrB,CAAC;AACF,oBAAY,kDAAkD,GAAG;IAC/D,KAAK,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AACF,oBAAY,6CAA6C,GAAG;IAC1D,QAAQ,CAAC,YAAY,EAAE;QACrB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QAC/B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;KACrB,CAAC;CACH,CAAC;AACF,oBAAY,wCAAwC,GAAG;IACrD,QAAQ,EAAE,6CAA6C,CAAC;IACxD,SAAS,EAAE,kDAAkD,CAAC;CAC/D,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eAmER,CAAC;AAIL,eAAe,IAAI,CAAC"}
+{"version":3,"file":"ProfileDrawerContentUpdateAvatarMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/profile/__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,kDAAkD,GAAG;IAC/D,KAAK,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,6CAA6C,GAAG;IAC1D,QAAQ,CAAC,YAAY,EAAE;QACrB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QAC/B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;KACrB,CAAC;CACH,CAAC;AACF,MAAM,MAAM,wCAAwC,GAAG;IACrD,QAAQ,EAAE,6CAA6C,CAAC;IACxD,SAAS,EAAE,kDAAkD,CAAC;CAC/D,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eAmER,CAAC;AAIL,eAAe,IAAI,CAAC"}

package/dist/types/src/lib/components/profile/__generated__/ProfileDrawerSignOutMutation.graphql.d.ts

@@ -1,11 +1,11 @@
 import { ConcreteRequest } from 'relay-runtime';
-export declare type ProfileDrawerSignOutMutation$variables = {};
-export declare type ProfileDrawerSignOutMutation$data = {
+export type ProfileDrawerSignOutMutation$variables = {};
+export type ProfileDrawerSignOutMutation$data = {
     readonly signOut: {
         readonly ok: boolean;
     };
 };
-export declare type ProfileDrawerSignOutMutation = {
+export type ProfileDrawerSignOutMutation = {
     variables: ProfileDrawerSignOutMutation$variables;
     response: ProfileDrawerSignOutMutation$data;
 };

package/dist/types/src/lib/components/profile/__generated__/ProfileDrawerSignOutMutation.graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileDrawerSignOutMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/profile/__generated__/ProfileDrawerSignOutMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,oBAAY,sCAAsC,GAAG,EAAE,CAAC;AACxD,oBAAY,iCAAiC,GAAG;IAC9C,QAAQ,CAAC,OAAO,EAAE;QAChB,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC;KACtB,CAAC;CACH,CAAC;AACF,oBAAY,4BAA4B,GAAG;IACzC,SAAS,EAAE,sCAAsC,CAAC;IAClD,QAAQ,EAAE,iCAAiC,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA+CR,CAAC;AAIL,eAAe,IAAI,CAAC"}
+{"version":3,"file":"ProfileDrawerSignOutMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/profile/__generated__/ProfileDrawerSignOutMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,MAAM,MAAM,sCAAsC,GAAG,EAAE,CAAC;AACxD,MAAM,MAAM,iCAAiC,GAAG;IAC9C,QAAQ,CAAC,OAAO,EAAE;QAChB,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC;KACtB,CAAC;CACH,CAAC;AACF,MAAM,MAAM,4BAA4B,GAAG;IACzC,SAAS,EAAE,sCAAsC,CAAC;IAClD,QAAQ,EAAE,iCAAiC,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA+CR,CAAC;AAIL,eAAe,IAAI,CAAC"}

package/dist/types/src/lib/components/profile/__generated__/ProfileDrawerUpdateAvatarMutation.graphql.d.ts

@@ -1,17 +1,17 @@
 import { ConcreteRequest } from 'relay-runtime';
-export declare type UpdateAvatarInput = {
+export type UpdateAvatarInput = {
     avatar?: any | null;
 };
-export declare type ProfileDrawerUpdateAvatarMutation$variables = {
+export type ProfileDrawerUpdateAvatarMutation$variables = {
     input: UpdateAvatarInput;
 };
-export declare type ProfileDrawerUpdateAvatarMutation$data = {
+export type ProfileDrawerUpdateAvatarMutation$data = {
     readonly updateAvatar: {
         readonly id: string;
         readonly avatar: string | null;
     };
 };
-export declare type ProfileDrawerUpdateAvatarMutation = {
+export type ProfileDrawerUpdateAvatarMutation = {
     variables: ProfileDrawerUpdateAvatarMutation$variables;
     response: ProfileDrawerUpdateAvatarMutation$data;
 };

package/dist/types/src/lib/components/profile/__generated__/ProfileDrawerUpdateAvatarMutation.graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileDrawerUpdateAvatarMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/profile/__generated__/ProfileDrawerUpdateAvatarMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;CACrB,CAAC;AACF,oBAAY,2CAA2C,GAAG;IACxD,KAAK,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AACF,oBAAY,sCAAsC,GAAG;IACnD,QAAQ,CAAC,YAAY,EAAE;QACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;KAChC,CAAC;CACH,CAAC;AACF,oBAAY,iCAAiC,GAAG;IAC9C,SAAS,EAAE,2CAA2C,CAAC;IACvD,QAAQ,EAAE,sCAAsC,CAAC;CAClD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eAmER,CAAC;AAIL,eAAe,IAAI,CAAC"}
+{"version":3,"file":"ProfileDrawerUpdateAvatarMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/profile/__generated__/ProfileDrawerUpdateAvatarMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,2CAA2C,GAAG;IACxD,KAAK,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,sCAAsC,GAAG;IACnD,QAAQ,CAAC,YAAY,EAAE;QACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;KAChC,CAAC;CACH,CAAC;AACF,MAAM,MAAM,iCAAiC,GAAG;IAC9C,SAAS,EAAE,2CAA2C,CAAC;IACvD,QAAQ,EAAE,sCAAsC,CAAC;CAClD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eAmER,CAAC;AAIL,eAAe,IAAI,CAAC"}

package/dist/types/src/lib/components/profile/__generated__/ProfileUpdateNameModalMutation.graphql.d.ts

@@ -1,18 +1,18 @@
 import { ConcreteRequest } from 'relay-runtime';
-export declare type UpdateProfileInput = {
+export type UpdateProfileInput = {
     firstName?: string | null;
     lastName?: string | null;
 };
-export declare type ProfileUpdateNameModalMutation$variables = {
+export type ProfileUpdateNameModalMutation$variables = {
     input: UpdateProfileInput;
 };
-export declare type ProfileUpdateNameModalMutation$data = {
+export type ProfileUpdateNameModalMutation$data = {
     readonly updateProfile: {
         readonly firstName: string | null;
         readonly lastName: string | null;
     };
 };
-export declare type ProfileUpdateNameModalMutation = {
+export type ProfileUpdateNameModalMutation = {
     response: ProfileUpdateNameModalMutation$data;
     variables: ProfileUpdateNameModalMutation$variables;
 };

package/dist/types/src/lib/components/profile/__generated__/ProfileUpdateNameModalMutation.graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdateNameModalMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/profile/__generated__/ProfileUpdateNameModalMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,oBAAY,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAAC;AACF,oBAAY,wCAAwC,GAAG;IACrD,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AACF,oBAAY,mCAAmC,GAAG;IAChD,QAAQ,CAAC,aAAa,EAAE;QACtB,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QAClC,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;KAClC,CAAC;CACH,CAAC;AACF,oBAAY,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,mCAAmC,CAAC;IAC9C,SAAS,EAAE,wCAAwC,CAAC;CACrD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA0FR,CAAC;AAIL,eAAe,IAAI,CAAC"}
+{"version":3,"file":"ProfileUpdateNameModalMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/profile/__generated__/ProfileUpdateNameModalMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,wCAAwC,GAAG;IACrD,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AACF,MAAM,MAAM,mCAAmC,GAAG;IAChD,QAAQ,CAAC,aAAa,EAAE;QACtB,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QAClC,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;KAClC,CAAC;CACH,CAAC;AACF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,mCAAmC,CAAC;IAC9C,SAAS,EAAE,wCAAwC,CAAC;CACrD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA0FR,CAAC;AAIL,eAAe,IAAI,CAAC"}

package/dist/types/src/lib/components/profile/__generated__/ProfileUpdatePasswordModalMutation.graphql.d.ts

@@ -1,17 +1,17 @@
 import { ConcreteRequest } from 'relay-runtime';
-export declare type UpdatePasswordInput = {
+export type UpdatePasswordInput = {
     currentPassword: string;
     password: string;
 };
-export declare type ProfileUpdatePasswordModalMutation$variables = {
+export type ProfileUpdatePasswordModalMutation$variables = {
     input: UpdatePasswordInput;
 };
-export declare type ProfileUpdatePasswordModalMutation$data = {
+export type ProfileUpdatePasswordModalMutation$data = {
     readonly updatePassword: {
         readonly id: string;
     };
 };
-export declare type ProfileUpdatePasswordModalMutation = {
+export type ProfileUpdatePasswordModalMutation = {
     response: ProfileUpdatePasswordModalMutation$data;
     variables: ProfileUpdatePasswordModalMutation$variables;
 };

package/dist/types/src/lib/components/profile/__generated__/ProfileUpdatePasswordModalMutation.graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdatePasswordModalMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/profile/__generated__/ProfileUpdatePasswordModalMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,oBAAY,mBAAmB,GAAG;IAChC,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AACF,oBAAY,4CAA4C,GAAG;IACzD,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AACF,oBAAY,uCAAuC,GAAG;IACpD,QAAQ,CAAC,cAAc,EAAE;QACvB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;KACrB,CAAC;CACH,CAAC;AACF,oBAAY,kCAAkC,GAAG;IAC/C,QAAQ,EAAE,uCAAuC,CAAC;IAClD,SAAS,EAAE,4CAA4C,CAAC;CACzD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA4DR,CAAC;AAIL,eAAe,IAAI,CAAC"}
+{"version":3,"file":"ProfileUpdatePasswordModalMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/profile/__generated__/ProfileUpdatePasswordModalMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,MAAM,MAAM,mBAAmB,GAAG;IAChC,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,4CAA4C,GAAG;IACzD,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AACF,MAAM,MAAM,uCAAuC,GAAG;IACpD,QAAQ,CAAC,cAAc,EAAE;QACvB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;KACrB,CAAC;CACH,CAAC;AACF,MAAM,MAAM,kCAAkC,GAAG;IAC/C,QAAQ,EAAE,uCAAuC,CAAC;IAClD,SAAS,EAAE,4CAA4C,CAAC;CACzD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA4DR,CAAC;AAIL,eAAe,IAAI,CAAC"}

package/dist/types/src/lib/components/profile/__generated__/ProtectedWrapperQuery.graphql.d.ts

@@ -1,6 +1,6 @@
 import { ConcreteRequest } from 'relay-runtime';
-export declare type ProtectedWrapperQuery$variables = {};
-export declare type ProtectedWrapperQuery$data = {
+export type ProtectedWrapperQuery$variables = {};
+export type ProtectedWrapperQuery$data = {
     readonly profile: {
         readonly avatar: string | null;
         readonly email: string;
@@ -9,7 +9,7 @@ export declare type ProtectedWrapperQuery$data = {
         readonly lastName: string | null;
     };
 };
-export declare type ProtectedWrapperQuery = {
+export type ProtectedWrapperQuery = {
     response: ProtectedWrapperQuery$data;
     variables: ProtectedWrapperQuery$variables;
 };

package/dist/types/src/lib/components/profile/__generated__/ProtectedWrapperQuery.graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProtectedWrapperQuery.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/profile/__generated__/ProtectedWrapperQuery.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAS,MAAM,eAAe,CAAC;AACvD,oBAAY,+BAA+B,GAAG,EAAE,CAAC;AACjD,oBAAY,0BAA0B,GAAG;IACvC,QAAQ,CAAC,OAAO,EAAE;QAChB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;KAClC,CAAC;CACH,CAAC;AACF,oBAAY,qBAAqB,GAAG;IAClC,QAAQ,EAAE,0BAA0B,CAAC;IACrC,SAAS,EAAE,+BAA+B,CAAC;CAC5C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA2ER,CAAC;AAIL,eAAe,IAAI,CAAC"}
+{"version":3,"file":"ProtectedWrapperQuery.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/profile/__generated__/ProtectedWrapperQuery.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAS,MAAM,eAAe,CAAC;AACvD,MAAM,MAAM,+BAA+B,GAAG,EAAE,CAAC;AACjD,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,OAAO,EAAE;QAChB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;KAClC,CAAC;CACH,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,0BAA0B,CAAC;IACrC,SAAS,EAAE,+BAA+B,CAAC;CAC5C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA2ER,CAAC;AAIL,eAAe,IAAI,CAAC"}

package/dist/types/src/lib/components/session/__generated__/SessionDrawerContentQuery.graphql.d.ts

@@ -1,10 +1,10 @@
 import { ConcreteRequest } from 'relay-runtime';
 import { FragmentRefs } from "relay-runtime";
-export declare type SessionDrawerContentQuery$variables = {};
-export declare type SessionDrawerContentQuery$data = {
+export type SessionDrawerContentQuery$variables = {};
+export type SessionDrawerContentQuery$data = {
     readonly " $fragmentSpreads": FragmentRefs<"SessionList_sessions">;
 };
-export declare type SessionDrawerContentQuery = {
+export type SessionDrawerContentQuery = {
     response: SessionDrawerContentQuery$data;
     variables: SessionDrawerContentQuery$variables;
 };

package/dist/types/src/lib/components/session/__generated__/SessionDrawerContentQuery.graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionDrawerContentQuery.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/session/__generated__/SessionDrawerContentQuery.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAS,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,oBAAY,mCAAmC,GAAG,EAAE,CAAC;AACrD,oBAAY,8BAA8B,GAAG;IAC3C,QAAQ,CAAC,mBAAmB,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAAC;CACpE,CAAC;AACF,oBAAY,yBAAyB,GAAG;IACtC,QAAQ,EAAE,8BAA8B,CAAC;IACzC,SAAS,EAAE,mCAAmC,CAAC;CAChD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA2JX,CAAC;AAIF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"SessionDrawerContentQuery.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/session/__generated__/SessionDrawerContentQuery.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAS,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,MAAM,MAAM,mCAAmC,GAAG,EAAE,CAAC;AACrD,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,CAAC,mBAAmB,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAAC;CACpE,CAAC;AACF,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,EAAE,8BAA8B,CAAC;IACzC,SAAS,EAAE,mCAAmC,CAAC;CAChD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA2JX,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/dist/types/src/lib/components/session/__generated__/SessionListDestroyAllOtherSessionsMutation.graphql.d.ts

@@ -1,11 +1,11 @@
 import { ConcreteRequest } from 'relay-runtime';
-export declare type SessionListDestroyAllOtherSessionsMutation$variables = {};
-export declare type SessionListDestroyAllOtherSessionsMutation$data = {
+export type SessionListDestroyAllOtherSessionsMutation$variables = {};
+export type SessionListDestroyAllOtherSessionsMutation$data = {
     readonly destroyAllOtherSessions: {
         readonly ok: boolean;
     };
 };
-export declare type SessionListDestroyAllOtherSessionsMutation = {
+export type SessionListDestroyAllOtherSessionsMutation = {
     response: SessionListDestroyAllOtherSessionsMutation$data;
     variables: SessionListDestroyAllOtherSessionsMutation$variables;
 };

package/dist/types/src/lib/components/session/__generated__/SessionListDestroyAllOtherSessionsMutation.graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionListDestroyAllOtherSessionsMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/session/__generated__/SessionListDestroyAllOtherSessionsMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,oBAAY,oDAAoD,GAAG,EAAE,CAAC;AACtE,oBAAY,+CAA+C,GAAG;IAC5D,QAAQ,CAAC,uBAAuB,EAAE;QAChC,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC;KACtB,CAAC;CACH,CAAC;AACF,oBAAY,0CAA0C,GAAG;IACvD,QAAQ,EAAE,+CAA+C,CAAC;IAC1D,SAAS,EAAE,oDAAoD,CAAC;CACjE,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA+CR,CAAC;AAIL,eAAe,IAAI,CAAC"}
+{"version":3,"file":"SessionListDestroyAllOtherSessionsMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/session/__generated__/SessionListDestroyAllOtherSessionsMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,MAAM,MAAM,oDAAoD,GAAG,EAAE,CAAC;AACtE,MAAM,MAAM,+CAA+C,GAAG;IAC5D,QAAQ,CAAC,uBAAuB,EAAE;QAChC,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC;KACtB,CAAC;CACH,CAAC;AACF,MAAM,MAAM,0CAA0C,GAAG;IACvD,QAAQ,EAAE,+CAA+C,CAAC;IAC1D,SAAS,EAAE,oDAAoD,CAAC;CACjE,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA+CR,CAAC;AAIL,eAAe,IAAI,CAAC"}

package/dist/types/src/lib/components/session/__generated__/SessionListItemDestroySessionMutation.graphql.d.ts

@@ -1,16 +1,16 @@
 import { ConcreteRequest } from 'relay-runtime';
-export declare type DestroySessionInput = {
+export type DestroySessionInput = {
     id: string;
 };
-export declare type SessionListItemDestroySessionMutation$variables = {
+export type SessionListItemDestroySessionMutation$variables = {
     input: DestroySessionInput;
 };
-export declare type SessionListItemDestroySessionMutation$data = {
+export type SessionListItemDestroySessionMutation$data = {
     readonly destroySession: {
         readonly ok: boolean;
     };
 };
-export declare type SessionListItemDestroySessionMutation = {
+export type SessionListItemDestroySessionMutation = {
     response: SessionListItemDestroySessionMutation$data;
     variables: SessionListItemDestroySessionMutation$variables;
 };

package/dist/types/src/lib/components/session/__generated__/SessionListItemDestroySessionMutation.graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionListItemDestroySessionMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/session/__generated__/SessionListItemDestroySessionMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,oBAAY,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AACF,oBAAY,+CAA+C,GAAG;IAC5D,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AACF,oBAAY,0CAA0C,GAAG;IACvD,QAAQ,CAAC,cAAc,EAAE;QACvB,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC;KACtB,CAAC;CACH,CAAC;AACF,oBAAY,qCAAqC,GAAG;IAClD,QAAQ,EAAE,0CAA0C,CAAC;IACrD,SAAS,EAAE,+CAA+C,CAAC;CAC5D,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA4DR,CAAC;AAIL,eAAe,IAAI,CAAC"}
+{"version":3,"file":"SessionListItemDestroySessionMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/session/__generated__/SessionListItemDestroySessionMutation.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAY,MAAM,eAAe,CAAC;AAC1D,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AACF,MAAM,MAAM,+CAA+C,GAAG;IAC5D,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AACF,MAAM,MAAM,0CAA0C,GAAG;IACvD,QAAQ,CAAC,cAAc,EAAE;QACvB,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC;KACtB,CAAC;CACH,CAAC;AACF,MAAM,MAAM,qCAAqC,GAAG;IAClD,QAAQ,EAAE,0CAA0C,CAAC;IACrD,SAAS,EAAE,+CAA+C,CAAC;CAC5D,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA4DR,CAAC;AAIL,eAAe,IAAI,CAAC"}

package/dist/types/src/lib/components/session/__generated__/SessionListItem_session.graphql.d.ts

@@ -1,6 +1,6 @@
 import { ReaderFragment } from 'relay-runtime';
 import { FragmentRefs } from "relay-runtime";
-export declare type SessionListItem_session$data = {
+export type SessionListItem_session$data = {
     readonly browserName: string | null;
     readonly browserVersion: string | null;
     readonly city: string | null;
@@ -18,7 +18,7 @@ export declare type SessionListItem_session$data = {
     readonly osVersion: string | null;
     readonly " $fragmentType": "SessionListItem_session";
 };
-export declare type SessionListItem_session$key = {
+export type SessionListItem_session$key = {
     readonly " $data"?: SessionListItem_session$data;
     readonly " $fragmentSpreads": FragmentRefs<"SessionListItem_session">;
 };

package/dist/types/src/lib/components/session/__generated__/SessionListItem_session.graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionListItem_session.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/session/__generated__/SessionListItem_session.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAY,cAAc,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,oBAAY,4BAA4B,GAAG;IACzC,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,gBAAgB,EAAE,yBAAyB,CAAC;CACtD,CAAC;AACF,oBAAY,2BAA2B,GAAG;IACxC,QAAQ,CAAC,QAAQ,CAAC,EAAE,4BAA4B,CAAC;IACjD,QAAQ,CAAC,mBAAmB,EAAE,YAAY,CAAC,yBAAyB,CAAC,CAAC;CACvE,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,cAkHX,CAAC;AAIF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"SessionListItem_session.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/session/__generated__/SessionListItem_session.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAY,cAAc,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,MAAM,MAAM,4BAA4B,GAAG;IACzC,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3C,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,gBAAgB,EAAE,yBAAyB,CAAC;CACtD,CAAC;AACF,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,CAAC,QAAQ,CAAC,EAAE,4BAA4B,CAAC;IACjD,QAAQ,CAAC,mBAAmB,EAAE,YAAY,CAAC,yBAAyB,CAAC,CAAC;CACvE,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,cAkHX,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/dist/types/src/lib/components/session/__generated__/SessionListRefetchQuery.graphql.d.ts

@@ -1,10 +1,10 @@
 import { ConcreteRequest } from 'relay-runtime';
 import { FragmentRefs } from "relay-runtime";
-export declare type SessionListRefetchQuery$variables = {};
-export declare type SessionListRefetchQuery$data = {
+export type SessionListRefetchQuery$variables = {};
+export type SessionListRefetchQuery$data = {
     readonly " $fragmentSpreads": FragmentRefs<"SessionList_sessions">;
 };
-export declare type SessionListRefetchQuery = {
+export type SessionListRefetchQuery = {
     response: SessionListRefetchQuery$data;
     variables: SessionListRefetchQuery$variables;
 };

package/dist/types/src/lib/components/session/__generated__/SessionListRefetchQuery.graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionListRefetchQuery.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/session/__generated__/SessionListRefetchQuery.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAS,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,oBAAY,iCAAiC,GAAG,EAAE,CAAC;AACnD,oBAAY,4BAA4B,GAAG;IACzC,QAAQ,CAAC,mBAAmB,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAAC;CACpE,CAAC;AACF,oBAAY,uBAAuB,GAAG;IACpC,QAAQ,EAAE,4BAA4B,CAAC;IACvC,SAAS,EAAE,iCAAiC,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA2JX,CAAC;AAIF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"SessionListRefetchQuery.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/session/__generated__/SessionListRefetchQuery.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAS,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,MAAM,MAAM,iCAAiC,GAAG,EAAE,CAAC;AACnD,MAAM,MAAM,4BAA4B,GAAG;IACzC,QAAQ,CAAC,mBAAmB,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAAC;CACpE,CAAC;AACF,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,4BAA4B,CAAC;IACvC,SAAS,EAAE,iCAAiC,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA2JX,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/dist/types/src/lib/components/session/__generated__/SessionList_sessions.graphql.d.ts

@@ -1,6 +1,6 @@
 import { ReaderFragment } from 'relay-runtime';
 import { FragmentRefs } from "relay-runtime";
-export declare type SessionList_sessions$data = {
+export type SessionList_sessions$data = {
     readonly sessions: ReadonlyArray<{
         readonly current: boolean;
         readonly id: string;
@@ -9,7 +9,7 @@ export declare type SessionList_sessions$data = {
     }>;
     readonly " $fragmentType": "SessionList_sessions";
 };
-export declare type SessionList_sessions$key = {
+export type SessionList_sessions$key = {
     readonly " $data"?: SessionList_sessions$data;
     readonly " $fragmentSpreads": FragmentRefs<"SessionList_sessions">;
 };

package/dist/types/src/lib/components/session/__generated__/SessionList_sessions.graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionList_sessions.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/session/__generated__/SessionList_sessions.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAuB,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,oBAAY,yBAAyB,GAAG;IACtC,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;QAC/B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;QAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;QAC5B,QAAQ,CAAC,mBAAmB,EAAE,YAAY,CAAC,yBAAyB,CAAC,CAAC;KACvE,CAAC,CAAC;IACH,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAC;CACnD,CAAC;AACF,oBAAY,wBAAwB,GAAG;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAC9C,QAAQ,CAAC,mBAAmB,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAAC;CACpE,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,cAoDX,CAAC;AAIF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"SessionList_sessions.graphql.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/session/__generated__/SessionList_sessions.graphql.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAuB,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;QAC/B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;QAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;QAC5B,QAAQ,CAAC,mBAAmB,EAAE,YAAY,CAAC,yBAAyB,CAAC,CAAC;KACvE,CAAC,CAAC;IACH,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAC;CACnD,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAC9C,QAAQ,CAAC,mBAAmB,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAAC;CACpE,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,cAoDX,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/dist/types/src/lib/components/shared/ErrorResult.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorResult.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/shared/ErrorResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,gBAAgB;IACxB,KAAK,EAAE,KAAK,CAAC;CACd;AAMD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAW3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ErrorResult.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/shared/ErrorResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,gBAAgB;IACxB,KAAK,EAAE,KAAK,CAAC;CACd;AAMD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAU3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/src/lib/utils/getErrorMessage.d.ts

@@ -0,0 +1,3 @@
+declare const getErrorMessage: (error: any) => any;
+export default getErrorMessage;
+//# sourceMappingURL=getErrorMessage.d.ts.map

package/dist/types/src/lib/utils/getErrorMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getErrorMessage.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/getErrorMessage.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,eAAe,UAAW,GAAG,QAyClC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-team/profile",
-  "version": "1.0.47",
+  "version": "1.0.49",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/profile.git",
   "main": "dist/cjs/index.js",
@@ -30,7 +30,7 @@
     "dev-start": "react-app-rewired start",
     "dev": "yarn relay && npm-run-all dev-start relay:watch",
     "test": "react-app-rewired test --watchAll=false",
-    "ncu": "ncu -u '/^(?!(graphql)$).*$/'",
+    "ncu": "ncu -u",
     "lint": "eslint --fix .",
     "lint-check": "eslint .",
     "pretty": "prettier --write --ignore-unknown .",
@@ -42,69 +42,68 @@
     "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
-    "@os-design/core": "^1.0.169",
-    "@os-design/icons": "^1.0.43",
+    "@os-design/core": "^1.0.183",
+    "@os-design/icons": "^1.0.44",
     "@os-design/media": "^1.0.16",
     "@os-design/styles": "^1.0.41",
     "@os-design/theming": "^1.0.39",
     "@os-design/utils": "^1.0.57",
-    "@os-team/form-utils": "^1.0.31",
-    "@os-team/plural-forms": "^1.0.10"
+    "@os-team/form-utils": "^1.0.32",
+    "@os-team/plural-forms": "^1.0.11"
   },
   "devDependencies": {
     "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.19.6",
-    "@babel/preset-env": "^7.19.4",
+    "@babel/core": "^7.20.2",
+    "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@emotion/react": "^11.10.4",
-    "@emotion/serialize": "^1.1.0",
-    "@emotion/styled": "^11.10.4",
+    "@emotion/react": "^11.10.5",
+    "@emotion/serialize": "^1.1.1",
+    "@emotion/styled": "^11.10.5",
     "@os-team/prettier-config": "1.1.9",
-    "@os-team/relay-network-creator": "^1.1.11",
-    "@os-team/relay-network-mw-credentials": "^1.1.17",
-    "@os-team/relay-network-mw-upload": "^1.1.17",
-    "@types/jest": "^29.2.0",
-    "@types/node": "^18.11.5",
-    "@types/react": "^18.0.23",
-    "@types/react-dom": "^18.0.7",
+    "@os-team/relay-network-creator": "^1.2.12",
+    "@os-team/relay-network-mw-upload": "^1.2.11",
+    "@types/jest": "^29.2.3",
+    "@types/node": "^18.11.9",
+    "@types/react": "^18.0.25",
+    "@types/react-dom": "^18.0.9",
     "@types/react-relay": "^14.1.2",
     "@types/react-router-dom": "^5.3.3",
-    "@typescript-eslint/eslint-plugin": "^5.41.0",
-    "@typescript-eslint/parser": "^5.41.0",
+    "@typescript-eslint/eslint-plugin": "^5.44.0",
+    "@typescript-eslint/parser": "^5.44.0",
     "babel-plugin-relay": "^14.1.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8.26.0",
+    "eslint": "^8.28.0",
     "eslint-config-os-team-react": "1.1.35",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jest": "^27.1.3",
+    "eslint-plugin-jest": "^27.1.6",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
     "get-graphql-schema": "^2.1.2",
-    "graphql": "^15.7.2",
-    "husky": "^8.0.1",
-    "i18next": "^22.0.2",
-    "i18next-browser-languagedetector": "^6.1.8",
-    "i18next-http-backend": "^2.0.0",
+    "graphql": "^16.6.0",
+    "husky": "^8.0.2",
+    "i18next": "^22.0.6",
+    "i18next-browser-languagedetector": "^7.0.1",
+    "i18next-http-backend": "^2.0.1",
     "lazysizes": "^5.3.2",
-    "lint-staged": "^13.0.3",
+    "lint-staged": "^13.0.4",
     "npm-run-all": "^4.1.5",
-    "prettier": "2.7.1",
+    "prettier": "2.8.0",
     "progress-bar-webpack-plugin": "^2.1.0",
     "react": "^18.2.0",
     "react-app-rewired": "^2.2.1",
     "react-dom": "^18.2.0",
     "react-i18next": "^12.0.0",
     "react-relay": "^14.1.0",
-    "react-router-dom": "^6.4.2",
+    "react-router-dom": "^6.4.3",
     "react-scripts": "^5.0.1",
     "react-test-renderer": "^18.2.0",
     "relay-compiler": "^14.1.0",
     "relay-runtime": "^14.1.0",
     "release-it": "^15.5.0",
-    "typescript": "^4.8.4",
+    "typescript": "^4.9.3",
     "webpack-bundle-analyzer": "^4.7.0"
   },
   "peerDependencies": {
@@ -112,7 +111,6 @@
     "@emotion/serialize": ">=1",
     "@emotion/styled": ">=11",
     "@os-team/relay-network-creator": ">=1",
-    "@os-team/relay-network-mw-credentials": ">=1",
     "@os-team/relay-network-mw-upload": ">=1",
     "babel-plugin-relay": ">=12",
     "graphql": "15",