@greatapps/common 1.1.346 → 1.1.348
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,143 +1,28 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { IconLock, IconTool } from "@tabler/icons-react";
|
|
5
|
-
import { Badge } from "../../ui/data-display/Badge";
|
|
6
|
-
import { Button } from "../../ui/buttons/Button";
|
|
7
|
-
import { useAuth } from "../../../providers/auth.provider";
|
|
8
|
-
import { useQueryClient } from "@tanstack/react-query";
|
|
9
|
-
import { USER_QUERY_KEY } from "../../../modules/auth/hooks/useUserQuery";
|
|
10
|
-
import { AccountSectionType } from "../../../enums/AccountSectionType";
|
|
11
|
-
import TwoFactorAuthModal from "../TwoFactorAuthModal";
|
|
12
|
-
import DisableTwoFactorAuthModal from "../DisableTwoFactorAuthModal";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { IconAlertTriangle } from "@tabler/icons-react";
|
|
13
4
|
function SecuritySection({
|
|
14
|
-
setActiveSection,
|
|
15
5
|
onClose,
|
|
16
6
|
onDeleteAccount
|
|
17
7
|
}) {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
setDisableTwoFactorOpen(true);
|
|
26
|
-
} else {
|
|
27
|
-
setTwoFactorOpen(true);
|
|
28
|
-
}
|
|
29
|
-
}, [twoFactorAuth]);
|
|
30
|
-
const handleDisableTwoFactorSuccess = useCallback(() => {
|
|
31
|
-
queryClient.invalidateQueries({ queryKey: USER_QUERY_KEY });
|
|
32
|
-
setDisableTwoFactorOpen(false);
|
|
33
|
-
}, [queryClient]);
|
|
34
|
-
const handleEnableTwoFactorSuccess = useCallback(() => {
|
|
35
|
-
queryClient.invalidateQueries({ queryKey: USER_QUERY_KEY });
|
|
36
|
-
setTwoFactorOpen(false);
|
|
37
|
-
}, [queryClient]);
|
|
38
|
-
const handleDeleteAccount = useCallback(() => {
|
|
39
|
-
onDeleteAccount?.();
|
|
40
|
-
}, [onDeleteAccount]);
|
|
41
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
42
|
-
/* @__PURE__ */ jsxs("div", { className: "h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto", children: [
|
|
43
|
-
/* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950 hidden lg:block", children: "Seguran\xE7a" }),
|
|
44
|
-
/* @__PURE__ */ jsxs("div", { className: "border border-gray-200 rounded-lg overflow-hidden", children: [
|
|
45
|
-
/* @__PURE__ */ jsxs(
|
|
46
|
-
"div",
|
|
47
|
-
{
|
|
48
|
-
className: "flex flex-col lg:flex-row lg:items-center gap-4 lg:gap-5 p-4 lg:p-5 border-b border-gray-200 cursor-pointer hover:bg-gray-25 transition-colors",
|
|
49
|
-
onClick: handleToggleTwoFactor,
|
|
50
|
-
children: [
|
|
51
|
-
/* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-start lg:items-center gap-4 lg:gap-5", children: [
|
|
52
|
-
/* @__PURE__ */ jsx("div", { className: "size-10 rounded-lg bg-gray-50 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(IconTool, { size: 20, className: "text-gray-950" }) }),
|
|
53
|
-
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 flex-1", children: [
|
|
54
|
-
/* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
|
|
55
|
-
/* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-gray-950", children: "Autentica\xE7\xE3o de dois fatores" }),
|
|
56
|
-
/* @__PURE__ */ jsx(
|
|
57
|
-
Badge,
|
|
58
|
-
{
|
|
59
|
-
className: `paragraph-xsmall-semibold rounded-lg ${twoFactorAuth ? "text-green-600 bg-green-50" : "text-gray-600 bg-gray-50"}`,
|
|
60
|
-
children: twoFactorAuth ? "Habilitado" : "Desabilitado"
|
|
61
|
-
}
|
|
62
|
-
)
|
|
63
|
-
] }),
|
|
64
|
-
/* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-gray-600", children: "Envio de c\xF3digo de seguran\xE7a (e-mail ou sms) para o usu\xE1rio acessar o sistema" })
|
|
65
|
-
] })
|
|
66
|
-
] }),
|
|
67
|
-
/* @__PURE__ */ jsx(
|
|
68
|
-
Button,
|
|
69
|
-
{
|
|
70
|
-
variant: "secondary",
|
|
71
|
-
className: "h-10! shrink-0 w-full lg:w-auto",
|
|
72
|
-
onClick: (e) => {
|
|
73
|
-
e.stopPropagation();
|
|
74
|
-
handleToggleTwoFactor();
|
|
75
|
-
},
|
|
76
|
-
children: twoFactorAuth ? "Desabilitar" : "Habilitar"
|
|
77
|
-
}
|
|
78
|
-
)
|
|
79
|
-
]
|
|
80
|
-
}
|
|
81
|
-
),
|
|
82
|
-
/* @__PURE__ */ jsxs(
|
|
83
|
-
"div",
|
|
84
|
-
{
|
|
85
|
-
className: "flex flex-col lg:flex-row lg:items-center gap-4 lg:gap-5 p-4 lg:p-5 cursor-pointer hover:bg-gray-25 transition-colors",
|
|
86
|
-
onClick: () => setActiveSection(AccountSectionType.CHANGE_PASSWORD),
|
|
87
|
-
children: [
|
|
88
|
-
/* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-start lg:items-center gap-4 lg:gap-5", children: [
|
|
89
|
-
/* @__PURE__ */ jsx("div", { className: "size-10 rounded-lg bg-gray-50 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(IconLock, { size: 20, className: "text-gray-950" }) }),
|
|
90
|
-
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 flex-1", children: [
|
|
91
|
-
/* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-gray-950", children: "Alterar senha de acesso" }),
|
|
92
|
-
/* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-gray-600", children: "Atualize sua senha sempre que necess\xE1rio para manter sua conta segura." })
|
|
93
|
-
] })
|
|
94
|
-
] }),
|
|
95
|
-
/* @__PURE__ */ jsx(
|
|
96
|
-
Button,
|
|
97
|
-
{
|
|
98
|
-
variant: "secondary",
|
|
99
|
-
className: "h-10! shrink-0 w-full lg:w-auto",
|
|
100
|
-
onClick: (e) => {
|
|
101
|
-
e.stopPropagation();
|
|
102
|
-
setActiveSection(AccountSectionType.CHANGE_PASSWORD);
|
|
103
|
-
},
|
|
104
|
-
children: "Alterar senha"
|
|
105
|
-
}
|
|
106
|
-
)
|
|
107
|
-
]
|
|
108
|
-
}
|
|
109
|
-
)
|
|
8
|
+
return /* @__PURE__ */ jsxs("div", { className: "h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto", children: [
|
|
9
|
+
/* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950 hidden lg:block", children: "Seguran\xE7a" }),
|
|
10
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center lg:items-start gap-4", children: [
|
|
11
|
+
/* @__PURE__ */ jsx("div", { className: "size-10 rounded-lg bg-red-50 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, className: "text-red-500" }) }),
|
|
12
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
|
|
13
|
+
/* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950", children: "Excluir conta" }),
|
|
14
|
+
/* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-gray-600", children: "Esta a\xE7\xE3o \xE9 permanente e n\xE3o pode ser desfeita. Todos os seus dados, projetos e configura\xE7\xF5es ser\xE3o removidos definitivamente." })
|
|
110
15
|
] }),
|
|
111
16
|
onDeleteAccount && /* @__PURE__ */ jsx(
|
|
112
17
|
"button",
|
|
113
18
|
{
|
|
114
19
|
type: "button",
|
|
115
20
|
className: "paragraph-small-semibold text-red-600 bg-red-50 rounded-lg px-3 py-2 cursor-pointer hover:bg-red-100 transition-colors w-fit",
|
|
116
|
-
onClick:
|
|
21
|
+
onClick: onDeleteAccount,
|
|
117
22
|
children: "Excluir minha conta"
|
|
118
23
|
}
|
|
119
24
|
)
|
|
120
|
-
] })
|
|
121
|
-
/* @__PURE__ */ jsxs("div", { className: "fixed bottom-0 left-0 right-0 lg:absolute flex items-center h-20 px-4 lg:px-5 border-t border-gray-200 justify-between bg-white z-10", children: [
|
|
122
|
-
/* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10!", type: "button", onClick: onClose, children: "Cancelar" }),
|
|
123
|
-
/* @__PURE__ */ jsx(Button, { className: "h-10!", onClick: onClose, children: "Salvar altera\xE7\xF5es" })
|
|
124
|
-
] }),
|
|
125
|
-
/* @__PURE__ */ jsx(
|
|
126
|
-
DisableTwoFactorAuthModal,
|
|
127
|
-
{
|
|
128
|
-
open: disableTwoFactorOpen,
|
|
129
|
-
onClose: () => setDisableTwoFactorOpen(false),
|
|
130
|
-
onSuccess: handleDisableTwoFactorSuccess
|
|
131
|
-
}
|
|
132
|
-
),
|
|
133
|
-
/* @__PURE__ */ jsx(
|
|
134
|
-
TwoFactorAuthModal,
|
|
135
|
-
{
|
|
136
|
-
open: twoFactorOpen,
|
|
137
|
-
onClose: () => setTwoFactorOpen(false),
|
|
138
|
-
onSuccess: handleEnableTwoFactorSuccess
|
|
139
|
-
}
|
|
140
|
-
)
|
|
25
|
+
] })
|
|
141
26
|
] });
|
|
142
27
|
}
|
|
143
28
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/account/sections/SecuritySection.tsx"],"sourcesContent":["'use client';\n\nimport {
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/account/sections/SecuritySection.tsx"],"sourcesContent":["'use client';\n\nimport { IconAlertTriangle } from '@tabler/icons-react';\nimport { Button } from '../../ui/buttons/Button';\nimport { useAuth } from '../../../providers/auth.provider';\nimport { AccountSectionType } from '../../../enums/AccountSectionType';\n\ninterface SecuritySectionProps {\n setActiveSection: (section: AccountSectionType) => void;\n onClose: () => void;\n onDeleteAccount?: () => void;\n}\n\nexport function SecuritySection({\n onClose,\n onDeleteAccount,\n}: SecuritySectionProps) {\n return (\n <div className=\"h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto\">\n <span className=\"paragraph-medium-semibold text-gray-950 hidden lg:block\">Segurança</span>\n\n <div className=\"flex flex-col items-center lg:items-start gap-4\">\n <div className=\"size-10 rounded-lg bg-red-50 flex items-center justify-center\">\n <IconAlertTriangle size={20} className=\"text-red-500\" />\n </div>\n\n <div className=\"flex flex-col gap-2\">\n <span className=\"paragraph-medium-semibold text-gray-950\">Excluir conta</span>\n <span className=\"paragraph-small-regular text-gray-600\">\n Esta ação é permanente e não pode ser desfeita. Todos os seus dados, projetos e configurações serão removidos definitivamente.\n </span>\n </div>\n\n {onDeleteAccount && (\n <button\n type=\"button\"\n className=\"paragraph-small-semibold text-red-600 bg-red-50 rounded-lg px-3 py-2 cursor-pointer hover:bg-red-100 transition-colors w-fit\"\n onClick={onDeleteAccount}\n >\n Excluir minha conta\n </button>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":";AAmBM,cAOE,YAPF;AAjBN,SAAS,yBAAyB;AAW3B,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAAyB;AACvB,SACE,qBAAC,SAAI,WAAU,gIACb;AAAA,wBAAC,UAAK,WAAU,2DAA0D,0BAAS;AAAA,IAEnF,qBAAC,SAAI,WAAU,mDACb;AAAA,0BAAC,SAAI,WAAU,iEACb,8BAAC,qBAAkB,MAAM,IAAI,WAAU,gBAAe,GACxD;AAAA,MAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,UAAK,WAAU,2CAA0C,2BAAa;AAAA,QACvE,oBAAC,UAAK,WAAU,yCAAwC,iKAExD;AAAA,SACF;AAAA,MAEC,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UACV;AAAA;AAAA,MAED;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
import { IconLock, IconTool } from '@tabler/icons-react';
|
|
5
|
-
import { Badge } from '../../ui/data-display/Badge';
|
|
3
|
+
import { IconAlertTriangle } from '@tabler/icons-react';
|
|
6
4
|
import { Button } from '../../ui/buttons/Button';
|
|
7
5
|
import { useAuth } from '../../../providers/auth.provider';
|
|
8
|
-
import { useQueryClient } from '@tanstack/react-query';
|
|
9
|
-
import { USER_QUERY_KEY } from '../../../modules/auth/hooks/useUserQuery';
|
|
10
6
|
import { AccountSectionType } from '../../../enums/AccountSectionType';
|
|
11
|
-
import TwoFactorAuthModal from '../TwoFactorAuthModal';
|
|
12
|
-
import DisableTwoFactorAuthModal from '../DisableTwoFactorAuthModal';
|
|
13
7
|
|
|
14
8
|
interface SecuritySectionProps {
|
|
15
9
|
setActiveSection: (section: AccountSectionType) => void;
|
|
@@ -18,141 +12,35 @@ interface SecuritySectionProps {
|
|
|
18
12
|
}
|
|
19
13
|
|
|
20
14
|
export function SecuritySection({
|
|
21
|
-
setActiveSection,
|
|
22
15
|
onClose,
|
|
23
16
|
onDeleteAccount,
|
|
24
17
|
}: SecuritySectionProps) {
|
|
25
|
-
const { user } = useAuth();
|
|
26
|
-
const queryClient = useQueryClient();
|
|
27
|
-
|
|
28
|
-
const twoFactorAuth = user?.two_factor_authentication ?? false;
|
|
29
|
-
const [twoFactorOpen, setTwoFactorOpen] = useState(false);
|
|
30
|
-
const [disableTwoFactorOpen, setDisableTwoFactorOpen] = useState(false);
|
|
31
|
-
|
|
32
|
-
const handleToggleTwoFactor = useCallback(() => {
|
|
33
|
-
if (twoFactorAuth) {
|
|
34
|
-
setDisableTwoFactorOpen(true);
|
|
35
|
-
} else {
|
|
36
|
-
setTwoFactorOpen(true);
|
|
37
|
-
}
|
|
38
|
-
}, [twoFactorAuth]);
|
|
39
|
-
|
|
40
|
-
const handleDisableTwoFactorSuccess = useCallback(() => {
|
|
41
|
-
queryClient.invalidateQueries({ queryKey: USER_QUERY_KEY });
|
|
42
|
-
setDisableTwoFactorOpen(false);
|
|
43
|
-
}, [queryClient]);
|
|
44
|
-
|
|
45
|
-
const handleEnableTwoFactorSuccess = useCallback(() => {
|
|
46
|
-
queryClient.invalidateQueries({ queryKey: USER_QUERY_KEY });
|
|
47
|
-
setTwoFactorOpen(false);
|
|
48
|
-
}, [queryClient]);
|
|
49
|
-
|
|
50
|
-
const handleDeleteAccount = useCallback(() => {
|
|
51
|
-
onDeleteAccount?.();
|
|
52
|
-
}, [onDeleteAccount]);
|
|
53
|
-
|
|
54
18
|
return (
|
|
55
|
-
|
|
56
|
-
<
|
|
57
|
-
<span className="paragraph-medium-semibold text-gray-950 hidden lg:block">Segurança</span>
|
|
19
|
+
<div className="h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto">
|
|
20
|
+
<span className="paragraph-medium-semibold text-gray-950 hidden lg:block">Segurança</span>
|
|
58
21
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
>
|
|
64
|
-
<div className="flex flex-1 items-start lg:items-center gap-4 lg:gap-5">
|
|
65
|
-
<div className="size-10 rounded-lg bg-gray-50 flex items-center justify-center shrink-0">
|
|
66
|
-
<IconTool size={20} className="text-gray-950" />
|
|
67
|
-
</div>
|
|
68
|
-
<div className="flex flex-col gap-1.5 flex-1">
|
|
69
|
-
<div className="flex flex-wrap items-center gap-2">
|
|
70
|
-
<span className="paragraph-small-semibold text-gray-950">
|
|
71
|
-
Autenticação de dois fatores
|
|
72
|
-
</span>
|
|
73
|
-
<Badge
|
|
74
|
-
className={`paragraph-xsmall-semibold rounded-lg ${twoFactorAuth ? 'text-green-600 bg-green-50' : 'text-gray-600 bg-gray-50'}`}
|
|
75
|
-
>
|
|
76
|
-
{twoFactorAuth ? 'Habilitado' : 'Desabilitado'}
|
|
77
|
-
</Badge>
|
|
78
|
-
</div>
|
|
79
|
-
<span className="paragraph-small-regular text-gray-600">
|
|
80
|
-
Envio de código de segurança (e-mail ou sms) para o usuário acessar o sistema
|
|
81
|
-
</span>
|
|
82
|
-
</div>
|
|
83
|
-
</div>
|
|
84
|
-
<Button
|
|
85
|
-
variant="secondary"
|
|
86
|
-
className="h-10! shrink-0 w-full lg:w-auto"
|
|
87
|
-
onClick={(e) => {
|
|
88
|
-
e.stopPropagation();
|
|
89
|
-
handleToggleTwoFactor();
|
|
90
|
-
}}
|
|
91
|
-
>
|
|
92
|
-
{twoFactorAuth ? 'Desabilitar' : 'Habilitar'}
|
|
93
|
-
</Button>
|
|
94
|
-
</div>
|
|
22
|
+
<div className="flex flex-col items-center lg:items-start gap-4">
|
|
23
|
+
<div className="size-10 rounded-lg bg-red-50 flex items-center justify-center">
|
|
24
|
+
<IconAlertTriangle size={20} className="text-red-500" />
|
|
25
|
+
</div>
|
|
95
26
|
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
<div className="size-10 rounded-lg bg-gray-50 flex items-center justify-center shrink-0">
|
|
102
|
-
<IconLock size={20} className="text-gray-950" />
|
|
103
|
-
</div>
|
|
104
|
-
<div className="flex flex-col gap-1.5 flex-1">
|
|
105
|
-
<span className="paragraph-small-semibold text-gray-950">
|
|
106
|
-
Alterar senha de acesso
|
|
107
|
-
</span>
|
|
108
|
-
<span className="paragraph-small-regular text-gray-600">
|
|
109
|
-
Atualize sua senha sempre que necessário para manter sua conta segura.
|
|
110
|
-
</span>
|
|
111
|
-
</div>
|
|
112
|
-
</div>
|
|
113
|
-
<Button
|
|
114
|
-
variant="secondary"
|
|
115
|
-
className="h-10! shrink-0 w-full lg:w-auto"
|
|
116
|
-
onClick={(e) => {
|
|
117
|
-
e.stopPropagation();
|
|
118
|
-
setActiveSection(AccountSectionType.CHANGE_PASSWORD);
|
|
119
|
-
}}
|
|
120
|
-
>
|
|
121
|
-
Alterar senha
|
|
122
|
-
</Button>
|
|
123
|
-
</div>
|
|
27
|
+
<div className="flex flex-col gap-2">
|
|
28
|
+
<span className="paragraph-medium-semibold text-gray-950">Excluir conta</span>
|
|
29
|
+
<span className="paragraph-small-regular text-gray-600">
|
|
30
|
+
Esta ação é permanente e não pode ser desfeita. Todos os seus dados, projetos e configurações serão removidos definitivamente.
|
|
31
|
+
</span>
|
|
124
32
|
</div>
|
|
125
33
|
|
|
126
34
|
{onDeleteAccount && (
|
|
127
35
|
<button
|
|
128
36
|
type="button"
|
|
129
37
|
className="paragraph-small-semibold text-red-600 bg-red-50 rounded-lg px-3 py-2 cursor-pointer hover:bg-red-100 transition-colors w-fit"
|
|
130
|
-
onClick={
|
|
38
|
+
onClick={onDeleteAccount}
|
|
131
39
|
>
|
|
132
40
|
Excluir minha conta
|
|
133
41
|
</button>
|
|
134
42
|
)}
|
|
135
43
|
</div>
|
|
136
|
-
|
|
137
|
-
<div className="fixed bottom-0 left-0 right-0 lg:absolute flex items-center h-20 px-4 lg:px-5 border-t border-gray-200 justify-between bg-white z-10">
|
|
138
|
-
<Button variant="secondary" className="h-10!" type="button" onClick={onClose}>
|
|
139
|
-
Cancelar
|
|
140
|
-
</Button>
|
|
141
|
-
<Button className="h-10!" onClick={onClose}>
|
|
142
|
-
Salvar alterações
|
|
143
|
-
</Button>
|
|
144
|
-
</div>
|
|
145
|
-
|
|
146
|
-
<DisableTwoFactorAuthModal
|
|
147
|
-
open={disableTwoFactorOpen}
|
|
148
|
-
onClose={() => setDisableTwoFactorOpen(false)}
|
|
149
|
-
onSuccess={handleDisableTwoFactorSuccess}
|
|
150
|
-
/>
|
|
151
|
-
<TwoFactorAuthModal
|
|
152
|
-
open={twoFactorOpen}
|
|
153
|
-
onClose={() => setTwoFactorOpen(false)}
|
|
154
|
-
onSuccess={handleEnableTwoFactorSuccess}
|
|
155
|
-
/>
|
|
156
|
-
</>
|
|
44
|
+
</div>
|
|
157
45
|
);
|
|
158
46
|
}
|