@os-team/profile 1.0.31 → 1.0.32

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

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/* tslint:disable */
+
+/* eslint-disable */
+// @ts-nocheck
+
+/*
+query SessionListRefetchQuery {
+  ...SessionList_sessions
+}
+
+fragment SessionListItem_session on SessionPayload {
+  id
+  isApp
+  browserName
+  browserVersion
+  osName
+  osVersion
+  deviceType
+  deviceName
+  deviceManufacturer
+  deviceBrand
+  deviceModel
+  ip
+  country
+  city
+  lastSeenAt
+}
+
+fragment SessionList_sessions on Query {
+  sessions {
+    id
+    current
+    lastSeenAt
+    ...SessionListItem_session
+  }
+}
+*/
+var node = {
+  "fragment": {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SessionListRefetchQuery",
+    "selections": [{
+      "args": null,
+      "kind": "FragmentSpread",
+      "name": "SessionList_sessions"
+    }],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [],
+    "kind": "Operation",
+    "name": "SessionListRefetchQuery",
+    "selections": [{
+      "alias": null,
+      "args": null,
+      "concreteType": "SessionPayload",
+      "kind": "LinkedField",
+      "name": "sessions",
+      "plural": true,
+      "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
+      }],
+      "storageKey": null
+    }]
+  },
+  "params": {
+    "cacheID": "45d3ade50bcabd53d852b5ba144cd756",
+    "id": null,
+    "metadata": {},
+    "name": "SessionListRefetchQuery",
+    "operationKind": "query",
+    "text": "query SessionListRefetchQuery {\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 = '1b21c937c7ba795f09bfcb5ada7d2510';
+var _default = node;
+exports.default = _default;
+//# sourceMappingURL=SessionListRefetchQuery.graphql.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/session/__generated__/SessionListRefetchQuery.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 SessionListRefetchQueryVariables = {};\nexport type SessionListRefetchQueryResponse = {\n    readonly \" $fragmentRefs\": FragmentRefs<\"SessionList_sessions\">;\n};\nexport type SessionListRefetchQuery = {\n    readonly response: SessionListRefetchQueryResponse;\n    readonly variables: SessionListRefetchQueryVariables;\n};\n\n\n\n/*\nquery SessionListRefetchQuery {\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\": \"SessionListRefetchQuery\",\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\": \"SessionListRefetchQuery\",\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\": \"45d3ade50bcabd53d852b5ba144cd756\",\n    \"id\": null,\n    \"metadata\": {},\n    \"name\": \"SessionListRefetchQuery\",\n    \"operationKind\": \"query\",\n    \"text\": \"query SessionListRefetchQuery {\\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 = '1b21c937c7ba795f09bfcb5ada7d2510';\nexport default node;\n"],"file":"SessionListRefetchQuery.graphql.js"}

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

@@ -5,117 +5,61 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _SessionListRefetchQuery = _interopRequireDefault(require("./SessionListRefetchQuery.graphql"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /* tslint:disable */
 
 /* eslint-disable */
 // @ts-nocheck
 var node = {
-  "argumentDefinitions": [{
-    "defaultValue": null,
-    "kind": "LocalArgument",
-    "name": "count"
-  }, {
-    "defaultValue": null,
-    "kind": "LocalArgument",
-    "name": "cursor"
-  }],
+  "argumentDefinitions": [],
   "kind": "Fragment",
   "metadata": {
-    "connection": [{
-      "count": "count",
-      "cursor": "cursor",
-      "direction": "forward",
-      "path": ["sessions"]
-    }]
+    "refetch": {
+      "connection": null,
+      "fragmentPathInResult": [],
+      "operation": _SessionListRefetchQuery.default
+    }
   },
   "name": "SessionList_sessions",
   "selections": [{
-    "alias": "sessions",
+    "alias": null,
     "args": null,
-    "concreteType": "SessionPayloadConnection",
+    "concreteType": "SessionPayload",
     "kind": "LinkedField",
-    "name": "__SessionList_sessions_connection",
-    "plural": false,
+    "name": "sessions",
+    "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": "__typename",
-          "storageKey": null
-        }, {
-          "args": null,
-          "kind": "FragmentSpread",
-          "name": "SessionListItem_session"
-        }],
-        "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
+    }, {
+      "args": null,
+      "kind": "FragmentSpread",
+      "name": "SessionListItem_session"
     }],
     "storageKey": null
   }],
   "type": "Query",
   "abstractKey": null
 };
