@os-team/profile 1.0.46 → 1.0.47

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":";;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,OAA7B,QAA4C,OAA5C;AAEA,SAASC,WAAT,EAAsBC,WAAtB,QAAyC,mBAAzC;AACA,SAASC,MAAT,EAAiBC,OAAjB,QAAgC,iBAAhC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,cAAT,QAA+B,eAA/B;AACA,SAASC,GAAT,QAAoB,oBAApB;AAEA,OAAOC,eAAP,MAA4B,mBAA5B;AAGA,MAAMC,mBAAmB,8aAAzB;AAgBA,OAAO,MAAMC,KAAK,GAAGL,MAAM,CAACM,GAAI;AAChC;AACA;AACA,CAHO;AAKP,OAAO,MAAMC,IAAI,GAAGP,MAAM,CAACM,GAAI;AAC/B,0BAA2BE,CAAD,IAAON,GAAG,CAACM,CAAC,CAACC,KAAF,CAAQC,mBAAT,CAA8B;AAClE,6BAA8BF,CAAD,IAAON,GAAG,CAACM,CAAC,CAACC,KAAF,CAAQC,mBAAT,CAA8B;AACrE,CAHO;AAKP,MAAMC,6BAA6B,GAAGX,MAAM,CAACF,MAAD,CAAS;AACrD;AACA;AACA;AACA;AACA,CALA;AAOA,MAAMc,aAAa,GAAGZ,MAAM,CAACM,GAAI;AACjC;AACA,CAFA;AAIA,OAAO,MAAMO,6BAA6B,GAAG,GAAtC;;AAEP,MAAMC,WAAuC,GAAG,CAAC;EAAEC;AAAF,CAAD,KAAqB;EACnE,MAAM;IAAEC;EAAF,IAAepB,WAAW,CAACQ,mBAAD,EAAsBW,WAAtB,CAAhC;EACA,MAAM;IAAEE;EAAF,IAAQhB,cAAc,CAAC,SAAD,CAA5B;EAEA,MAAMiB,cAAc,GAAGvB,OAAO,CAC5B,MAAMqB,QAAQ,CAACG,IAAT,CAAeC,OAAD,IAAaA,OAAO,CAACC,OAAnC,CADsB,EAE5B,CAACL,QAAD,CAF4B,CAA9B;EAKA,MAAMM,aAAa,GAAG3B,OAAO,CAC3B,MACEqB,QAAQ,CACLO,MADH,CACWH,OAAD,IAAa,CAACA,OAAO,CAACC,OADhC,EAEGG,IAFH,CAGI,CAACC,CAAD,EAAIC,CAAJ,KACE,IAAIC,IAAJ,CAASD,CAAC,CAACE,UAAX,EAAuBC,OAAvB,KAAmC,IAAIF,IAAJ,CAASF,CAAC,CAACG,UAAX,EAAuBC,OAAvB,EAJzC,CAFyB,EAQ3B,CAACb,QAAD,CAR2B,CAA7B;EAWA,MAAM,CAACc,6BAAD,EAAgCC,8BAAhC,IACJlC,WAAW,6lBADb;EASA,MAAMmC,uBAAuB,GAAGtC,WAAW,CAAC,MAAM;IAChDoC,6BAA6B,CAAC;MAC5BG,SAAS,EAAE,EADiB;MAE5BC,OAAO,EAAGC,KAAD,IAAW;QAClB,MAAMC,MAAM,GAAGD,KAAK,CAACE,GAAN,CAAU,aAAV,CAAf;QACA,IAAI,CAACD,MAAL,EAAa;QAEb,MAAME,cAAc,GAAGF,MAAM,CAACG,gBAAP,CAAwB,UAAxB,CAAvB;QACA,IAAI,CAACD,cAAL,EAAqB;QAErBF,MAAM,CAACI,gBAAP,CACEF,cAAc,CAACf,MAAf,CACGkB,IAAD,IAAUA,IAAI,CAACC,SAAL,QAAqBxB,cAArB,aAAqBA,cAArB,uBAAqBA,cAAc,CAAEyB,EAArC,CADZ,CADF,EAIE,UAJF;MAMD,CAf2B;MAgB5BC,OAAO,EAAGC,KAAD,IAAW;QAClB9C,OAAO,CAAC8C,KAAR,CAAcA,KAAK,CAAC9C,OAApB;MACD,CAlB2B;MAmB5B+C,WAAW,EAAE,MAAM;QACjB/C,OAAO,CAACgD,OAAR,CAAgB9B,CAAC,CAAC,oCAAD,CAAjB;MACD;IArB2B,CAAD,CAA7B;EAuBD,CAxB0C,EAwBxC,CAACa,6BAAD,EAAgCZ,cAAhC,aAAgCA,cAAhC,uBAAgCA,cAAc,CAAEyB,EAAhD,EAAoD1B,CAApD,CAxBwC,CAA3C;EA0BA,oBACE,0CACGC,cAAc,iBACb,uDACE,oBAAC,KAAD,QAAQD,CAAC,CAAC,0BAAD,CAAT,CADF,eAEE,oBAAC,IAAD,qBACE,oBAAC,eAAD;IAAiB,UAAU,EAAEC,cAA7B;IAA6C,cAAc;EAA3D,EADF,CAFF,CAFJ,EAUGI,aAAa,CAAC0B,MAAd,GAAuB,CAAvB,iBACC,uDACE,oBAAC,6BAAD;IACE,IAAI,EAAC,OADP;IAEE,MAAM,MAFR;IAGE,IAAI,EAAC,OAHP;IAIE,IAAI,EAAC,QAJP;IAKE,OAAO,EAAEjB,8BALX;IAME,OAAO,EAAEC;EANX,GAQGf,CAAC,CAAC,kCAAD,CARJ,CADF,eAYE,oBAAC,aAAD,qBACE,oBAAC,KAAD,QACGA,CAAC,CAAC,wBAAD,CADJ,QACkCK,aAAa,CAAC0B,MADhD,MADF,eAIE,oBAAC,IAAD,QACG1B,aAAa,CAAC2B,GAAd,CAAmB7B,OAAD,iBACjB,oBAAC,eAAD;IAAiB,GAAG,EAAEA,OAAO,CAACuB,EAA9B;IAAkC,UAAU,EAAEvB;EAA9C,EADD,CADH,CAJF,CAZF,CAXJ,CADF;AAsCD,CA7FD;;AA+FA,eAAeN,WAAf"}
+{"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":";AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEnD,SAASC,WAAW,EAAEC,WAAW,QAAQ,mBAAmB;AAC5D,SAASC,MAAM,EAAEC,OAAO,QAAQ,iBAAiB;AACjD,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,GAAG,QAAQ,oBAAoB;AAExC,OAAOC,eAAe,MAAM,mBAAmB;AAG/C,MAAMC,mBAAmB,8aAUxB;AAMD,OAAO,MAAMC,KAAK,GAAGL,MAAM,CAACM,GAAI;AAChC;AACA;AACA,CAAC;AAED,OAAO,MAAMC,IAAI,GAAGP,MAAM,CAACM,GAAI;AAC/B,0BAA2BE,CAAC,IAAKN,GAAG,CAACM,CAAC,CAACC,KAAK,CAACC,mBAAmB,CAAE;AAClE,6BAA8BF,CAAC,IAAKN,GAAG,CAACM,CAAC,CAACC,KAAK,CAACC,mBAAmB,CAAE;AACrE,CAAC;AAED,MAAMC,6BAA6B,GAAGX,MAAM,CAACF,MAAM,CAAE;AACrD;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMc,aAAa,GAAGZ,MAAM,CAACM,GAAI;AACjC;AACA,CAAC;AAED,OAAO,MAAMO,6BAA6B,GAAG,GAAG;AAEhD,MAAMC,WAAuC,GAAG,CAAC;EAAEC;AAAY,CAAC,KAAK;EACnE,MAAM;IAAEC;EAAS,CAAC,GAAGpB,WAAW,CAACQ,mBAAmB,EAAEW,WAAW,CAAC;EAClE,MAAM;IAAEE;EAAE,CAAC,GAAGhB,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;EAEzC,MAAMiB,cAAc,GAAGvB,OAAO,CAC5B,MAAMqB,QAAQ,CAACG,IAAI,CAAEC,OAAO,IAAKA,OAAO,CAACC,OAAO,CAAC,EACjD,CAACL,QAAQ,CAAC,CACX;EAED,MAAMM,aAAa,GAAG3B,OAAO,CAC3B,MACEqB,QAAQ,CACLO,MAAM,CAAEH,OAAO,IAAK,CAACA,OAAO,CAACC,OAAO,CAAC,CACrCG,IAAI,CACH,CAACC,CAAC,EAAEC,CAAC,KACH,IAAIC,IAAI,CAACD,CAAC,CAACE,UAAU,CAAC,CAACC,OAAO,EAAE,GAAG,IAAIF,IAAI,CAACF,CAAC,CAACG,UAAU,CAAC,CAACC,OAAO,EAAE,CACtE,EACL,CAACb,QAAQ,CAAC,CACX;EAED,MAAM,CAACc,6BAA6B,EAAEC,8BAA8B,CAAC,GACnElC,WAAW,6lBAMT;EAEJ,MAAMmC,uBAAuB,GAAGtC,WAAW,CAAC,MAAM;IAChDoC,6BAA6B,CAAC;MAC5BG,SAAS,EAAE,CAAC,CAAC;MACbC,OAAO,EAAGC,KAAK,IAAK;QAClB,MAAMC,MAAM,GAAGD,KAAK,CAACE,GAAG,CAAC,aAAa,CAAC;QACvC,IAAI,CAACD,MAAM,EAAE;QAEb,MAAME,cAAc,GAAGF,MAAM,CAACG,gBAAgB,CAAC,UAAU,CAAC;QAC1D,IAAI,CAACD,cAAc,EAAE;QAErBF,MAAM,CAACI,gBAAgB,CACrBF,cAAc,CAACf,MAAM,CAClBkB,IAAI,IAAKA,IAAI,CAACC,SAAS,EAAE,MAAKxB,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEyB,EAAE,EAClD,EACD,UAAU,CACX;MACH,CAAC;MACDC,OAAO,EAAGC,KAAK,IAAK;QAClB9C,OAAO,CAAC8C,KAAK,CAACA,KAAK,CAAC9C,OAAO,CAAC;MAC9B,CAAC;MACD+C,WAAW,EAAE,MAAM;QACjB/C,OAAO,CAACgD,OAAO,CAAC9B,CAAC,CAAC,oCAAoC,CAAC,CAAC;MAC1D;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACa,6BAA6B,EAAEZ,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEyB,EAAE,EAAE1B,CAAC,CAAC,CAAC;EAE1D,oBACE,0CACGC,cAAc,iBACb,uDACE,oBAAC,KAAK,QAAED,CAAC,CAAC,0BAA0B,CAAC,CAAS,eAC9C,oBAAC,IAAI,qBACH,oBAAC,eAAe;IAAC,UAAU,EAAEC,cAAe;IAAC,cAAc;EAAA,EAAG,CACzD,CAEV,EAEAI,aAAa,CAAC0B,MAAM,GAAG,CAAC,iBACvB,uDACE,oBAAC,6BAA6B;IAC5B,IAAI,EAAC,OAAO;IACZ,MAAM;IACN,IAAI,EAAC,OAAO;IACZ,IAAI,EAAC,QAAQ;IACb,OAAO,EAAEjB,8BAA+B;IACxC,OAAO,EAAEC;EAAwB,GAEhCf,CAAC,CAAC,kCAAkC,CAAC,CACR,eAEhC,oBAAC,aAAa,qBACZ,oBAAC,KAAK,QACHA,CAAC,CAAC,wBAAwB,CAAC,QAAIK,aAAa,CAAC0B,MAAM,MAC9C,eACR,oBAAC,IAAI,QACF1B,aAAa,CAAC2B,GAAG,CAAE7B,OAAO,iBACzB,oBAAC,eAAe;IAAC,GAAG,EAAEA,OAAO,CAACuB,EAAG;IAAC,UAAU,EAAEvB;EAAQ,EACvD,CAAC,CACG,CACO,CAEnB,CACA;AAEP,CAAC;AAED,eAAeN,WAAW"}

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

