@greatapps/common 1.1.68 → 1.1.70

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.
Files changed (128) hide show
  1. package/dist/modules/auth/actions/verify-two-factor.action.mjs +12 -6
  2. package/dist/modules/auth/actions/verify-two-factor.action.mjs.map +1 -1
  3. package/dist/modules/auth/hooks/useUserQuery.mjs.map +1 -1
  4. package/dist/modules/auth/services/auth.service.mjs +1 -1
  5. package/dist/modules/auth/services/auth.service.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/src/modules/auth/actions/verify-two-factor.action.ts +24 -11
  8. package/src/modules/auth/hooks/useUserQuery.ts +1 -1
  9. package/src/modules/auth/schema.ts +2 -2
  10. package/src/modules/auth/services/auth.service.ts +2 -2
  11. package/dist/components/account/AccountModals.mjs +0 -18
  12. package/dist/components/account/AccountModals.mjs.map +0 -1
  13. package/dist/components/account/ConfigurationsMyAccountModal.mjs +0 -132
  14. package/dist/components/account/ConfigurationsMyAccountModal.mjs.map +0 -1
  15. package/dist/components/account/ConfirmDeleteAccountModal.mjs +0 -45
  16. package/dist/components/account/ConfirmDeleteAccountModal.mjs.map +0 -1
  17. package/dist/components/account/ConfirmGlobalPreferencesModal.mjs +0 -45
  18. package/dist/components/account/ConfirmGlobalPreferencesModal.mjs.map +0 -1
  19. package/dist/components/account/DeleteAccountModal.mjs +0 -123
  20. package/dist/components/account/DeleteAccountModal.mjs.map +0 -1
  21. package/dist/components/account/DisableTwoFactorAuthModal.mjs +0 -67
  22. package/dist/components/account/DisableTwoFactorAuthModal.mjs.map +0 -1
  23. package/dist/components/account/IsntPossibleDeleteAccountModal.mjs +0 -42
  24. package/dist/components/account/IsntPossibleDeleteAccountModal.mjs.map +0 -1
  25. package/dist/components/account/TwoFactorAuthModal.mjs +0 -190
  26. package/dist/components/account/TwoFactorAuthModal.mjs.map +0 -1
  27. package/dist/components/account/constants.mjs +0 -29
  28. package/dist/components/account/constants.mjs.map +0 -1
  29. package/dist/components/handlers/SearchParamsHandler.mjs +0 -24
  30. package/dist/components/handlers/SearchParamsHandler.mjs.map +0 -1
  31. package/dist/components/layouts/AppMobileNavBar.mjs +0 -53
  32. package/dist/components/layouts/AppMobileNavBar.mjs.map +0 -1
  33. package/dist/components/layouts/AppNavBar.mjs +0 -75
  34. package/dist/components/layouts/AppNavBar.mjs.map +0 -1
  35. package/dist/components/layouts/MainLayout.mjs +0 -60
  36. package/dist/components/layouts/MainLayout.mjs.map +0 -1
  37. package/dist/components/layouts/MdSideBarNavigation.mjs +0 -39
  38. package/dist/components/layouts/MdSideBarNavigation.mjs.map +0 -1
  39. package/dist/components/layouts/NavBar.mjs +0 -64
  40. package/dist/components/layouts/NavBar.mjs.map +0 -1
  41. package/dist/components/layouts/NavBarItem.mjs +0 -23
  42. package/dist/components/layouts/NavBarItem.mjs.map +0 -1
  43. package/dist/components/layouts/NotificationItem.mjs +0 -14
  44. package/dist/components/layouts/NotificationItem.mjs.map +0 -1
  45. package/dist/components/layouts/NotificationsPopover.mjs +0 -86
  46. package/dist/components/layouts/NotificationsPopover.mjs.map +0 -1
  47. package/dist/components/layouts/ProfilePopover.mjs +0 -150
  48. package/dist/components/layouts/ProfilePopover.mjs.map +0 -1
  49. package/dist/components/layouts/SideBarNavigation.mjs +0 -22
  50. package/dist/components/layouts/SideBarNavigation.mjs.map +0 -1
  51. package/dist/components/layouts/UsersSelectorPopover.mjs +0 -236
  52. package/dist/components/layouts/UsersSelectorPopover.mjs.map +0 -1
  53. package/dist/components/modals/ModalManager.mjs +0 -19
  54. package/dist/components/modals/ModalManager.mjs.map +0 -1
  55. package/dist/components/modals/Modals.mjs +0 -20
  56. package/dist/components/modals/Modals.mjs.map +0 -1
  57. package/dist/enums/AccountSectionType.mjs +0 -11
  58. package/dist/enums/AccountSectionType.mjs.map +0 -1
  59. package/dist/hooks/copy-to-clipboard.hook.mjs +0 -39
  60. package/dist/hooks/copy-to-clipboard.hook.mjs.map +0 -1
  61. package/dist/hooks/useCountdownTimer.mjs +0 -29
  62. package/dist/hooks/useCountdownTimer.mjs.map +0 -1
  63. package/dist/hooks/useIsMobile.mjs +0 -18
  64. package/dist/hooks/useIsMobile.mjs.map +0 -1
  65. package/dist/hooks/usePasswordVisibility.mjs +0 -13
  66. package/dist/hooks/usePasswordVisibility.mjs.map +0 -1
  67. package/dist/index.mjs +0 -304
  68. package/dist/index.mjs.map +0 -1
  69. package/dist/infra/api/client.mjs +0 -122
  70. package/dist/infra/api/client.mjs.map +0 -1
  71. package/dist/infra/api/types.mjs +0 -31
  72. package/dist/infra/api/types.mjs.map +0 -1
  73. package/dist/infra/utils/client-info.mjs +0 -27
  74. package/dist/infra/utils/client-info.mjs.map +0 -1
  75. package/dist/infra/utils/clsx.mjs +0 -9
  76. package/dist/infra/utils/clsx.mjs.map +0 -1
  77. package/dist/infra/utils/params.mjs +0 -21
  78. package/dist/infra/utils/params.mjs.map +0 -1
  79. package/dist/infra/utils/parser.mjs +0 -24
  80. package/dist/infra/utils/parser.mjs.map +0 -1
  81. package/dist/infra/utils/percentage.mjs +0 -20
  82. package/dist/infra/utils/percentage.mjs.map +0 -1
  83. package/dist/middlewares/chain.mjs +0 -37
  84. package/dist/middlewares/chain.mjs.map +0 -1
  85. package/dist/middlewares/create-auth-middleware.mjs +0 -28
  86. package/dist/middlewares/create-auth-middleware.mjs.map +0 -1
  87. package/dist/middlewares/types.mjs +0 -11
  88. package/dist/middlewares/types.mjs.map +0 -1
  89. package/dist/modules/accounts/types.mjs +0 -1
  90. package/dist/modules/accounts/types.mjs.map +0 -1
  91. package/dist/modules/auth/schema.mjs +0 -1
  92. package/dist/modules/auth/schema.mjs.map +0 -1
  93. package/dist/modules/ia-credits/types.mjs +0 -25
  94. package/dist/modules/ia-credits/types.mjs.map +0 -1
  95. package/dist/modules/projects/types.mjs +0 -22
  96. package/dist/modules/projects/types.mjs.map +0 -1
  97. package/dist/modules/subscriptions/types.mjs +0 -57
  98. package/dist/modules/subscriptions/types.mjs.map +0 -1
  99. package/dist/modules/users/schema.mjs +0 -11
  100. package/dist/modules/users/schema.mjs.map +0 -1
  101. package/dist/modules/whitelabel/schema.mjs +0 -1
  102. package/dist/modules/whitelabel/schema.mjs.map +0 -1
  103. package/dist/providers/auth.provider.mjs +0 -100
  104. package/dist/providers/auth.provider.mjs.map +0 -1
  105. package/dist/providers/query.provider.mjs +0 -41
  106. package/dist/providers/query.provider.mjs.map +0 -1
  107. package/dist/providers/whitelabel.provider.mjs +0 -34
  108. package/dist/providers/whitelabel.provider.mjs.map +0 -1
  109. package/dist/server.mjs +0 -74
  110. package/dist/server.mjs.map +0 -1
  111. package/dist/store/useAccountModals.mjs +0 -18
  112. package/dist/store/useAccountModals.mjs.map +0 -1
  113. package/dist/store/useMdSidebarStore.mjs +0 -11
  114. package/dist/store/useMdSidebarStore.mjs.map +0 -1
  115. package/dist/store/useModalManager.mjs +0 -75
  116. package/dist/store/useModalManager.mjs.map +0 -1
  117. package/dist/utils/browser/clipboard.mjs +0 -36
  118. package/dist/utils/browser/clipboard.mjs.map +0 -1
  119. package/dist/utils/file/index.mjs +0 -9
  120. package/dist/utils/file/index.mjs.map +0 -1
  121. package/dist/utils/format/masks.mjs +0 -56
  122. package/dist/utils/format/masks.mjs.map +0 -1
  123. package/dist/utils/intl/locales.mjs +0 -12
  124. package/dist/utils/intl/locales.mjs.map +0 -1
  125. package/dist/utils/validators/account.mjs +0 -26
  126. package/dist/utils/validators/account.mjs.map +0 -1
  127. package/dist/utils/validators/common.mjs +0 -47
  128. package/dist/utils/validators/common.mjs.map +0 -1
