@os-team/profile 1.2.0 → 1.2.2

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;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { Loading } from '@os-design/icons';
+import { clr } from '@os-design/theming';
+
+const Container = styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  height: calc(var(--vh, 1vh) * 100);
+  font-size: 2em;
+  color: ${(p) => clr(p.theme.colorPrimary)};
+`;
+
+const MainLoader: React.FC = () => (
+  <Container>
+    <Loading />
+  </Container>
+);
+
+export default MainLoader;

package/src/lib/components/shared/icons/AndroidIcon.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Icon, type IconProps } from '@os-design/icons';
+
+const AndroidIcon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => (
+  <Icon {...props} ref={ref}>
+    <path d='M270.1 741.7c0 23.4 19.1 42.5 42.6 42.5h48.7v120.4c0 30.5 24.5 55.4 54.6 55.4c30.2 0 54.6-24.8 54.6-55.4V784.1h85v120.4c0 30.5 24.5 55.4 54.6 55.4c30.2 0 54.6-24.8 54.6-55.4V784.1h48.7c23.5 0 42.6-19.1 42.6-42.5V346.4h-486v395.3zm357.1-600.1l44.9-65c2.6-3.8 2-8.9-1.5-11.4c-3.5-2.4-8.5-1.2-11.1 2.6l-46.6 67.6c-30.7-12.1-64.9-18.8-100.8-18.8c-35.9 0-70.1 6.7-100.8 18.8l-46.6-67.5c-2.6-3.8-7.6-5.1-11.1-2.6c-3.5 2.4-4.1 7.4-1.5 11.4l44.9 65c-71.4 33.2-121.4 96.1-127.8 169.6h486c-6.6-73.6-56.7-136.5-128-169.7zM409.5 244.1a26.9 26.9 0 1 1 26.9-26.9a26.97 26.97 0 0 1-26.9 26.9zm208.4 0a26.9 26.9 0 1 1 26.9-26.9a26.97 26.97 0 0 1-26.9 26.9zm223.4 100.7c-30.2 0-54.6 24.8-54.6 55.4v216.4c0 30.5 24.5 55.4 54.6 55.4c30.2 0 54.6-24.8 54.6-55.4V400.1c.1-30.6-24.3-55.3-54.6-55.3zm-658.6 0c-30.2 0-54.6 24.8-54.6 55.4v216.4c0 30.5 24.5 55.4 54.6 55.4c30.2 0 54.6-24.8 54.6-55.4V400.1c0-30.6-24.5-55.3-54.6-55.3z' />
+  </Icon>
+));
+
+AndroidIcon.displayName = 'AndroidIcon';
+
+export default AndroidIcon;

package/src/lib/components/shared/icons/AppleIcon.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Icon, type IconProps } from '@os-design/icons';
+
+const AppleIcon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => (
+  <Icon {...props} ref={ref}>
+    <path d='M747.4 535.7c-.4-68.2 30.5-119.6 92.9-157.5c-34.9-50-87.7-77.5-157.3-82.8c-65.9-5.2-138 38.4-164.4 38.4c-27.9 0-91.7-36.6-141.9-36.6C273.1 298.8 163 379.8 163 544.6c0 48.7 8.9 99 26.7 150.8c23.8 68.2 109.6 235.3 199.1 232.6c46.8-1.1 79.9-33.2 140.8-33.2c59.1 0 89.7 33.2 141.9 33.2c90.3-1.3 167.9-153.2 190.5-221.6c-121.1-57.1-114.6-167.2-114.6-170.7zm-105.1-305c50.7-60.2 46.1-115 44.6-134.7c-44.8 2.6-96.6 30.5-126.1 64.8c-32.5 36.8-51.6 82.3-47.5 133.6c48.4 3.7 92.6-21.2 129-63.7z' />
+  </Icon>
+));
+
+AppleIcon.displayName = 'AppleIcon';
+
+export default AppleIcon;

package/src/lib/components/shared/icons/BrowserIcon.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Icon, type IconProps } from '@os-design/icons';
+
+const BrowserIcon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => (
+  <Icon {...props} ref={ref}>
+    <path d='M371.8 512c0 77.5 62.7 140.2 140.2 140.2S652.2 589.5 652.2 512S589.5 371.8 512 371.8S371.8 434.4 371.8 512zM900 362.4l-234.3 12.1c63.6 74.3 64.6 181.5 11.1 263.7l-188 289.2c78 4.2 158.4-12.9 231.2-55.2c180-104 253-322.1 180-509.8zM320.3 591.9L163.8 284.1A415.35 415.35 0 0 0 96 512c0 208 152.3 380.3 351.4 410.8l106.9-209.4c-96.6 18.2-189.9-34.8-234-121.5zm218.5-285.5l344.4 18.1C848 254.7 792.6 194 719.8 151.7C653.9 113.6 581.5 95.5 510.5 96c-122.5.5-242.2 55.2-322.1 154.5l128.2 196.9c32-91.9 124.8-146.7 222.2-141z' />
+  </Icon>
+));
+
+BrowserIcon.displayName = 'BrowserIcon';
+
+export default BrowserIcon;