@os-team/profile 1.0.31 → 1.0.32

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

@@ -19,8 +19,6 @@ var _reactI18next = require("react-i18next");
 
 var _theming = require("@os-design/theming");
 
-var _relayRuntime = require("relay-runtime");
-
 var _SessionListItem = _interopRequireDefault(require("./SessionListItem"));
 
 var _SessionList_sessions, _SessionListDestroyAllOtherSessionsMutation, _templateObject, _templateObject2, _templateObject3, _templateObject4;
@@ -45,7 +43,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var sessionListFragment = _SessionList_sessions !== void 0 ? _SessionList_sessions : (_SessionList_sessions = require("./__generated__/SessionList_sessions.graphql"), _SessionList_sessions.hash && _SessionList_sessions.hash !== "ffc097fbe501d309e554b7f98ebedd67" && console.error("The definition of 'SessionList_sessions' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionList_sessions);
+var sessionListFragment = _SessionList_sessions !== void 0 ? _SessionList_sessions : (_SessionList_sessions = require("./__generated__/SessionList_sessions.graphql"), _SessionList_sessions.hash && _SessionList_sessions.hash !== "1b21c937c7ba795f09bfcb5ada7d2510" && console.error("The definition of 'SessionList_sessions' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionList_sessions);
 
 var Title = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-weight: 500;\n  margin: 1em 1em 0.5em;\n"])));
 
@@ -67,23 +65,25 @@ exports.SESSION_LIST_PADDING_VERTICAL = SESSION_LIST_PADDING_VERTICAL;
 
 var SessionList = function SessionList(_ref) {
   var sessionsKey = _ref.sessionsKey;
-  var data = (0, _hooks.useFragment)(sessionListFragment, sessionsKey);
+
+  var _useFragment = (0, _hooks.useFragment)(sessionListFragment, sessionsKey),
+      sessions = _useFragment.sessions;
 
   var _useTranslation = (0, _reactI18next.useTranslation)('profile'),
       t = _useTranslation.t;
 
   var currentSession = (0, _react.useMemo)(function () {
-    return data.sessions.edges.find(function (edge) {
-      return edge.node.current;
+    return sessions.find(function (session) {
+      return session.current;
     });
-  }, [data.sessions.edges]);
+  }, [sessions]);
   var otherSessions = (0, _react.useMemo)(function () {
-    return data.sessions.edges.filter(function (edge) {
-      return !edge.node.current;
+    return sessions.filter(function (session) {
+      return !session.current;
     }).sort(function (a, b) {
-      return new Date(b.node.lastSeenAt).getTime() - new Date(a.node.lastSeenAt).getTime();
+      return new Date(b.lastSeenAt).getTime() - new Date(a.lastSeenAt).getTime();
     });
-  }, [data.sessions.edges]);
+  }, [sessions]);
 
   var _useMutation = (0, _hooks.useMutation)(_SessionListDestroyAllOtherSessionsMutation !== void 0 ? _SessionListDestroyAllOtherSessionsMutation : (_SessionListDestroyAllOtherSessionsMutation = require("./__generated__/SessionListDestroyAllOtherSessionsMutation.graphql"), _SessionListDestroyAllOtherSessionsMutation.hash && _SessionListDestroyAllOtherSessionsMutation.hash !== "016b6b5e7ae228f7df552d97fa43bd40" && console.error("The definition of 'SessionListDestroyAllOtherSessionsMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionListDestroyAllOtherSessionsMutation)),
       _useMutation2 = _slicedToArray(_useMutation, 2),
@@ -96,16 +96,11 @@ var SessionList = function SessionList(_ref) {
       updater: function updater(store) {
         var record = store.get('client:root');
         if (!record) return;
-
-        var conn = _relayRuntime.ConnectionHandler.getConnection(record, 'SessionList_sessions');
-
-        if (!conn) return;
-        var edges = (conn.getLinkedRecords('edges') || []).filter(function (edge) {
-          var _edge$getLinkedRecord;
-
-          return ((_edge$getLinkedRecord = edge.getLinkedRecord('node')) === null || _edge$getLinkedRecord === void 0 ? void 0 : _edge$getLinkedRecord.getValue('id')) === (currentSession === null || currentSession === void 0 ? void 0 : currentSession.node.id);
-        });
-        conn.setLinkedRecords(edges, 'edges');
+        var sessionRecords = record.getLinkedRecords('sessions');
+        if (!sessionRecords) return;
+        record.setLinkedRecords(sessionRecords.filter(function (item) {
+          return item.getDataID() === (currentSession === null || currentSession === void 0 ? void 0 : currentSession.id);
+        }), 'sessions');
       },
       onError: function onError(error) {
         _core.message.error(error.message);
@@ -114,9 +109,9 @@ var SessionList = function SessionList(_ref) {
         _core.message.success(t('profile:sessions.destroyedAllOther'));
       }
     });
-  }, [commitDestroyAllOtherSessions, currentSession === null || currentSession === void 0 ? void 0 : currentSession.node.id, t]);
+  }, [commitDestroyAllOtherSessions, currentSession === null || currentSession === void 0 ? void 0 : currentSession.id, t]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currentSession && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Title, null, t('profile:sessions.current')), /*#__PURE__*/_react.default.createElement(List, null, /*#__PURE__*/_react.default.createElement(_SessionListItem.default, {
-    sessionKey: currentSession.node,
+    sessionKey: currentSession,
     hideLastSeenAt: true
   }))), otherSessions.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(DestroyAllOtherSessionsButton, {
     type: "ghost",
@@ -125,10 +120,10 @@ var SessionList = function SessionList(_ref) {
     wide: "always",
     loading: loadingDestroyAllOtherSessions,
     onClick: destroyAllOtherSessions
-  }, t('profile:sessions.destroyAllOther')), /*#__PURE__*/_react.default.createElement(OtherSessions, null, /*#__PURE__*/_react.default.createElement(Title, null, t('profile:sessions.other'), " (", otherSessions.length, ")"), /*#__PURE__*/_react.default.createElement(List, null, otherSessions.map(function (edge) {
+  }, t('profile:sessions.destroyAllOther')), /*#__PURE__*/_react.default.createElement(OtherSessions, null, /*#__PURE__*/_react.default.createElement(Title, null, t('profile:sessions.other'), " (", otherSessions.length, ")"), /*#__PURE__*/_react.default.createElement(List, null, otherSessions.map(function (session) {
     return /*#__PURE__*/_react.default.createElement(_SessionListItem.default, {
-      key: edge.node.id,
-      sessionKey: edge.node
+      key: session.id,
+      sessionKey: session
     });
   })))));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/components/session/SessionList.tsx"],"names":["sessionListFragment","Title","styled","div","List","p","theme","listItemColorBorder","DestroyAllOtherSessionsButton","Button","OtherSessions","SESSION_LIST_PADDING_VERTICAL","SessionList","sessionsKey","data","t","currentSession","sessions","edges","find","edge","node","current","otherSessions","filter","sort","a","b","Date","lastSeenAt","getTime","commitDestroyAllOtherSessions","loadingDestroyAllOtherSessions","destroyAllOtherSessions","variables","updater","store","record","get","conn","ConnectionHandler","getConnection","getLinkedRecords","getLinkedRecord","getValue","id","setLinkedRecords","onError","error","message","onCompleted","success","length","map"],"mappings":"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","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 { ConnectionHandler } from 'relay-runtime';\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  @argumentDefinitions(count: { type: \"Int\" }, cursor: { type: \"String\" }) {\n    sessions(first: $count, after: $cursor)\n      @connection(key: \"SessionList_sessions\", filters: []) {\n      edges {\n        node {\n          id\n          current\n          lastSeenAt\n          ...SessionListItem_session\n        }\n      }\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 data = useFragment(sessionListFragment, sessionsKey);\n  const { t } = useTranslation('profile');\n\n  const currentSession = useMemo(\n    () => data.sessions.edges.find((edge) => edge.node.current),\n    [data.sessions.edges]\n  );\n\n  const otherSessions = useMemo(\n    () =>\n      data.sessions.edges\n        .filter((edge) => !edge.node.current)\n        .sort(\n          (a, b) =>\n            new Date(b.node.lastSeenAt).getTime() -\n            new Date(a.node.lastSeenAt).getTime()\n        ),\n    [data.sessions.edges]\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 conn = ConnectionHandler.getConnection(\n          record,\n          'SessionList_sessions'\n        );\n        if (!conn) return;\n\n        const edges = (conn.getLinkedRecords('edges') || []).filter(\n          (edge) =>\n            edge.getLinkedRecord('node')?.getValue('id') ===\n            currentSession?.node.id\n        );\n\n        conn.setLinkedRecords(edges, 'edges');\n      },\n      onError: (error) => {\n        message.error(error.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:sessions.destroyedAllOther'));\n      },\n    });\n  }, [commitDestroyAllOtherSessions, currentSession?.node.id, t]);\n\n  return (\n    <>\n      {currentSession && (\n        <>\n          <Title>{t('profile:sessions.current')}</Title>\n          <List>\n            <SessionListItem sessionKey={currentSession.node} 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((edge) => (\n                <SessionListItem key={edge.node.id} sessionKey={edge.node} />\n              ))}\n            </List>\n          </OtherSessions>\n        </>\n      )}\n    </>\n  );\n};\n\nexport default SessionList;\n"],"file":"SessionList.js"}
+{"version":3,"sources":["../../../../src/lib/components/session/SessionList.tsx"],"names":["sessionListFragment","Title","styled","div","List","p","theme","listItemColorBorder","DestroyAllOtherSessionsButton","Button","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","message","onCompleted","success","length","map"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,mBAAmB,8aAAzB;;AAgBO,IAAMC,KAAK,GAAGC,gBAAOC,GAAV,sHAAX;;;;AAKA,IAAMC,IAAI,GAAGF,gBAAOC,GAAV,2IACS,UAACE,CAAD;AAAA,SAAO,kBAAIA,CAAC,CAACC,KAAF,CAAQC,mBAAZ,CAAP;AAAA,CADT,EAEY,UAACF,CAAD;AAAA,SAAO,kBAAIA,CAAC,CAACC,KAAF,CAAQC,mBAAZ,CAAP;AAAA,CAFZ,CAAV;;;AAKP,IAAMC,6BAA6B,GAAG,qBAAOC,YAAP,CAAH,iIAAnC;;AAOA,IAAMC,aAAa,GAAGR,gBAAOC,GAAV,6FAAnB;;AAIO,IAAMQ,6BAA6B,GAAG,GAAtC;;;AAEP,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAAqB;AAAA,MAAlBC,WAAkB,QAAlBA,WAAkB;;AACnE,qBAAqB,wBAAYb,mBAAZ,EAAiCa,WAAjC,CAArB;AAAA,MAAQC,QAAR,gBAAQA,QAAR;;AACA,wBAAc,kCAAe,SAAf,CAAd;AAAA,MAAQC,CAAR,mBAAQA,CAAR;;AAEA,MAAMC,cAAc,GAAG,oBACrB;AAAA,WAAMF,QAAQ,CAACG,IAAT,CAAc,UAACC,OAAD;AAAA,aAAaA,OAAO,CAACC,OAArB;AAAA,KAAd,CAAN;AAAA,GADqB,EAErB,CAACL,QAAD,CAFqB,CAAvB;AAKA,MAAMM,aAAa,GAAG,oBACpB;AAAA,WACEN,QAAQ,CACLO,MADH,CACU,UAACH,OAAD;AAAA,aAAa,CAACA,OAAO,CAACC,OAAtB;AAAA,KADV,EAEGG,IAFH,CAGI,UAACC,CAAD,EAAIC,CAAJ;AAAA,aACE,IAAIC,IAAJ,CAASD,CAAC,CAACE,UAAX,EAAuBC,OAAvB,KAAmC,IAAIF,IAAJ,CAASF,CAAC,CAACG,UAAX,EAAuBC,OAAvB,EADrC;AAAA,KAHJ,CADF;AAAA,GADoB,EAQpB,CAACb,QAAD,CARoB,CAAtB;;AAWA,qBACE,onBADF;AAAA;AAAA,MAAOc,6BAAP;AAAA,MAAsCC,8BAAtC;;AASA,MAAMC,uBAAuB,GAAG,wBAAY,YAAM;AAChDF,IAAAA,6BAA6B,CAAC;AAC5BG,MAAAA,SAAS,EAAE,EADiB;AAE5BC,MAAAA,OAAO,EAAE,iBAACC,KAAD,EAAW;AAClB,YAAMC,MAAM,GAAGD,KAAK,CAACE,GAAN,CAAU,aAAV,CAAf;AACA,YAAI,CAACD,MAAL,EAAa;AAEb,YAAME,cAAc,GAAGF,MAAM,CAACG,gBAAP,CAAwB,UAAxB,CAAvB;AACA,YAAI,CAACD,cAAL,EAAqB;AAErBF,QAAAA,MAAM,CAACI,gBAAP,CACEF,cAAc,CAACf,MAAf,CACE,UAACkB,IAAD;AAAA,iBAAUA,IAAI,CAACC,SAAL,QAAqBxB,cAArB,aAAqBA,cAArB,uBAAqBA,cAAc,CAAEyB,EAArC,CAAV;AAAA,SADF,CADF,EAIE,UAJF;AAMD,OAf2B;AAgB5BC,MAAAA,OAAO,EAAE,iBAACC,KAAD,EAAW;AAClBC,sBAAQD,KAAR,CAAcA,KAAK,CAACC,OAApB;AACD,OAlB2B;AAmB5BC,MAAAA,WAAW,EAAE,uBAAM;AACjBD,sBAAQE,OAAR,CAAgB/B,CAAC,CAAC,oCAAD,CAAjB;AACD;AArB2B,KAAD,CAA7B;AAuBD,GAxB+B,EAwB7B,CAACa,6BAAD,EAAgCZ,cAAhC,aAAgCA,cAAhC,uBAAgCA,cAAc,CAAEyB,EAAhD,EAAoD1B,CAApD,CAxB6B,CAAhC;AA0BA,sBACE,4DACGC,cAAc,iBACb,yEACE,6BAAC,KAAD,QAAQD,CAAC,CAAC,0BAAD,CAAT,CADF,eAEE,6BAAC,IAAD,qBACE,6BAAC,wBAAD;AAAiB,IAAA,UAAU,EAAEC,cAA7B;AAA6C,IAAA,cAAc;AAA3D,IADF,CAFF,CAFJ,EAUGI,aAAa,CAAC2B,MAAd,GAAuB,CAAvB,iBACC,yEACE,6BAAC,6BAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,MAAM,MAFR;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,IAAI,EAAC,QAJP;AAKE,IAAA,OAAO,EAAElB,8BALX;AAME,IAAA,OAAO,EAAEC;AANX,KAQGf,CAAC,CAAC,kCAAD,CARJ,CADF,eAYE,6BAAC,aAAD,qBACE,6BAAC,KAAD,QACGA,CAAC,CAAC,wBAAD,CADJ,QACkCK,aAAa,CAAC2B,MADhD,MADF,eAIE,6BAAC,IAAD,QACG3B,aAAa,CAAC4B,GAAd,CAAkB,UAAC9B,OAAD;AAAA,wBACjB,6BAAC,wBAAD;AAAiB,MAAA,GAAG,EAAEA,OAAO,CAACuB,EAA9B;AAAkC,MAAA,UAAU,EAAEvB;AAA9C,MADiB;AAAA,GAAlB,CADH,CAJF,CAZF,CAXJ,CADF;AAsCD,CA7FD;;eA+FeN,W","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"],"file":"SessionList.js"}

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

@@ -9,8 +9,6 @@ exports.default = exports.IconContainer = exports.Icon = exports.Content = expor
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _relayRuntime = require("relay-runtime");
-
 var _hooks = require("react-relay/hooks");
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
@@ -232,12 +230,11 @@ var SessionListItem = function SessionListItem(_ref) {
       updater: function updater(store) {
         var record = store.get('client:root');
         if (!record) return;
-
-        var conn = _relayRuntime.ConnectionHandler.getConnection(record, 'SessionList_sessions');
-
-        if (!conn) return;
-
-        _relayRuntime.ConnectionHandler.deleteNode(conn, session.id);
+        var sessionRecords = record.getLinkedRecords('sessions');
+        if (!sessionRecords) return;
+        record.setLinkedRecords(sessionRecords.filter(function (item) {
+          return item.getDataID() !== session.id;
+        }), 'sessions');
       },
       onError: function onError(error) {
         _core.message.error(error.message);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/components/session/SessionListItem.tsx"],"names":["sessionListItemFragment","Container","styled","div","p","theme","listItemColorBorder","Info","sizes","small","ellipsisStyles","Content","Title","LastSeen","inputColorPlaceholder","hasSwipeStyles","hasSwipe","css","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","conn","ConnectionHandler","getConnection","deleteNode","onError","error","message","onCompleted","success"],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { ConnectionHandler } from 'relay-runtime';\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 conn = ConnectionHandler.getConnection(\n          record,\n          'SessionList_sessions'\n        );\n        if (!conn) return;\n\n        ConnectionHandler.deleteNode(conn, session.id);\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"],"file":"SessionListItem.js"}
+{"version":3,"sources":["../../../../src/lib/components/session/SessionListItem.tsx"],"names":["sessionListItemFragment","Container","styled","div","p","theme","listItemColorBorder","Info","sizes","small","ellipsisStyles","Content","Title","LastSeen","inputColorPlaceholder","hasSwipeStyles","hasSwipe","css","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","message","onCompleted","success"],"mappings":"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","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"],"file":"SessionListItem.js"}

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

@@ -35,20 +35,10 @@ fragment SessionListItem_session on SessionPayload {
 
 fragment SessionList_sessions on Query {
   sessions {
-    edges {
-      node {
-        id
-        current
-        lastSeenAt
-        ...SessionListItem_session
-        __typename
-      }
-      cursor
-    }
-    pageInfo {
-      endCursor
-      hasNextPage
-    }
+    id
+    current
+    lastSeenAt
+    ...SessionListItem_session
   }
 }
 */
@@ -74,176 +64,117 @@ var node = {
     "selections": [{
       "alias": null,
       "args": null,
-      "concreteType": "SessionPayloadConnection",
+      "concreteType": "SessionPayload",
       "kind": "LinkedField",
       "name": "sessions",
-      "plural": false,
+      "plural": true,
       "selections": [{
         "alias": null,
         "args": null,
-        "concreteType": "SessionPayloadEdge",
-        "kind": "LinkedField",
-        "name": "edges",
-        "plural": true,
-        "selections": [{
-          "alias": null,
-          "args": null,
-          "concreteType": "SessionPayload",
-          "kind": "LinkedField",
-          "name": "node",
-          "plural": false,
-          "selections": [{
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "id",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "current",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "lastSeenAt",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "isApp",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "browserName",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "browserVersion",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "osName",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "osVersion",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "deviceType",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "deviceName",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "deviceManufacturer",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "deviceBrand",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "deviceModel",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "ip",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "country",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "city",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "__typename",
-            "storageKey": null
-          }],
-          "storageKey": null
-        }, {
-          "alias": null,
-          "args": null,
-          "kind": "ScalarField",
-          "name": "cursor",
-          "storageKey": null
-        }],
+        "kind": "ScalarField",
+        "name": "id",
         "storageKey": null
       }, {
         "alias": null,
         "args": null,
-        "concreteType": "PageInfo",
-        "kind": "LinkedField",
-        "name": "pageInfo",
-        "plural": false,
-        "selections": [{
-          "alias": null,
-          "args": null,
-          "kind": "ScalarField",
-          "name": "endCursor",
-          "storageKey": null
-        }, {
-          "alias": null,
-          "args": null,
-          "kind": "ScalarField",
-          "name": "hasNextPage",
-          "storageKey": null
-        }],
+        "kind": "ScalarField",
+        "name": "current",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "lastSeenAt",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "isApp",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "browserName",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "browserVersion",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "osName",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "osVersion",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deviceType",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deviceName",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deviceManufacturer",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deviceBrand",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deviceModel",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "ip",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "country",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "city",
         "storageKey": null
       }],
       "storageKey": null
-    }, {
-      "alias": null,
-      "args": null,
-      "filters": [],
-      "handle": "connection",
-      "key": "SessionList_sessions",
-      "kind": "LinkedHandle",
-      "name": "sessions"
     }]
   },
   "params": {
-    "cacheID": "6f4db07ee743735ff7fca7e2a3473f24",
+    "cacheID": "cc7ef83584759c724bbad21b528477c2",
     "id": null,
     "metadata": {},
     "name": "SessionDrawerContentQuery",
     "operationKind": "query",
-    "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    edges {\n      node {\n        id\n        current\n        lastSeenAt\n        ...SessionListItem_session\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\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"
   }
 };
 node.hash = '1643ac6b9bd324d389dab9011e55b1ba';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/session/__generated__/SessionDrawerContentQuery.graphql.ts"],"names":["node","hash"],"mappings":";;;;;;;AAAA;;AACA;AACA;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,IAAqB,GAAG;AAC5B,cAAY;AACV,2BAAuB,EADb;AAEV,YAAQ,UAFE;AAGV,gBAAY,IAHF;AAIV,YAAQ,2BAJE;AAKV,kBAAc,CACZ;AACE,cAAQ,IADV;AAEE,cAAQ,gBAFV;AAGE,cAAQ;AAHV,KADY,CALJ;AAYV,YAAQ,OAZE;AAaV,mBAAe;AAbL,GADgB;AAgB5B,UAAQ,SAhBoB;AAiB5B,eAAa;AACX,2BAAuB,EADZ;AAEX,YAAQ,WAFG;AAGX,YAAQ,2BAHG;AAIX,kBAAc,CACZ;AACE,eAAS,IADX;AAEE,cAAQ,IAFV;AAGE,sBAAgB,0BAHlB;AAIE,cAAQ,aAJV;AAKE,cAAQ,UALV;AAME,gBAAU,KANZ;AAOE,oBAAc,CACZ;AACE,iBAAS,IADX;AAEE,gBAAQ,IAFV;AAGE,wBAAgB,oBAHlB;AAIE,gBAAQ,aAJV;AAKE,gBAAQ,OALV;AAME,kBAAU,IANZ;AAOE,sBAAc,CACZ;AACE,mBAAS,IADX;AAEE,kBAAQ,IAFV;AAGE,0BAAgB,gBAHlB;AAIE,kBAAQ,aAJV;AAKE,kBAAQ,MALV;AAME,oBAAU,KANZ;AAOE,wBAAc,CACZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,IAJV;AAKE,0BAAc;AALhB,WADY,EAQZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,SAJV;AAKE,0BAAc;AALhB,WARY,EAeZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,YAJV;AAKE,0BAAc;AALhB,WAfY,EAsBZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,OAJV;AAKE,0BAAc;AALhB,WAtBY,EA6BZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,aAJV;AAKE,0BAAc;AALhB,WA7BY,EAoCZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,gBAJV;AAKE,0BAAc;AALhB,WApCY,EA2CZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,QAJV;AAKE,0BAAc;AALhB,WA3CY,EAkDZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,WAJV;AAKE,0BAAc;AALhB,WAlDY,EAyDZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,YAJV;AAKE,0BAAc;AALhB,WAzDY,EAgEZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,YAJV;AAKE,0BAAc;AALhB,WAhEY,EAuEZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,oBAJV;AAKE,0BAAc;AALhB,WAvEY,EA8EZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,aAJV;AAKE,0BAAc;AALhB,WA9EY,EAqFZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,aAJV;AAKE,0BAAc;AALhB,WArFY,EA4FZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,IAJV;AAKE,0BAAc;AALhB,WA5FY,EAmGZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,SAJV;AAKE,0BAAc;AALhB,WAnGY,EA0GZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,MAJV;AAKE,0BAAc;AALhB,WA1GY,EAiHZ;AACE,qBAAS,IADX;AAEE,oBAAQ,IAFV;AAGE,oBAAQ,aAHV;AAIE,oBAAQ,YAJV;AAKE,0BAAc;AALhB,WAjHY,CAPhB;AAgIE,wBAAc;AAhIhB,SADY,EAmIZ;AACE,mBAAS,IADX;AAEE,kBAAQ,IAFV;AAGE,kBAAQ,aAHV;AAIE,kBAAQ,QAJV;AAKE,wBAAc;AALhB,SAnIY,CAPhB;AAkJE,sBAAc;AAlJhB,OADY,EAqJZ;AACE,iBAAS,IADX;AAEE,gBAAQ,IAFV;AAGE,wBAAgB,UAHlB;AAIE,gBAAQ,aAJV;AAKE,gBAAQ,UALV;AAME,kBAAU,KANZ;AAOE,sBAAc,CACZ;AACE,mBAAS,IADX;AAEE,kBAAQ,IAFV;AAGE,kBAAQ,aAHV;AAIE,kBAAQ,WAJV;AAKE,wBAAc;AALhB,SADY,EAQZ;AACE,mBAAS,IADX;AAEE,kBAAQ,IAFV;AAGE,kBAAQ,aAHV;AAIE,kBAAQ,aAJV;AAKE,wBAAc;AALhB,SARY,CAPhB;AAuBE,sBAAc;AAvBhB,OArJY,CAPhB;AAsLE,oBAAc;AAtLhB,KADY,EAyLZ;AACE,eAAS,IADX;AAEE,cAAQ,IAFV;AAGE,iBAAW,EAHb;AAIE,gBAAU,YAJZ;AAKE,aAAO,sBALT;AAME,cAAQ,cANV;AAOE,cAAQ;AAPV,KAzLY;AAJH,GAjBe;AAyN5B,YAAU;AACR,eAAW,kCADH;AAER,UAAM,IAFE;AAGR,gBAAY,EAHJ;AAIR,YAAQ,2BAJA;AAKR,qBAAiB,OALT;AAMR,YAAQ;AANA;AAzNkB,CAA9B;AAkOCA,IAAD,CAAcC,IAAd,GAAqB,kCAArB;eACeD,I","sourcesContent":["/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest } from \"relay-runtime\";\n\nimport { FragmentRefs } from \"relay-runtime\";\nexport type SessionDrawerContentQueryVariables = {};\nexport type SessionDrawerContentQueryResponse = {\n    readonly \" $fragmentRefs\": FragmentRefs<\"SessionList_sessions\">;\n};\nexport type SessionDrawerContentQuery = {\n    readonly response: SessionDrawerContentQueryResponse;\n    readonly variables: SessionDrawerContentQueryVariables;\n};\n\n\n\n/*\nquery 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    edges {\n      node {\n        id\n        current\n        lastSeenAt\n        ...SessionListItem_session\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\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\": \"SessionPayloadConnection\",\n        \"kind\": \"LinkedField\",\n        \"name\": \"sessions\",\n        \"plural\": false,\n        \"selections\": [\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"concreteType\": \"SessionPayloadEdge\",\n            \"kind\": \"LinkedField\",\n            \"name\": \"edges\",\n            \"plural\": true,\n            \"selections\": [\n              {\n                \"alias\": null,\n                \"args\": null,\n                \"concreteType\": \"SessionPayload\",\n                \"kind\": \"LinkedField\",\n                \"name\": \"node\",\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\": \"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                    \"alias\": null,\n                    \"args\": null,\n                    \"kind\": \"ScalarField\",\n                    \"name\": \"__typename\",\n                    \"storageKey\": null\n                  }\n                ],\n                \"storageKey\": null\n              },\n              {\n                \"alias\": null,\n                \"args\": null,\n                \"kind\": \"ScalarField\",\n                \"name\": \"cursor\",\n                \"storageKey\": null\n              }\n            ],\n            \"storageKey\": null\n          },\n          {\n            \"alias\": null,\n            \"args\": null,\n            \"concreteType\": \"PageInfo\",\n            \"kind\": \"LinkedField\",\n            \"name\": \"pageInfo\",\n            \"plural\": false,\n            \"selections\": [\n              {\n                \"alias\": null,\n                \"args\": null,\n                \"kind\": \"ScalarField\",\n                \"name\": \"endCursor\",\n                \"storageKey\": null\n              },\n              {\n                \"alias\": null,\n                \"args\": null,\n                \"kind\": \"ScalarField\",\n                \"name\": \"hasNextPage\",\n                \"storageKey\": null\n              }\n            ],\n            \"storageKey\": null\n          }\n        ],\n        \"storageKey\": null\n      },\n      {\n        \"alias\": null,\n        \"args\": null,\n        \"filters\": [],\n        \"handle\": \"connection\",\n        \"key\": \"SessionList_sessions\",\n        \"kind\": \"LinkedHandle\",\n        \"name\": \"sessions\"\n      }\n    ]\n  },\n  \"params\": {\n    \"cacheID\": \"6f4db07ee743735ff7fca7e2a3473f24\",\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    edges {\\n      node {\\n        id\\n        current\\n        lastSeenAt\\n        ...SessionListItem_session\\n        __typename\\n      }\\n      cursor\\n    }\\n    pageInfo {\\n      endCursor\\n      hasNextPage\\n    }\\n  }\\n}\\n\"\n  }\n};\n(node as any).hash = '1643ac6b9bd324d389dab9011e55b1ba';\nexport default node;\n"],"file":"SessionDrawerContentQuery.graphql.js"}
+{"version":3,"sources":["../../../../../src/lib/components/session/__generated__/SessionDrawerContentQuery.graphql.ts"],"names":["node","hash"],"mappings":"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","sourcesContent":["/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ConcreteRequest } from \"relay-runtime\";\n\nimport { FragmentRefs } from \"relay-runtime\";\nexport type SessionDrawerContentQueryVariables = {};\nexport type SessionDrawerContentQueryResponse = {\n    readonly \" $fragmentRefs\": FragmentRefs<\"SessionList_sessions\">;\n};\nexport type SessionDrawerContentQuery = {\n    readonly response: SessionDrawerContentQueryResponse;\n    readonly variables: SessionDrawerContentQueryVariables;\n};\n\n\n\n/*\nquery 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\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(node as any).hash = '1643ac6b9bd324d389dab9011e55b1ba';\nexport default node;\n"],"file":"SessionDrawerContentQuery.graphql.js"}