@@ -1,5 +1,4 @@
 var _SessionListItem_session, _SessionListItemDestroySessionMutation;
-
 import React, { useCallback, useMemo } from 'react';
 import { useFragment, useMutation } from 'react-relay/hooks';
 import styled from '@emotion/styled';
@@ -59,16 +58,13 @@ const Title = styled(Info)`
 const LastSeen = styled(Info)`
   color: ${p => clr(p.theme.inputColorPlaceholder)};
 `;
-
 const hasSwipeStyles = p => p.hasSwipe && css`
     transform: translateX(100%);
     ${transitionStyles('transform')(p)};
   `;
-
 const openedStyles = p => p.opened && css`
     transform: translateX(0);
   `;
-
 const Actions = styled('nav', omitEmotionProps('hasSwipe', 'opened'))`
   position: absolute;
   top: 0;
@@ -112,14 +108,11 @@ export const Icon = styled('div', omitEmotionProps('bgColor'))`
   background-color: ${p => p.bgColor};
   color: hsl(0, 0%, 100%);
 `;
-
 const nameVersionToString = (name, version) => {
   if (!name) return null;
   return `${name}${version ? ` ${version}` : ''}`;
 };
-
 const mergeInfo = (...args) => args.filter(item => item !== null).join(', ') || null;