@@ -1,123 +0,0 @@
1
- "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import { useState, useCallback } from "react";
4
- import { Lock, TriangleAlert } from "lucide-react";
5
- import { toast } from "sonner";
6
- import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
7
- import { Button } from "../ui/buttons/Button";
8
- import { FormField } from "../ui/form/FormField";
9
- import { SelectField } from "../ui/form/SelectField";
10
- import { TextAreaField } from "../ui/form/TextAreaField";
11
- import { Toast } from "../ui/feedback/Toast";
12
- import usePasswordVisibility from "../../hooks/usePasswordVisibility";
13
- import { useAccountModals } from "../../store/useAccountModals";
14
- import { AccountSectionType } from "../../enums/AccountSectionType";
15
- const REASON_OPTIONS = [
16
- { value: "sem-funcao", label: "A ferramenta n\xE3o possui uma fun\xE7\xE3o que eu preciso" },
17
- { value: "problemas", label: "Encontrei problemas t\xE9cnicos ou erros no sistema" },
18
- { value: "suporte", label: "Tive problemas com o suporte ou atendimento" },
19
- { value: "demora", label: "As atualiza\xE7\xF5es demoram mais do que o esperado" },
20
- { value: "temporario", label: "O cancelamento \xE9 tempor\xE1rio" },
21
- { value: "outro", label: "Outro motivo" }
22
- ];
23
- function DeleteAccountModal() {
24
- const { activeModal, pagesCount, openConfigurations, openConfirmDelete, close } = useAccountModals();
25
- const open = activeModal === "deleteAccount";
26
- const [reason, setReason] = useState("");
27
- const [description, setDescription] = useState("");
28
- const [password, setPassword] = useState("");
29
- const { showPassword, togglePassword } = usePasswordVisibility();
30
- const isFormValid = Boolean(reason && description && password);
31
- const resetForm = useCallback(() => {
32
- setReason("");
33
- setDescription("");
34
- setPassword("");
35
- }, []);
36
- const handleClose = () => {
37
- resetForm();
38
- openConfigurations(AccountSectionType.SECURITY);
39
- };
40
- const handleDelete = (e) => {
41
- e.preventDefault();
42
- if (!isFormValid) {
43
- toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: "Preencha todos os campos obrigat\xF3rios", toastId: t }));
44
- return;
45
- }
46
- resetForm();
47
- openConfirmDelete(pagesCount);
48
- };
49
- return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx(DialogContent, { className: "flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-[100dvh] top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-lg! lg:h-auto! lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]! overflow-y-auto", children: /* @__PURE__ */ jsxs("form", { onSubmit: handleDelete, className: "flex flex-col flex-1 lg:flex-none", children: [
50
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-4 lg:p-6 flex-1 lg:flex-none", children: [
51
- /* @__PURE__ */ jsxs(DialogHeader, { className: "p-0", children: [
52
- /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5 mb-5", children: /* @__PURE__ */ jsx(TriangleAlert, { size: 20, className: "text-red-500" }) }),
53
- /* @__PURE__ */ jsx(DialogTitle, { children: "Excluir conta" }),
54
- /* @__PURE__ */ jsxs(DialogDescription, { className: "paragraph-small-regular", children: [
55
- "Esta a\xE7\xE3o \xE9 ",
56
- /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-950", children: "irrevers\xEDvel" }),
57
- ". Ao confirmar, sua conta e todos os seus dados ser\xE3o exclu\xEDdos."
58
- ] })
59
- ] }),
60
- /* @__PURE__ */ jsx(
61
- SelectField,
62
- {
63
- label: "Motivo do cancelamento",
64
- required: true,
65
- placeholder: "Selecione",
66
- options: REASON_OPTIONS,
67
- value: reason,
68
- onChange: (value) => setReason(value),
69
- className: "h-10!"
70
- }
71
- ),
72
- /* @__PURE__ */ jsxs("div", { children: [
73
- /* @__PURE__ */ jsx(
74
- TextAreaField,
75
- {
76
- label: "Descreva o que levou a tomar essa decis\xE3o",
77
- required: true,
78
- placeholder: "Explique sua decis\xE3o...",
79
- value: description,
80
- onChange: (e) => setDescription(e.target.value),
81
- rows: 4,
82
- maxLength: 400
83
- }
84
- ),
85
- /* @__PURE__ */ jsxs("span", { className: "paragraph-xsmall-medium text-gray-600 text-left mt-1 block", children: [
86
- description.length,
87
- "/400 caracteres"
88
- ] })
89
- ] }),
90
- /* @__PURE__ */ jsx(
91
- FormField,
92
- {
93
- className: "text-gray-600",
94
- label: "Senha",
95
- type: "password",
96
- placeholder: "Informe sua senha",
97
- leftIcon: Lock,
98
- value: password,
99
- onChange: (e) => setPassword(e.target.value),
100
- classnameContainer: "h-10!",
101
- showPassword,
102
- onTogglePassword: togglePassword
103
- }
104
- )
105
- ] }),
106
- /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 p-4 lg:p-6 border-t border-gray-200 bg-white mt-auto lg:mt-0", children: [
107
- /* @__PURE__ */ jsx(
108
- Button,
109
- {
110
- variant: "default",
111
- className: "h-10 flex-1 bg-gray-950 text-white hover:bg-gray-800",
112
- type: "submit",
113
- children: "Excluir conta"
114
- }
115
- ),
116
- /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10 flex-1", type: "button", onClick: handleClose, children: "Fechar" })
117
- ] })
118
- ] }) }) });
119
- }
120
- export {
121
- DeleteAccountModal as default
122
- };
123
- //# sourceMappingURL=DeleteAccountModal.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/account/DeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback } from 'react';\nimport { Lock, TriangleAlert } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Button } from '../ui/buttons/Button';\nimport { FormField } from '../ui/form/FormField';\nimport { SelectField } from '../ui/form/SelectField';\nimport { TextAreaField } from '../ui/form/TextAreaField';\nimport { Toast } from '../ui/feedback/Toast';\nimport usePasswordVisibility from '../../hooks/usePasswordVisibility';\nimport { useAccountModals } from '../../store/useAccountModals';\nimport { AccountSectionType } from '../../enums/AccountSectionType';\n\nconst REASON_OPTIONS = [\n { value: 'sem-funcao', label: 'A ferramenta não possui uma função que eu preciso' },\n { value: 'problemas', label: 'Encontrei problemas técnicos ou erros no sistema' },\n { value: 'suporte', label: 'Tive problemas com o suporte ou atendimento' },\n { value: 'demora', label: 'As atualizações demoram mais do que o esperado' },\n { value: 'temporario', label: 'O cancelamento é temporário' },\n { value: 'outro', label: 'Outro motivo' },\n];\n\nexport default function DeleteAccountModal() {\n const { activeModal, pagesCount, openConfigurations, openConfirmDelete, close } = useAccountModals();\n const open = activeModal === 'deleteAccount';\n\n const [reason, setReason] = useState('');\n const [description, setDescription] = useState('');\n const [password, setPassword] = useState('');\n const { showPassword, togglePassword } = usePasswordVisibility();\n\n const isFormValid = Boolean(reason && description && password);\n\n const resetForm = useCallback(() => {\n setReason('');\n setDescription('');\n setPassword('');\n }, []);\n\n const handleClose = () => {\n resetForm();\n openConfigurations(AccountSectionType.SECURITY);\n };\n\n const handleDelete = (e: React.FormEvent) => {\n e.preventDefault();\n if (!isFormValid) {\n toast.custom((t) => (\n <Toast variant=\"error\" message=\"Preencha todos os campos obrigatórios\" toastId={t} />\n ));\n return;\n }\n resetForm();\n openConfirmDelete(pagesCount);\n };\n\n return (\n <Dialog open={open} onOpenChange={handleClose}>\n <DialogContent className=\"flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-[100dvh] top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-lg! lg:h-auto! lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]! overflow-y-auto\">\n <form onSubmit={handleDelete} className=\"flex flex-col flex-1 lg:flex-none\">\n <div className=\"flex flex-col gap-6 p-4 lg:p-6 flex-1 lg:flex-none\">\n <DialogHeader className=\"p-0\">\n <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5 mb-5\">\n <TriangleAlert size={20} className=\"text-red-500\" />\n </div>\n <DialogTitle>Excluir conta</DialogTitle>\n <DialogDescription className=\"paragraph-small-regular\">\n Esta ação é <span className=\"font-semibold text-gray-950\">irreversível</span>. Ao\n confirmar, sua conta e todos os seus dados serão excluídos.\n </DialogDescription>\n </DialogHeader>\n\n <SelectField\n label=\"Motivo do cancelamento\"\n required\n placeholder=\"Selecione\"\n options={REASON_OPTIONS}\n value={reason}\n onChange={(value) => setReason(value as string)}\n className=\"h-10!\"\n />\n\n <div>\n <TextAreaField\n label=\"Descreva o que levou a tomar essa decisão\"\n required\n placeholder=\"Explique sua decisão...\"\n value={description}\n onChange={(e) => setDescription(e.target.value)}\n rows={4}\n maxLength={400}\n />\n <span className=\"paragraph-xsmall-medium text-gray-600 text-left mt-1 block\">\n {description.length}/400 caracteres\n </span>\n </div>\n\n <FormField\n className=\"text-gray-600\"\n label=\"Senha\"\n type=\"password\"\n placeholder=\"Informe sua senha\"\n leftIcon={Lock}\n value={password}\n onChange={(e) => setPassword(e.target.value)}\n classnameContainer=\"h-10!\"\n showPassword={showPassword}\n onTogglePassword={togglePassword}\n />\n </div>\n\n <div className=\"flex flex-row items-center gap-2 p-4 lg:p-6 border-t border-gray-200 bg-white mt-auto lg:mt-0\">\n <Button\n variant=\"default\"\n className=\"h-10 flex-1 bg-gray-950 text-white hover:bg-gray-800\"\n type=\"submit\"\n >\n Excluir conta\n </Button>\n <Button variant=\"secondary\" className=\"h-10 flex-1\" type=\"button\" onClick={handleClose}>\n Fechar\n </Button>\n </div>\n </form>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":"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","names":[]}
@@ -1,67 +0,0 @@
1
- "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import { ShieldCheck } from "lucide-react";
4
- import { Button } from "../ui/buttons/Button";
5
- import {
6
- Dialog,
7
- DialogContent,
8
- DialogDescription,
9
- DialogHeader,
10
- DialogTitle
11
- } from "../ui/overlay/Dialog";
12
- import { InputOTP, InputOTPGroup, InputOTPSlot } from "../ui/form/InputOtp";
13
- import useDisableTwoFactorAuthForm from "./hooks/useDisableTwoFactorAuthForm";
14
- function DisableTwoFactorAuthModal({
15
- open,
16
- onClose,
17
- onSuccess
18
- }) {
19
- const { code, setCode, isValid, isLoading, handleClose, handleSubmit } = useDisableTwoFactorAuthForm({ onClose, onSuccess });
20
- return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx(DialogContent, { className: "flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-dvh top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-117.5! lg:h-auto! lg:rounded-lg lg:border lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!", children: /* @__PURE__ */ jsxs(
21
- "form",
22
- {
23
- onSubmit: (e) => {
24
- e.preventDefault();
25
- handleSubmit();
26
- },
27
- className: "flex flex-col flex-1 lg:flex-none",
28
- children: [
29
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 lg:gap-5 p-4 lg:p-5 flex-1 lg:flex-none", children: [
30
- /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-fit bg-gray-50 rounded-lg p-2", children: /* @__PURE__ */ jsx(ShieldCheck, { size: 20, className: "text-gray-600" }) }),
31
- /* @__PURE__ */ jsxs(DialogHeader, { className: "p-0 gap-2", children: [
32
- /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-gray-950", children: "Desabilitar autentica\xE7\xE3o 2FA" }),
33
- /* @__PURE__ */ jsx(DialogDescription, { className: "paragraph-small-regular text-gray-600", children: "Informe o c\xF3digo de 6 d\xEDgitos do seu aplicativo autenticador para confirmar a desativa\xE7\xE3o." })
34
- ] }),
35
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
36
- /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-gray-700", children: "C\xF3digo do autenticador" }),
37
- /* @__PURE__ */ jsx(InputOTP, { maxLength: 6, value: code, onChange: setCode, children: /* @__PURE__ */ jsx(InputOTPGroup, { className: "gap-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(
38
- InputOTPSlot,
39
- {
40
- index: i,
41
- className: "w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200"
42
- },
43
- i
44
- )) }) })
45
- ] })
46
- ] }),
47
- /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 p-4 lg:p-5 border-t border-gray-200 mt-auto lg:mt-0", children: [
48
- /* @__PURE__ */ jsx(Button, { className: "h-10! flex-1", disabled: !isValid || isLoading, type: "submit", children: isLoading ? "Desabilitando..." : "Desabilitar 2FA" }),
49
- /* @__PURE__ */ jsx(
50
- Button,
51
- {
52
- variant: "secondary",
53
- className: "h-10! flex-1",
54
- type: "button",
55
- onClick: handleClose,
56
- children: "Cancelar"
57
- }
58
- )
59
- ] })
60
- ]
61
- }
62
- ) }) });
63
- }
64
- export {
65
- DisableTwoFactorAuthModal as default
66
- };
67
- //# sourceMappingURL=DisableTwoFactorAuthModal.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/account/DisableTwoFactorAuthModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ShieldCheck } from 'lucide-react';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport {\r\n Dialog,\r\n DialogContent,\r\n DialogDescription,\r\n DialogHeader,\r\n DialogTitle,\r\n} from '../ui/overlay/Dialog';\r\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../ui/form/InputOtp';\r\nimport useDisableTwoFactorAuthForm from './hooks/useDisableTwoFactorAuthForm';\r\n\r\ninterface DisableTwoFactorAuthModalProps {\r\n open: boolean;\r\n onClose: () => void;\r\n onSuccess?: () => void;\r\n}\r\n\r\nexport default function DisableTwoFactorAuthModal({\r\n open,\r\n onClose,\r\n onSuccess,\r\n}: DisableTwoFactorAuthModalProps) {\r\n const { code, setCode, isValid, isLoading, handleClose, handleSubmit } =\r\n useDisableTwoFactorAuthForm({ onClose, onSuccess });\r\n\r\n return (\r\n <Dialog open={open} onOpenChange={handleClose}>\r\n <DialogContent className=\"flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-dvh top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-117.5! lg:h-auto! lg:rounded-lg lg:border lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!\">\r\n <form\r\n onSubmit={(e) => {\r\n e.preventDefault();\r\n handleSubmit();\r\n }}\r\n className=\"flex flex-col flex-1 lg:flex-none\"\r\n >\r\n <div className=\"flex flex-col gap-4 lg:gap-5 p-4 lg:p-5 flex-1 lg:flex-none\">\r\n <div className=\"flex items-center justify-center w-fit bg-gray-50 rounded-lg p-2\">\r\n <ShieldCheck size={20} className=\"text-gray-600\" />\r\n </div>\r\n <DialogHeader className=\"p-0 gap-2\">\r\n <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\r\n Desabilitar autenticação 2FA\r\n </DialogTitle>\r\n <DialogDescription className=\"paragraph-small-regular text-gray-600\">\r\n Informe o código de 6 dígitos do seu aplicativo autenticador para confirmar a\r\n desativação.\r\n </DialogDescription>\r\n </DialogHeader>\r\n\r\n <div className=\"flex flex-col gap-2\">\r\n <span className=\"paragraph-small-medium text-gray-700\">Código do autenticador</span>\r\n <InputOTP maxLength={6} value={code} onChange={setCode}>\r\n <InputOTPGroup className=\"gap-2\">\r\n {Array.from({ length: 6 }).map((_, i) => (\r\n <InputOTPSlot\r\n key={i}\r\n index={i}\r\n className=\"w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200\"\r\n />\r\n ))}\r\n </InputOTPGroup>\r\n </InputOTP>\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex flex-row items-center gap-2 p-4 lg:p-5 border-t border-gray-200 mt-auto lg:mt-0\">\r\n <Button className=\"h-10! flex-1\" disabled={!isValid || isLoading} type=\"submit\">\r\n {isLoading ? 'Desabilitando...' : 'Desabilitar 2FA'}\r\n </Button>\r\n <Button\r\n variant=\"secondary\"\r\n className=\"h-10! flex-1\"\r\n type=\"button\"\r\n onClick={handleClose}\r\n >\r\n Cancelar\r\n </Button>\r\n </div>\r\n </form>\r\n </DialogContent>\r\n </Dialog>\r\n );\r\n}\r\n"],"mappings":";AAwCc,cAEF,YAFE;AAtCd,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU,eAAe,oBAAoB;AACtD,OAAO,iCAAiC;AAQzB,SAAR,0BAA2C;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AACF,GAAmC;AACjC,QAAM,EAAE,MAAM,SAAS,SAAS,WAAW,aAAa,aAAa,IACnE,4BAA4B,EAAE,SAAS,UAAU,CAAC;AAEpD,SACE,oBAAC,UAAO,MAAY,cAAc,aAChC,8BAAC,iBAAc,WAAU,gTACvB;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,CAAC,MAAM;AACf,UAAE,eAAe;AACjB,qBAAa;AAAA,MACf;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,6BAAC,SAAI,WAAU,+DACb;AAAA,8BAAC,SAAI,WAAU,oEACb,8BAAC,eAAY,MAAM,IAAI,WAAU,iBAAgB,GACnD;AAAA,UACA,qBAAC,gBAAa,WAAU,aACtB;AAAA,gCAAC,eAAY,WAAU,2CAA0C,gDAEjE;AAAA,YACA,oBAAC,qBAAkB,WAAU,yCAAwC,oHAGrE;AAAA,aACF;AAAA,UAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,gCAAC,UAAK,WAAU,wCAAuC,uCAAsB;AAAA,YAC7E,oBAAC,YAAS,WAAW,GAAG,OAAO,MAAM,UAAU,SAC7C,8BAAC,iBAAc,WAAU,SACtB,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MACjC;AAAA,cAAC;AAAA;AAAA,gBAEC,OAAO;AAAA,gBACP,WAAU;AAAA;AAAA,cAFL;AAAA,YAGP,CACD,GACH,GACF;AAAA,aACF;AAAA,WACF;AAAA,QAEA,qBAAC,SAAI,WAAU,wFACb;AAAA,8BAAC,UAAO,WAAU,gBAAe,UAAU,CAAC,WAAW,WAAW,MAAK,UACpE,sBAAY,qBAAqB,mBACpC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAS;AAAA,cACV;AAAA;AAAA,UAED;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF,GACF;AAEJ;","names":[]}
@@ -1,42 +0,0 @@
1
- "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import { TriangleAlert } from "lucide-react";
4
- import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
5
- import { Button } from "../ui/buttons/Button";
6
- import { useAccountModals } from "../../store/useAccountModals";
7
- function IsntPossibleDeleteAccountModal() {
8
- const { activeModal, close, config } = useAccountModals();
9
- const { onGoToSubscription } = config;
10
- const open = activeModal === "isntPossibleDelete";
11
- return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: close, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-[calc(100%-2rem)]! w-full rounded-lg border sm:max-w-[400px]! lg:max-w-[470px]! lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!", children: [
12
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
13
- /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5", children: /* @__PURE__ */ jsx(TriangleAlert, { size: 20, className: "text-red-500" }) }),
14
- /* @__PURE__ */ jsxs(DialogHeader, { className: "p-0 gap-2", children: [
15
- /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-gray-950", children: "N\xE3o \xE9 poss\xEDvel excluir a conta" }),
16
- /* @__PURE__ */ jsxs(DialogDescription, { className: "paragraph-small-regular text-gray-600", children: [
17
- "Voc\xEA tem uma assinatura ativa. Para excluir sua conta,",
18
- " ",
19
- /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-950", children: "primeiro cancele a assinatura" }),
20
- " na p\xE1gina Assinatura e depois tente novamente."
21
- ] })
22
- ] })
23
- ] }),
24
- /* @__PURE__ */ jsx("div", { className: "h-px bg-gray-200 -mx-6" }),
25
- /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2", children: [
26
- /* @__PURE__ */ jsx(Button, { className: "h-10 flex-1", onClick: close, children: "Ok, entendi" }),
27
- /* @__PURE__ */ jsx(
28
- Button,
29
- {
30
- variant: "secondary",
31
- className: "h-10 flex-1",
32
- onClick: onGoToSubscription ?? close,
33
- children: "Ir para assinatura"
34
- }
35
- )
36
- ] })
37
- ] }) });
38
- }
39
- export {
40
- IsntPossibleDeleteAccountModal as default
41
- };
42
- //# sourceMappingURL=IsntPossibleDeleteAccountModal.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/account/IsntPossibleDeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { TriangleAlert } from 'lucide-react';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Button } from '../ui/buttons/Button';\nimport { useAccountModals } from '../../store/useAccountModals';\n\nexport default function IsntPossibleDeleteAccountModal() {\n const { activeModal, close, config } = useAccountModals();\n const { onGoToSubscription } = config;\n const open = activeModal === 'isntPossibleDelete';\n\n return (\n <Dialog open={open} onOpenChange={close}>\n <DialogContent className=\"max-w-[calc(100%-2rem)]! w-full rounded-lg border sm:max-w-[400px]! lg:max-w-[470px]! lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!\">\n <div className=\"flex flex-col gap-5\">\n <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5\">\n <TriangleAlert size={20} className=\"text-red-500\" />\n </div>\n <DialogHeader className=\"p-0 gap-2\">\n <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\n Não é possível excluir a conta\n </DialogTitle>\n <DialogDescription className=\"paragraph-small-regular text-gray-600\">\n Você tem uma assinatura ativa. Para excluir sua conta,{' '}\n <span className=\"font-semibold text-gray-950\">primeiro cancele a assinatura</span> na\n página Assinatura e depois tente novamente.\n </DialogDescription>\n </DialogHeader>\n </div>\n\n <div className=\"h-px bg-gray-200 -mx-6\" />\n\n <div className=\"flex flex-row items-center gap-2\">\n <Button className=\"h-10 flex-1\" onClick={close}>\n Ok, entendi\n </Button>\n <Button\n variant=\"secondary\"\n className=\"h-10 flex-1\"\n onClick={onGoToSubscription ?? close}\n >\n Ir para assinatura\n </Button>\n </div>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":";AAiBY,cAMA,YANA;AAfZ,SAAS,qBAAqB;AAC9B,SAAS,QAAQ,eAAe,mBAAmB,cAAc,mBAAmB;AACpF,SAAS,cAAc;AACvB,SAAS,wBAAwB;AAElB,SAAR,iCAAkD;AACvD,QAAM,EAAE,aAAa,OAAO,OAAO,IAAI,iBAAiB;AACxD,QAAM,EAAE,mBAAmB,IAAI;AAC/B,QAAM,OAAO,gBAAgB;AAE7B,SACE,oBAAC,UAAO,MAAY,cAAc,OAChC,+BAAC,iBAAc,WAAU,mMACvB;AAAA,yBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,SAAI,WAAU,qEACb,8BAAC,iBAAc,MAAM,IAAI,WAAU,gBAAe,GACpD;AAAA,MACA,qBAAC,gBAAa,WAAU,aACtB;AAAA,4BAAC,eAAY,WAAU,2CAA0C,qDAEjE;AAAA,QACA,qBAAC,qBAAkB,WAAU,yCAAwC;AAAA;AAAA,UACZ;AAAA,UACvD,oBAAC,UAAK,WAAU,+BAA8B,2CAA6B;AAAA,UAAO;AAAA,WAEpF;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,0BAAyB;AAAA,IAExC,qBAAC,SAAI,WAAU,oCACb;AAAA,0BAAC,UAAO,WAAU,eAAc,SAAS,OAAO,yBAEhD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS,sBAAsB;AAAA,UAChC;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
@@ -1,190 +0,0 @@
1
- "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import { ArrowLeft, X, Copy, RefreshCw } from "lucide-react";
4
- import { Button } from "../ui/buttons/Button";
5
- import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
6
- import { Separator } from "../ui/data-display/Separator";
7
- import { InputOTP, InputOTPGroup, InputOTPSlot } from "../ui/form/InputOtp";
8
- import useTwoFactorAuthForm from "./hooks/useTwoFactorAuthForm";
9
- function TwoFactorAuthModal({ open, onClose, onSuccess }) {
10
- const {
11
- code,
12
- setCode,
13
- isCodeComplete,
14
- isGenerating,
15
- isConfirming,
16
- generateFailed,
17
- retryGenerate,
18
- qrcode,
19
- backupCodes,
20
- step,
21
- handleSubmit,
22
- handleFinalize,
23
- handleCopyCodes,
24
- resetForm
25
- } = useTwoFactorAuthForm({ onSuccess, open });
26
- const handleClose = () => {
27
- resetForm();
28
- onClose();
29
- };
30
- if (step === "recovery") {
31
- return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(
32
- DialogContent,
33
- {
34
- showCloseButton: false,
35
- className: "flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-[100dvh] top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-[470px]! lg:h-auto! lg:rounded-lg lg:border lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!",
36
- children: [
37
- /* @__PURE__ */ jsx(DialogHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(DialogTitle, { children: "C\xF3digos de seguran\xE7a" }) }),
38
- /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0", children: [
39
- /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950 text-center", children: "C\xF3digos de seguran\xE7a" }),
40
- /* @__PURE__ */ jsx(
41
- Button,
42
- {
43
- type: "button",
44
- variant: "ghost",
45
- className: "size-8! p-0 absolute right-4",
46
- onClick: handleClose,
47
- children: /* @__PURE__ */ jsx(X, { size: 18 })
48
- }
49
- )
50
- ] }),
51
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5 lg:gap-6 px-4 lg:px-5 py-5 lg:py-6 flex-1 lg:flex-none", children: [
52
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
53
- /* @__PURE__ */ jsx("h3", { className: "paragraph-medium-semibold text-gray-950 max-w-[269px]", children: "Salve estes c\xF3digos de recupera\xE7\xE3o de emerg\xEAncia" }),
54
- /* @__PURE__ */ jsxs("div", { className: "paragraph-small-regular text-gray-600", children: [
55
- /* @__PURE__ */ jsx("p", { children: "Se voc\xEA perder acesso ao seu telefone, n\xE3o ser\xE1 poss\xEDvel fazer login em sua conta sem um c\xF3digo de dois fatores." }),
56
- /* @__PURE__ */ jsx("br", {}),
57
- /* @__PURE__ */ jsx("p", { children: "Imprima, copie ou escreva em um local seguro os c\xF3digos abaixo." })
58
- ] })
59
- ] }),
60
- /* @__PURE__ */ jsxs("div", { className: "bg-gray-50 rounded-lg p-4 flex flex-col gap-4", children: [
61
- /* @__PURE__ */ jsx("div", { className: "paragraph-small-medium text-gray-950 whitespace-nowrap", children: backupCodes.map((backupCode, i) => /* @__PURE__ */ jsx("p", { children: backupCode }, i)) }),
62
- /* @__PURE__ */ jsxs(
63
- Button,
64
- {
65
- type: "button",
66
- variant: "secondary",
67
- className: "h-8! w-fit",
68
- onClick: handleCopyCodes,
69
- children: [
70
- /* @__PURE__ */ jsx(Copy, { size: 16 }),
71
- "Copiar c\xF3digos"
72
- ]
73
- }
74
- )
75
- ] })
76
- ] }),
77
- /* @__PURE__ */ jsxs("div", { className: "flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between mt-auto lg:mt-0", children: [
78
- /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10!", type: "button", onClick: handleClose, children: "Cancelar" }),
79
- /* @__PURE__ */ jsx(Button, { className: "h-10!", type: "button", onClick: handleFinalize, children: "Finalizar" })
80
- ] })
81
- ]
82
- }
83
- ) });
84
- }
85
- return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(
86
- DialogContent,
87
- {
88
- showCloseButton: false,
89
- className: "flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-[100dvh] top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-[470px]! lg:h-auto! lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!",
90
- children: [
91
- /* @__PURE__ */ jsx(DialogHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(DialogTitle, { children: "Autentica\xE7\xE3o de dois fatores" }) }),
92
- /* @__PURE__ */ jsxs("div", { className: "shrink-0 flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0", children: [
93
- /* @__PURE__ */ jsx(
94
- Button,
95
- {
96
- type: "button",
97
- variant: "ghost",
98
- className: "size-8! p-0 absolute left-4",
99
- onClick: handleClose,
100
- children: /* @__PURE__ */ jsx(ArrowLeft, { size: 20 })
101
- }
102
- ),
103
- /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950 text-center", children: "Autentica\xE7\xE3o de dois fatores" }),
104
- /* @__PURE__ */ jsx(
105
- Button,
106
- {
107
- type: "button",
108
- variant: "ghost",
109
- className: "size-8! p-0 absolute right-4",
110
- onClick: handleClose,
111
- children: /* @__PURE__ */ jsx(X, { size: 18 })
112
- }
113
- )
114
- ] }),
115
- /* @__PURE__ */ jsxs(
116
- "form",
117
- {
118
- className: "flex-1 min-h-0 flex flex-col",
119
- onSubmit: (e) => {
120
- e.preventDefault();
121
- if (isCodeComplete) handleSubmit();
122
- },
123
- children: [
124
- /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-y-auto overscroll-contain lg:overflow-visible", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 lg:gap-8 px-4 lg:px-5 py-4 lg:py-6 pb-60 lg:pb-6", children: [
125
- /* @__PURE__ */ jsxs("p", { className: "paragraph-small-regular text-gray-950 text-center max-w-full lg:max-w-[412px]", children: [
126
- "Instale um aplicativo autenticador no seu celular (ex.:",
127
- " ",
128
- /* @__PURE__ */ jsx(
129
- "a",
130
- {
131
- href: "https://support.google.com/accounts/answer/1066447",
132
- target: "_blank",
133
- rel: "noopener noreferrer",
134
- className: "paragraph-small-medium underline",
135
- children: "Google Authenticator"
136
- }
137
- ),
138
- "), escaneie o QR Code ao lado ou copie a chave no aplicativo e, em seguida, digite o c\xF3digo de 6 d\xEDgitos gerado para continuar."
139
- ] }),
140
- /* @__PURE__ */ jsx("div", { className: "border border-gray-200 rounded-lg overflow-hidden p-2 lg:p-3 flex items-center justify-center w-[136px] h-[136px] lg:w-[203px] lg:h-[203px]", children: generateFailed ? /* @__PURE__ */ jsxs(
141
- "button",
142
- {
143
- type: "button",
144
- onClick: () => retryGenerate(),
145
- className: "flex flex-col items-center gap-1.5 text-center",
146
- children: [
147
- /* @__PURE__ */ jsx(RefreshCw, { size: 20, className: "text-gray-400" }),
148
- /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-500", children: "Tentar novamente" })
149
- ]
150
- }
151
- ) : isGenerating || !qrcode ? /* @__PURE__ */ jsx("div", { className: "w-full h-full rounded bg-gray-100 animate-pulse" }) : (
152
- // eslint-disable-next-line @next/next/no-img-element
153
- /* @__PURE__ */ jsx(
154
- "img",
155
- {
156
- src: qrcode,
157
- alt: "QR Code para autentica\xE7\xE3o de dois fatores",
158
- className: "w-full h-full"
159
- }
160
- )
161
- ) }),
162
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 w-full", children: [
163
- /* @__PURE__ */ jsx(Separator, { className: "flex-1" }),
164
- /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-500 opacity-80 whitespace-nowrap", children: "Cole os 6 d\xEDgitos abaixo" }),
165
- /* @__PURE__ */ jsx(Separator, { className: "flex-1" })
166
- ] }),
167
- /* @__PURE__ */ jsx("div", { className: "scroll-mt-20", children: /* @__PURE__ */ jsx(InputOTP, { maxLength: 6, value: code, onChange: setCode, children: /* @__PURE__ */ jsx(InputOTPGroup, { className: "gap-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(
168
- InputOTPSlot,
169
- {
170
- index: i,
171
- className: "w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200"
172
- },
173
- i
174
- )) }) }) })
175
- ] }) }),
176
- /* @__PURE__ */ jsxs("div", { className: "shrink-0 flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between gap-2 bg-white", children: [
177
- /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10!", type: "button", onClick: handleClose, children: "Cancelar" }),
178
- /* @__PURE__ */ jsx(Button, { type: "submit", className: "h-10!", disabled: !isCodeComplete || isConfirming, children: isConfirming ? "Ativando..." : "Ativar autentica\xE7\xE3o" })
179
- ] })
180
- ]
181
- }
182
- )
183
- ]
184
- }
185
- ) });
186
- }
187
- export {
188
- TwoFactorAuthModal as default
189
- };
190
- //# sourceMappingURL=TwoFactorAuthModal.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/account/TwoFactorAuthModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ArrowLeft, X, Copy, RefreshCw } from 'lucide-react';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Separator } from '../ui/data-display/Separator';\r\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../ui/form/InputOtp';\r\nimport useTwoFactorAuthForm from './hooks/useTwoFactorAuthForm';\r\n\r\ninterface TwoFactorAuthModalProps {\r\n open: boolean;\r\n onClose: () => void;\r\n onSuccess?: () => void;\r\n}\r\n\r\nexport default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFactorAuthModalProps) {\r\n const {\r\n code,\r\n setCode,\r\n isCodeComplete,\r\n isGenerating,\r\n isConfirming,\r\n generateFailed,\r\n retryGenerate,\r\n qrcode,\r\n backupCodes,\r\n step,\r\n handleSubmit,\r\n handleFinalize,\r\n handleCopyCodes,\r\n resetForm,\r\n } = useTwoFactorAuthForm({ onSuccess, open });\r\n\r\n const handleClose = () => {\r\n resetForm();\r\n onClose();\r\n };\r\n\r\n if (step === 'recovery') {\r\n return (\r\n <Dialog open={open} onOpenChange={handleClose}>\r\n <DialogContent\r\n showCloseButton={false}\r\n className=\"flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-[100dvh] top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-[470px]! lg:h-auto! lg:rounded-lg lg:border lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!\"\r\n >\r\n <DialogHeader className=\"sr-only\">\r\n <DialogTitle>Códigos de segurança</DialogTitle>\r\n </DialogHeader>\r\n <div className=\"flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\r\n <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\r\n Códigos de segurança\r\n </span>\r\n <Button\r\n type=\"button\"\r\n variant=\"ghost\"\r\n className=\"size-8! p-0 absolute right-4\"\r\n onClick={handleClose}\r\n >\r\n <X size={18} />\r\n </Button>\r\n </div>\r\n\r\n <div className=\"flex flex-col gap-5 lg:gap-6 px-4 lg:px-5 py-5 lg:py-6 flex-1 lg:flex-none\">\r\n <div className=\"flex flex-col gap-2\">\r\n <h3 className=\"paragraph-medium-semibold text-gray-950 max-w-[269px]\">\r\n Salve estes códigos de recuperação de emergência\r\n </h3>\r\n <div className=\"paragraph-small-regular text-gray-600\">\r\n <p>\r\n Se você perder acesso ao seu telefone, não será possível fazer login em sua conta\r\n sem um código de dois fatores.\r\n </p>\r\n <br />\r\n <p>Imprima, copie ou escreva em um local seguro os códigos abaixo.</p>\r\n </div>\r\n </div>\r\n\r\n <div className=\"bg-gray-50 rounded-lg p-4 flex flex-col gap-4\">\r\n <div className=\"paragraph-small-medium text-gray-950 whitespace-nowrap\">\r\n {backupCodes.map((backupCode, i) => (\r\n <p key={i}>{backupCode}</p>\r\n ))}\r\n </div>\r\n <Button\r\n type=\"button\"\r\n variant=\"secondary\"\r\n className=\"h-8! w-fit\"\r\n onClick={handleCopyCodes}\r\n >\r\n <Copy size={16} />\r\n Copiar códigos\r\n </Button>\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between mt-auto lg:mt-0\">\r\n <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\r\n Cancelar\r\n </Button>\r\n <Button className=\"h-10!\" type=\"button\" onClick={handleFinalize}>\r\n Finalizar\r\n </Button>\r\n </div>\r\n </DialogContent>\r\n </Dialog>\r\n );\r\n }\r\n\r\n return (\r\n <Dialog open={open} onOpenChange={handleClose}>\r\n <DialogContent\r\n showCloseButton={false}\r\n className=\"flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-[100dvh] top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-[470px]! lg:h-auto! lg:max-h-[90vh] lg:rounded-lg lg:border lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!\"\r\n >\r\n <DialogHeader className=\"sr-only\">\r\n <DialogTitle>Autenticação de dois fatores</DialogTitle>\r\n </DialogHeader>\r\n <div className=\"shrink-0 flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\r\n <Button\r\n type=\"button\"\r\n variant=\"ghost\"\r\n className=\"size-8! p-0 absolute left-4\"\r\n onClick={handleClose}\r\n >\r\n <ArrowLeft size={20} />\r\n </Button>\r\n <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\r\n Autenticação de dois fatores\r\n </span>\r\n <Button\r\n type=\"button\"\r\n variant=\"ghost\"\r\n className=\"size-8! p-0 absolute right-4\"\r\n onClick={handleClose}\r\n >\r\n <X size={18} />\r\n </Button>\r\n </div>\r\n\r\n <form\r\n className=\"flex-1 min-h-0 flex flex-col\"\r\n onSubmit={(e) => {\r\n e.preventDefault();\r\n if (isCodeComplete) handleSubmit();\r\n }}\r\n >\r\n <div className=\"flex-1 min-h-0 overflow-y-auto overscroll-contain lg:overflow-visible\">\r\n <div className=\"flex flex-col items-center gap-4 lg:gap-8 px-4 lg:px-5 py-4 lg:py-6 pb-60 lg:pb-6\">\r\n <p className=\"paragraph-small-regular text-gray-950 text-center max-w-full lg:max-w-[412px]\">\r\n Instale um aplicativo autenticador no seu celular (ex.:{' '}\r\n <a\r\n href=\"https://support.google.com/accounts/answer/1066447\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n className=\"paragraph-small-medium underline\"\r\n >\r\n Google Authenticator\r\n </a>\r\n ), escaneie o QR Code ao lado ou copie a chave no aplicativo e, em seguida, digite o\r\n código de 6 dígitos gerado para continuar.\r\n </p>\r\n\r\n <div className=\"border border-gray-200 rounded-lg overflow-hidden p-2 lg:p-3 flex items-center justify-center w-[136px] h-[136px] lg:w-[203px] lg:h-[203px]\">\r\n {generateFailed ? (\r\n <button\r\n type=\"button\"\r\n onClick={() => retryGenerate()}\r\n className=\"flex flex-col items-center gap-1.5 text-center\"\r\n >\r\n <RefreshCw size={20} className=\"text-gray-400\" />\r\n <span className=\"paragraph-xsmall-medium text-gray-500\">Tentar novamente</span>\r\n </button>\r\n ) : isGenerating || !qrcode ? (\r\n <div className=\"w-full h-full rounded bg-gray-100 animate-pulse\" />\r\n ) : (\r\n // eslint-disable-next-line @next/next/no-img-element\r\n <img\r\n src={qrcode}\r\n alt=\"QR Code para autenticação de dois fatores\"\r\n className=\"w-full h-full\"\r\n />\r\n )}\r\n </div>\r\n\r\n <div className=\"flex items-center gap-3 w-full\">\r\n <Separator className=\"flex-1\" />\r\n <span className=\"paragraph-xsmall-medium text-gray-500 opacity-80 whitespace-nowrap\">\r\n Cole os 6 dígitos abaixo\r\n </span>\r\n <Separator className=\"flex-1\" />\r\n </div>\r\n\r\n <div className=\"scroll-mt-20\">\r\n <InputOTP maxLength={6} value={code} onChange={setCode}>\r\n <InputOTPGroup className=\"gap-2\">\r\n {Array.from({ length: 6 }).map((_, i) => (\r\n <InputOTPSlot\r\n key={i}\r\n index={i}\r\n className=\"w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200\"\r\n />\r\n ))}\r\n </InputOTPGroup>\r\n </InputOTP>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className=\"shrink-0 flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between gap-2 bg-white\">\r\n <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\r\n Cancelar\r\n </Button>\r\n <Button type=\"submit\" className=\"h-10!\" disabled={!isCodeComplete || isConfirming}>\r\n {isConfirming ? 'Ativando...' : 'Ativar autenticação'}\r\n </Button>\r\n </div>\r\n </form>\r\n </DialogContent>\r\n </Dialog>\r\n );\r\n}\r\n"],"mappings":"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","names":[]}
@@ -1,29 +0,0 @@
1
- import { buildLocaleOptions } from "../../utils/intl/locales";
2
- const GENDER_OPTIONS = [
3
- { value: "masculino", label: "Masculino", apiValue: 1 },
4
- { value: "feminino", label: "Feminino", apiValue: 0 }
5
- ];
6
- const LANGUAGE_OPTIONS = buildLocaleOptions();
7
- const CURRENCY_OPTIONS = [
8
- { value: "BRL", label: "BRL (R$)", displayValue: "BRL (R$)" },
9
- { value: "USD", label: "USD ($)", displayValue: "USD ($)" },
10
- { value: "EUR", label: "EUR (\u20AC)", displayValue: "EUR (\u20AC)" }
11
- ];
12
- const TIME_FORMAT_OPTIONS = [
13
- { value: "24h", label: "24 horas", displayValue: "24 horas" },
14
- { value: "12h", label: "12 horas (AM/PM)", displayValue: "12 horas (AM/PM)" }
15
- ];
16
- const NOTIFICATION_TYPES = [
17
- "Atualiza\xE7\xF5es de projetos",
18
- "Alertas de seguran\xE7a",
19
- "Mudan\xE7as no plano ou faturamento",
20
- "Manuten\xE7\xF5es programadas"
21
- ];
22
- export {
23
- CURRENCY_OPTIONS,
24
- GENDER_OPTIONS,
25
- LANGUAGE_OPTIONS,
26
- NOTIFICATION_TYPES,
27
- TIME_FORMAT_OPTIONS
28
- };
29
- //# sourceMappingURL=constants.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/account/constants.ts"],"sourcesContent":["import { buildLocaleOptions } from '../../utils/intl/locales';\r\n\r\nexport const GENDER_OPTIONS = [\r\n { value: 'masculino', label: 'Masculino', apiValue: 1 },\r\n { value: 'feminino', label: 'Feminino', apiValue: 0 },\r\n];\r\n\r\nexport const LANGUAGE_OPTIONS = buildLocaleOptions();\r\n\r\nexport const CURRENCY_OPTIONS = [\r\n { value: 'BRL', label: 'BRL (R$)', displayValue: 'BRL (R$)' },\r\n { value: 'USD', label: 'USD ($)', displayValue: 'USD ($)' },\r\n { value: 'EUR', label: 'EUR (€)', displayValue: 'EUR (€)' },\r\n];\r\n\r\nexport const TIME_FORMAT_OPTIONS = [\r\n { value: '24h', label: '24 horas', displayValue: '24 horas' },\r\n { value: '12h', label: '12 horas (AM/PM)', displayValue: '12 horas (AM/PM)' },\r\n];\r\n\r\nexport const NOTIFICATION_TYPES = [\r\n 'Atualizações de projetos',\r\n 'Alertas de segurança',\r\n 'Mudanças no plano ou faturamento',\r\n 'Manutenções programadas',\r\n];\r\n"],"mappings":"AAAA,SAAS,0BAA0B;AAE5B,MAAM,iBAAiB;AAAA,EAC5B,EAAE,OAAO,aAAa,OAAO,aAAa,UAAU,EAAE;AAAA,EACtD,EAAE,OAAO,YAAY,OAAO,YAAY,UAAU,EAAE;AACtD;AAEO,MAAM,mBAAmB,mBAAmB;AAE5C,MAAM,mBAAmB;AAAA,EAC9B,EAAE,OAAO,OAAO,OAAO,YAAY,cAAc,WAAW;AAAA,EAC5D,EAAE,OAAO,OAAO,OAAO,WAAW,cAAc,UAAU;AAAA,EAC1D,EAAE,OAAO,OAAO,OAAO,gBAAW,cAAc,eAAU;AAC5D;AAEO,MAAM,sBAAsB;AAAA,EACjC,EAAE,OAAO,OAAO,OAAO,YAAY,cAAc,WAAW;AAAA,EAC5D,EAAE,OAAO,OAAO,OAAO,oBAAoB,cAAc,mBAAmB;AAC9E;AAEO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}
@@ -1,24 +0,0 @@
1
- "use client";
2
- import { jsx } from "react/jsx-runtime";
3
- import { Suspense, useEffect } from "react";
4
- import { useSearchParams } from "next/navigation";
5
- function SearchParamsHandler(options) {
6
- return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(SearchParamsHandlerChildren, { ...options }) });
7
- }
8
- function SearchParamsHandlerChildren(options) {
9
- const searchParams = useSearchParams();
10
- useEffect(() => {
11
- Object.keys(options.handlers).forEach((key) => {
12
- const value = searchParams.get(key);
13
- if (value) {
14
- options.handlers[key]();
15
- }
16
- });
17
- }, [searchParams]);
18
- return null;
19
- }
20
- export {
21
- SearchParamsHandler,
22
- SearchParamsHandlerChildren
23
- };
24
- //# sourceMappingURL=SearchParamsHandler.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/handlers/SearchParamsHandler.tsx"],"sourcesContent":["\"use client\";\n\nimport { Suspense, useEffect } from \"react\";\nimport { useSearchParams } from \"next/navigation\";\n\ninterface SearchParamsHandlerProps {\n handlers: {\n [key: string]: () => void;\n };\n}\n\n/**\n * SearchParamsHandler\n *\n * Este componente é responsável por ler os parâmetros da URL e executar callbacks\n * correspondentes a cada parâmetro encontrado.\n *\n * Por que precisamos deste componente?\n * - O Next.js 16 exige que useSearchParams() seja envolvido em um <Suspense> boundary\n * - Isso evita erros de prerendering durante o build\n * - Permite que URLs como \"/page?tab=performance\" naveguem diretamente para uma aba específica\n *\n * Exemplo de como funciona\n * 1. Usa useSearchParams() para ler o parâmetro \"tab\" da URL\n * 2. Monitora mudanças nos parâmetros com useEffect\n * 3. Quando encontra um parâmetro \"tab\", chama onTabChange com o valor\n * 4. Retorna null porque não renderiza nada na tela\n *\n * Exemplo de uso:\n * <Suspense fallback={null}>\n * <SearchParamsHandler handlers={{ tab: () => console.log(\"Tab changed\") }} />\n * </Suspense>\n *\n * Exemplos de URL:\n * - /greatpages/123?tab=performance → abre a aba \"performance\"\n * - /greatpages/123?tab=leads → abre a aba \"leads\"\n */\nexport function SearchParamsHandler(options: SearchParamsHandlerProps) {\n return (\n <Suspense fallback={null}>\n <SearchParamsHandlerChildren {...options} />\n </Suspense>\n );\n}\n\nexport function SearchParamsHandlerChildren(options: SearchParamsHandlerProps) {\n const searchParams = useSearchParams();\n\n useEffect(() => {\n Object.keys(options.handlers).forEach((key) => {\n const value = searchParams.get(key);\n\n if (value) {\n options.handlers[key]();\n }\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [searchParams]);\n\n return null;\n}\n"],"mappings":";AAwCM;AAtCN,SAAS,UAAU,iBAAiB;AACpC,SAAS,uBAAuB;AAkCzB,SAAS,oBAAoB,SAAmC;AACrE,SACE,oBAAC,YAAS,UAAU,MAClB,8BAAC,+BAA6B,GAAG,SAAS,GAC5C;AAEJ;AAEO,SAAS,4BAA4B,SAAmC;AAC7E,QAAM,eAAe,gBAAgB;AAErC,YAAU,MAAM;AACd,WAAO,KAAK,QAAQ,QAAQ,EAAE,QAAQ,CAAC,QAAQ;AAC7C,YAAM,QAAQ,aAAa,IAAI,GAAG;AAElC,UAAI,OAAO;AACT,gBAAQ,SAAS,GAAG,EAAE;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,EAEH,GAAG,CAAC,YAAY,CAAC;AAEjB,SAAO;AACT;","names":[]}
@@ -1,53 +0,0 @@
1
- "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import Image from "next/image";
4
- import { ProfilePopover } from "./ProfilePopover";
5
- import { useAccountModals } from "../../store/useAccountModals";
6
- function AppMobileNavBar({
7
- appIconActive = false,
8
- appIconIndicator = false,
9
- logoIndicator = false,
10
- extraLeftSlot,
11
- rightActionSlot,
12
- menuItems = [],
13
- onCreditsClick
14
- }) {
15
- const { openConfigurations } = useAccountModals();
16
- return /* @__PURE__ */ jsxs("div", { className: "fixed top-0 left-0 right-0 flex md:hidden items-center justify-between p-4 bg-white z-50 border-b border-gray-200", children: [
17
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
18
- /* @__PURE__ */ jsxs("div", { className: "relative size-10 flex items-center justify-center", children: [
19
- /* @__PURE__ */ jsx(Image, { src: "/icons/great-icon.svg", alt: "GreatApps", width: 28, height: 28 }),
20
- logoIndicator && /* @__PURE__ */ jsx("div", { className: "absolute bottom-[-17px] left-1/2 -translate-x-1/2 w-5 h-[3px] bg-gray-950 rounded-t-xl" })
21
- ] }),
22
- /* @__PURE__ */ jsxs("div", { className: "relative", children: [
23
- /* @__PURE__ */ jsx(
24
- "div",
25
- {
26
- className: `size-10 flex items-center justify-center rounded-lg transition-colors duration-300 ${appIconActive ? "bg-pages-300" : "bg-pages-50"}`,
27
- children: /* @__PURE__ */ jsx(Image, { src: "/icons/icon-navbar.svg", alt: "GreatPages", width: 24, height: 24 })
28
- }
29
- ),
30
- appIconIndicator && /* @__PURE__ */ jsx("div", { className: "absolute -bottom-[17px] left-1/2 -translate-x-1/2 w-5 h-[3px] bg-pages-300 rounded-t-xl" })
31
- ] }),
32
- extraLeftSlot
33
- ] }),
34
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
35
- /* @__PURE__ */ jsx(
36
- ProfilePopover,
37
- {
38
- side: "bottom",
39
- align: "end",
40
- contentClassName: "",
41
- onEditProfile: () => openConfigurations(),
42
- onCreditsClick,
43
- menuItems
44
- }
45
- ),
46
- rightActionSlot
47
- ] })
48
- ] });
49
- }
50
- export {
51
- AppMobileNavBar
52
- };
53
- //# sourceMappingURL=AppMobileNavBar.mjs.map