@os-team/profile 1.1.8 → 1.1.10

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

@@ -1 +1 @@
-{"version":3,"file":"SessionListItem.js","names":["_react","_interopRequireWildcard","require","_hooks","_styled","_interopRequireDefault","_reactI18next","_pluralForms","_core","_styles","_theming","_utils","_icons","_react2","_getLastSeen","_formatDate","_UnknownDeviceIcon","_BrowserIcon","_AppleIcon","_AndroidIcon","_SessionListItem_session","_SessionListItemDestroySessionMutation","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","length","err","return","Array","isArray","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","from","test","iter","len","arr2","_taggedTemplateLiteral","strings","raw","freeze","defineProperties","sessionListItemFragment","hash","console","error","Container","styled","div","p","clr","theme","listItemColorBorder","horizontalPaddingStyles","exports","Info","sizes","small","ellipsisStyles","Content","Title","LastSeen","inputColorPlaceholder","hasSwipeStyles","hasSwipe","css","transitionStyles","openedStyles","opened","Actions","omitEmotionProps","concat","colorBg","listItemActionsPaddingLeft","IconContainer","Icon","borderRadius","bgColor","nameVersionToString","version","mergeInfo","_len","arguments","args","_key","filter","item","join","SessionListItem","_ref","sessionKey","hideLastSeenAt","session","useFragment","_useTranslation","useTranslation","t","i18n","touchDevice","useMemo","isTouchDevice","_useSwipe","useSwipe","handlers","browser","browserName","browserVersion","os","osName","osVersion","deviceBrandModel","deviceBrand","deviceModel","deviceManufacturer","unshift","title","deviceType","toLowerCase","returnObjects","deviceName","deviceInfo","isApp","ip","location","city","country","lastSeen","lsa","getLastSeen","lastSeenAt","formatDate","language","pluralForms","forms","number","_useMemo","createElement","_useMemo2","iconComponent","iconColor","_useMutation","useMutation","_useMutation2","commitDestroySession","loadingDestroySession","destroySession","useCallback","variables","input","id","updater","store","_rootRP$getLinkedReco","rootRP","sessionsRP","getLinkedRecords","getDataID","setLinkedRecords","onError","message","onCompleted","success","Button","type","wide","size","loading","onClick","SignOut","_default"],"sources":["../../../../src/lib/components/session/SessionListItem.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useFragment, useMutation } from 'react-relay/hooks';\nimport styled from '@emotion/styled';\nimport { useTranslation } from 'react-i18next';\nimport pluralForms from '@os-team/plural-forms';\nimport { Button, message } from '@os-design/core';\nimport {\n  ellipsisStyles,\n  horizontalPaddingStyles,\n  transitionStyles,\n} from '@os-design/styles';\nimport { clr, Color } from '@os-design/theming';\nimport { isTouchDevice, omitEmotionProps, useSwipe } from '@os-design/utils';\nimport { SignOut } from '@os-design/icons';\nimport { css } from '@emotion/react';\nimport { SessionListItem_session$key } from './__generated__/SessionListItem_session.graphql';\nimport getLastSeen from './getLastSeen';\nimport formatDate from './formatDate';\nimport { SessionListItemDestroySessionMutation } from './__generated__/SessionListItemDestroySessionMutation.graphql';\nimport UnknownDeviceIcon from '../shared/icons/UnknownDeviceIcon';\nimport BrowserIcon from '../shared/icons/BrowserIcon';\nimport AppleIcon from '../shared/icons/AppleIcon';\nimport AndroidIcon from '../shared/icons/AndroidIcon';\n\nconst sessionListItemFragment = graphql`\n  fragment SessionListItem_session on SessionPayload {\n    id\n    isApp\n    browserName\n    browserVersion\n    osName\n    osVersion\n    deviceType\n    deviceName\n    deviceManufacturer\n    deviceBrand\n    deviceModel\n    ip\n    country\n    city\n    lastSeenAt\n  }\n`;\n\ninterface SessionListItemProps {\n  sessionKey: SessionListItem_session$key;\n  hideLastSeenAt?: boolean;\n}\n\nexport const Container = styled.div`\n  display: flex;\n  position: relative;\n  padding: 0.5em 0;\n  overflow: hidden;\n\n  &:not(:last-of-type) {\n    border-bottom: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n  }\n\n  @media (hover: hover) {\n    // Hide actions by default\n    & > nav {\n      opacity: 0;\n    }\n\n    // Display actions either on focus, or on hover\n    &:hover,\n    &:focus-within {\n      & > nav {\n        opacity: 1;\n      }\n    }\n  }\n\n  ${horizontalPaddingStyles()};\n`;\n\nconst Info = styled.div`\n  font-size: ${(p) => p.theme.sizes.small}em;\n  ${ellipsisStyles};\n`;\n\nexport const Content = styled.div`\n  flex: 1;\n  overflow: hidden;\n`;\n\nconst Title = styled(Info)`\n  font-weight: 500;\n`;\n\nconst LastSeen = styled(Info)`\n  color: ${(p) => clr(p.theme.inputColorPlaceholder)};\n`;\n\nconst hasSwipeStyles = (p) =>\n  p.hasSwipe &&\n  css`\n    transform: translateX(100%);\n    ${transitionStyles('transform')(p)};\n  `;\n\nconst openedStyles = (p) =>\n  p.opened &&\n  css`\n    transform: translateX(0);\n  `;\n\ninterface ActionsProps {\n  hasSwipe: boolean;\n  opened: boolean;\n}\nconst Actions = styled(\n  'nav',\n  omitEmotionProps('hasSwipe', 'opened')\n)<ActionsProps>`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n\n  display: flex;\n  align-items: center;\n\n  background: linear-gradient(\n    to right,\n    ${(p) => clr([...p.theme.colorBg.slice(0, 3), 0] as Color)},\n    ${(p) => clr(p.theme.colorBg)}\n      ${(p) => p.theme.listItemActionsPaddingLeft}em\n  );\n\n  ${hasSwipeStyles};\n  ${openedStyles};\n  ${horizontalPaddingStyles('right')};\n`;\n\nexport const IconContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 0.6em;\n`;\n\ninterface IconProps {\n  bgColor: string;\n}\nexport const Icon = styled('div', omitEmotionProps('bgColor'))<IconProps>`\n  font-size: 1.4em;\n  width: 1.3em;\n  height: 1.3em;\n\n  svg {\n    height: 1.3em;\n  }\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  background-color: ${(p) => p.bgColor};\n  color: hsl(0, 0%, 100%);\n`;\n\nconst nameVersionToString = (\n  name: string | null,\n  version: string | null\n): string | null => {\n  if (!name) return null;\n  return `${name}${version ? ` ${version}` : ''}`;\n};\n\nconst mergeInfo = (...args: Array<string | null>): string | null =>\n  args.filter((item) => item !== null).join(', ') || null;\n\nconst SessionListItem: React.FC<SessionListItemProps> = ({\n  sessionKey,\n  hideLastSeenAt,\n}) => {\n  const session = useFragment(sessionListItemFragment, sessionKey);\n  const { t, i18n } = useTranslation(['profile']);\n  const touchDevice = useMemo(() => isTouchDevice(), []);\n  const { opened, handlers } = useSwipe();\n\n  const browser = useMemo(\n    () => nameVersionToString(session.browserName, session.browserVersion),\n    [session.browserName, session.browserVersion]\n  );\n\n  const os = useMemo(\n    () => nameVersionToString(session.osName, session.osVersion),\n    [session.osName, session.osVersion]\n  );\n\n  const deviceBrandModel = useMemo(() => {\n    const arr = [session.deviceBrand, session.deviceModel];\n    // Include the manufacturer name only if it does not equal to the brand name.\n    // For example, it allows to avoid \"Apple Apple iPhone 6\".\n    if (session.deviceManufacturer !== session.deviceBrand) {\n      arr.unshift(session.deviceManufacturer);\n    }\n    return arr.filter((item) => item !== null).join(' ') || null;\n  }, [session.deviceBrand, session.deviceManufacturer, session.deviceModel]);\n\n  const title = useMemo(() => {\n    let deviceType = (session.deviceType || 'unknown').toLowerCase();\n    if (browser) deviceType = 'browser';\n    return `${\n      t('profile:sessions.deviceType', { returnObjects: true })[deviceType]\n    }${session.deviceName ? ` ${session.deviceName}` : ''}`;\n  }, [browser, session.deviceName, session.deviceType, t]);\n\n  const deviceInfo = useMemo(\n    () =>\n      session.isApp ? mergeInfo(deviceBrandModel, os) : mergeInfo(browser, os),\n    [browser, deviceBrandModel, os, session.isApp]\n  );\n\n  const ip = useMemo(() => {\n    if (!session.ip) return null;\n    const location = mergeInfo(session.city, session.country);\n    return `${session.ip}${location ? ` (${location})` : ''}`;\n  }, [session.city, session.country, session.ip]);\n\n  const lastSeen = useMemo(() => {\n    const lsa = getLastSeen(session.lastSeenAt);\n    if (!lsa) {\n      return `${t('profile:sessions.lastSeenOn')} ${formatDate(\n        session.lastSeenAt,\n        t,\n        i18n.language\n      )}`;\n    }\n    return `${t('profile:sessions.lastSeen')} ${lsa[0]} ${pluralForms({\n      language: i18n.language,\n      forms: t(`profile:sessions.${lsa[1]}`, { returnObjects: true }),\n      number: lsa[0],\n    })} ${t('profile:sessions.ago')}`;\n  }, [i18n.language, session.lastSeenAt, t]);\n\n  const [iconComponent, iconColor] = useMemo(() => {\n    if (browser) return [<BrowserIcon />, 'hsl(30, 60%, 50%)'];\n    if (session.isApp) {\n      if (session.osName === 'iOS' || session.osName === 'iPhone OS') {\n        return [<AppleIcon />, 'hsl(0, 0%, 50%)'];\n      }\n      if (session.osName === 'Android')\n        return [<AndroidIcon />, 'hsl(150, 60%, 50%)'];\n    }\n    return [<UnknownDeviceIcon />, 'hsl(5, 60%, 50%)'];\n  }, [browser, session.isApp, session.osName]);\n\n  const [commitDestroySession, loadingDestroySession] =\n    useMutation<SessionListItemDestroySessionMutation>(graphql`\n      mutation SessionListItemDestroySessionMutation(\n        $input: DestroySessionInput!\n      ) {\n        destroySession(input: $input) {\n          ok\n        }\n      }\n    `);\n\n  const destroySession = useCallback(() => {\n    commitDestroySession({\n      variables: {\n        input: {\n          id: session.id,\n        },\n      },\n      updater: (store) => {\n        // Delete the session from the store\n        const rootRP = store.get('client:root');\n        if (!rootRP) return;\n\n        const sessionsRP = rootRP\n          .getLinkedRecords('sessions')\n          ?.filter((item) => item.getDataID() !== session.id);\n        if (!sessionsRP) return;\n\n        rootRP.setLinkedRecords(sessionsRP, 'sessions');\n      },\n      onError: (error) => {\n        message.error(error.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:sessions.destroyed'));\n      },\n    });\n  }, [commitDestroySession, session.id, t]);\n\n  return (\n    <Container {...handlers}>\n      <IconContainer>\n        <Icon bgColor={iconColor}>{iconComponent}</Icon>\n      </IconContainer>\n\n      <Content>\n        <Title>{title}</Title>\n        {deviceInfo && <Info>{deviceInfo}</Info>}\n        {ip && <Info>{ip}</Info>}\n        {!hideLastSeenAt && <LastSeen>{lastSeen}</LastSeen>}\n      </Content>\n\n      <Actions hasSwipe={touchDevice} opened={opened}>\n        <Button\n          type='ghost'\n          wide='never'\n          size='small'\n          loading={loadingDestroySession}\n          onClick={destroySession}\n        >\n          <SignOut />\n        </Button>\n      </Actions>\n    </Container>\n  );\n};\n\nexport default SessionListItem;\n"],"mappings":"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"}
+{"version":3,"file":"SessionListItem.js","names":["_react","_interopRequireWildcard","require","_hooks","_styled","_interopRequireDefault","_reactI18next","_pluralForms","_core","_styles","_theming","_utils","_icons","_react2","_getLastSeen","_formatDate","_UnknownDeviceIcon","_BrowserIcon","_AppleIcon","_AndroidIcon","_SessionListItem_session","_SessionListItemDestroySessionMutation","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","length","err","return","Array","isArray","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","from","test","iter","len","arr2","_taggedTemplateLiteral","strings","raw","freeze","defineProperties","sessionListItemFragment","hash","console","error","Container","styled","div","p","clr","theme","listItemColorBorder","horizontalPaddingStyles","exports","Info","sizes","small","ellipsisStyles","Content","Title","LastSeen","inputColorPlaceholder","hasSwipeStyles","hasSwipe","css","transitionStyles","openedStyles","opened","Actions","omitEmotionProps","concat","colorBg","listItemActionsPaddingLeft","IconContainer","Icon","borderRadius","bgColor","nameVersionToString","version","mergeInfo","_len","arguments","args","_key","filter","item","join","SessionListItem","_ref","sessionKey","hideLastSeenAt","session","useFragment","_useTranslation","useTranslation","t","i18n","touchDevice","useMemo","isTouchDevice","_useSwipe","useSwipe","handlers","browser","browserName","browserVersion","os","osName","osVersion","deviceBrandModel","deviceBrand","deviceModel","deviceManufacturer","unshift","title","deviceType","toLowerCase","returnObjects","deviceName","deviceInfo","isApp","ip","location","city","country","lastSeen","lsa","getLastSeen","lastSeenAt","formatDate","language","pluralForms","forms","number","_useMemo","createElement","_useMemo2","iconComponent","iconColor","_useMutation","useMutation","_useMutation2","commitDestroySession","loadingDestroySession","destroySession","useCallback","variables","input","id","updater","store","_rootRP$getLinkedReco","rootRP","getRoot","sessionsRP","getLinkedRecords","getDataID","setLinkedRecords","onError","message","onCompleted","success","Button","type","wide","size","loading","onClick","SignOut","_default"],"sources":["../../../../src/lib/components/session/SessionListItem.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useFragment, useMutation } from 'react-relay/hooks';\nimport styled from '@emotion/styled';\nimport { useTranslation } from 'react-i18next';\nimport pluralForms from '@os-team/plural-forms';\nimport { Button, message } from '@os-design/core';\nimport {\n  ellipsisStyles,\n  horizontalPaddingStyles,\n  transitionStyles,\n} from '@os-design/styles';\nimport { clr, Color } from '@os-design/theming';\nimport { isTouchDevice, omitEmotionProps, useSwipe } from '@os-design/utils';\nimport { SignOut } from '@os-design/icons';\nimport { css } from '@emotion/react';\nimport { SessionListItem_session$key } from './__generated__/SessionListItem_session.graphql';\nimport getLastSeen from './getLastSeen';\nimport formatDate from './formatDate';\nimport { SessionListItemDestroySessionMutation } from './__generated__/SessionListItemDestroySessionMutation.graphql';\nimport UnknownDeviceIcon from '../shared/icons/UnknownDeviceIcon';\nimport BrowserIcon from '../shared/icons/BrowserIcon';\nimport AppleIcon from '../shared/icons/AppleIcon';\nimport AndroidIcon from '../shared/icons/AndroidIcon';\n\nconst sessionListItemFragment = graphql`\n  fragment SessionListItem_session on SessionPayload {\n    id\n    isApp\n    browserName\n    browserVersion\n    osName\n    osVersion\n    deviceType\n    deviceName\n    deviceManufacturer\n    deviceBrand\n    deviceModel\n    ip\n    country\n    city\n    lastSeenAt\n  }\n`;\n\ninterface SessionListItemProps {\n  sessionKey: SessionListItem_session$key;\n  hideLastSeenAt?: boolean;\n}\n\nexport const Container = styled.div`\n  display: flex;\n  position: relative;\n  padding: 0.5em 0;\n  overflow: hidden;\n\n  &:not(:last-of-type) {\n    border-bottom: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n  }\n\n  @media (hover: hover) {\n    // Hide actions by default\n    & > nav {\n      opacity: 0;\n    }\n\n    // Display actions either on focus, or on hover\n    &:hover,\n    &:focus-within {\n      & > nav {\n        opacity: 1;\n      }\n    }\n  }\n\n  ${horizontalPaddingStyles()};\n`;\n\nconst Info = styled.div`\n  font-size: ${(p) => p.theme.sizes.small}em;\n  ${ellipsisStyles};\n`;\n\nexport const Content = styled.div`\n  flex: 1;\n  overflow: hidden;\n`;\n\nconst Title = styled(Info)`\n  font-weight: 500;\n`;\n\nconst LastSeen = styled(Info)`\n  color: ${(p) => clr(p.theme.inputColorPlaceholder)};\n`;\n\nconst hasSwipeStyles = (p) =>\n  p.hasSwipe &&\n  css`\n    transform: translateX(100%);\n    ${transitionStyles('transform')(p)};\n  `;\n\nconst openedStyles = (p) =>\n  p.opened &&\n  css`\n    transform: translateX(0);\n  `;\n\ninterface ActionsProps {\n  hasSwipe: boolean;\n  opened: boolean;\n}\nconst Actions = styled(\n  'nav',\n  omitEmotionProps('hasSwipe', 'opened')\n)<ActionsProps>`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n\n  display: flex;\n  align-items: center;\n\n  background: linear-gradient(\n    to right,\n    ${(p) => clr([...p.theme.colorBg.slice(0, 3), 0] as Color)},\n    ${(p) => clr(p.theme.colorBg)}\n      ${(p) => p.theme.listItemActionsPaddingLeft}em\n  );\n\n  ${hasSwipeStyles};\n  ${openedStyles};\n  ${horizontalPaddingStyles('right')};\n`;\n\nexport const IconContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 0.6em;\n`;\n\ninterface IconProps {\n  bgColor: string;\n}\nexport const Icon = styled('div', omitEmotionProps('bgColor'))<IconProps>`\n  font-size: 1.4em;\n  width: 1.3em;\n  height: 1.3em;\n\n  svg {\n    height: 1.3em;\n  }\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  background-color: ${(p) => p.bgColor};\n  color: hsl(0, 0%, 100%);\n`;\n\nconst nameVersionToString = (\n  name: string | null,\n  version: string | null\n): string | null => {\n  if (!name) return null;\n  return `${name}${version ? ` ${version}` : ''}`;\n};\n\nconst mergeInfo = (...args: Array<string | null>): string | null =>\n  args.filter((item) => item !== null).join(', ') || null;\n\nconst SessionListItem: React.FC<SessionListItemProps> = ({\n  sessionKey,\n  hideLastSeenAt,\n}) => {\n  const session = useFragment(sessionListItemFragment, sessionKey);\n  const { t, i18n } = useTranslation(['profile']);\n  const touchDevice = useMemo(() => isTouchDevice(), []);\n  const { opened, handlers } = useSwipe();\n\n  const browser = useMemo(\n    () => nameVersionToString(session.browserName, session.browserVersion),\n    [session.browserName, session.browserVersion]\n  );\n\n  const os = useMemo(\n    () => nameVersionToString(session.osName, session.osVersion),\n    [session.osName, session.osVersion]\n  );\n\n  const deviceBrandModel = useMemo(() => {\n    const arr = [session.deviceBrand, session.deviceModel];\n    // Include the manufacturer name only if it does not equal to the brand name.\n    // For example, it allows to avoid \"Apple Apple iPhone 6\".\n    if (session.deviceManufacturer !== session.deviceBrand) {\n      arr.unshift(session.deviceManufacturer);\n    }\n    return arr.filter((item) => item !== null).join(' ') || null;\n  }, [session.deviceBrand, session.deviceManufacturer, session.deviceModel]);\n\n  const title = useMemo(() => {\n    let deviceType = (session.deviceType || 'unknown').toLowerCase();\n    if (browser) deviceType = 'browser';\n    return `${\n      t('profile:sessions.deviceType', { returnObjects: true })[deviceType]\n    }${session.deviceName ? ` ${session.deviceName}` : ''}`;\n  }, [browser, session.deviceName, session.deviceType, t]);\n\n  const deviceInfo = useMemo(\n    () =>\n      session.isApp ? mergeInfo(deviceBrandModel, os) : mergeInfo(browser, os),\n    [browser, deviceBrandModel, os, session.isApp]\n  );\n\n  const ip = useMemo(() => {\n    if (!session.ip) return null;\n    const location = mergeInfo(session.city, session.country);\n    return `${session.ip}${location ? ` (${location})` : ''}`;\n  }, [session.city, session.country, session.ip]);\n\n  const lastSeen = useMemo(() => {\n    const lsa = getLastSeen(session.lastSeenAt);\n    if (!lsa) {\n      return `${t('profile:sessions.lastSeenOn')} ${formatDate(\n        session.lastSeenAt,\n        t,\n        i18n.language\n      )}`;\n    }\n    return `${t('profile:sessions.lastSeen')} ${lsa[0]} ${pluralForms({\n      language: i18n.language,\n      forms: t(`profile:sessions.${lsa[1]}`, { returnObjects: true }),\n      number: lsa[0],\n    })} ${t('profile:sessions.ago')}`;\n  }, [i18n.language, session.lastSeenAt, t]);\n\n  const [iconComponent, iconColor] = useMemo(() => {\n    if (browser) return [<BrowserIcon />, 'hsl(30, 60%, 50%)'];\n    if (session.isApp) {\n      if (session.osName === 'iOS' || session.osName === 'iPhone OS') {\n        return [<AppleIcon />, 'hsl(0, 0%, 50%)'];\n      }\n      if (session.osName === 'Android')\n        return [<AndroidIcon />, 'hsl(150, 60%, 50%)'];\n    }\n    return [<UnknownDeviceIcon />, 'hsl(5, 60%, 50%)'];\n  }, [browser, session.isApp, session.osName]);\n\n  const [commitDestroySession, loadingDestroySession] =\n    useMutation<SessionListItemDestroySessionMutation>(graphql`\n      mutation SessionListItemDestroySessionMutation(\n        $input: DestroySessionInput!\n      ) {\n        destroySession(input: $input) {\n          ok\n        }\n      }\n    `);\n\n  const destroySession = useCallback(() => {\n    commitDestroySession({\n      variables: {\n        input: {\n          id: session.id,\n        },\n      },\n      updater: (store) => {\n        // Delete the session from the store\n        const rootRP = store.getRoot();\n        const sessionsRP = rootRP\n          .getLinkedRecords('sessions')\n          ?.filter((item) => item.getDataID() !== session.id);\n        if (!sessionsRP) return;\n        rootRP.setLinkedRecords(sessionsRP, 'sessions');\n      },\n      onError: (error) => {\n        message.error(error.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:sessions.destroyed'));\n      },\n    });\n  }, [commitDestroySession, session.id, t]);\n\n  return (\n    <Container {...handlers}>\n      <IconContainer>\n        <Icon bgColor={iconColor}>{iconComponent}</Icon>\n      </IconContainer>\n\n      <Content>\n        <Title>{title}</Title>\n        {deviceInfo && <Info>{deviceInfo}</Info>}\n        {ip && <Info>{ip}</Info>}\n        {!hideLastSeenAt && <LastSeen>{lastSeen}</LastSeen>}\n      </Content>\n\n      <Actions hasSwipe={touchDevice} opened={opened}>\n        <Button\n          type='ghost'\n          wide='never'\n          size='small'\n          loading={loadingDestroySession}\n          onClick={destroySession}\n        >\n          <SignOut />\n        </Button>\n      </Actions>\n    </Container>\n  );\n};\n\nexport default SessionListItem;\n"],"mappings":"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"}

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

