@os-team/profile 1.2.6 → 1.2.8

package/dist/components/profile/ProfileDeleteAccountModal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ProfileDeleteAccountModalProps {
+    visible: boolean;
+    onClose: () => void;
+}
+declare const ProfileDeleteAccountModal: React.FC<ProfileDeleteAccountModalProps>;
+export default ProfileDeleteAccountModal;
+//# sourceMappingURL=ProfileDeleteAccountModal.d.ts.map

package/dist/components/profile/ProfileDeleteAccountModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileDeleteAccountModal.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/ProfileDeleteAccountModal.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAoDzE,UAAU,8BAA8B;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAmGvE,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/profile/ProfileDeleteAccountModal.js

@@ -0,0 +1,119 @@
+var _ProfileDeleteAccountModalRequestMutation, _ProfileDeleteAccountModalConfirmMutation;
+import { Alert, Form, FormItem, Input, message, Modal } from '@os-design/core';
+import { FormProvider, useExistingForm, useForm } from '@os-design/form';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useMutation } from 'react-relay';
+import handleFormErrors from '../../utils/handleFormErrors';
+import FormError from '../shared/FormError';
+import getError from '../../utils/getError';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Step1Form = () => {
+  const {
+    t
+  } = useTranslation(['profile']);
+  return /*#__PURE__*/_jsx(Alert, {
+    type: "info",
+    children: t('profile:deleteAccountModal.requestAlert')
+  });
+};
+const Step2Form = () => {
+  const {
+    Field
+  } = useExistingForm();
+  const {
+    t
+  } = useTranslation(['profile']);
+  const codeData = useMemo(() => ({
+    label: t('profile:deleteAccountModal.code.label'),
+    placeholder: t('profile:deleteAccountModal.code.placeholder')
+  }), [t]);
+  return /*#__PURE__*/_jsxs(Form, {
+    children: [/*#__PURE__*/_jsx(Alert, {
+      type: "info",
+      children: t('profile:deleteAccountModal.confirmAlert')
+    }), /*#__PURE__*/_jsx(Field, {
+      name: "code",
+      data: codeData,
+      render: (props, {
+        error
+      }, data) => /*#__PURE__*/_jsx(FormItem, {
+        label: data.label,
+        error: error,
+        children: /*#__PURE__*/_jsx(Input, {
+          type: "number",
+          placeholder: data.placeholder,
+          ...props
+        })
+      })
+    }), /*#__PURE__*/_jsx(FormError, {})]
+  });
+};
+const ProfileDeleteAccountModal = ({
+  visible,
+  onClose
+}) => {
+  const {
+    t
+  } = useTranslation(['profile']);
+  const [step, setStep] = useState(1);
+  const initValues = useMemo(() => ({
+    code: ''
+  }), []);
+  const {
+    form
+  } = useForm(initValues);
+
+  // Reset the form when the modal is opened
+  useEffect(() => {
+    if (visible) {
+      form.reset();
+      setStep(1);
+    }
+  }, [form, visible]);
+  const [requestCommit, requestLoading] = useMutation(_ProfileDeleteAccountModalRequestMutation !== void 0 ? _ProfileDeleteAccountModalRequestMutation : (_ProfileDeleteAccountModalRequestMutation = require("./__generated__/ProfileDeleteAccountModalRequestMutation.graphql"), _ProfileDeleteAccountModalRequestMutation.hash && _ProfileDeleteAccountModalRequestMutation.hash !== "cf5b3f55e2cd09b456ad657b90b72657" && console.error("The definition of 'ProfileDeleteAccountModalRequestMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProfileDeleteAccountModalRequestMutation));
+  const [confirmCommit, confirmLoading] = useMutation(_ProfileDeleteAccountModalConfirmMutation !== void 0 ? _ProfileDeleteAccountModalConfirmMutation : (_ProfileDeleteAccountModalConfirmMutation = require("./__generated__/ProfileDeleteAccountModalConfirmMutation.graphql"), _ProfileDeleteAccountModalConfirmMutation.hash && _ProfileDeleteAccountModalConfirmMutation.hash !== "99038f6b8c389648b94a77aa065ff902" && console.error("The definition of 'ProfileDeleteAccountModalConfirmMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProfileDeleteAccountModalConfirmMutation));
+  const onSubmitRequest = useCallback(() => {
+    requestCommit({
+      variables: {},
+      onError: error => message.error(getError(error).message),
+      onCompleted: () => setStep(2)
+    });
+  }, [requestCommit]);
+  const onSubmitConfirm = useCallback(() => {
+    confirmCommit({
+      variables: {
+        input: {
+          code: form.values.get('code')
+        }
+      },
+      onError: error => handleFormErrors(form, error),
+      onCompleted: () => {
+        onClose();
+        window.location.href = '/auth/';
+      }
+    });
+  }, [confirmCommit, form, onClose]);
+  const modalProps = useMemo(() => step === 1 ? {
+    okText: t('profile:deleteAccountModal.requestButton'),
+    okLoading: requestLoading,
+    onOk: onSubmitRequest
+  } : {
+    okText: t('profile:deleteAccountModal.confirmButton'),
+    okLoading: confirmLoading,
+    onOk: onSubmitConfirm,
+    okDanger: true
+  }, [confirmLoading, onSubmitConfirm, onSubmitRequest, requestLoading, step, t]);
+  const children = useMemo(() => step === 1 ? /*#__PURE__*/_jsx(Step1Form, {}) : /*#__PURE__*/_jsx(Step2Form, {}), [step]);
+  return /*#__PURE__*/_jsx(Modal, {
+    title: t('profile:deleteAccountModal.title'),
+    visible: visible,
+    onClose: onClose,
+    ...modalProps,
+    children: /*#__PURE__*/_jsx(FormProvider, {
+      form: form,
+      children: children
+    })
+  });
+};
+export default ProfileDeleteAccountModal;

package/dist/components/profile/ProfileDrawerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileDrawerContent.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/ProfileDrawerContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAYtE,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA+MD,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwC7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"ProfileDrawerContent.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/ProfileDrawerContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAatE,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAiOD,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAyC7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/profile/ProfileDrawerContent.js

@@ -11,6 +11,7 @@ import { useProfile } from './ProfileContext';
 import ProfileUpdateNameModal from './ProfileUpdateNameModal';
 import ProfileUpdatePasswordModal from './ProfileUpdatePasswordModal';
 import UserAvatar from './UserAvatar';
+import ProfileDeleteAccountModal from './ProfileDeleteAccountModal';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const AvatarContainer = styled.div`
   display: flex;
@@ -147,6 +148,21 @@ const ChangePasswordButton = () => {
     })]
   });
 };
+const DeleteAccountButton = () => {
+  const {
+    t
+  } = useTranslation(['profile']);
+  const [modalVisible, setModalVisible] = useState(false);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ProfileButton, {
+      onClick: () => setModalVisible(true),
+      children: t('profile:deleteAccount')
+    }), /*#__PURE__*/_jsx(ProfileDeleteAccountModal, {
+      visible: modalVisible,
+      onClose: () => setModalVisible(false)
+    })]
+  });
+};
 const SignOutButton = () => {
   const {
     t
@@ -195,7 +211,7 @@ const ProfileDrawerContent = ({
         hasAvatar: !!avatar
       }), /*#__PURE__*/_jsx(UpdateNameButton, {
         hasName: !!fullName
-      }), /*#__PURE__*/_jsx(ChangePasswordButton, {}), actions, /*#__PURE__*/_jsx(SignOutButton, {}), children]
+      }), /*#__PURE__*/_jsx(ChangePasswordButton, {}), actions, /*#__PURE__*/_jsx(DeleteAccountButton, {}), /*#__PURE__*/_jsx(SignOutButton, {}), children]
     }), /*#__PURE__*/_jsx(Footer, {
       children: /*#__PURE__*/_jsx(ThemeSwitcher, {})
     })]

package/dist/components/profile/UserAvatarAddon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatarAddon.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/UserAvatarAddon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA0BD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwBnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"UserAvatarAddon.d.ts","sourceRoot":"","sources":["../../../src/lib/components/profile/UserAvatarAddon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA0BD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuBnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/profile/UserAvatarAddon.js

@@ -19,7 +19,7 @@ const StyledUserAvatar = styled(UserAvatar)`
 
   @media (hover: hover) {
     &:hover,
-    &:focus {
+    &:focus-visible {
       opacity: 0.7;
     }
     ${transitionStyles('opacity')};
@@ -42,7 +42,6 @@ const UserAvatarAddon = ({
       onKeyDown: e => {
         if (e.key === 'Enter') onClick();
       },
-      onMouseDown: e => e.preventDefault(),
       ...rest
     })
   })

package/dist/components/profile/__generated__/ProfileDeleteAccountModalConfirmMutation.graphql.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @generated SignedSource<<d507b3267ba624a9d0277cf9e6c095dc>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ConcreteRequest } from 'relay-runtime';
+export type ConfirmDeleteAccountInput = {
+    code: string;
+};
+export type ProfileDeleteAccountModalConfirmMutation$variables = {
+    input: ConfirmDeleteAccountInput;
+};
+export type ProfileDeleteAccountModalConfirmMutation$data = {
+    readonly confirmDeleteAccount: {
+        readonly ok: boolean;
+    };
+};
+export type ProfileDeleteAccountModalConfirmMutation = {
+    response: ProfileDeleteAccountModalConfirmMutation$data;
+    variables: ProfileDeleteAccountModalConfirmMutation$variables;
+};
+declare const node: ConcreteRequest;
+export default node;
+//# sourceMappingURL=ProfileDeleteAccountModalConfirmMutation.graphql.d.ts.map

package/dist/components/profile/__generated__/ProfileDeleteAccountModalConfirmMutation.graphql.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileDeleteAccountModalConfirmMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/profile/__generated__/ProfileDeleteAccountModalConfirmMutation.graphql.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AACF,MAAM,MAAM,kDAAkD,GAAG;IAC/D,KAAK,EAAE,yBAAyB,CAAC;CAClC,CAAC;AACF,MAAM,MAAM,6CAA6C,GAAG;IAC1D,QAAQ,CAAC,oBAAoB,EAAE;QAC7B,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC;KACtB,CAAC;CACH,CAAC;AACF,MAAM,MAAM,wCAAwC,GAAG;IACrD,QAAQ,EAAE,6CAA6C,CAAC;IACxD,SAAS,EAAE,kDAAkD,CAAC;CAC/D,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA4DR,CAAC;AAIL,eAAe,IAAI,CAAC"}

package/dist/components/profile/__generated__/ProfileDeleteAccountModalConfirmMutation.graphql.js

@@ -0,0 +1,65 @@
+/**
+ * @generated SignedSource<<d507b3267ba624a9d0277cf9e6c095dc>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = function () {
+  var v0 = [{
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "input"
+    }],
+    v1 = [{
+      "alias": null,
+      "args": [{
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }],
+      "concreteType": "StatusPayload",
+      "kind": "LinkedField",
+      "name": "confirmDeleteAccount",
+      "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": "ProfileDeleteAccountModalConfirmMutation",
+      "selections": v1 /*: any*/,
+      "type": "Mutation",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Operation",
+      "name": "ProfileDeleteAccountModalConfirmMutation",
+      "selections": v1 /*: any*/
+    },
+    "params": {
+      "cacheID": "3b50f27a2aeb5cad62d9dd9aea21c926",
+      "id": null,
+      "metadata": {},
+      "name": "ProfileDeleteAccountModalConfirmMutation",
+      "operationKind": "mutation",
+      "text": "mutation ProfileDeleteAccountModalConfirmMutation(\n  $input: ConfirmDeleteAccountInput!\n) {\n  confirmDeleteAccount(input: $input) {\n    ok\n  }\n}\n"
+    }
+  };
+}();
+node.hash = "99038f6b8c389648b94a77aa065ff902";
+export default node;

package/dist/components/profile/__generated__/ProfileDeleteAccountModalRequestMutation.graphql.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @generated SignedSource<<fcad4b832cf53f5a8f514b3dabdb210b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ConcreteRequest } from 'relay-runtime';
+export type ProfileDeleteAccountModalRequestMutation$variables = Record<PropertyKey, never>;
+export type ProfileDeleteAccountModalRequestMutation$data = {
+    readonly requestDeleteAccount: {
+        readonly ok: boolean;
+    };
+};
+export type ProfileDeleteAccountModalRequestMutation = {
+    response: ProfileDeleteAccountModalRequestMutation$data;
+    variables: ProfileDeleteAccountModalRequestMutation$variables;
+};
+declare const node: ConcreteRequest;
+export default node;
+//# sourceMappingURL=ProfileDeleteAccountModalRequestMutation.graphql.d.ts.map

package/dist/components/profile/__generated__/ProfileDeleteAccountModalRequestMutation.graphql.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileDeleteAccountModalRequestMutation.graphql.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/profile/__generated__/ProfileDeleteAccountModalRequestMutation.graphql.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,MAAM,MAAM,kDAAkD,GAAG,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAC5F,MAAM,MAAM,6CAA6C,GAAG;IAC1D,QAAQ,CAAC,oBAAoB,EAAE;QAC7B,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC;KACtB,CAAC;CACH,CAAC;AACF,MAAM,MAAM,wCAAwC,GAAG;IACrD,QAAQ,EAAE,6CAA6C,CAAC;IACxD,SAAS,EAAE,kDAAkD,CAAC;CAC/D,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,eA+CR,CAAC;AAIL,eAAe,IAAI,CAAC"}

package/dist/components/profile/__generated__/ProfileDeleteAccountModalRequestMutation.graphql.js

@@ -0,0 +1,56 @@
+/**
+ * @generated SignedSource<<fcad4b832cf53f5a8f514b3dabdb210b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = function () {
+  var v0 = [{
+    "alias": null,
+    "args": null,
+    "concreteType": "StatusPayload",
+    "kind": "LinkedField",
+    "name": "requestDeleteAccount",
+    "plural": false,
+    "selections": [{
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "ok",
+      "storageKey": null
+    }],
+    "storageKey": null
+  }];
+  return {
+    "fragment": {
+      "argumentDefinitions": [],
+      "kind": "Fragment",
+      "metadata": null,
+      "name": "ProfileDeleteAccountModalRequestMutation",
+      "selections": v0 /*: any*/,
+      "type": "Mutation",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": [],
+      "kind": "Operation",
+      "name": "ProfileDeleteAccountModalRequestMutation",
+      "selections": v0 /*: any*/
+    },
+    "params": {
+      "cacheID": "cd42c1d7733a3434f5df551f574bc2e4",
+      "id": null,
+      "metadata": {},
+      "name": "ProfileDeleteAccountModalRequestMutation",
+      "operationKind": "mutation",
+      "text": "mutation ProfileDeleteAccountModalRequestMutation {\n  requestDeleteAccount {\n    ok\n  }\n}\n"
+    }
+  };
+}();
+node.hash = "cf5b3f55e2cd09b456ad657b90b72657";
+export default node;