-
 const SessionListItem = ({
   sessionKey,
   hideLastSeenAt
@@ -128,7 +121,7 @@ const SessionListItem = ({
   const {
     t,
     i18n
-  } = useTranslation('profile');
+  } = useTranslation(['profile']);
   const touchDevice = useMemo(() => isTouchDevice(), []);
   const {
     opened,
@@ -137,13 +130,12 @@ const SessionListItem = ({
   const browser = useMemo(() => nameVersionToString(session.browserName, session.browserVersion), [session.browserName, session.browserVersion]);
   const os = useMemo(() => nameVersionToString(session.osName, session.osVersion), [session.osName, session.osVersion]);
   const deviceBrandModel = useMemo(() => {
-    const arr = [session.deviceBrand, session.deviceModel]; // Include the manufacturer name only if it does not equal to the brand name.
+    const arr = [session.deviceBrand, session.deviceModel];
+    // Include the manufacturer name only if it does not equal to the brand name.
     // For example, it allows to avoid "Apple Apple iPhone 6".
-
     if (session.deviceManufacturer !== session.deviceBrand) {
       arr.unshift(session.deviceManufacturer);
     }
-
     return arr.filter(item => item !== null).join(' ') || null;
   }, [session.deviceBrand, session.deviceManufacturer, session.deviceModel]);
   const title = useMemo(() => {
@@ -161,11 +153,9 @@ const SessionListItem = ({
   }, [session.city, session.country, session.ip]);
   const lastSeen = useMemo(() => {
     const lsa = getLastSeen(session.lastSeenAt);
-
     if (!lsa) {
       return `${t('profile:sessions.lastSeenOn')} ${formatDate(session.lastSeenAt, t, i18n.language)}`;
     }
-
     return `${t('profile:sessions.lastSeen')} ${lsa[0]} ${pluralForms({
       language: i18n.language,
       forms: t(`profile:sessions.${lsa[1]}`, {
@@ -176,15 +166,12 @@ const SessionListItem = ({
   }, [i18n.language, session.lastSeenAt, t]);
   const [iconComponent, iconColor] = useMemo(() => {
     if (browser) return [/*#__PURE__*/React.createElement(BrowserIcon, null), 'hsl(30, 60%, 50%)'];
-
     if (session.isApp) {
       if (session.osName === 'iOS' || session.osName === 'iPhone OS') {
         return [/*#__PURE__*/React.createElement(AppleIcon, null), 'hsl(0, 0%, 50%)'];
       }
-
       if (session.osName === 'Android') return [/*#__PURE__*/React.createElement(AndroidIcon, null), 'hsl(150, 60%, 50%)'];
     }
-
     return [/*#__PURE__*/React.createElement(UnknownDeviceIcon, null), 'hsl(5, 60%, 50%)'];
   }, [browser, session.isApp, session.osName]);
   const [commitDestroySession, loadingDestroySession] = useMutation(_SessionListItemDestroySessionMutation !== void 0 ? _SessionListItemDestroySessionMutation : (_SessionListItemDestroySessionMutation = require("./__generated__/SessionListItemDestroySessionMutation.graphql"), _SessionListItemDestroySessionMutation.hash && _SessionListItemDestroySessionMutation.hash !== "ad6c0d1313a70dd63c0baccc2f7abd6e" && console.error("The definition of 'SessionListItemDestroySessionMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionListItemDestroySessionMutation));
@@ -223,6 +210,5 @@ const SessionListItem = ({
     onClick: destroySession
   }, /*#__PURE__*/React.createElement(SignOut, null))));
 };
-
 export default SessionListItem;
 //# sourceMappingURL=SessionListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SessionListItem.js","names":["React","useCallback","useMemo","useFragment","useMutation","styled","useTranslation","pluralForms","Button","message","ellipsisStyles","horizontalPaddingStyles","transitionStyles","clr","isTouchDevice","omitEmotionProps","useSwipe","SignOut","css","getLastSeen","formatDate","UnknownDeviceIcon","BrowserIcon","AppleIcon","AndroidIcon","sessionListItemFragment","Container","div","p","theme","listItemColorBorder","Info","sizes","small","Content","Title","LastSeen","inputColorPlaceholder","hasSwipeStyles","hasSwipe","openedStyles","opened","Actions","colorBg","slice","listItemActionsPaddingLeft","IconContainer","Icon","borderRadius","bgColor","nameVersionToString","name","version","mergeInfo","args","filter","item","join","SessionListItem","sessionKey","hideLastSeenAt","session","t","i18n","touchDevice","handlers","browser","browserName","browserVersion","os","osName","osVersion","deviceBrandModel","arr","deviceBrand","deviceModel","deviceManufacturer","unshift","title","deviceType","toLowerCase","returnObjects","deviceName","deviceInfo","isApp","ip","location","city","country","lastSeen","lsa","lastSeenAt","language","forms","number","iconComponent","iconColor","commitDestroySession","loadingDestroySession","destroySession","variables","input","id","updater","store","record","get","sessionRecords","getLinkedRecords","setLinkedRecords","getDataID","onError","error","onCompleted","success"],"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        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((item) => item.getDataID() !== session.id),\n          'sessions'\n        );\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","useCallback","useMemo","useFragment","useMutation","styled","useTranslation","pluralForms","Button","message","ellipsisStyles","horizontalPaddingStyles","transitionStyles","clr","isTouchDevice","omitEmotionProps","useSwipe","SignOut","css","getLastSeen","formatDate","UnknownDeviceIcon","BrowserIcon","AppleIcon","AndroidIcon","sessionListItemFragment","Container","div","p","theme","listItemColorBorder","Info","sizes","small","Content","Title","LastSeen","inputColorPlaceholder","hasSwipeStyles","hasSwipe","openedStyles","opened","Actions","colorBg","slice","listItemActionsPaddingLeft","IconContainer","Icon","borderRadius","bgColor","nameVersionToString","name","version","mergeInfo","args","filter","item","join","SessionListItem","sessionKey","hideLastSeenAt","session","t","i18n","touchDevice","handlers","browser","browserName","browserVersion","os","osName","osVersion","deviceBrandModel","arr","deviceBrand","deviceModel","deviceManufacturer","unshift","title","deviceType","toLowerCase","returnObjects","deviceName","deviceInfo","isApp","ip","location","city","country","lastSeen","lsa","lastSeenAt","language","forms","number","iconComponent","iconColor","commitDestroySession","loadingDestroySession","destroySession","variables","input","id","updater","store","record","get","sessionRecords","getLinkedRecords","setLinkedRecords","getDataID","onError","error","onCompleted","success"],"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        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((item) => item.getDataID() !== session.id),\n          'sessions'\n        );\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/session/SessionListSkeleton.js

@@ -17,17 +17,15 @@ const TitleSkeleton = styled(Skeleton)`
 const InfoSkeleton = styled(TitleSkeleton)`
   margin-top: 0.3em;
 `;
-
 const SessionListSkeleton = () => {
   const {
     t
-  } = useTranslation('profile');
+  } = useTranslation(['profile']);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, null, t('profile:sessions.current')), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ContainerSkeleton, null, /*#__PURE__*/React.createElement(IconContainer, null, /*#__PURE__*/React.createElement(IconSkeleton, null)), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(TitleSkeleton, {
     width: "50%"
   }), /*#__PURE__*/React.createElement(InfoSkeleton, null), /*#__PURE__*/React.createElement(InfoSkeleton, {
     width: "90%"
   })))));
 };
-
 export default SessionListSkeleton;
 //# sourceMappingURL=SessionListSkeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SessionListSkeleton.js","names":["React","useTranslation","Skeleton","styled","Container","Content","IconContainer","Title","List","IconSkeleton","ContainerSkeleton","TitleSkeleton","p","theme","sizes","small","InfoSkeleton","SessionListSkeleton","t"],"sources":["../../../../src/lib/components/session/SessionListSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Skeleton } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { Container, Content, IconContainer } from './SessionListItem';\nimport { Title, List } from './SessionList';\n\nconst IconSkeleton = styled(Skeleton)`\n  width: 1.82em;\n  height: 1.82em;\n`;\n\nconst ContainerSkeleton = styled(Container)`\n  padding: 0.8em 0;\n`;\n\nconst TitleSkeleton = styled(Skeleton)`\n  height: ${(p) => p.theme.sizes.small}em;\n`;\n\nconst InfoSkeleton = styled(TitleSkeleton)`\n  margin-top: 0.3em;\n`;\n\nconst SessionListSkeleton: React.FC = () => {\n  const { t } = useTranslation('profile');\n\n  return (\n    <>\n      <Title>{t('profile:sessions.current')}</Title>\n      <List>\n        <ContainerSkeleton>\n          <IconContainer>\n            <IconSkeleton />\n          </IconContainer>\n\n          <Content>\n            <TitleSkeleton width='50%' />\n            <InfoSkeleton />\n            <InfoSkeleton width='90%' />\n          </Content>\n        </ContainerSkeleton>\n      </List>\n    </>\n  );\n};\n\nexport default SessionListSkeleton;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAT,QAA+B,eAA/B;AACA,SAASC,QAAT,QAAyB,iBAAzB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,OAApB,EAA6BC,aAA7B,QAAkD,mBAAlD;AACA,SAASC,KAAT,EAAgBC,IAAhB,QAA4B,eAA5B;AAEA,MAAMC,YAAY,GAAGN,MAAM,CAACD,QAAD,CAAW;AACtC;AACA;AACA,CAHA;AAKA,MAAMQ,iBAAiB,GAAGP,MAAM,CAACC,SAAD,CAAY;AAC5C;AACA,CAFA;AAIA,MAAMO,aAAa,GAAGR,MAAM,CAACD,QAAD,CAAW;AACvC,YAAaU,CAAD,IAAOA,CAAC,CAACC,KAAF,CAAQC,KAAR,CAAcC,KAAM;AACvC,CAFA;AAIA,MAAMC,YAAY,GAAGb,MAAM,CAACQ,aAAD,CAAgB;AAC3C;AACA,CAFA;;AAIA,MAAMM,mBAA6B,GAAG,MAAM;EAC1C,MAAM;IAAEC;EAAF,IAAQjB,cAAc,CAAC,SAAD,CAA5B;EAEA,oBACE,uDACE,oBAAC,KAAD,QAAQiB,CAAC,CAAC,0BAAD,CAAT,CADF,eAEE,oBAAC,IAAD,qBACE,oBAAC,iBAAD,qBACE,oBAAC,aAAD,qBACE,oBAAC,YAAD,OADF,CADF,eAKE,oBAAC,OAAD,qBACE,oBAAC,aAAD;IAAe,KAAK,EAAC;EAArB,EADF,eAEE,oBAAC,YAAD,OAFF,eAGE,oBAAC,YAAD;IAAc,KAAK,EAAC;EAApB,EAHF,CALF,CADF,CAFF,CADF;AAkBD,CArBD;;AAuBA,eAAeD,mBAAf"}
+{"version":3,"file":"SessionListSkeleton.js","names":["React","useTranslation","Skeleton","styled","Container","Content","IconContainer","Title","List","IconSkeleton","ContainerSkeleton","TitleSkeleton","p","theme","sizes","small","InfoSkeleton","SessionListSkeleton","t"],"sources":["../../../../src/lib/components/session/SessionListSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Skeleton } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { Container, Content, IconContainer } from './SessionListItem';\nimport { Title, List } from './SessionList';\n\nconst IconSkeleton = styled(Skeleton)`\n  width: 1.82em;\n  height: 1.82em;\n`;\n\nconst ContainerSkeleton = styled(Container)`\n  padding: 0.8em 0;\n`;\n\nconst TitleSkeleton = styled(Skeleton)`\n  height: ${(p) => p.theme.sizes.small}em;\n`;\n\nconst InfoSkeleton = styled(TitleSkeleton)`\n  margin-top: 0.3em;\n`;\n\nconst SessionListSkeleton: React.FC = () => {\n  const { t } = useTranslation(['profile']);\n\n  return (\n    <>\n      <Title>{t('profile:sessions.current')}</Title>\n      <List>\n        <ContainerSkeleton>\n          <IconContainer>\n            <IconSkeleton />\n          </IconContainer>\n\n          <Content>\n            <TitleSkeleton width='50%' />\n            <InfoSkeleton />\n            <InfoSkeleton width='90%' />\n          </Content>\n        </ContainerSkeleton>\n      </List>\n    </>\n  );\n};\n\nexport default SessionListSkeleton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,SAAS,EAAEC,OAAO,EAAEC,aAAa,QAAQ,mBAAmB;AACrE,SAASC,KAAK,EAAEC,IAAI,QAAQ,eAAe;AAE3C,MAAMC,YAAY,GAAGN,MAAM,CAACD,QAAQ,CAAE;AACtC;AACA;AACA,CAAC;AAED,MAAMQ,iBAAiB,GAAGP,MAAM,CAACC,SAAS,CAAE;AAC5C;AACA,CAAC;AAED,MAAMO,aAAa,GAAGR,MAAM,CAACD,QAAQ,CAAE;AACvC,YAAaU,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACC,KAAK,CAACC,KAAM;AACvC,CAAC;AAED,MAAMC,YAAY,GAAGb,MAAM,CAACQ,aAAa,CAAE;AAC3C;AACA,CAAC;AAED,MAAMM,mBAA6B,GAAG,MAAM;EAC1C,MAAM;IAAEC;EAAE,CAAC,GAAGjB,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;EAEzC,oBACE,uDACE,oBAAC,KAAK,QAAEiB,CAAC,CAAC,0BAA0B,CAAC,CAAS,eAC9C,oBAAC,IAAI,qBACH,oBAAC,iBAAiB,qBAChB,oBAAC,aAAa,qBACZ,oBAAC,YAAY,OAAG,CACF,eAEhB,oBAAC,OAAO,qBACN,oBAAC,aAAa;IAAC,KAAK,EAAC;EAAK,EAAG,eAC7B,oBAAC,YAAY,OAAG,eAChB,oBAAC,YAAY;IAAC,KAAK,EAAC;EAAK,EAAG,CACpB,CACQ,CACf,CACN;AAEP,CAAC;AAED,eAAeD,mBAAmB"}

package/dist/esm/components/session/__generated__/SessionDrawerContentQuery.graphql.js

@@ -5,9 +5,9 @@
  */
 
 /* tslint:disable */
-
 /* eslint-disable */
 // @ts-nocheck
+
 const node = {
   "fragment": {
     "argumentDefinitions": [],

package/dist/esm/components/session/__generated__/SessionDrawerContentQuery.graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionDrawerContentQuery.graphql.js","names":["node","hash"],"sources":["../../../../../src/lib/components/session/__generated__/SessionDrawerContentQuery.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<3d3e12b4f2082ce4b7758021424fdae3>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Query } from 'relay-runtime';\nimport { FragmentRefs } from \"relay-runtime\";\nexport type SessionDrawerContentQuery$variables = {};\nexport type SessionDrawerContentQuery$data = {\n  readonly \" $fragmentSpreads\": FragmentRefs<\"SessionList_sessions\">;\n};\nexport type SessionDrawerContentQuery = {\n  response: SessionDrawerContentQuery$data;\n  variables: SessionDrawerContentQuery$variables;\n};\n\nconst node: ConcreteRequest = {\n  \"fragment\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"SessionDrawerContentQuery\",\n    \"selections\": [\n      {\n        \"args\": null,\n        \"kind\": \"FragmentSpread\",\n        \"name\": \"SessionList_sessions\"\n      }\n    ],\n    \"type\": \"Query\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Operation\",\n    \"name\": \"SessionDrawerContentQuery\",\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"concreteType\": \"SessionPayload\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"sessions\",\n        \"plural\": true,\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\": \"current\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"lastSeenAt\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"isApp\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"browserName\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"browserVersion\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"osName\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"osVersion\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceType\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceName\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceManufacturer\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceBrand\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceModel\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"ip\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"country\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"city\",\n            \"storageKey\": null\n          }\n        ],\n        \"storageKey\": null\n      }\n    ]\n  },\n  \"params\": {\n    \"cacheID\": \"cc7ef83584759c724bbad21b528477c2\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"SessionDrawerContentQuery\",\n    \"operationKind\": \"query\",\n    \"text\": \"query SessionDrawerContentQuery {\\n  ...SessionList_sessions\\n}\\n\\nfragment 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\\nfragment SessionList_sessions on Query {\\n  sessions {\\n    id\\n    current\\n    lastSeenAt\\n    ...SessionListItem_session\\n  }\\n}\\n\"\n  }\n};\n\n(node as any).hash = \"1643ac6b9bd324d389dab9011e55b1ba\";\n\nexport default node;\n"],"mappings":"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"}
+{"version":3,"file":"SessionDrawerContentQuery.graphql.js","names":["node","hash"],"sources":["../../../../../src/lib/components/session/__generated__/SessionDrawerContentQuery.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<3d3e12b4f2082ce4b7758021424fdae3>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Query } from 'relay-runtime';\nimport { FragmentRefs } from \"relay-runtime\";\nexport type SessionDrawerContentQuery$variables = {};\nexport type SessionDrawerContentQuery$data = {\n  readonly \" $fragmentSpreads\": FragmentRefs<\"SessionList_sessions\">;\n};\nexport type SessionDrawerContentQuery = {\n  response: SessionDrawerContentQuery$data;\n  variables: SessionDrawerContentQuery$variables;\n};\n\nconst node: ConcreteRequest = {\n  \"fragment\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"SessionDrawerContentQuery\",\n    \"selections\": [\n      {\n        \"args\": null,\n        \"kind\": \"FragmentSpread\",\n        \"name\": \"SessionList_sessions\"\n      }\n    ],\n    \"type\": \"Query\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Operation\",\n    \"name\": \"SessionDrawerContentQuery\",\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"concreteType\": \"SessionPayload\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"sessions\",\n        \"plural\": true,\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\": \"current\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"lastSeenAt\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"isApp\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"browserName\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"browserVersion\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"osName\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"osVersion\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceType\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceName\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceManufacturer\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceBrand\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"deviceModel\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"ip\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"country\",\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"kind\": \"ScalarField\",\n            \"name\": \"city\",\n            \"storageKey\": null\n          }\n        ],\n        \"storageKey\": null\n      }\n    ]\n  },\n  \"params\": {\n    \"cacheID\": \"cc7ef83584759c724bbad21b528477c2\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"SessionDrawerContentQuery\",\n    \"operationKind\": \"query\",\n    \"text\": \"query SessionDrawerContentQuery {\\n  ...SessionList_sessions\\n}\\n\\nfragment 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\\nfragment SessionList_sessions on Query {\\n  sessions {\\n    id\\n    current\\n    lastSeenAt\\n    ...SessionListItem_session\\n  }\\n}\\n\"\n  }\n};\n\n(node as any).hash = \"1643ac6b9bd324d389dab9011e55b1ba\";\n\nexport default node;\n"],"mappings":"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"}

package/dist/esm/components/session/__generated__/SessionListDestroyAllOtherSessionsMutation.graphql.js

@@ -5,9 +5,9 @@
  */
 
 /* tslint:disable */
-
 /* eslint-disable */
 // @ts-nocheck
+
 const node = function () {
   var v0 = [{
     "alias": null,
@@ -31,9 +31,7 @@ const node = function () {
       "kind": "Fragment",
       "metadata": null,
       "name": "SessionListDestroyAllOtherSessionsMutation",
-      "selections": v0
-      /*: any*/
-      ,
+      "selections": v0 /*: any*/,
       "type": "Mutation",
       "abstractKey": null
     },
@@ -42,10 +40,9 @@ const node = function () {
       "argumentDefinitions": [],
       "kind": "Operation",
       "name": "SessionListDestroyAllOtherSessionsMutation",
-      "selections": v0
-      /*: any*/
-
+      "selections": v0 /*: any*/
     },
+
     "params": {
       "cacheID": "c6f556336ccb31f27b1c2f13c2ea9c06",
       "id": null,
@@ -56,7 +53,6 @@ const node = function () {
     }
   };
 }();
-
 node.hash = "016b6b5e7ae228f7df552d97fa43bd40";
 export default node;
 //# sourceMappingURL=SessionListDestroyAllOtherSessionsMutation.graphql.js.map

package/dist/esm/components/session/__generated__/SessionListDestroyAllOtherSessionsMutation.graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionListDestroyAllOtherSessionsMutation.graphql.js","names":["node","v0","hash"],"sources":["../../../../../src/lib/components/session/__generated__/SessionListDestroyAllOtherSessionsMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<6494414e61957261dfdc6fec7a9a1df7>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type SessionListDestroyAllOtherSessionsMutation$variables = {};\nexport type SessionListDestroyAllOtherSessionsMutation$data = {\n  readonly destroyAllOtherSessions: {\n    readonly ok: boolean;\n  };\n};\nexport type SessionListDestroyAllOtherSessionsMutation = {\n  response: SessionListDestroyAllOtherSessionsMutation$data;\n  variables: SessionListDestroyAllOtherSessionsMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"alias\": null,\n    \"args\": null,\n    \"concreteType\": \"StatusPayload\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"destroyAllOtherSessions\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"ok\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"SessionListDestroyAllOtherSessionsMutation\",\n    \"selections\": (v0/*: any*/),\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Operation\",\n    \"name\": \"SessionListDestroyAllOtherSessionsMutation\",\n    \"selections\": (v0/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"c6f556336ccb31f27b1c2f13c2ea9c06\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"SessionListDestroyAllOtherSessionsMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation SessionListDestroyAllOtherSessionsMutation {\\n  destroyAllOtherSessions {\\n    ok\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"016b6b5e7ae228f7df552d97fa43bd40\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;;AACA;AACA;AAcA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;IACE,SAAS,IADX;IAEE,QAAQ,IAFV;IAGE,gBAAgB,eAHlB;IAIE,QAAQ,aAJV;IAKE,QAAQ,yBALV;IAME,UAAU,KANZ;IAOE,cAAc,CACZ;MACE,SAAS,IADX;MAEE,QAAQ,IAFV;MAGE,QAAQ,aAHV;MAIE,QAAQ,IAJV;MAKE,cAAc;IALhB,CADY,CAPhB;IAgBE,cAAc;EAhBhB,CADO,CAAT;EAoBA,OAAO;IACL,YAAY;MACV,uBAAuB,EADb;MAEV,QAAQ,UAFE;MAGV,YAAY,IAHF;MAIV,QAAQ,4CAJE;MAKV,cAAeA;MAAE;MALP;MAMV,QAAQ,UANE;MAOV,eAAe;IAPL,CADP;IAUL,QAAQ,SAVH;IAWL,aAAa;MACX,uBAAuB,EADZ;MAEX,QAAQ,WAFG;MAGX,QAAQ,4CAHG;MAIX,cAAeA;MAAE;;IAJN,CAXR;IAiBL,UAAU;MACR,WAAW,kCADH;MAER,MAAM,IAFE;MAGR,YAAY,EAHJ;MAIR,QAAQ,4CAJA;MAKR,iBAAiB,UALT;MAMR,QAAQ;IANA;EAjBL,CAAP;AA0BC,CA/C6B,EAA9B;;AAiDCD,IAAD,CAAcE,IAAd,GAAqB,kCAArB;AAEA,eAAeF,IAAf"}
+{"version":3,"file":"SessionListDestroyAllOtherSessionsMutation.graphql.js","names":["node","v0","hash"],"sources":["../../../../../src/lib/components/session/__generated__/SessionListDestroyAllOtherSessionsMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<6494414e61957261dfdc6fec7a9a1df7>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type SessionListDestroyAllOtherSessionsMutation$variables = {};\nexport type SessionListDestroyAllOtherSessionsMutation$data = {\n  readonly destroyAllOtherSessions: {\n    readonly ok: boolean;\n  };\n};\nexport type SessionListDestroyAllOtherSessionsMutation = {\n  response: SessionListDestroyAllOtherSessionsMutation$data;\n  variables: SessionListDestroyAllOtherSessionsMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"alias\": null,\n    \"args\": null,\n    \"concreteType\": \"StatusPayload\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"destroyAllOtherSessions\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"ok\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"SessionListDestroyAllOtherSessionsMutation\",\n    \"selections\": (v0/*: any*/),\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": [],\n    \"kind\": \"Operation\",\n    \"name\": \"SessionListDestroyAllOtherSessionsMutation\",\n    \"selections\": (v0/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"c6f556336ccb31f27b1c2f13c2ea9c06\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"SessionListDestroyAllOtherSessionsMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation SessionListDestroyAllOtherSessionsMutation {\\n  destroyAllOtherSessions {\\n    ok\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"016b6b5e7ae228f7df552d97fa43bd40\";\n\nexport default node;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAcA,MAAMA,IAAqB,GAAI,YAAU;EACzC,IAAIC,EAAE,GAAG,CACP;IACE,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,eAAe;IAC/B,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,yBAAyB;IACjC,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,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,4CAA4C;MACpD,YAAY,EAAGA,EAAE,UAAU;MAC3B,MAAM,EAAE,UAAU;MAClB,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAE,EAAE;MACzB,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,4CAA4C;MACpD,YAAY,EAAGA,EAAE;IACnB,CAAC;;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,4CAA4C;MACpD,eAAe,EAAE,UAAU;MAC3B,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,EAAG;AAEHD,IAAI,CAASE,IAAI,GAAG,kCAAkC;AAEvD,eAAeF,IAAI"}

package/dist/esm/components/session/__generated__/SessionListItemDestroySessionMutation.graphql.js

@@ -5,60 +5,53 @@
  */
 
 /* tslint:disable */
-
 /* eslint-disable */
 // @ts-nocheck
+
 const node = function () {
   var v0 = [{
-    "defaultValue": null,
-    "kind": "LocalArgument",
-    "name": "input"
-  }],
-      v1 = [{
-    "alias": null,
-    "args": [{
-      "kind": "Variable",
-      "name": "input",
-      "variableName": "input"
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "input"
     }],
-    "concreteType": "StatusPayload",
-    "kind": "LinkedField",
-    "name": "destroySession",
-    "plural": false,
-    "selections": [{
+    v1 = [{
       "alias": null,
-      "args": null,
-      "kind": "ScalarField",
-      "name": "ok",
+      "args": [{
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }],
+      "concreteType": "StatusPayload",
+      "kind": "LinkedField",
+      "name": "destroySession",
+      "plural": false,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "ok",
+        "storageKey": null
+      }],
       "storageKey": null
-    }],
-    "storageKey": null
-  }];
+    }];
   return {
     "fragment": {
-      "argumentDefinitions": v0
-      /*: any*/
-      ,
+      "argumentDefinitions": v0 /*: any*/,
       "kind": "Fragment",
       "metadata": null,
       "name": "SessionListItemDestroySessionMutation",
-      "selections": v1
-      /*: any*/
-      ,
+      "selections": v1 /*: any*/,
       "type": "Mutation",
       "abstractKey": null
     },
     "kind": "Request",
     "operation": {
-      "argumentDefinitions": v0
-      /*: any*/
-      ,
+      "argumentDefinitions": v0 /*: any*/,
       "kind": "Operation",
       "name": "SessionListItemDestroySessionMutation",
-      "selections": v1
-      /*: any*/
-
+      "selections": v1 /*: any*/
     },
+
     "params": {
       "cacheID": "e967c31f65aa17e8ed5d6184f1f37c9d",
       "id": null,
@@ -69,7 +62,6 @@ const node = function () {
     }
   };
 }();
-
 node.hash = "ad6c0d1313a70dd63c0baccc2f7abd6e";
 export default node;
 //# sourceMappingURL=SessionListItemDestroySessionMutation.graphql.js.map

package/dist/esm/components/session/__generated__/SessionListItemDestroySessionMutation.graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionListItemDestroySessionMutation.graphql.js","names":["node","v0","v1","hash"],"sources":["../../../../../src/lib/components/session/__generated__/SessionListItemDestroySessionMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<18abf6e996d326f8baadb8c340dc8b9d>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type DestroySessionInput = {\n  id: string;\n};\nexport type SessionListItemDestroySessionMutation$variables = {\n  input: DestroySessionInput;\n};\nexport type SessionListItemDestroySessionMutation$data = {\n  readonly destroySession: {\n    readonly ok: boolean;\n  };\n};\nexport type SessionListItemDestroySessionMutation = {\n  response: SessionListItemDestroySessionMutation$data;\n  variables: SessionListItemDestroySessionMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"defaultValue\": null,\n    \"kind\": \"LocalArgument\",\n    \"name\": \"input\"\n  }\n],\nv1 = [\n  {\n    \"alias\": null,\n    \"args\": [\n      {\n        \"kind\": \"Variable\",\n        \"name\": \"input\",\n        \"variableName\": \"input\"\n      }\n    ],\n    \"concreteType\": \"StatusPayload\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"destroySession\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"ok\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"SessionListItemDestroySessionMutation\",\n    \"selections\": (v1/*: any*/),\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Operation\",\n    \"name\": \"SessionListItemDestroySessionMutation\",\n    \"selections\": (v1/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"e967c31f65aa17e8ed5d6184f1f37c9d\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"SessionListItemDestroySessionMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation SessionListItemDestroySessionMutation(\\n  $input: DestroySessionInput!\\n) {\\n  destroySession(input: $input) {\\n    ok\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"ad6c0d1313a70dd63c0baccc2f7abd6e\";\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,gBAAgB,IADlB;IAEE,QAAQ,eAFV;IAGE,QAAQ;EAHV,CADO,CAAT;EAAA,IAOAC,EAAE,GAAG,CACH;IACE,SAAS,IADX;IAEE,QAAQ,CACN;MACE,QAAQ,UADV;MAEE,QAAQ,OAFV;MAGE,gBAAgB;IAHlB,CADM,CAFV;IASE,gBAAgB,eATlB;IAUE,QAAQ,aAVV;IAWE,QAAQ,gBAXV;IAYE,UAAU,KAZZ;IAaE,cAAc,CACZ;MACE,SAAS,IADX;MAEE,QAAQ,IAFV;MAGE,QAAQ,aAHV;MAIE,QAAQ,IAJV;MAKE,cAAc;IALhB,CADY,CAbhB;IAsBE,cAAc;EAtBhB,CADG,CAPL;EAiCA,OAAO;IACL,YAAY;MACV,uBAAwBD;MAAE;MADhB;MAEV,QAAQ,UAFE;MAGV,YAAY,IAHF;MAIV,QAAQ,uCAJE;MAKV,cAAeC;MAAE;MALP;MAMV,QAAQ,UANE;MAOV,eAAe;IAPL,CADP;IAUL,QAAQ,SAVH;IAWL,aAAa;MACX,uBAAwBD;MAAE;MADf;MAEX,QAAQ,WAFG;MAGX,QAAQ,uCAHG;MAIX,cAAeC;MAAE;;IAJN,CAXR;IAiBL,UAAU;MACR,WAAW,kCADH;MAER,MAAM,IAFE;MAGR,YAAY,EAHJ;MAIR,QAAQ,uCAJA;MAKR,iBAAiB,UALT;MAMR,QAAQ;IANA;EAjBL,CAAP;AA0BC,CA5D6B,EAA9B;;AA8DCF,IAAD,CAAcG,IAAd,GAAqB,kCAArB;AAEA,eAAeH,IAAf"}
+{"version":3,"file":"SessionListItemDestroySessionMutation.graphql.js","names":["node","v0","v1","hash"],"sources":["../../../../../src/lib/components/session/__generated__/SessionListItemDestroySessionMutation.graphql.ts"],"sourcesContent":["/**\n * @generated SignedSource<<18abf6e996d326f8baadb8c340dc8b9d>>\n * @lightSyntaxTransform\n * @nogrep\n */\n\n/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest, Mutation } from 'relay-runtime';\nexport type DestroySessionInput = {\n  id: string;\n};\nexport type SessionListItemDestroySessionMutation$variables = {\n  input: DestroySessionInput;\n};\nexport type SessionListItemDestroySessionMutation$data = {\n  readonly destroySession: {\n    readonly ok: boolean;\n  };\n};\nexport type SessionListItemDestroySessionMutation = {\n  response: SessionListItemDestroySessionMutation$data;\n  variables: SessionListItemDestroySessionMutation$variables;\n};\n\nconst node: ConcreteRequest = (function(){\nvar v0 = [\n  {\n    \"defaultValue\": null,\n    \"kind\": \"LocalArgument\",\n    \"name\": \"input\"\n  }\n],\nv1 = [\n  {\n    \"alias\": null,\n    \"args\": [\n      {\n        \"kind\": \"Variable\",\n        \"name\": \"input\",\n        \"variableName\": \"input\"\n      }\n    ],\n    \"concreteType\": \"StatusPayload\",\n    \"kind\": \"LinkedField\",\n    \"name\": \"destroySession\",\n    \"plural\": false,\n    \"selections\": [\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"kind\": \"ScalarField\",\n        \"name\": \"ok\",\n        \"storageKey\": null\n      }\n    ],\n    \"storageKey\": null\n  }\n];\nreturn {\n  \"fragment\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Fragment\",\n    \"metadata\": null,\n    \"name\": \"SessionListItemDestroySessionMutation\",\n    \"selections\": (v1/*: any*/),\n    \"type\": \"Mutation\",\n    \"abstractKey\": null\n  },\n  \"kind\": \"Request\",\n  \"operation\": {\n    \"argumentDefinitions\": (v0/*: any*/),\n    \"kind\": \"Operation\",\n    \"name\": \"SessionListItemDestroySessionMutation\",\n    \"selections\": (v1/*: any*/)\n  },\n  \"params\": {\n    \"cacheID\": \"e967c31f65aa17e8ed5d6184f1f37c9d\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"SessionListItemDestroySessionMutation\",\n    \"operationKind\": \"mutation\",\n    \"text\": \"mutation SessionListItemDestroySessionMutation(\\n  $input: DestroySessionInput!\\n) {\\n  destroySession(input: $input) {\\n    ok\\n  }\\n}\\n\"\n  }\n};\n})();\n\n(node as any).hash = \"ad6c0d1313a70dd63c0baccc2f7abd6e\";\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,OAAO,EAAE,IAAI;MACb,MAAM,EAAE,CACN;QACE,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,OAAO;QACf,cAAc,EAAE;MAClB,CAAC,CACF;MACD,cAAc,EAAE,eAAe;MAC/B,MAAM,EAAE,aAAa;MACrB,MAAM,EAAE,gBAAgB;MACxB,QAAQ,EAAE,KAAK;MACf,YAAY,EAAE,CACZ;QACE,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,IAAI;QACZ,YAAY,EAAE;MAChB,CAAC,CACF;MACD,YAAY,EAAE;IAChB,CAAC,CACF;EACD,OAAO;IACL,UAAU,EAAE;MACV,qBAAqB,EAAGD,EAAE,UAAU;MACpC,MAAM,EAAE,UAAU;MAClB,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,uCAAuC;MAC/C,YAAY,EAAGC,EAAE,UAAU;MAC3B,MAAM,EAAE,UAAU;MAClB,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;MACX,qBAAqB,EAAGD,EAAE,UAAU;MACpC,MAAM,EAAE,WAAW;MACnB,MAAM,EAAE,uCAAuC;MAC/C,YAAY,EAAGC,EAAE;IACnB,CAAC;;IACD,QAAQ,EAAE;MACR,SAAS,EAAE,kCAAkC;MAC7C,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,CAAC,CAAC;MACd,MAAM,EAAE,uCAAuC;MAC/C,eAAe,EAAE,UAAU;MAC3B,MAAM,EAAE;IACV;EACF,CAAC;AACD,CAAC,EAAG;AAEHF,IAAI,CAASG,IAAI,GAAG,kCAAkC;AAEvD,eAAeH,IAAI"}

package/dist/esm/components/session/__generated__/SessionListItem_session.graphql.js

@@ -5,9 +5,9 @@
  */
 
 /* tslint:disable */
-
 /* eslint-disable */
 // @ts-nocheck
+
 const node = {
   "argumentDefinitions": [],
   "kind": "Fragment",