@@ -68,7 +68,7 @@ const ProfileUpdatePasswordModal = ({
     }, /*#__PURE__*/React.createElement(InputPassword, _extends({
       placeholder: t('profile:updatePasswordModal.newPassword.placeholder'),
       showStrengthMeter: true,
-      strengthNames: t('profile:updatePasswordModal.passwordStrengthNames', {
+      strengthNames: t('profile:passwordStrengthNames', {
         returnObjects: true
       })
     }, props)))

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdatePasswordModal.js","names":["Form","FormItem","InputPassword","message","Modal","FormProvider","useForm","React","useCallback","useEffect","useTranslation","useMutation","handleFormErrors","FormError","ProfileUpdatePasswordModal","visibility","onClose","t","form","Field","currentPassword","password","commit","loading","_ProfileUpdatePasswordModalMutation","require","hash","console","error","reset","onSubmit","variables","input","values","getAll","onError","onCompleted","success","createElement","title","visible","okText","okLoading","onOk","name","render","props","label","_extends","placeholder","showStrengthMeter","strengthNames","returnObjects"],"sources":["../../../../src/lib/components/profile/ProfileUpdatePasswordModal.tsx"],"sourcesContent":["import { Form, FormItem, InputPassword, message, Modal } from '@os-design/core';\nimport { FormProvider, useForm } from '@os-design/form';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport React, { useCallback, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay/hooks';\nimport handleFormErrors from '../../utils/handleFormErrors';\nimport FormError from '../shared/FormError';\nimport { ProfileUpdatePasswordModalMutation } from './__generated__/ProfileUpdatePasswordModalMutation.graphql';\n\ninterface ProfileUpdatePasswordFormData {\n  currentPassword: string;\n  password: string;\n}\n\ninterface ProfileUpdatePasswordModalProps {\n  visibility: boolean;\n  onClose: () => void;\n}\n\nconst ProfileUpdatePasswordModal: React.FC<ProfileUpdatePasswordModalProps> = ({\n  visibility,\n  onClose,\n}) => {\n  const { t } = useTranslation(['profile']);\n\n  const { form, Field } = useForm<ProfileUpdatePasswordFormData>({\n    currentPassword: '',\n    password: '',\n  });\n\n  const [commit, loading] = useMutation<ProfileUpdatePasswordModalMutation>(\n    graphql`\n      mutation ProfileUpdatePasswordModalMutation(\n        $input: UpdatePasswordInput!\n      ) {\n        updatePassword(input: $input) {\n          id\n        }\n      }\n    `\n  );\n\n  // Reset the data if the modal is visible\n  useEffect(() => {\n    if (visibility) form.reset();\n  }, [form, visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: form.values.getAll(),\n      },\n      onError: (error) => handleFormErrors(form, error),\n      onCompleted: () => {\n        message.success(t('profile:updatePasswordModal.success'));\n        onClose();\n      },\n    });\n  }, [commit, form, onClose, t]);\n\n  return (\n    <Modal\n      title={t('profile:updatePasswordModal.title')}\n      visible={visibility}\n      okText={t('profile:updatePasswordModal.button')}\n      okLoading={loading}\n      onOk={onSubmit}\n      onClose={onClose}\n    >\n      <FormProvider form={form}>\n        <Form>\n          <Field\n            name='currentPassword'\n            render={(props, { error }) => (\n              <FormItem\n                label={t('profile:updatePasswordModal.currentPassword.label')}\n                error={error}\n              >\n                <InputPassword\n                  placeholder={t(\n                    'profile:updatePasswordModal.currentPassword.placeholder'\n                  )}\n                  {...props}\n                />\n              </FormItem>\n            )}\n          />\n\n          <Field\n            name='password'\n            render={(props, { error }) => (\n              <FormItem\n                label={t('profile:updatePasswordModal.newPassword.label')}\n                error={error}\n              >\n                <InputPassword\n                  placeholder={t(\n                    'profile:updatePasswordModal.newPassword.placeholder'\n                  )}\n                  showStrengthMeter\n                  strengthNames={t(\n                    'profile:updatePasswordModal.passwordStrengthNames',\n                    { returnObjects: true }\n                  )}\n                  {...props}\n                />\n              </FormItem>\n            )}\n          />\n\n          <FormError />\n        </Form>\n      </FormProvider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdatePasswordModal;\n"],"mappings":"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"}
+{"version":3,"file":"ProfileUpdatePasswordModal.js","names":["Form","FormItem","InputPassword","message","Modal","FormProvider","useForm","React","useCallback","useEffect","useTranslation","useMutation","handleFormErrors","FormError","ProfileUpdatePasswordModal","visibility","onClose","t","form","Field","currentPassword","password","commit","loading","_ProfileUpdatePasswordModalMutation","require","hash","console","error","reset","onSubmit","variables","input","values","getAll","onError","onCompleted","success","createElement","title","visible","okText","okLoading","onOk","name","render","props","label","_extends","placeholder","showStrengthMeter","strengthNames","returnObjects"],"sources":["../../../../src/lib/components/profile/ProfileUpdatePasswordModal.tsx"],"sourcesContent":["import { Form, FormItem, InputPassword, message, Modal } from '@os-design/core';\nimport { FormProvider, useForm } from '@os-design/form';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport React, { useCallback, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay/hooks';\nimport handleFormErrors from '../../utils/handleFormErrors';\nimport FormError from '../shared/FormError';\nimport { ProfileUpdatePasswordModalMutation } from './__generated__/ProfileUpdatePasswordModalMutation.graphql';\n\ninterface ProfileUpdatePasswordFormData {\n  currentPassword: string;\n  password: string;\n}\n\ninterface ProfileUpdatePasswordModalProps {\n  visibility: boolean;\n  onClose: () => void;\n}\n\nconst ProfileUpdatePasswordModal: React.FC<ProfileUpdatePasswordModalProps> = ({\n  visibility,\n  onClose,\n}) => {\n  const { t } = useTranslation(['profile']);\n\n  const { form, Field } = useForm<ProfileUpdatePasswordFormData>({\n    currentPassword: '',\n    password: '',\n  });\n\n  const [commit, loading] = useMutation<ProfileUpdatePasswordModalMutation>(\n    graphql`\n      mutation ProfileUpdatePasswordModalMutation(\n        $input: UpdatePasswordInput!\n      ) {\n        updatePassword(input: $input) {\n          id\n        }\n      }\n    `\n  );\n\n  // Reset the data if the modal is visible\n  useEffect(() => {\n    if (visibility) form.reset();\n  }, [form, visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: form.values.getAll(),\n      },\n      onError: (error) => handleFormErrors(form, error),\n      onCompleted: () => {\n        message.success(t('profile:updatePasswordModal.success'));\n        onClose();\n      },\n    });\n  }, [commit, form, onClose, t]);\n\n  return (\n    <Modal\n      title={t('profile:updatePasswordModal.title')}\n      visible={visibility}\n      okText={t('profile:updatePasswordModal.button')}\n      okLoading={loading}\n      onOk={onSubmit}\n      onClose={onClose}\n    >\n      <FormProvider form={form}>\n        <Form>\n          <Field\n            name='currentPassword'\n            render={(props, { error }) => (\n              <FormItem\n                label={t('profile:updatePasswordModal.currentPassword.label')}\n                error={error}\n              >\n                <InputPassword\n                  placeholder={t(\n                    'profile:updatePasswordModal.currentPassword.placeholder'\n                  )}\n                  {...props}\n                />\n              </FormItem>\n            )}\n          />\n\n          <Field\n            name='password'\n            render={(props, { error }) => (\n              <FormItem\n                label={t('profile:updatePasswordModal.newPassword.label')}\n                error={error}\n              >\n                <InputPassword\n                  placeholder={t(\n                    'profile:updatePasswordModal.newPassword.placeholder'\n                  )}\n                  showStrengthMeter\n                  strengthNames={t('profile:passwordStrengthNames', {\n                    returnObjects: true,\n                  })}\n                  {...props}\n                />\n              </FormItem>\n            )}\n          />\n\n          <FormError />\n        </Form>\n      </FormProvider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdatePasswordModal;\n"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,OAAO,EAAEC,KAAK,QAAQ,iBAAiB;AAC/E,SAASC,YAAY,EAAEC,OAAO,QAAQ,iBAAiB;AAEvD,OAAOC,KAAK,IAAIC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AACrD,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,OAAOC,SAAS,MAAM,qBAAqB;AAa3C,MAAMC,0BAAqE,GAAGA,CAAC;EAC7EC,UAAU;EACVC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAGP,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;EAEzC,MAAM;IAAEQ,IAAI;IAAEC;EAAM,CAAC,GAAGb,OAAO,CAAgC;IAC7Dc,eAAe,EAAE,EAAE;IACnBC,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEF,MAAM,CAACC,MAAM,EAAEC,OAAO,CAAC,GAAGZ,WAAW,CAAAa,mCAAA,cAAAA,mCAAA,IAAAA,mCAAA,GAAAC,OAAA,gEAAAD,mCAAA,CAAAE,IAAA,IAAAF,mCAAA,CAAAE,IAAA,2CAAAC,OAAA,CAAAC,KAAA,sKAAAJ,mCAAA,CAUrC,CAAC;;EAED;EACAf,SAAS,CAAC,MAAM;IACd,IAAIM,UAAU,EAAEG,IAAI,CAACW,KAAK,CAAC,CAAC;EAC9B,CAAC,EAAE,CAACX,IAAI,EAAEH,UAAU,CAAC,CAAC;EAEtB,MAAMe,QAAQ,GAAGtB,WAAW,CAAC,MAAM;IACjCc,MAAM,CAAC;MACLS,SAAS,EAAE;QACTC,KAAK,EAAEd,IAAI,CAACe,MAAM,CAACC,MAAM,CAAC;MAC5B,CAAC;MACDC,OAAO,EAAGP,KAAK,IAAKhB,gBAAgB,CAACM,IAAI,EAAEU,KAAK,CAAC;MACjDQ,WAAW,EAAEA,CAAA,KAAM;QACjBjC,OAAO,CAACkC,OAAO,CAACpB,CAAC,CAAC,qCAAqC,CAAC,CAAC;QACzDD,OAAO,CAAC,CAAC;MACX;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACM,MAAM,EAAEJ,IAAI,EAAEF,OAAO,EAAEC,CAAC,CAAC,CAAC;EAE9B,oBACEV,KAAA,CAAA+B,aAAA,CAAClC,KAAK;IACJmC,KAAK,EAAEtB,CAAC,CAAC,mCAAmC,CAAE;IAC9CuB,OAAO,EAAEzB,UAAW;IACpB0B,MAAM,EAAExB,CAAC,CAAC,oCAAoC,CAAE;IAChDyB,SAAS,EAAEnB,OAAQ;IACnBoB,IAAI,EAAEb,QAAS;IACfd,OAAO,EAAEA;EAAQ,gBAEjBT,KAAA,CAAA+B,aAAA,CAACjC,YAAY;IAACa,IAAI,EAAEA;EAAK,gBACvBX,KAAA,CAAA+B,aAAA,CAACtC,IAAI,qBACHO,KAAA,CAAA+B,aAAA,CAACnB,KAAK;IACJyB,IAAI,EAAC,iBAAiB;IACtBC,MAAM,EAAEA,CAACC,KAAK,EAAE;MAAElB;IAAM,CAAC,kBACvBrB,KAAA,CAAA+B,aAAA,CAACrC,QAAQ;MACP8C,KAAK,EAAE9B,CAAC,CAAC,mDAAmD,CAAE;MAC9DW,KAAK,EAAEA;IAAM,gBAEbrB,KAAA,CAAA+B,aAAA,CAACpC,aAAa,EAAA8C,QAAA;MACZC,WAAW,EAAEhC,CAAC,CACZ,yDACF;IAAE,GACE6B,KAAK,CACV,CACO;EACV,CACH,CAAC,eAEFvC,KAAA,CAAA+B,aAAA,CAACnB,KAAK;IACJyB,IAAI,EAAC,UAAU;IACfC,MAAM,EAAEA,CAACC,KAAK,EAAE;MAAElB;IAAM,CAAC,kBACvBrB,KAAA,CAAA+B,aAAA,CAACrC,QAAQ;MACP8C,KAAK,EAAE9B,CAAC,CAAC,+CAA+C,CAAE;MAC1DW,KAAK,EAAEA;IAAM,gBAEbrB,KAAA,CAAA+B,aAAA,CAACpC,aAAa,EAAA8C,QAAA;MACZC,WAAW,EAAEhC,CAAC,CACZ,qDACF,CAAE;MACFiC,iBAAiB;MACjBC,aAAa,EAAElC,CAAC,CAAC,+BAA+B,EAAE;QAChDmC,aAAa,EAAE;MACjB,CAAC;IAAE,GACCN,KAAK,CACV,CACO;EACV,CACH,CAAC,eAEFvC,KAAA,CAAA+B,aAAA,CAACzB,SAAS,MAAE,CACR,CACM,CACT,CAAC;AAEZ,CAAC;AAED,eAAeC,0BAA0B"}

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

@@ -1,15 +1,16 @@
 var _ProtectedWrapperQuery;
+import { ErrorBoundary } from '@os-design/utils';
 import React, { useMemo } from 'react';
 import { useLazyLoadQuery } from 'react-relay/hooks';
-import { ErrorBoundary } from '@os-design/utils';
 import ProfileConfigContext from './ProfileConfigContext';
 import ProfileContext from './ProfileContext';
+import SetFirstPassword from './SetFirstPassword';
 const ProtectedWrapperLoader = ({
   children
 }) => {
   const {
     profile
-  } = useLazyLoadQuery(_ProtectedWrapperQuery !== void 0 ? _ProtectedWrapperQuery : (_ProtectedWrapperQuery = require("./__generated__/ProtectedWrapperQuery.graphql"), _ProtectedWrapperQuery.hash && _ProtectedWrapperQuery.hash !== "903b234e48f53b4a44dc0b4974ebc521" && console.error("The definition of 'ProtectedWrapperQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProtectedWrapperQuery), {}, {
+  } = useLazyLoadQuery(_ProtectedWrapperQuery !== void 0 ? _ProtectedWrapperQuery : (_ProtectedWrapperQuery = require("./__generated__/ProtectedWrapperQuery.graphql"), _ProtectedWrapperQuery.hash && _ProtectedWrapperQuery.hash !== "8207c248e1e225472f5f4bb3ad6fa4db" && console.error("The definition of 'ProtectedWrapperQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProtectedWrapperQuery), {}, {
     fetchPolicy: 'store-or-network'
   });
   const profileContext = useMemo(() => ({
@@ -19,6 +20,9 @@ const ProtectedWrapperLoader = ({
     lastName: profile.lastName || undefined,
     avatar: profile.avatar || undefined
   }), [profile.avatar, profile.email, profile.firstName, profile.id, profile.lastName]);
+  if (!profile.hasPassword) {
+    return /*#__PURE__*/React.createElement(SetFirstPassword, null);
+  }
   return /*#__PURE__*/React.createElement(ProfileContext.Provider, {
     value: profileContext
   }, children);

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

@@ -1 +1 @@
-{"version":3,"file":"ProtectedWrapper.js","names":["React","useMemo","useLazyLoadQuery","ErrorBoundary","ProfileConfigContext","ProfileContext","ProtectedWrapperLoader","children","profile","_ProtectedWrapperQuery","require","hash","console","error","fetchPolicy","profileContext","id","email","firstName","undefined","lastName","avatar","createElement","Provider","value","ProtectedWrapper","bucketId","profileConfigContext","fallback","window","location","href"],"sources":["../../../../src/lib/components/profile/ProtectedWrapper.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useLazyLoadQuery } from 'react-relay/hooks';\nimport { ErrorBoundary } from '@os-design/utils';\nimport ProfileConfigContext from './ProfileConfigContext';\nimport ProfileContext from './ProfileContext';\nimport { ProtectedWrapperQuery } from './__generated__/ProtectedWrapperQuery.graphql';\n\ninterface ProtectedWrapperLoaderProps {\n  children?: React.ReactNode;\n}\n\nconst ProtectedWrapperLoader: React.FC<ProtectedWrapperLoaderProps> = ({\n  children,\n}) => {\n  const { profile } = useLazyLoadQuery<ProtectedWrapperQuery>(\n    graphql`\n      query ProtectedWrapperQuery {\n        profile {\n          id\n          email\n          firstName\n          lastName\n          avatar\n        }\n      }\n    `,\n    {},\n    { fetchPolicy: 'store-or-network' }\n  );\n\n  const profileContext = useMemo(\n    () => ({\n      id: profile.id,\n      email: profile.email,\n      firstName: profile.firstName || undefined,\n      lastName: profile.lastName || undefined,\n      avatar: profile.avatar || undefined,\n    }),\n    [\n      profile.avatar,\n      profile.email,\n      profile.firstName,\n      profile.id,\n      profile.lastName,\n    ]\n  );\n\n  return (\n    <ProfileContext.Provider value={profileContext}>\n      {children}\n    </ProfileContext.Provider>\n  );\n};\n\nexport interface ProtectedWrapperProps {\n  bucketId: string;\n  children?: React.ReactNode;\n}\n\nconst ProtectedWrapper: React.FC<ProtectedWrapperProps> = ({\n  bucketId,\n  children,\n}) => {\n  const profileConfigContext = useMemo(() => ({ bucketId }), [bucketId]);\n\n  return (\n    <ProfileConfigContext.Provider value={profileConfigContext}>\n      <ErrorBoundary\n        fallback={() => {\n          window.location.href = '/auth/';\n          return null;\n        }}\n      >\n        <ProtectedWrapperLoader>{children}</ProtectedWrapperLoader>\n      </ErrorBoundary>\n    </ProfileConfigContext.Provider>\n  );\n};\n\nexport default ProtectedWrapper;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,aAAa,QAAQ,kBAAkB;AAChD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,cAAc,MAAM,kBAAkB;AAO7C,MAAMC,sBAA6D,GAAGA,CAAC;EACrEC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAQ,CAAC,GAAGN,gBAAgB,CAAAO,sBAAA,cAAAA,sBAAA,IAAAA,sBAAA,GAAAC,OAAA,mDAAAD,sBAAA,CAAAE,IAAA,IAAAF,sBAAA,CAAAE,IAAA,2CAAAC,OAAA,CAAAC,KAAA,yJAAAJ,sBAAA,GAYlC,CAAC,CAAC,EACF;IAAEK,WAAW,EAAE;EAAmB,CACpC,CAAC;EAED,MAAMC,cAAc,GAAGd,OAAO,CAC5B,OAAO;IACLe,EAAE,EAAER,OAAO,CAACQ,EAAE;IACdC,KAAK,EAAET,OAAO,CAACS,KAAK;IACpBC,SAAS,EAAEV,OAAO,CAACU,SAAS,IAAIC,SAAS;IACzCC,QAAQ,EAAEZ,OAAO,CAACY,QAAQ,IAAID,SAAS;IACvCE,MAAM,EAAEb,OAAO,CAACa,MAAM,IAAIF;EAC5B,CAAC,CAAC,EACF,CACEX,OAAO,CAACa,MAAM,EACdb,OAAO,CAACS,KAAK,EACbT,OAAO,CAACU,SAAS,EACjBV,OAAO,CAACQ,EAAE,EACVR,OAAO,CAACY,QAAQ,CAEpB,CAAC;EAED,oBACEpB,KAAA,CAAAsB,aAAA,CAACjB,cAAc,CAACkB,QAAQ;IAACC,KAAK,EAAET;EAAe,GAC5CR,QACsB,CAAC;AAE9B,CAAC;AAOD,MAAMkB,gBAAiD,GAAGA,CAAC;EACzDC,QAAQ;EACRnB;AACF,CAAC,KAAK;EACJ,MAAMoB,oBAAoB,GAAG1B,OAAO,CAAC,OAAO;IAAEyB;EAAS,CAAC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEtE,oBACE1B,KAAA,CAAAsB,aAAA,CAAClB,oBAAoB,CAACmB,QAAQ;IAACC,KAAK,EAAEG;EAAqB,gBACzD3B,KAAA,CAAAsB,aAAA,CAACnB,aAAa;IACZyB,QAAQ,EAAEA,CAAA,KAAM;MACdC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,QAAQ;MAC/B,OAAO,IAAI;IACb;EAAE,gBAEF/B,KAAA,CAAAsB,aAAA,CAAChB,sBAAsB,QAAEC,QAAiC,CAC7C,CACc,CAAC;AAEpC,CAAC;AAED,eAAekB,gBAAgB"}
+{"version":3,"file":"ProtectedWrapper.js","names":["ErrorBoundary","React","useMemo","useLazyLoadQuery","ProfileConfigContext","ProfileContext","SetFirstPassword","ProtectedWrapperLoader","children","profile","_ProtectedWrapperQuery","require","hash","console","error","fetchPolicy","profileContext","id","email","firstName","undefined","lastName","avatar","hasPassword","createElement","Provider","value","ProtectedWrapper","bucketId","profileConfigContext","fallback","window","location","href"],"sources":["../../../../src/lib/components/profile/ProtectedWrapper.tsx"],"sourcesContent":["import { ErrorBoundary } from '@os-design/utils';\nimport graphql from 'babel-plugin-relay/macro';\nimport React, { useMemo } from 'react';\nimport { useLazyLoadQuery } from 'react-relay/hooks';\nimport ProfileConfigContext from './ProfileConfigContext';\nimport ProfileContext from './ProfileContext';\nimport SetFirstPassword from './SetFirstPassword';\nimport { ProtectedWrapperQuery } from './__generated__/ProtectedWrapperQuery.graphql';\n\ninterface ProtectedWrapperLoaderProps {\n  children?: React.ReactNode;\n}\n\nconst ProtectedWrapperLoader: React.FC<ProtectedWrapperLoaderProps> = ({\n  children,\n}) => {\n  const { profile } = useLazyLoadQuery<ProtectedWrapperQuery>(\n    graphql`\n      query ProtectedWrapperQuery {\n        profile {\n          id\n          email\n          firstName\n          lastName\n          avatar\n          hasPassword\n        }\n      }\n    `,\n    {},\n    { fetchPolicy: 'store-or-network' }\n  );\n\n  const profileContext = useMemo(\n    () => ({\n      id: profile.id,\n      email: profile.email,\n      firstName: profile.firstName || undefined,\n      lastName: profile.lastName || undefined,\n      avatar: profile.avatar || undefined,\n    }),\n    [\n      profile.avatar,\n      profile.email,\n      profile.firstName,\n      profile.id,\n      profile.lastName,\n    ]\n  );\n\n  if (!profile.hasPassword) {\n    return <SetFirstPassword />;\n  }\n\n  return (\n    <ProfileContext.Provider value={profileContext}>\n      {children}\n    </ProfileContext.Provider>\n  );\n};\n\nexport interface ProtectedWrapperProps {\n  bucketId: string;\n  children?: React.ReactNode;\n}\n\nconst ProtectedWrapper: React.FC<ProtectedWrapperProps> = ({\n  bucketId,\n  children,\n}) => {\n  const profileConfigContext = useMemo(() => ({ bucketId }), [bucketId]);\n\n  return (\n    <ProfileConfigContext.Provider value={profileConfigContext}>\n      <ErrorBoundary\n        fallback={() => {\n          window.location.href = '/auth/';\n          return null;\n        }}\n      >\n        <ProtectedWrapperLoader>{children}</ProtectedWrapperLoader>\n      </ErrorBoundary>\n    </ProfileConfigContext.Provider>\n  );\n};\n\nexport default ProtectedWrapper;\n"],"mappings":";AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAEhD,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAOjD,MAAMC,sBAA6D,GAAGA,CAAC;EACrEC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAQ,CAAC,GAAGN,gBAAgB,CAAAO,sBAAA,cAAAA,sBAAA,IAAAA,sBAAA,GAAAC,OAAA,mDAAAD,sBAAA,CAAAE,IAAA,IAAAF,sBAAA,CAAAE,IAAA,2CAAAC,OAAA,CAAAC,KAAA,yJAAAJ,sBAAA,GAalC,CAAC,CAAC,EACF;IAAEK,WAAW,EAAE;EAAmB,CACpC,CAAC;EAED,MAAMC,cAAc,GAAGd,OAAO,CAC5B,OAAO;IACLe,EAAE,EAAER,OAAO,CAACQ,EAAE;IACdC,KAAK,EAAET,OAAO,CAACS,KAAK;IACpBC,SAAS,EAAEV,OAAO,CAACU,SAAS,IAAIC,SAAS;IACzCC,QAAQ,EAAEZ,OAAO,CAACY,QAAQ,IAAID,SAAS;IACvCE,MAAM,EAAEb,OAAO,CAACa,MAAM,IAAIF;EAC5B,CAAC,CAAC,EACF,CACEX,OAAO,CAACa,MAAM,EACdb,OAAO,CAACS,KAAK,EACbT,OAAO,CAACU,SAAS,EACjBV,OAAO,CAACQ,EAAE,EACVR,OAAO,CAACY,QAAQ,CAEpB,CAAC;EAED,IAAI,CAACZ,OAAO,CAACc,WAAW,EAAE;IACxB,oBAAOtB,KAAA,CAAAuB,aAAA,CAAClB,gBAAgB,MAAE,CAAC;EAC7B;EAEA,oBACEL,KAAA,CAAAuB,aAAA,CAACnB,cAAc,CAACoB,QAAQ;IAACC,KAAK,EAAEV;EAAe,GAC5CR,QACsB,CAAC;AAE9B,CAAC;AAOD,MAAMmB,gBAAiD,GAAGA,CAAC;EACzDC,QAAQ;EACRpB;AACF,CAAC,KAAK;EACJ,MAAMqB,oBAAoB,GAAG3B,OAAO,CAAC,OAAO;IAAE0B;EAAS,CAAC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEtE,oBACE3B,KAAA,CAAAuB,aAAA,CAACpB,oBAAoB,CAACqB,QAAQ;IAACC,KAAK,EAAEG;EAAqB,gBACzD5B,KAAA,CAAAuB,aAAA,CAACxB,aAAa;IACZ8B,QAAQ,EAAEA,CAAA,KAAM;MACdC,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,QAAQ;MAC/B,OAAO,IAAI;IACb;EAAE,gBAEFhC,KAAA,CAAAuB,aAAA,CAACjB,sBAAsB,QAAEC,QAAiC,CAC7C,CACc,CAAC;AAEpC,CAAC;AAED,eAAemB,gBAAgB"}

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

@@ -0,0 +1,73 @@
+var _SetFirstPasswordMutation;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import styled from '@emotion/styled';
+import { Button, Form, FormItem, InputPassword, Layout, message } from '@os-design/core';
+import { FormProvider, useForm } from '@os-design/form';
+import { horizontalPaddingStyles } from '@os-design/styles';
+import React, { useCallback, useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useMutation } from 'react-relay';
+import handleFormErrors from '../../utils/handleFormErrors';
+import FormError from '../shared/FormError';
+const OuterContainer = styled.div`
+  min-height: calc(var(--vh, 1vh) * 100);
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+const InnerContainer = styled.div`
+  width: 18em;
+  ${horizontalPaddingStyles()};
+`;
+const SetFirstPassword = () => {
+  const {
+    t
+  } = useTranslation(['profile']);
+  const {
+    form,
+    Field
+  } = useForm({
+    password: ''
+  });
+  const [commit, loading] = useMutation(_SetFirstPasswordMutation !== void 0 ? _SetFirstPasswordMutation : (_SetFirstPasswordMutation = require("./__generated__/SetFirstPasswordMutation.graphql"), _SetFirstPasswordMutation.hash && _SetFirstPasswordMutation.hash !== "a62bc52ce4bf5b535def5a82e43ee16c" && console.error("The definition of 'SetFirstPasswordMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SetFirstPasswordMutation));
+  const handler = useCallback(() => {
+    commit({
+      variables: {
+        input: form.values.getAll()
+      },
+      onError: error => handleFormErrors(form, error),
+      onCompleted: () => message.success(t('profile:setFirstPassword.success'))
+    });
+  }, [commit, form, t]);
+  const handlerRef = useRef(handler);
+  useEffect(() => {
+    handlerRef.current = handler;
+  }, [handler]);
+  return /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(OuterContainer, null, /*#__PURE__*/React.createElement(InnerContainer, null, /*#__PURE__*/React.createElement(FormProvider, {
+    form: form
+  }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Field, {
+    name: "password",
+    render: (props, {
+      error
+    }) => /*#__PURE__*/React.createElement(FormItem, {
+      error: error,
+      label: t('profile:setFirstPassword.newPassword.label')
+    }, /*#__PURE__*/React.createElement(InputPassword, _extends({
+      placeholder: t('profile:setFirstPassword.newPassword.placeholder'),
+      showStrengthMeter: true,
+      strengthNames: t('profile:passwordStrengthNames', {
+        returnObjects: true
+      }),
+      onKeyDown: e => {
+        if (e.key === 'Enter') handlerRef.current();
+      }
+    }, props)))
+  }), /*#__PURE__*/React.createElement(FormError, null), /*#__PURE__*/React.createElement(Button, {
+    wide: "always",
+    loading: loading,
+    onClick: handler
+  }, t('profile:setFirstPassword.button')))))));
+};
+export default SetFirstPassword;
+//# sourceMappingURL=SetFirstPassword.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetFirstPassword.js","names":["styled","Button","Form","FormItem","InputPassword","Layout","message","FormProvider","useForm","horizontalPaddingStyles","React","useCallback","useEffect","useRef","useTranslation","useMutation","handleFormErrors","FormError","OuterContainer","div","InnerContainer","SetFirstPassword","t","form","Field","password","commit","loading","_SetFirstPasswordMutation","require","hash","console","error","handler","variables","input","values","getAll","onError","onCompleted","success","handlerRef","current","createElement","name","render","props","label","_extends","placeholder","showStrengthMeter","strengthNames","returnObjects","onKeyDown","e","key","wide","onClick"],"sources":["../../../../src/lib/components/profile/SetFirstPassword.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n  Button,\n  Form,\n  FormItem,\n  InputPassword,\n  Layout,\n  message,\n} from '@os-design/core';\nimport { FormProvider, useForm } from '@os-design/form';\nimport { horizontalPaddingStyles } from '@os-design/styles';\nimport graphql from 'babel-plugin-relay/macro';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay';\nimport handleFormErrors from '../../utils/handleFormErrors';\nimport FormError from '../shared/FormError';\nimport { SetFirstPasswordMutation } from './__generated__/SetFirstPasswordMutation.graphql';\n\nconst OuterContainer = styled.div`\n  min-height: calc(var(--vh, 1vh) * 100);\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst InnerContainer = styled.div`\n  width: 18em;\n  ${horizontalPaddingStyles()};\n`;\n\nconst SetFirstPassword: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n\n  const { form, Field } = useForm({\n    password: '',\n  });\n\n  const [commit, loading] = useMutation<SetFirstPasswordMutation>(graphql`\n    mutation SetFirstPasswordMutation($input: SetFirstPasswordInput!) {\n      setFirstPassword(input: $input) {\n        hasPassword\n      }\n    }\n  `);\n\n  const handler = useCallback(() => {\n    commit({\n      variables: {\n        input: form.values.getAll(),\n      },\n      onError: (error) => handleFormErrors(form, error),\n      onCompleted: () => message.success(t('profile:setFirstPassword.success')),\n    });\n  }, [commit, form, t]);\n\n  const handlerRef = useRef(handler);\n  useEffect(() => {\n    handlerRef.current = handler;\n  }, [handler]);\n\n  return (\n    <Layout>\n      <OuterContainer>\n        <InnerContainer>\n          <FormProvider form={form}>\n            <Form>\n              <Field\n                name='password'\n                render={(props, { error }) => (\n                  <FormItem\n                    error={error}\n                    label={t('profile:setFirstPassword.newPassword.label')}\n                  >\n                    <InputPassword\n                      placeholder={t(\n                        'profile:setFirstPassword.newPassword.placeholder'\n                      )}\n                      showStrengthMeter\n                      strengthNames={t('profile:passwordStrengthNames', {\n                        returnObjects: true,\n                      })}\n                      onKeyDown={(e) => {\n                        if (e.key === 'Enter') handlerRef.current();\n                      }}\n                      {...props}\n                    />\n                  </FormItem>\n                )}\n              />\n\n              <FormError />\n\n              <Button wide='always' loading={loading} onClick={handler}>\n                {t('profile:setFirstPassword.button')}\n              </Button>\n            </Form>\n          </FormProvider>\n        </InnerContainer>\n      </OuterContainer>\n    </Layout>\n  );\n};\n\nexport default SetFirstPassword;\n"],"mappings":"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"}

package/dist/esm/components/profile/__generated__/ProtectedWrapperQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<c1bbe3a7739ce21cdcc0dc5de42901d2>>
+ * @generated SignedSource<<c5d827b88445eb5271d5a60231e7c386>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -46,6 +46,12 @@ const node = function () {
       "kind": "ScalarField",
       "name": "avatar",
       "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "hasPassword",
+      "storageKey": null
     }],
     "storageKey": null
   }];
@@ -68,15 +74,15 @@ const node = function () {
     },
 
     "params": {
-      "cacheID": "c77ada94a5456167ef4c0c17a1fd7cd7",
+      "cacheID": "ca731635e8b4e4adaf87227472517278",
       "id": null,
       "metadata": {},
       "name": "ProtectedWrapperQuery",
       "operationKind": "query",
-      "text": "query ProtectedWrapperQuery {\n  profile {\n    id\n    email\n    firstName\n    lastName\n    avatar\n  }\n}\n"
+      "text": "query ProtectedWrapperQuery {\n  profile {\n    id\n    email\n    firstName\n    lastName\n    avatar\n    hasPassword\n  }\n}\n"
     }
   };
 }();
-node.hash = "903b234e48f53b4a44dc0b4974ebc521";
+node.hash = "8207c248e1e225472f5f4bb3ad6fa4db";
 export default node;
 //# sourceMappingURL=ProtectedWrapperQuery.graphql.js.map

package/dist/esm/components/profile/__generated__/ProtectedWrapperQuery.graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProtectedWrapperQuery.graphql.js","names":["node","v0","hash"],"sources":["../../../../../src/lib/components/profile/__generated__/ProtectedWrapperQuery.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<c1bbe3a7739ce21cdcc0dc5de42901d2>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Query } from 'relay-runtime';\nexport type ProtectedWrapperQuery$variables = {};\nexport type ProtectedWrapperQuery$data = {\n  readonly profile: {\n    readonly avatar: string | null;\n    readonly email: string;\n    readonly firstName: string | null;\n    readonly id: string;\n    readonly lastName: string | null;\n  };\n};\nexport type ProtectedWrapperQuery = {\n  response: ProtectedWrapperQuery$data;\n  variables: ProtectedWrapperQuery$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"alias\": null,\n    \"args\": null,\n    \"concreteType\": \"User\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"profile\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"id\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"email\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"firstName\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"lastName\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"avatar\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProtectedWrapperQuery\",\n    \"selections\": (v0/*: any*/),\n    \"type\": \"Query\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Operation\",\n    \"name\": \"ProtectedWrapperQuery\",\n    \"selections\": (v0/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"c77ada94a5456167ef4c0c17a1fd7cd7\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProtectedWrapperQuery\",\n    \"operationKind\": \"query\",\n    \"text\": \"query ProtectedWrapperQuery {\\n  profile {\\n    id\\n    email\\n    firstName\\n    lastName\\n    avatar\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"903b234e48f53b4a44dc0b4974ebc521\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAkBA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;IACE,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,MAAM;IACtB,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,CACZ;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,IAAI;MACZ,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,OAAO;MACf,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,WAAW;MACnB,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,UAAU;MAClB,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,QAAQ;MAChB,YAAY,EAAE;IAChB,CAAC,CACF;IACD,YAAY,EAAE;EAChB,CAAC,CACF;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,uBAAuB;MAC/B,YAAY,EAAGA,EAAE,UAAU;MAC3B,MAAM,EAAE,OAAO;MACf,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,uBAAuB;MAC/B,YAAY,EAAGA,EAAE;IACnB,CAAC;;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,uBAAuB;MAC/B,eAAe,EAAE,OAAO;MACxB,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,CAAE,CAAC;AAEHD,IAAI,CAASE,IAAI,GAAG,kCAAkC;AAEvD,eAAeF,IAAI"}
+{"version":3,"file":"ProtectedWrapperQuery.graphql.js","names":["node","v0","hash"],"sources":["../../../../../src/lib/components/profile/__generated__/ProtectedWrapperQuery.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<c5d827b88445eb5271d5a60231e7c386>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Query } from 'relay-runtime';\nexport type ProtectedWrapperQuery$variables = {};\nexport type ProtectedWrapperQuery$data = {\n  readonly profile: {\n    readonly avatar: string | null;\n    readonly email: string;\n    readonly firstName: string | null;\n    readonly hasPassword: boolean;\n    readonly id: string;\n    readonly lastName: string | null;\n  };\n};\nexport type ProtectedWrapperQuery = {\n  response: ProtectedWrapperQuery$data;\n  variables: ProtectedWrapperQuery$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"alias\": null,\n    \"args\": null,\n    \"concreteType\": \"User\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"profile\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"id\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"email\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"firstName\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"lastName\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"avatar\",\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"hasPassword\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"ProtectedWrapperQuery\",\n    \"selections\": (v0/*: any*/),\n    \"type\": \"Query\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Operation\",\n    \"name\": \"ProtectedWrapperQuery\",\n    \"selections\": (v0/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"ca731635e8b4e4adaf87227472517278\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"ProtectedWrapperQuery\",\n    \"operationKind\": \"query\",\n    \"text\": \"query ProtectedWrapperQuery {\\n  profile {\\n    id\\n    email\\n    firstName\\n    lastName\\n    avatar\\n    hasPassword\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"8207c248e1e225472f5f4bb3ad6fa4db\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAmBA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;IACE,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,MAAM;IACtB,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,CACZ;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,IAAI;MACZ,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,OAAO;MACf,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,WAAW;MACnB,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,UAAU;MAClB,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,QAAQ;MAChB,YAAY,EAAE;IAChB,CAAC,EACD;MACE,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,aAAa;MACrB,YAAY,EAAE;IAChB,CAAC,CACF;IACD,YAAY,EAAE;EAChB,CAAC,CACF;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,uBAAuB;MAC/B,YAAY,EAAGA,EAAE,UAAU;MAC3B,MAAM,EAAE,OAAO;MACf,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,uBAAuB;MAC/B,YAAY,EAAGA,EAAE;IACnB,CAAC;;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,uBAAuB;MAC/B,eAAe,EAAE,OAAO;MACxB,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,CAAE,CAAC;AAEHD,IAAI,CAASE,IAAI,GAAG,kCAAkC;AAEvD,eAAeF,IAAI"}

package/dist/esm/components/profile/__generated__/SetFirstPasswordMutation.graphql.js

@@ -0,0 +1,83 @@
+/**
+ * @generated SignedSource<<84cc962ed08d5b94d24d48c38ff45f69>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = function () {
+  var v0 = [{
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "input"
+    }],
+    v1 = [{
+      "kind": "Variable",
+      "name": "input",
+      "variableName": "input"
+    }],
+    v2 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "hasPassword",
+      "storageKey": null
+    };
+  return {
+    "fragment": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Fragment",
+      "metadata": null,
+      "name": "SetFirstPasswordMutation",
+      "selections": [{
+        "alias": null,
+        "args": v1 /*: any*/,
+        "concreteType": "User",
+        "kind": "LinkedField",
+        "name": "setFirstPassword",
+        "plural": false,
+        "selections": [v2 /*: any*/],
+
+        "storageKey": null
+      }],
+      "type": "Mutation",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Operation",
+      "name": "SetFirstPasswordMutation",
+      "selections": [{
+        "alias": null,
+        "args": v1 /*: any*/,
+        "concreteType": "User",
+        "kind": "LinkedField",
+        "name": "setFirstPassword",
+        "plural": false,
+        "selections": [v2 /*: any*/, {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        }],
+        "storageKey": null
+      }]
+    },
+    "params": {
+      "cacheID": "9cc448bd00e91059ee951b234d7f4fff",
+      "id": null,
+      "metadata": {},
+      "name": "SetFirstPasswordMutation",
+      "operationKind": "mutation",
+      "text": "mutation SetFirstPasswordMutation(\n  $input: SetFirstPasswordInput!\n) {\n  setFirstPassword(input: $input) {\n    hasPassword\n    id\n  }\n}\n"
+    }
+  };
+}();
+node.hash = "a62bc52ce4bf5b535def5a82e43ee16c";
+export default node;
+//# sourceMappingURL=SetFirstPasswordMutation.graphql.js.map

package/dist/esm/components/profile/__generated__/SetFirstPasswordMutation.graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetFirstPasswordMutation.graphql.js","names":["node","v0","v1","v2","hash"],"sources":["../../../../../src/lib/components/profile/__generated__/SetFirstPasswordMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<84cc962ed08d5b94d24d48c38ff45f69>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type SetFirstPasswordInput = {\n  password: string;\n};\nexport type SetFirstPasswordMutation$variables = {\n  input: SetFirstPasswordInput;\n};\nexport type SetFirstPasswordMutation$data = {\n  readonly setFirstPassword: {\n    readonly hasPassword: boolean;\n  };\n};\nexport type SetFirstPasswordMutation = {\n  response: SetFirstPasswordMutation$data;\n  variables: SetFirstPasswordMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"defaultValue\": null,\n    \"kind\": \"LocalArgument\",\n    \"name\": \"input\"\n  }\n],\nv1 = [\n  {\n    \"kind\": \"Variable\",\n    \"name\": \"input\",\n    \"variableName\": \"input\"\n  }\n],\nv2 = {\n  \"alias\": null,\n  \"args\": null,\n  \"kind\": \"ScalarField\",\n  \"name\": \"hasPassword\",\n  \"storageKey\": null\n};\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"SetFirstPasswordMutation\",\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": (v1/*: any*/),\n        \"concreteType\": \"User\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"setFirstPassword\",\n        \"plural\": false,\n        \"selections\": [\n          (v2/*: any*/)\n        ],\n        \"storageKey\": null\n      }\n    ],\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Operation\",\n    \"name\": \"SetFirstPasswordMutation\",\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": (v1/*: any*/),\n        \"concreteType\": \"User\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"setFirstPassword\",\n        \"plural\": false,\n        \"selections\": [\n          (v2/*: any*/),\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"id\",\n            \"storageKey\": null\n          }\n        ],\n        \"storageKey\": null\n      }\n    ]\n  },\n  \"params\": {\n    \"cacheID\": \"9cc448bd00e91059ee951b234d7f4fff\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"SetFirstPasswordMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation SetFirstPasswordMutation(\\n  $input: SetFirstPasswordInput!\\n) {\\n  setFirstPassword(input: $input) {\\n    hasPassword\\n    id\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"a62bc52ce4bf5b535def5a82e43ee16c\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAmBA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;MACE,cAAc,EAAE,IAAI;MACpB,MAAM,EAAE,eAAe;MACvB,MAAM,EAAE;IACV,CAAC,CACF;IACDC,EAAE,GAAG,CACH;MACE,MAAM,EAAE,UAAU;MAClB,MAAM,EAAE,OAAO;MACf,cAAc,EAAE;IAClB,CAAC,CACF;IACDC,EAAE,GAAG;MACH,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,IAAI;MACZ,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,aAAa;MACrB,YAAY,EAAE;IAChB,CAAC;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAGF,EAAE,UAAU;MACpC,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,0BAA0B;MAClC,YAAY,EAAE,CACZ;QACE,OAAO,EAAE,IAAI;QACb,MAAM,EAAGC,EAAE,UAAU;QACrB,cAAc,EAAE,MAAM;QACtB,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,kBAAkB;QAC1B,QAAQ,EAAE,KAAK;QACf,YAAY,EAAE,CACXC,EAAE,WACJ;;QACD,YAAY,EAAE;MAChB,CAAC,CACF;MACD,MAAM,EAAE,UAAU;MAClB,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAGF,EAAE,UAAU;MACpC,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,0BAA0B;MAClC,YAAY,EAAE,CACZ;QACE,OAAO,EAAE,IAAI;QACb,MAAM,EAAGC,EAAE,UAAU;QACrB,cAAc,EAAE,MAAM;QACtB,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,kBAAkB;QAC1B,QAAQ,EAAE,KAAK;QACf,YAAY,EAAE,CACXC,EAAE,YACH;UACE,OAAO,EAAE,IAAI;UACb,MAAM,EAAE,IAAI;UACZ,MAAM,EAAE,aAAa;UACrB,MAAM,EAAE,IAAI;UACZ,YAAY,EAAE;QAChB,CAAC,CACF;QACD,YAAY,EAAE;MAChB,CAAC;IAEL,CAAC;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,0BAA0B;MAClC,eAAe,EAAE,UAAU;MAC3B,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,CAAE,CAAC;AAEHH,IAAI,CAASI,IAAI,GAAG,kCAAkC;AAEvD,eAAeJ,IAAI"}

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

@@ -43,8 +43,7 @@ const SessionList = ({
       updater: store => {
         var _rootRP$getLinkedReco;
         // Delete all other sessions from the store
-        const rootRP = store.get('client:root');
-        if (!rootRP) return;
+        const rootRP = store.getRoot();
         const sessionsRP = (_rootRP$getLinkedReco = rootRP.getLinkedRecords('sessions')) === null || _rootRP$getLinkedReco === void 0 ? void 0 : _rootRP$getLinkedReco.filter(item => item.getDataID() === (currentSession === null || currentSession === void 0 ? void 0 : currentSession.id));
         if (!sessionsRP) return;
         rootRP.setLinkedRecords(sessionsRP, 'sessions');

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

@@ -1 +1 @@
-{"version":3,"file":"SessionList.js","names":["styled","Button","message","clr","React","useCallback","useMemo","useTranslation","useFragment","useMutation","SessionListItem","sessionsFragment","_SessionList_sessions","require","hash","console","error","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","lastSeenAt","commitDestroyAllOtherSessions","loadingDestroyAllOtherSessions","_SessionListDestroyAllOtherSessionsMutation","destroyAllOtherSessions","variables","updater","store","_rootRP$getLinkedReco","rootRP","get","sessionsRP","getLinkedRecords","item","getDataID","id","setLinkedRecords","onError","onCompleted","success","createElement","Fragment","sessionKey","hideLastSeenAt","length","type","danger","size","wide","loading","onClick","map","key"],"sources":["../../../../src/lib/components/session/SessionList.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Button, message } from '@os-design/core';\nimport { clr } from '@os-design/theming';\nimport graphql from 'babel-plugin-relay/macro';\nimport React, { useCallback, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useFragment, useMutation } from 'react-relay/hooks';\nimport SessionListItem from './SessionListItem';\nimport { SessionListDestroyAllOtherSessionsMutation } from './__generated__/SessionListDestroyAllOtherSessionsMutation.graphql';\nimport { SessionList_sessions$key } from './__generated__/SessionList_sessions.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((a, b) => b.lastSeenAt - a.lastSeenAt),\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        // Delete all other sessions from the store\n        const rootRP = store.get('client:root');\n        if (!rootRP) return;\n\n        const sessionsRP = rootRP\n          .getLinkedRecords('sessions')\n          ?.filter((item) => item.getDataID() === currentSession?.id);\n        if (!sessionsRP) return;\n\n        rootRP.setLinkedRecords(sessionsRP, 'sessions');\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":["styled","Button","message","clr","React","useCallback","useMemo","useTranslation","useFragment","useMutation","SessionListItem","sessionsFragment","_SessionList_sessions","require","hash","console","error","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","lastSeenAt","commitDestroyAllOtherSessions","loadingDestroyAllOtherSessions","_SessionListDestroyAllOtherSessionsMutation","destroyAllOtherSessions","variables","updater","store","_rootRP$getLinkedReco","rootRP","getRoot","sessionsRP","getLinkedRecords","item","getDataID","id","setLinkedRecords","onError","onCompleted","success","createElement","Fragment","sessionKey","hideLastSeenAt","length","type","danger","size","wide","loading","onClick","map","key"],"sources":["../../../../src/lib/components/session/SessionList.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Button, message } from '@os-design/core';\nimport { clr } from '@os-design/theming';\nimport graphql from 'babel-plugin-relay/macro';\nimport React, { useCallback, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useFragment, useMutation } from 'react-relay/hooks';\nimport SessionListItem from './SessionListItem';\nimport { SessionListDestroyAllOtherSessionsMutation } from './__generated__/SessionListDestroyAllOtherSessionsMutation.graphql';\nimport { SessionList_sessions$key } from './__generated__/SessionList_sessions.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((a, b) => b.lastSeenAt - a.lastSeenAt),\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        // Delete all other sessions from the store\n        const rootRP = store.getRoot();\n        const sessionsRP = rootRP\n          .getLinkedRecords('sessions')\n          ?.filter((item) => item.getDataID() === currentSession?.id);\n        if (!sessionsRP) return;\n        rootRP.setLinkedRecords(sessionsRP, 'sessions');\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/session/SessionListItem.js

@@ -185,8 +185,7 @@ const SessionListItem = ({
       updater: store => {
         var _rootRP$getLinkedReco;
         // Delete the session from the store
-        const rootRP = store.get('client:root');
-        if (!rootRP) return;
+        const rootRP = store.getRoot();
         const sessionsRP = (_rootRP$getLinkedReco = rootRP.getLinkedRecords('sessions')) === null || _rootRP$getLinkedReco === void 0 ? void 0 : _rootRP$getLinkedReco.filter(item => item.getDataID() !== session.id);
         if (!sessionsRP) return;
         rootRP.setLinkedRecords(sessionsRP, 'sessions');