-node.hash = 'ffc097fbe501d309e554b7f98ebedd67';
+node.hash = '1b21c937c7ba795f09bfcb5ada7d2510';
 var _default = node;
 exports.default = _default;
 //# sourceMappingURL=SessionList_sessions.graphql.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/session/__generated__/SessionList_sessions.graphql.ts"],"names":["node","hash"],"mappings":";;;;;;;AAAA;;AACA;AACA;AA0BA,IAAMA,IAAoB,GAAG;AAC3B,yBAAuB,CACrB;AACE,oBAAgB,IADlB;AAEE,YAAQ,eAFV;AAGE,YAAQ;AAHV,GADqB,EAMrB;AACE,oBAAgB,IADlB;AAEE,YAAQ,eAFV;AAGE,YAAQ;AAHV,GANqB,CADI;AAa3B,UAAQ,UAbmB;AAc3B,cAAY;AACV,kBAAc,CACZ;AACE,eAAS,OADX;AAEE,gBAAU,QAFZ;AAGE,mBAAa,SAHf;AAIE,cAAQ,CACN,UADM;AAJV,KADY;AADJ,GAde;AA0B3B,UAAQ,sBA1BmB;AA2B3B,gBAAc,CACZ;AACE,aAAS,UADX;AAEE,YAAQ,IAFV;AAGE,oBAAgB,0BAHlB;AAIE,YAAQ,aAJV;AAKE,YAAQ,mCALV;AAME,cAAU,KANZ;AAOE,kBAAc,CACZ;AACE,eAAS,IADX;AAEE,cAAQ,IAFV;AAGE,sBAAgB,oBAHlB;AAIE,cAAQ,aAJV;AAKE,cAAQ,OALV;AAME,gBAAU,IANZ;AAOE,oBAAc,CACZ;AACE,iBAAS,IADX;AAEE,gBAAQ,IAFV;AAGE,wBAAgB,gBAHlB;AAIE,gBAAQ,aAJV;AAKE,gBAAQ,MALV;AAME,kBAAU,KANZ;AAOE,sBAAc,CACZ;AACE,mBAAS,IADX;AAEE,kBAAQ,IAFV;AAGE,kBAAQ,aAHV;AAIE,kBAAQ,IAJV;AAKE,wBAAc;AALhB,SADY,EAQZ;AACE,mBAAS,IADX;AAEE,kBAAQ,IAFV;AAGE,kBAAQ,aAHV;AAIE,kBAAQ,SAJV;AAKE,wBAAc;AALhB,SARY,EAeZ;AACE,mBAAS,IADX;AAEE,kBAAQ,IAFV;AAGE,kBAAQ,aAHV;AAIE,kBAAQ,YAJV;AAKE,wBAAc;AALhB,SAfY,EAsBZ;AACE,mBAAS,IADX;AAEE,kBAAQ,IAFV;AAGE,kBAAQ,aAHV;AAIE,kBAAQ,YAJV;AAKE,wBAAc;AALhB,SAtBY,EA6BZ;AACE,kBAAQ,IADV;AAEE,kBAAQ,gBAFV;AAGE,kBAAQ;AAHV,SA7BY,CAPhB;AA0CE,sBAAc;AA1ChB,OADY,EA6CZ;AACE,iBAAS,IADX;AAEE,gBAAQ,IAFV;AAGE,gBAAQ,aAHV;AAIE,gBAAQ,QAJV;AAKE,sBAAc;AALhB,OA7CY,CAPhB;AA4DE,oBAAc;AA5DhB,KADY,EA+DZ;AACE,eAAS,IADX;AAEE,cAAQ,IAFV;AAGE,sBAAgB,UAHlB;AAIE,cAAQ,aAJV;AAKE,cAAQ,UALV;AAME,gBAAU,KANZ;AAOE,oBAAc,CACZ;AACE,iBAAS,IADX;AAEE,gBAAQ,IAFV;AAGE,gBAAQ,aAHV;AAIE,gBAAQ,WAJV;AAKE,sBAAc;AALhB,OADY,EAQZ;AACE,iBAAS,IADX;AAEE,gBAAQ,IAFV;AAGE,gBAAQ,aAHV;AAIE,gBAAQ,aAJV;AAKE,sBAAc;AALhB,OARY,CAPhB;AAuBE,oBAAc;AAvBhB,KA/DY,CAPhB;AAgGE,kBAAc;AAhGhB,GADY,CA3Ba;AA+H3B,UAAQ,OA/HmB;AAgI3B,iBAAe;AAhIY,CAA7B;AAkICA,IAAD,CAAcC,IAAd,GAAqB,kCAArB;eACeD,I","sourcesContent":["/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ReaderFragment } from \"relay-runtime\";\n\nimport { FragmentRefs } from \"relay-runtime\";\nexport type SessionList_sessions = {\n    readonly sessions: {\n        readonly edges: ReadonlyArray<{\n            readonly node: {\n                readonly id: string;\n                readonly current: boolean;\n                readonly lastSeenAt: string;\n                readonly \" $fragmentRefs\": FragmentRefs<\"SessionListItem_session\">;\n            };\n        }>;\n    };\n    readonly \" $refType\": \"SessionList_sessions\";\n};\nexport type SessionList_sessions$data = SessionList_sessions;\nexport type SessionList_sessions$key = {\n    readonly \" $data\"?: SessionList_sessions$data;\n    readonly \" $fragmentRefs\": FragmentRefs<\"SessionList_sessions\">;\n};\n\n\n\nconst node: ReaderFragment = {\n  \"argumentDefinitions\": [\n    {\n      \"defaultValue\": null,\n      \"kind\": \"LocalArgument\",\n      \"name\": \"count\"\n    },\n    {\n      \"defaultValue\": null,\n      \"kind\": \"LocalArgument\",\n      \"name\": \"cursor\"\n    }\n  ],\n  \"kind\": \"Fragment\",\n  \"metadata\": {\n    \"connection\": [\n      {\n        \"count\": \"count\",\n        \"cursor\": \"cursor\",\n        \"direction\": \"forward\",\n        \"path\": [\n          \"sessions\"\n        ]\n      }\n    ]\n  },\n  \"name\": \"SessionList_sessions\",\n  \"selections\": [\n    {\n      \"alias\": \"sessions\",\n      \"args\": null,\n      \"concreteType\": \"SessionPayloadConnection\",\n      \"kind\": \"LinkedField\",\n      \"name\": \"__SessionList_sessions_connection\",\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\": \"__typename\",\n                  \"storageKey\": null\n                },\n                {\n                  \"args\": null,\n                  \"kind\": \"FragmentSpread\",\n                  \"name\": \"SessionListItem_session\"\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  \"type\": \"Query\",\n  \"abstractKey\": null\n};\n(node as any).hash = 'ffc097fbe501d309e554b7f98ebedd67';\nexport default node;\n"],"file":"SessionList_sessions.graphql.js"}
