@os-team/profile 1.2.1 → 1.2.3

package/src/lib/components/session/__generated__/SessionListDestroyAllOtherSessionsMutation.graphql.ts

@@ -0,0 +1,74 @@
+/**
+ * @generated SignedSource<<2218d8fc90b51a497af7a28a79b5b1cf>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type SessionListDestroyAllOtherSessionsMutation$variables = Record<PropertyKey, never>;
+export type SessionListDestroyAllOtherSessionsMutation$data = {
+  readonly destroyAllOtherSessions: {
+    readonly ok: boolean;
+  };
+};
+export type SessionListDestroyAllOtherSessionsMutation = {
+  response: SessionListDestroyAllOtherSessionsMutation$data;
+  variables: SessionListDestroyAllOtherSessionsMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "alias": null,
+    "args": null,
+    "concreteType": "StatusPayload",
+    "kind": "LinkedField",
+    "name": "destroyAllOtherSessions",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "ok",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SessionListDestroyAllOtherSessionsMutation",
+    "selections": (v0/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [],
+    "kind": "Operation",
+    "name": "SessionListDestroyAllOtherSessionsMutation",
+    "selections": (v0/*: any*/)
+  },
+  "params": {
+    "cacheID": "c6f556336ccb31f27b1c2f13c2ea9c06",
+    "id": null,
+    "metadata": {},
+    "name": "SessionListDestroyAllOtherSessionsMutation",
+    "operationKind": "mutation",
+    "text": "mutation SessionListDestroyAllOtherSessionsMutation {\n  destroyAllOtherSessions {\n    ok\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "016b6b5e7ae228f7df552d97fa43bd40";
+
+export default node;

package/src/lib/components/session/__generated__/SessionListItemDestroySessionMutation.graphql.ts

@@ -0,0 +1,92 @@
+/**
+ * @generated SignedSource<<7a088fd00a4190b260d43dd0358458d8>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DestroySessionInput = {
+  id: string;
+};
+export type SessionListItemDestroySessionMutation$variables = {
+  input: DestroySessionInput;
+};
+export type SessionListItemDestroySessionMutation$data = {
+  readonly destroySession: {
+    readonly ok: boolean;
+  };
+};
+export type SessionListItemDestroySessionMutation = {
+  response: SessionListItemDestroySessionMutation$data;
+  variables: SessionListItemDestroySessionMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "StatusPayload",
+    "kind": "LinkedField",
+    "name": "destroySession",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "ok",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SessionListItemDestroySessionMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "SessionListItemDestroySessionMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "e967c31f65aa17e8ed5d6184f1f37c9d",
+    "id": null,
+    "metadata": {},
+    "name": "SessionListItemDestroySessionMutation",
+    "operationKind": "mutation",
+    "text": "mutation SessionListItemDestroySessionMutation(\n  $input: DestroySessionInput!\n) {\n  destroySession(input: $input) {\n    ok\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "ad6c0d1313a70dd63c0baccc2f7abd6e";
+
+export default node;

package/src/lib/components/session/__generated__/SessionListItem_session.graphql.ts

@@ -0,0 +1,154 @@
+/**
+ * @generated SignedSource<<d5732093196070ed726be209f01ca1e4>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type SessionListItem_session$data = {
+  readonly browserName: string | null | undefined;
+  readonly browserVersion: string | null | undefined;
+  readonly city: string | null | undefined;
+  readonly country: string | null | undefined;
+  readonly deviceBrand: string | null | undefined;
+  readonly deviceManufacturer: string | null | undefined;
+  readonly deviceModel: string | null | undefined;
+  readonly deviceName: string | null | undefined;
+  readonly deviceType: string | null | undefined;
+  readonly id: string;
+  readonly ip: string | null | undefined;
+  readonly isApp: boolean;
+  readonly lastSeenAt: number;
+  readonly osName: string | null | undefined;
+  readonly osVersion: string | null | undefined;
+  readonly " $fragmentType": "SessionListItem_session";
+};
+export type SessionListItem_session$key = {
+  readonly " $data"?: SessionListItem_session$data;
+  readonly " $fragmentSpreads": FragmentRefs<"SessionListItem_session">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "SessionListItem_session",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "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": "lastSeenAt",
+      "storageKey": null
+    }
+  ],
+  "type": "SessionPayload",
+  "abstractKey": null
+};
+
+(node as any).hash = "c73c341c5f6e75f7bef7402186ce242b";
+
+export default node;

package/src/lib/components/session/__generated__/SessionListRefetchQuery.graphql.ts

@@ -0,0 +1,181 @@
+/**
+ * @generated SignedSource<<323f44a8323f42414ca1d965872c689a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type SessionListRefetchQuery$variables = Record<PropertyKey, never>;
+export type SessionListRefetchQuery$data = {
+  readonly " $fragmentSpreads": FragmentRefs<"SessionList_sessions">;
+};
+export type SessionListRefetchQuery = {
+  response: SessionListRefetchQuery$data;
+  variables: SessionListRefetchQuery$variables;
+};
+
+const node: ConcreteRequest = {
+  "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 as any).hash = "1b21c937c7ba795f09bfcb5ada7d2510";
+
+export default node;

package/src/lib/components/session/__generated__/SessionList_sessions.graphql.ts

@@ -0,0 +1,83 @@
+/**
+ * @generated SignedSource<<eef249dc36a26e36eaa0b5afdae6a755>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type SessionList_sessions$data = {
+  readonly sessions: ReadonlyArray<{
+    readonly current: boolean;
+    readonly id: string;
+    readonly lastSeenAt: number;
+    readonly " $fragmentSpreads": FragmentRefs<"SessionListItem_session">;
+  }>;
+  readonly " $fragmentType": "SessionList_sessions";
+};
+export type SessionList_sessions$key = {
+  readonly " $data"?: SessionList_sessions$data;
+  readonly " $fragmentSpreads": FragmentRefs<"SessionList_sessions">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": {
+    "refetch": {
+      "connection": null,
+      "fragmentPathInResult": [],
+      "operation": require('./SessionListRefetchQuery.graphql')
+    }
+  },
+  "name": "SessionList_sessions",
+  "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
+        },
+        {
+          "args": null,
+          "kind": "FragmentSpread",
+          "name": "SessionListItem_session"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Query",
+  "abstractKey": null
+};
+
+(node as any).hash = "1b21c937c7ba795f09bfcb5ada7d2510";
+
+export default node;

package/src/lib/components/session/formatDate.ts

@@ -0,0 +1,21 @@
+import { type Namespace, type TFunction } from 'i18next';
+
+const formatDate = (
+  timestamp: number,
+  t: TFunction<Namespace, undefined>,
+  lng: string
+): string => {
+  const date = new Date(timestamp);
+
+  const day = date.getDate();
+  const month = t('profile:sessions.monthAbbreviations', {
+    returnObjects: true,
+  })[date.getMonth()];
+  const year = date.getFullYear();
+  const isPrevYear = year < new Date().getFullYear();
+
+  if (lng === 'ru') return `${day} ${month}${isPrevYear ? ` ${year}` : ''}`;
+  return `${month} ${day}${isPrevYear ? `, ${year}` : ''}`;
+};
+
+export default formatDate;

package/{dist/cjs/components/session/getLastSeen.js → src/lib/components/session/getLastSeen.ts}

@@ -1,20 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const getLastSeen = lastSeenAt => {
+const getLastSeen = (
+  lastSeenAt: number
+): [number, 'hours' | 'minutes' | 'seconds'] | null => {
   const date = new Date(lastSeenAt);
   const milliseconds = Date.now() - date.getTime();
   if (milliseconds <= 1000) return [1, 'seconds'];
+
   const seconds = Math.floor(milliseconds / 1000);
   if (seconds < 60) return [seconds, 'seconds'];
+
   const minutes = Math.floor(seconds / 60);
   if (minutes < 60) return [minutes, 'minutes'];
+
   const hours = Math.floor(minutes / 60);
   if (hours < 24) return [hours, 'hours'];
+
   return null;
 };
-var _default = exports.default = getLastSeen;
-//# sourceMappingURL=getLastSeen.js.map
+
+export default getLastSeen;

package/src/lib/components/shared/ButtonUpdate.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Button, type ButtonProps } from '@os-design/core';
+import { useTranslation } from 'react-i18next';
+
+const ButtonUpdate: React.FC<ButtonProps> = (props) => {
+  const { t } = useTranslation(['profile']);
+  return <Button {...props}>{t('profile:update')}</Button>;
+};
+
+export default ButtonUpdate;

package/src/lib/components/shared/ErrorResult.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { CloseCircle } from '@os-design/icons';
+import { Result } from '@os-design/core';
+import { useTranslation } from 'react-i18next';
+import styled from '@emotion/styled';
+import getError from '../../utils/getError';
+
+interface ErrorResultProps {
+  error: Error;
+}
+
+const StyledResult = styled(Result)`
+  margin: 0 1em;
+`;
+
+const ErrorResult: React.FC<ErrorResultProps> = ({ error }) => {
+  const { t } = useTranslation(['common']);
+
+  return (
+    <StyledResult
+      title={t('common:errorTitle')}
+      description={getError(error).message}
+      icon={<CloseCircle />}
+    />
+  );
+};
+
+export default ErrorResult;

package/src/lib/components/shared/FormError.tsx

@@ -0,0 +1,11 @@
+import { Alert } from '@os-design/core';
+import { useExistingForm } from '@os-design/form';
+import React from 'react';
+
+const FormError: React.FC = () => {
+  const { useError } = useExistingForm();
+  const error = useError('_error');
+  return error ? <Alert type='error'>{error}</Alert> : null;
+};
+
+export default FormError;