package/dist/components/session/SessionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionList.d.ts","sourceRoot":"","sources":["../../../src/lib/components/session/SessionList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AAc7F,UAAU,gBAAgB;IACxB,WAAW,EAAE,wBAAwB,CAAC;CACvC;AAED,eAAO,MAAM,KAAK;;SAhBP,MAAO,WAAW;qFAmB5B,CAAC;AAEF,eAAO,MAAM,IAAI;;SArBN,MAAO,WAAW;qFAwB5B,CAAC;AAaF,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAEjD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqF3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"SessionList.d.ts","sourceRoot":"","sources":["../../../src/lib/components/session/SessionList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AAc7F,UAAU,gBAAgB;IACxB,WAAW,EAAE,wBAAwB,CAAC;CACvC;AAED,eAAO,MAAM,KAAK;;SAlB4B,MAAO,WAAW;qFAqB/D,CAAC;AAEF,eAAO,MAAM,IAAI;;SAvB6B,MAAO,WAAW;qFA0B/D,CAAC;AAaF,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAEjD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqF3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/session/SessionListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionListItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/session/SessionListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAgBpD,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,iDAAiD,CAAC;AA6BnG,UAAU,oBAAoB;IAC5B,UAAU,EAAE,2BAA2B,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS;;SAnClB,MAAO,WAAW;qFA6DrB,CAAC;AAOF,eAAO,MAAM,OAAO;;SApEhB,MAAO,WAAW;qFAuErB,CAAC;AAmDF,eAAO,MAAM,aAAa;;SA1HtB,MAAO,WAAW;qFA+HrB,CAAC;AAEF,UAAU,SAAS;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,eAAO,MAAM,IAAI;;SAgEyB,MAAO,WACjD;iGAjDC,CAAC;AAaF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2InD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"SessionListItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/session/SessionListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAgBpD,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,iDAAiD,CAAC;AA6BnG,UAAU,oBAAoB;IAC5B,UAAU,EAAE,2BAA2B,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS;;SArC4C,MAAO,WACnE;qFA8DL,CAAC;AAOF,eAAO,MAAM,OAAO;;SAtE8C,MAAO,WACnE;qFAwEL,CAAC;AAmDF,eAAO,MAAM,aAAa;;SA5HwC,MAAO,WACnE;qFAgIL,CAAC;AAEF,UAAU,SAAS;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,eAAO,MAAM,IAAI;;SAoD4B,MAAO,WACnD;iGArCA,CAAC;AAaF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2InD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/session/formatDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatDate.d.ts","sourceRoot":"","sources":["../../../src/lib/components/session/formatDate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzD,QAAA,MAAM,UAAU,cACH,MAAM,KACd,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,OAC7B,MAAM,KACV,MAYF,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"formatDate.d.ts","sourceRoot":"","sources":["../../../src/lib/components/session/formatDate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzD,QAAA,MAAM,UAAU,GACd,WAAW,MAAM,EACjB,GAAG,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,EAClC,KAAK,MAAM,KACV,MAYF,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/session/getLastSeen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getLastSeen.d.ts","sourceRoot":"","sources":["../../../src/lib/components/session/getLastSeen.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,WAAW,eACH,MAAM,KACjB,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,GAAG,IAe9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"getLastSeen.d.ts","sourceRoot":"","sources":["../../../src/lib/components/session/getLastSeen.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,WAAW,GACf,YAAY,MAAM,KACjB,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,GAAG,IAe9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/utils/getError.d.ts

@@ -5,8 +5,10 @@ interface Constraint {
 interface ErrorObject {
     code: string;
     message: string;
+    extensions?: Record<string, unknown>;
     data?: Record<string, Constraint>;
 }
 declare const getError: (error: unknown) => ErrorObject;
+export declare const getErrorMessage: (error: unknown) => string;
 export default getError;
 //# sourceMappingURL=getError.d.ts.map

package/dist/utils/getError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getError.d.ts","sourceRoot":"","sources":["../../src/lib/utils/getError.ts"],"names":[],"mappings":"AAAA,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;CACnC;AAmBD,QAAA,MAAM,QAAQ,UAAW,OAAO,KAAG,WAsElC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"getError.d.ts","sourceRoot":"","sources":["../../src/lib/utils/getError.ts"],"names":[],"mappings":"AAAA,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;CACnC;AAmBD,QAAA,MAAM,QAAQ,GAAI,OAAO,OAAO,KAAG,WAwElC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,OAAO,KAAG,MAUhD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/utils/getError.js

@@ -40,13 +40,26 @@ const getError = error => {
   if (!('data' in firstError.extensions) || !isData(firstError.extensions.data)) {
     return {
       code: firstError.extensions.code,
-      message: firstError.message
+      message: firstError.message,
+      extensions: firstError.extensions
     };
   }
   return {
     code: firstError.extensions.code,
     message: firstError.message,
+    extensions: firstError.extensions,
     data: firstError.extensions.data
   };
 };
+export const getErrorMessage = error => {
+  const err = getError(error);
+  let msg = err.message;
+  if (err.data) {
+    const constraints = Object.values(err.data);
+    if (constraints.length > 0) {
+      msg = constraints[0].message;
+    }
+  }
+  return msg;
+};
 export default getError;

package/dist/utils/getUserFullName.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getUserFullName.d.ts","sourceRoot":"","sources":["../../src/lib/utils/getUserFullName.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,eAAe,mCAAoC,IAAI,KAAG,MAK/D,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"getUserFullName.d.ts","sourceRoot":"","sources":["../../src/lib/utils/getUserFullName.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,eAAe,GAAI,gCAAgC,IAAI,KAAG,MAK/D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/utils/handleFormErrors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handleFormErrors.d.ts","sourceRoot":"","sources":["../../src/lib/utils/handleFormErrors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAI5C,QAAA,MAAM,gBAAgB,SAAU,IAAI,CAAC,GAAG,CAAC,SAAS,OAAO,KAAG,IAS3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"handleFormErrors.d.ts","sourceRoot":"","sources":["../../src/lib/utils/handleFormErrors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAI5C,QAAA,MAAM,gBAAgB,GAAI,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,OAAO,KAAG,IAS3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-team/profile",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/profile.git",
   "main": "./dist/index.js",
@@ -39,59 +39,59 @@
     "@types/react-dom": "^18.3.2"
   },
   "dependencies": {
-    "@os-design/core": "^1.0.265",
-    "@os-design/form": "^1.0.100",
-    "@os-design/icons": "^1.0.68",
+    "@os-design/core": "^1.0.281",
+    "@os-design/form": "^1.0.116",
+    "@os-design/icons": "^1.0.69",
     "@os-design/media": "^1.0.32",
-    "@os-design/styles": "^1.0.65",
-    "@os-design/theming": "^1.0.61",
-    "@os-design/utils": "^1.0.85",
+    "@os-design/styles": "^1.0.66",
+    "@os-design/theming": "^1.0.62",
+    "@os-design/utils": "^1.0.88",
     "@os-team/plural-forms": "^1.0.17"
   },
   "devDependencies": {
     "@babel/cli": "^7.26.4",
-    "@babel/core": "^7.26.0",
+    "@babel/core": "^7.26.9",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@emotion/react": "^11.13.5",
+    "@emotion/react": "^11.14.0",
     "@emotion/serialize": "^1.3.3",
-    "@emotion/styled": "^11.13.5",
+    "@emotion/styled": "^11.14.0",
     "@os-team/prettier-config": "1.2.8",
     "@os-team/relay-network-creator": "^1.3.3",
     "@os-team/relay-network-mw-upload": "^1.2.27",
-    "@types/node": "^22.10.1",
+    "@types/node": "^22.13.9",
     "@types/react": "^18.3.14",
     "@types/react-dom": "^18.3.2",
     "@types/react-relay": "^18.2.0",
     "babel-plugin-relay": "^18.2.0",
     "cross-env": "^7.0.3",
-    "eslint": "^9.16.0",
-    "eslint-config-os-team-react": "1.2.28",
+    "eslint": "^9.21.0",
+    "eslint-config-os-team-react": "1.2.30",
     "get-graphql-schema": "^2.1.2",
-    "graphql": "^16.9.0",
+    "graphql": "^16.10.0",
     "husky": "^9.1.7",
-    "i18next": "^24.0.5",
-    "i18next-browser-languagedetector": "^8.0.1",
-    "i18next-http-backend": "^3.0.1",
+    "i18next": "^24.2.2",
+    "i18next-browser-languagedetector": "^8.0.4",
+    "i18next-http-backend": "^3.0.2",
     "lazysizes": "^5.3.2",
-    "lint-staged": "^15.2.10",
+    "lint-staged": "^15.4.3",
     "npm-run-all": "^4.1.5",
-    "prettier": "3.4.2",
+    "prettier": "3.5.3",
     "progress-bar-webpack-plugin": "^2.1.0",
     "react": "^18.3.1",
     "react-app-rewired": "^2.2.1",
     "react-dom": "^18.3.1",
-    "react-i18next": "^15.1.3",
+    "react-i18next": "^15.4.1",
     "react-relay": "^18.2.0",
-    "react-router": "^7.0.2",
+    "react-router": "^7.2.0",
     "react-scripts": "^5.0.1",
     "relay-compiler": "^18.2.0",
     "relay-runtime": "^18.2.0",
-    "release-it": "^17.10.0",
+    "release-it": "^18.1.2",
     "rimraf": "^6.0.1",
-    "typescript": "^5.7.2",
+    "typescript": "^5.8.2",
     "webpack-bundle-analyzer": "^4.10.2"
   },
   "peerDependencies": {

package/src/lib/components/profile/ProfileDeleteAccountModal.tsx

@@ -0,0 +1,170 @@
+import {
+  Alert,
+  Form,
+  FormItem,
+  Input,
+  message,
+  Modal,
+  type ModalProps,
+} from '@os-design/core';
+import { FormProvider, useExistingForm, useForm } from '@os-design/form';
+import graphql from 'babel-plugin-relay/macro';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useMutation } from 'react-relay';
+import handleFormErrors from '../../utils/handleFormErrors';
+import FormError from '../shared/FormError';
+import getError from '../../utils/getError';
+import type { ProfileDeleteAccountModalRequestMutation } from './__generated__/ProfileDeleteAccountModalRequestMutation.graphql';
+import type { ProfileDeleteAccountModalConfirmMutation } from './__generated__/ProfileDeleteAccountModalConfirmMutation.graphql';
+
+interface ProfileDeleteAccountFormData {
+  code: string;
+}
+
+const Step1Form: React.FC = () => {
+  const { t } = useTranslation(['profile']);
+
+  return (
+    <Alert type='info'>{t('profile:deleteAccountModal.requestAlert')}</Alert>
+  );
+};
+
+const Step2Form: React.FC = () => {
+  const { Field } = useExistingForm<ProfileDeleteAccountFormData>();
+  const { t } = useTranslation(['profile']);
+
+  const codeData = useMemo(
+    () => ({
+      label: t('profile:deleteAccountModal.code.label'),
+      placeholder: t('profile:deleteAccountModal.code.placeholder'),
+    }),
+    [t]
+  );
+
+  return (
+    <Form>
+      <Alert type='info'>{t('profile:deleteAccountModal.confirmAlert')}</Alert>
+
+      <Field
+        name='code'
+        data={codeData}
+        render={(props, { error }, data) => (
+          <FormItem label={data.label} error={error}>
+            <Input type='number' placeholder={data.placeholder} {...props} />
+          </FormItem>
+        )}
+      />
+
+      <FormError />
+    </Form>
+  );
+};
+
+interface ProfileDeleteAccountModalProps {
+  visible: boolean;
+  onClose: () => void;
+}
+
+const ProfileDeleteAccountModal: React.FC<ProfileDeleteAccountModalProps> = ({
+  visible,
+  onClose,
+}) => {
+  const { t } = useTranslation(['profile']);
+  const [step, setStep] = useState(1);
+
+  const initValues = useMemo<ProfileDeleteAccountFormData>(
+    () => ({
+      code: '',
+    }),
+    []
+  );
+
+  const { form } = useForm(initValues);
+
+  // Reset the form when the modal is opened
+  useEffect(() => {
+    if (visible) {
+      form.reset();
+      setStep(1);
+    }
+  }, [form, visible]);
+
+  const [requestCommit, requestLoading] =
+    useMutation<ProfileDeleteAccountModalRequestMutation>(graphql`
+      mutation ProfileDeleteAccountModalRequestMutation {
+        requestDeleteAccount {
+          ok
+        }
+      }
+    `);
+
+  const [confirmCommit, confirmLoading] =
+    useMutation<ProfileDeleteAccountModalConfirmMutation>(graphql`
+      mutation ProfileDeleteAccountModalConfirmMutation(
+        $input: ConfirmDeleteAccountInput!
+      ) {
+        confirmDeleteAccount(input: $input) {
+          ok
+        }
+      }
+    `);
+
+  const onSubmitRequest = useCallback(() => {
+    requestCommit({
+      variables: {},
+      onError: (error) => message.error(getError(error).message),
+      onCompleted: () => setStep(2),
+    });
+  }, [requestCommit]);
+
+  const onSubmitConfirm = useCallback(() => {
+    confirmCommit({
+      variables: {
+        input: {
+          code: form.values.get('code'),
+        },
+      },
+      onError: (error) => handleFormErrors(form, error),
+      onCompleted: () => {
+        onClose();
+        window.location.href = '/auth/';
+      },
+    });
+  }, [confirmCommit, form, onClose]);
+
+  const modalProps = useMemo<ModalProps>(
+    () =>
+      step === 1
+        ? {
+            okText: t('profile:deleteAccountModal.requestButton'),
+            okLoading: requestLoading,
+            onOk: onSubmitRequest,
+          }
+        : {
+            okText: t('profile:deleteAccountModal.confirmButton'),
+            okLoading: confirmLoading,
+            onOk: onSubmitConfirm,
+            okDanger: true,
+          },
+    [confirmLoading, onSubmitConfirm, onSubmitRequest, requestLoading, step, t]
+  );
+
+  const children = useMemo(
+    () => (step === 1 ? <Step1Form /> : <Step2Form />),
+    [step]
+  );
+
+  return (
+    <Modal
+      title={t('profile:deleteAccountModal.title')}
+      visible={visible}
+      onClose={onClose}
+      {...modalProps}
+    >
+      <FormProvider form={form}>{children}</FormProvider>
+    </Modal>
+  );
+};
+
+export default ProfileDeleteAccountModal;

package/src/lib/components/profile/ProfileDrawerContent.tsx

@@ -13,6 +13,7 @@ import ProfileUpdatePasswordModal from './ProfileUpdatePasswordModal';
 import UserAvatar from './UserAvatar';
 import { type ProfileDrawerContentSignOutMutation } from './__generated__/ProfileDrawerContentSignOutMutation.graphql';
 import { type ProfileDrawerContentUpdateAvatarMutation } from './__generated__/ProfileDrawerContentUpdateAvatarMutation.graphql';
+import ProfileDeleteAccountModal from './ProfileDeleteAccountModal';
 
 export interface ProfileDrawerContentProps {
   /**
@@ -201,6 +202,24 @@ const ChangePasswordButton: React.FC = () => {
   );
 };
 
+const DeleteAccountButton: React.FC = () => {
+  const { t } = useTranslation(['profile']);
+  const [modalVisible, setModalVisible] = useState(false);
+
+  return (
+    <>
+      <ProfileButton onClick={() => setModalVisible(true)}>
+        {t('profile:deleteAccount')}
+      </ProfileButton>
+
+      <ProfileDeleteAccountModal
+        visible={modalVisible}
+        onClose={() => setModalVisible(false)}
+      />
+    </>
+  );
+};
+
 const SignOutButton: React.FC = () => {
   const { t } = useTranslation(['profile']);
 
@@ -261,6 +280,7 @@ const ProfileDrawerContent: React.FC<ProfileDrawerContentProps> = ({
 
         {actions}
 
+        <DeleteAccountButton />
         <SignOutButton />
 
         {children}

package/src/lib/components/profile/UserAvatarAddon.tsx

@@ -26,7 +26,7 @@ const StyledUserAvatar = styled(UserAvatar)`
 
   @media (hover: hover) {
     &:hover,
-    &:focus {
+    &:focus-visible {
       opacity: 0.7;
     }
     ${transitionStyles('opacity')};
@@ -52,7 +52,6 @@ const UserAvatarAddon: React.FC<UserAvatarAddonProps> = ({
         onKeyDown={(e) => {
           if (e.key === 'Enter') onClick();
         }}
-        onMouseDown={(e) => e.preventDefault()}
         {...rest}
       />
     </ThemeOverrider>

package/src/lib/components/profile/__generated__/ProfileDeleteAccountModalConfirmMutation.graphql.ts

@@ -0,0 +1,92 @@
+/**
+ * @generated SignedSource<<d507b3267ba624a9d0277cf9e6c095dc>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ConfirmDeleteAccountInput = {
+  code: string;
+};
+export type ProfileDeleteAccountModalConfirmMutation$variables = {
+  input: ConfirmDeleteAccountInput;
+};
+export type ProfileDeleteAccountModalConfirmMutation$data = {
+  readonly confirmDeleteAccount: {
+    readonly ok: boolean;
+  };
+};
+export type ProfileDeleteAccountModalConfirmMutation = {
+  response: ProfileDeleteAccountModalConfirmMutation$data;
+  variables: ProfileDeleteAccountModalConfirmMutation$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": "confirmDeleteAccount",
+    "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": "ProfileDeleteAccountModalConfirmMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ProfileDeleteAccountModalConfirmMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "3b50f27a2aeb5cad62d9dd9aea21c926",
+    "id": null,
+    "metadata": {},
+    "name": "ProfileDeleteAccountModalConfirmMutation",
+    "operationKind": "mutation",
+    "text": "mutation ProfileDeleteAccountModalConfirmMutation(\n  $input: ConfirmDeleteAccountInput!\n) {\n  confirmDeleteAccount(input: $input) {\n    ok\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "99038f6b8c389648b94a77aa065ff902";
+
+export default node;

package/src/lib/components/profile/__generated__/ProfileDeleteAccountModalRequestMutation.graphql.ts

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

package/src/lib/utils/getError.ts

@@ -6,6 +6,7 @@ interface Constraint {
 interface ErrorObject {
   code: string;
   message: string;
+  extensions?: Record<string, unknown>;
   data?: Record<string, Constraint>;
 }
 
@@ -88,14 +89,28 @@ const getError = (error: unknown): ErrorObject => {
     return {
       code: firstError.extensions.code,
       message: firstError.message,
+      extensions: firstError.extensions,
     };
   }
 
   return {
     code: firstError.extensions.code,
     message: firstError.message,
+    extensions: firstError.extensions,
     data: firstError.extensions.data,
   };
 };
 
+export const getErrorMessage = (error: unknown): string => {
+  const err = getError(error);
+  let msg = err.message;
+  if (err.data) {
+    const constraints = Object.values(err.data);
+    if (constraints.length > 0) {
+      msg = constraints[0].message;
+    }
+  }
+  return msg;
+};
+
 export default getError;

package/src/schema.graphql

@@ -401,6 +401,10 @@ input CompleteUserVideoStepInput {
   id: ID!
 }
 
+input ConfirmDeleteAccountInput {
+  code: String!
+}
+
 input ConfirmEmailInput {
   password: String!
   token: String!
@@ -797,6 +801,8 @@ type Mutation {
   signOut: StatusPayload!
   updateProfile(input: UpdateProfileInput!): User!
   updatePassword(input: UpdatePasswordInput!): User!
+  requestDeleteAccount: StatusPayload!
+  confirmDeleteAccount(input: ConfirmDeleteAccountInput!): StatusPayload!
   destroySession(input: DestroySessionInput!): StatusPayload!
   destroyAllOtherSessions: StatusPayload!
   createBlogLanguage(input: CreateBlogLanguageInput!): BlogLanguage!
@@ -832,7 +838,6 @@ type Mutation {
   createLesson(input: CreateLessonInput!): Lesson!
   checkAnswer(input: CheckAnswerInput!): CheckAnswerPayload!
   updateAvatar(input: UpdateAvatarInput!): User!
-  deleteAccount: StatusPayload!
   updateSettings(input: UpdateSettingsInput!): Settings!
   createTestTag(input: CreateTestTagInput!): TestTag!
   updateTestTag(input: UpdateTestTagInput!): TestTag!
@@ -2195,6 +2200,11 @@ type User implements Node {
   {"en":"The date of the last update of the object.","ru":"Дата последнего обновления объекта."}
   """
   updatedAt: Long!
+
+  """
+  {"en":"The date the object was deleted.","ru":"Дата удаления объекта."}
+  """
+  deletedAt: Long
   email: String!
   passwordHash: String
   firstName: String

package/src/utils/getError.ts

@@ -6,6 +6,7 @@ interface Constraint {
 interface ErrorObject {
   code: string;
   message: string;
+  extensions?: Record<string, unknown>;
   data?: Record<string, Constraint>;
 }
 
@@ -88,14 +89,28 @@ const getError = (error: unknown): ErrorObject => {
     return {
       code: firstError.extensions.code,
       message: firstError.message,
+      extensions: firstError.extensions,
     };
   }
 
   return {
     code: firstError.extensions.code,
     message: firstError.message,
+    extensions: firstError.extensions,
     data: firstError.extensions.data,
   };
 };
 
+export const getErrorMessage = (error: unknown): string => {
+  const err = getError(error);
+  let msg = err.message;
+  if (err.data) {
+    const constraints = Object.values(err.data);
+    if (constraints.length > 0) {
+      msg = constraints[0].message;
+    }
+  }
+  return msg;
+};
+
 export default getError;