+{"version":3,"sources":["../../../../../src/lib/components/session/__generated__/SessionList_sessions.graphql.ts"],"names":["node","SessionListRefetchQuery","hash"],"mappings":";;;;;;;AAKA;;;;AALA;;AACA;AACA;AAsBA,IAAMA,IAAoB,GAAG;AAC3B,yBAAuB,EADI;AAE3B,UAAQ,UAFmB;AAG3B,cAAY;AACV,eAAW;AACT,oBAAc,IADL;AAET,8BAAwB,EAFf;AAGT,mBAAaC;AAHJ;AADD,GAHe;AAU3B,UAAQ,sBAVmB;AAW3B,gBAAc,CACZ;AACE,aAAS,IADX;AAEE,YAAQ,IAFV;AAGE,oBAAgB,gBAHlB;AAIE,YAAQ,aAJV;AAKE,YAAQ,UALV;AAME,cAAU,IANZ;AAOE,kBAAc,CACZ;AACE,eAAS,IADX;AAEE,cAAQ,IAFV;AAGE,cAAQ,aAHV;AAIE,cAAQ,IAJV;AAKE,oBAAc;AALhB,KADY,EAQZ;AACE,eAAS,IADX;AAEE,cAAQ,IAFV;AAGE,cAAQ,aAHV;AAIE,cAAQ,SAJV;AAKE,oBAAc;AALhB,KARY,EAeZ;AACE,eAAS,IADX;AAEE,cAAQ,IAFV;AAGE,cAAQ,aAHV;AAIE,cAAQ,YAJV;AAKE,oBAAc;AALhB,KAfY,EAsBZ;AACE,cAAQ,IADV;AAEE,cAAQ,gBAFV;AAGE,cAAQ;AAHV,KAtBY,CAPhB;AAmCE,kBAAc;AAnChB,GADY,CAXa;AAkD3B,UAAQ,OAlDmB;AAmD3B,iBAAe;AAnDY,CAA7B;AAqDCD,IAAD,CAAcE,IAAd,GAAqB,kCAArB;eACeF,I","sourcesContent":["/* tslint:disable */\n/* eslint-disable */\n// @ts-nocheck\n\nimport { ReaderFragment } from \"relay-runtime\";\nimport SessionListRefetchQuery from \"./SessionListRefetchQuery.graphql\";\nimport { FragmentRefs } from \"relay-runtime\";\nexport type SessionList_sessions = {\n    readonly sessions: ReadonlyArray<{\n        readonly id: string;\n        readonly current: boolean;\n        readonly lastSeenAt: string;\n        readonly \" $fragmentRefs\": FragmentRefs<\"SessionListItem_session\">;\n    }>;\n    readonly \" $refType\": \"SessionList_sessions\";\n};\nexport type SessionList_sessions$data = SessionList_sessions;\nexport type SessionList_sessions$key = {\n    readonly \" $data\"?: SessionList_sessions$data;\n    readonly \" $fragmentRefs\": FragmentRefs<\"SessionList_sessions\">;\n};\n\n\n\nconst node: ReaderFragment = {\n  \"argumentDefinitions\": [],\n  \"kind\": \"Fragment\",\n  \"metadata\": {\n    \"refetch\": {\n      \"connection\": null,\n      \"fragmentPathInResult\": [],\n      \"operation\": SessionListRefetchQuery\n    }\n  },\n  \"name\": \"SessionList_sessions\",\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          \"args\": null,\n          \"kind\": \"FragmentSpread\",\n          \"name\": \"SessionListItem_session\"\n        }\n      ],\n      \"storageKey\": null\n    }\n  ],\n  \"type\": \"Query\",\n  \"abstractKey\": null\n};\n(node as any).hash = '1b21c937c7ba795f09bfcb5ada7d2510';\nexport default node;\n"],"file":"SessionList_sessions.graphql.js"}

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

@@ -6,9 +6,8 @@ import { Button, message } from '@os-design/core';
 import styled from '@emotion/styled';
 import { useTranslation } from 'react-i18next';
 import { clr } from '@os-design/theming';
-import { ConnectionHandler } from 'relay-runtime';
 import SessionListItem from './SessionListItem';
-const sessionListFragment = _SessionList_sessions !== void 0 ? _SessionList_sessions : (_SessionList_sessions = require("./__generated__/SessionList_sessions.graphql"), _SessionList_sessions.hash && _SessionList_sessions.hash !== "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);
+const sessionListFragment = _SessionList_sessions !== void 0 ? _SessionList_sessions : (_SessionList_sessions = require("./__generated__/SessionList_sessions.graphql"), _SessionList_sessions.hash && _SessionList_sessions.hash !== "1b21c937c7ba795f09bfcb5ada7d2510" && console.error("The definition of 'SessionList_sessions' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionList_sessions);
 export const Title = styled.div`
   font-weight: 500;
   margin: 1em 1em 0.5em;
@@ -31,12 +30,14 @@ export const SESSION_LIST_PADDING_VERTICAL = 0.5;
 const SessionList = ({
   sessionsKey
 }) => {
-  const data = useFragment(sessionListFragment, sessionsKey);
+  const {
+    sessions
+  } = useFragment(sessionListFragment, sessionsKey);
   const {
     t
   } = useTranslation('profile');
-  const currentSession = useMemo(() => data.sessions.edges.find(edge => edge.node.current), [data.sessions.edges]);
-  const otherSessions = useMemo(() => data.sessions.edges.filter(edge => !edge.node.current).sort((a, b) => new Date(b.node.lastSeenAt).getTime() - new Date(a.node.lastSeenAt).getTime()), [data.sessions.edges]);
+  const currentSession = useMemo(() => sessions.find(session => session.current), [sessions]);
+  const otherSessions = useMemo(() => sessions.filter(session => !session.current).sort((a, b) => new Date(b.lastSeenAt).getTime() - new Date(a.lastSeenAt).getTime()), [sessions]);
   const [commitDestroyAllOtherSessions, loadingDestroyAllOtherSessions] = 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));
   const destroyAllOtherSessions = useCallback(() => {
     commitDestroyAllOtherSessions({
@@ -44,10 +45,9 @@ const SessionList = ({
       updater: store => {
         const record = store.get('client:root');
         if (!record) return;
-        const conn = ConnectionHandler.getConnection(record, 'SessionList_sessions');
-        if (!conn) return;
-        const edges = (conn.getLinkedRecords('edges') || []).filter(edge => edge.getLinkedRecord('node')?.getValue('id') === currentSession?.node.id);
-        conn.setLinkedRecords(edges, 'edges');
+        const sessionRecords = record.getLinkedRecords('sessions');
+        if (!sessionRecords) return;
+        record.setLinkedRecords(sessionRecords.filter(item => item.getDataID() === currentSession?.id), 'sessions');
       },
       onError: error => {
         message.error(error.message);
@@ -56,9 +56,9 @@ const SessionList = ({
         message.success(t('profile:sessions.destroyedAllOther'));
       }
     });
-  }, [commitDestroyAllOtherSessions, currentSession?.node.id, t]);
+  }, [commitDestroyAllOtherSessions, currentSession?.id, t]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, currentSession && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, null, t('profile:sessions.current')), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(SessionListItem, {
-    sessionKey: currentSession.node,
+    sessionKey: currentSession,
     hideLastSeenAt: true
   }))), otherSessions.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DestroyAllOtherSessionsButton, {
     type: "ghost",
@@ -67,9 +67,9 @@ const SessionList = ({
     wide: "always",
     loading: loadingDestroyAllOtherSessions,
     onClick: destroyAllOtherSessions
-  }, t('profile:sessions.destroyAllOther')), /*#__PURE__*/React.createElement(OtherSessions, null, /*#__PURE__*/React.createElement(Title, null, t('profile:sessions.other'), " (", otherSessions.length, ")"), /*#__PURE__*/React.createElement(List, null, otherSessions.map(edge => /*#__PURE__*/React.createElement(SessionListItem, {
-    key: edge.node.id,
-    sessionKey: edge.node
+  }, t('profile:sessions.destroyAllOther')), /*#__PURE__*/React.createElement(OtherSessions, null, /*#__PURE__*/React.createElement(Title, null, t('profile:sessions.other'), " (", otherSessions.length, ")"), /*#__PURE__*/React.createElement(List, null, otherSessions.map(session => /*#__PURE__*/React.createElement(SessionListItem, {
+    key: session.id,
+    sessionKey: session
   }))))));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/components/session/SessionList.tsx"],"names":["React","useCallback","useMemo","useFragment","useMutation","Button","message","styled","useTranslation","clr","ConnectionHandler","SessionListItem","sessionListFragment","Title","div","List","p","theme","listItemColorBorder","DestroyAllOtherSessionsButton","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","getConnection","getLinkedRecords","getLinkedRecord","getValue","id","setLinkedRecords","onError","error","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":["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"],"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 { 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/esm/components/session/SessionListItem.js

@@ -1,7 +1,6 @@
 var _SessionListItem_session, _SessionListItemDestroySessionMutation;
 
 import React, { useCallback, useMemo } from 'react';
-import { ConnectionHandler } from 'relay-runtime';
 import { useFragment, useMutation } from 'react-relay/hooks';
 import styled from '@emotion/styled';
 import { useTranslation } from 'react-i18next';
@@ -199,9 +198,9 @@ const SessionListItem = ({
       updater: store => {
         const record = store.get('client:root');
         if (!record) return;
-        const conn = ConnectionHandler.getConnection(record, 'SessionList_sessions');
-        if (!conn) return;
-        ConnectionHandler.deleteNode(conn, session.id);
+        const sessionRecords = record.getLinkedRecords('sessions');
+        if (!sessionRecords) return;
+        record.setLinkedRecords(sessionRecords.filter(item => item.getDataID() !== session.id), 'sessions');
       },
       onError: error => {
         message.error(error.message);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/components/session/SessionListItem.tsx"],"names":["React","useCallback","useMemo","ConnectionHandler","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","conn","getConnection","deleteNode","onError","error","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":["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"],"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"}