@greatapps/common 1.1.676 → 1.1.677

package/dist/components/account/IsntPossibleDeleteAccountModal.mjs

@@ -1,10 +1,12 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
 import { IconAlertTriangle } from "@tabler/icons-react";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
 import { Button } from "../ui/buttons/Button";
 import { useAccountModals } from "../../store/useAccountModals";
 function IsntPossibleDeleteAccountModal() {
+  const translate = useTranslations();
   const { activeModal, close, config } = useAccountModals();
   const { onGoToSubscription } = config;
   const open = activeModal === "isntPossibleDelete";
@@ -12,25 +14,22 @@ function IsntPossibleDeleteAccountModal() {
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
       /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5", children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, className: "text-red-500" }) }),
       /* @__PURE__ */ jsxs(DialogHeader, { className: "p-0 gap-2", children: [
-        /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-gray-950", children: "N\xE3o \xE9 poss\xEDvel excluir a conta" }),
-        /* @__PURE__ */ jsxs(DialogDescription, { className: "paragraph-small-regular text-gray-600", children: [
-          "Voc\xEA tem uma assinatura ativa. Para excluir sua conta,",
-          " ",
-          /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-950", children: "primeiro cancele a assinatura" }),
-          " na p\xE1gina Assinatura e depois tente novamente."
-        ] })
+        /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-gray-950", children: translate("common.account.cantDelete.title") }),
+        /* @__PURE__ */ jsx(DialogDescription, { className: "paragraph-small-regular text-gray-600", children: translate.rich("common.account.cantDelete.description", {
+          b: (chunks) => /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-950", children: chunks })
+        }) })
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "h-px bg-gray-200 -mx-6" }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Button, { className: "h-10 flex-1", onClick: close, children: "Ok, entendi" }),
+      /* @__PURE__ */ jsx(Button, { className: "h-10 flex-1", onClick: close, children: translate("common.account.cantDelete.confirm") }),
       /* @__PURE__ */ jsx(
         Button,
         {
           variant: "secondary",
           className: "h-10 flex-1",
           onClick: onGoToSubscription ?? close,
-          children: "Ir para assinatura"
+          children: translate("common.account.cantDelete.goToSubscription")
         }
       )
     ] })

package/dist/components/account/IsntPossibleDeleteAccountModal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/IsntPossibleDeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { IconAlertTriangle } from '@tabler/icons-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            <IconAlertTriangle 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,yBAAyB;AAClC,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,qBAAkB,MAAM,IAAI,WAAU,gBAAe,GACxD;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":[]}
+{"version":3,"sources":["../../../src/components/account/IsntPossibleDeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { useTranslations } from 'next-intl';\nimport { IconAlertTriangle } from '@tabler/icons-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 translate = useTranslations();\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            <IconAlertTriangle 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              {translate('common.account.cantDelete.title')}\n            </DialogTitle>\n            <DialogDescription className=\"paragraph-small-regular text-gray-600\">\n              {translate.rich('common.account.cantDelete.description', {\n                b: (chunks) => <span className=\"font-semibold text-gray-950\">{chunks}</span>,\n              })}\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            {translate('common.account.cantDelete.confirm')}\n          </Button>\n          <Button\n            variant=\"secondary\"\n            className=\"h-10 flex-1\"\n            onClick={onGoToSubscription ?? close}\n          >\n            {translate('common.account.cantDelete.goToSubscription')}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAmBY,cAEF,YAFE;AAjBZ,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,QAAQ,eAAe,mBAAmB,cAAc,mBAAmB;AACpF,SAAS,cAAc;AACvB,SAAS,wBAAwB;AAElB,SAAR,iCAAkD;AACvD,QAAM,YAAY,gBAAgB;AAClC,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,qBAAkB,MAAM,IAAI,WAAU,gBAAe,GACxD;AAAA,MACA,qBAAC,gBAAa,WAAU,aACtB;AAAA,4BAAC,eAAY,WAAU,2CACpB,oBAAU,iCAAiC,GAC9C;AAAA,QACA,oBAAC,qBAAkB,WAAU,yCAC1B,oBAAU,KAAK,yCAAyC;AAAA,UACvD,GAAG,CAAC,WAAW,oBAAC,UAAK,WAAU,+BAA+B,kBAAO;AAAA,QACvE,CAAC,GACH;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,0BAAyB;AAAA,IAExC,qBAAC,SAAI,WAAU,oCACb;AAAA,0BAAC,UAAO,WAAU,eAAc,SAAS,OACtC,oBAAU,mCAAmC,GAChD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS,sBAAsB;AAAA,UAE9B,oBAAU,4CAA4C;AAAA;AAAA,MACzD;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/account/TwoFactorAuthModal.mjs

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
 import { IconX, IconCopy, IconRefresh } from "@tabler/icons-react";
 import { Button } from "../ui/buttons/Button";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
@@ -8,6 +9,7 @@ import { InputOTP, InputOTPGroup, InputOTPSlot } from "../ui/form/InputOtp";
 import { REGEXP_ONLY_DIGITS } from "input-otp";
 import useTwoFactorAuthForm from "./hooks/useTwoFactorAuthForm";
 function TwoFactorAuthModal({ open, onClose, onSuccess }) {
+  const translate = useTranslations();
   const {
     code,
     setCode,
@@ -36,9 +38,9 @@ function TwoFactorAuthModal({ open, onClose, onSuccess }) {
         overlayClassName: "z-[1010]",
         className: "z-[1011] flex flex-col p-0 gap-0 max-w-full sm: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%]",
         children: [
-          /* @__PURE__ */ jsx(DialogHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(DialogTitle, { children: "C\xF3digos de seguran\xE7a" }) }),
+          /* @__PURE__ */ jsx(DialogHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(DialogTitle, { children: translate("common.account.twoFactor.recoveryTitle") }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0", children: [
-            /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950 text-center", children: "C\xF3digos de seguran\xE7a" }),
+            /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950 text-center", children: translate("common.account.twoFactor.recoveryTitle") }),
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -52,11 +54,11 @@ function TwoFactorAuthModal({ open, onClose, onSuccess }) {
           ] }),
           /* @__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: [
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__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" }),
+              /* @__PURE__ */ jsx("h3", { className: "paragraph-medium-semibold text-gray-950 max-w-[269px]", children: translate("common.account.twoFactor.recoveryHeading") }),
               /* @__PURE__ */ jsxs("div", { className: "paragraph-small-regular text-gray-600", children: [
-                /* @__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." }),
+                /* @__PURE__ */ jsx("p", { children: translate("common.account.twoFactor.recoveryText1") }),
                 /* @__PURE__ */ jsx("br", {}),
-                /* @__PURE__ */ jsx("p", { children: "Imprima, copie ou escreva em um local seguro os c\xF3digos abaixo." })
+                /* @__PURE__ */ jsx("p", { children: translate("common.account.twoFactor.recoveryText2") })
               ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "bg-gray-50 rounded-lg p-4 flex flex-col gap-4", children: [
@@ -70,15 +72,15 @@ function TwoFactorAuthModal({ open, onClose, onSuccess }) {
                   onClick: handleCopyCodes,
                   children: [
                     /* @__PURE__ */ jsx(IconCopy, { size: 16 }),
-                    "Copiar c\xF3digos"
+                    translate("common.account.twoFactor.copyCodes")
                   ]
                 }
               )
             ] })
           ] }),
           /* @__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: [
-            /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10!", type: "button", onClick: handleClose, children: "Cancelar" }),
-            /* @__PURE__ */ jsx(Button, { className: "h-10!", type: "button", onClick: handleFinalize, children: "Finalizar" })
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10!", type: "button", onClick: handleClose, children: translate("common.actions.cancel") }),
+            /* @__PURE__ */ jsx(Button, { className: "h-10!", type: "button", onClick: handleFinalize, children: translate("common.account.twoFactor.finish") })
           ] })
         ]
       }
@@ -91,9 +93,9 @@ function TwoFactorAuthModal({ open, onClose, onSuccess }) {
       overlayClassName: "z-[1010]",
       className: "z-[1011] flex flex-col p-0 gap-0 max-w-full sm: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%]",
       children: [
-        /* @__PURE__ */ jsx(DialogHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(DialogTitle, { children: "Autentica\xE7\xE3o de dois fatores" }) }),
+        /* @__PURE__ */ jsx(DialogHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(DialogTitle, { children: translate("common.account.twoFactor.title") }) }),
         /* @__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: [
-          /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950 text-center", children: "Autentica\xE7\xE3o de dois fatores" }),
+          /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950 text-center", children: translate("common.account.twoFactor.title") }),
           /* @__PURE__ */ jsx(
             Button,
             {
@@ -115,21 +117,18 @@ function TwoFactorAuthModal({ open, onClose, onSuccess }) {
             },
             children: [
               /* @__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: [
-                /* @__PURE__ */ jsxs("p", { className: "paragraph-small-regular text-gray-950 text-center max-w-full lg:max-w-[412px]", children: [
-                  "Instale um aplicativo autenticador no seu celular (ex.:",
-                  " ",
-                  /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("p", { className: "paragraph-small-regular text-gray-950 text-center max-w-full lg:max-w-[412px]", children: translate.rich("common.account.twoFactor.instructions", {
+                  link: (chunks) => /* @__PURE__ */ jsx(
                     "a",
                     {
                       href: "https://support.google.com/accounts/answer/1066447",
                       target: "_blank",
                       rel: "noopener noreferrer",
                       className: "paragraph-small-medium underline",
-                      children: "Google Authenticator"
+                      children: chunks
                     }
-                  ),
-                  "), 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."
-                ] }),
+                  )
+                }) }),
                 /* @__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(
                   "button",
                   {
@@ -138,7 +137,7 @@ function TwoFactorAuthModal({ open, onClose, onSuccess }) {
                     className: "flex flex-col items-center gap-1.5 text-center",
                     children: [
                       /* @__PURE__ */ jsx(IconRefresh, { size: 20, className: "text-gray-400" }),
-                      /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-500", children: "Tentar novamente" })
+                      /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-500", children: translate("common.account.twoFactor.retry") })
                     ]
                   }
                 ) : isGenerating || !qrcode ? /* @__PURE__ */ jsx("div", { className: "skeleton w-full h-full rounded" }) : (
@@ -147,14 +146,14 @@ function TwoFactorAuthModal({ open, onClose, onSuccess }) {
                     "img",
                     {
                       src: qrcode,
-                      alt: "QR Code para autentica\xE7\xE3o de dois fatores",
+                      alt: translate("common.account.twoFactor.qrAlt"),
                       className: "w-full h-full"
                     }
                   )
                 ) }),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 w-full", children: [
                   /* @__PURE__ */ jsx(Separator, { className: "flex-1" }),
-                  /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-500 opacity-80 whitespace-nowrap", children: "Cole os 6 d\xEDgitos abaixo" }),
+                  /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-500 opacity-80 whitespace-nowrap", children: translate("common.account.twoFactor.pasteDigits") }),
                   /* @__PURE__ */ jsx(Separator, { className: "flex-1" })
                 ] }),
                 /* @__PURE__ */ jsx("div", { className: "scroll-mt-20", children: /* @__PURE__ */ jsx(InputOTP, { maxLength: 6, pattern: REGEXP_ONLY_DIGITS, value: code, onChange: setCode, children: /* @__PURE__ */ jsx(InputOTPGroup, { className: "gap-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(
@@ -167,8 +166,8 @@ function TwoFactorAuthModal({ open, onClose, onSuccess }) {
                 )) }) }) })
               ] }) }),
               /* @__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: [
-                /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10!", type: "button", onClick: handleClose, children: "Cancelar" }),
-                /* @__PURE__ */ jsx(Button, { type: "submit", className: "h-10!", disabled: !isCodeComplete || isConfirming, children: isConfirming ? "Ativando..." : "Ativar autentica\xE7\xE3o" })
+                /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10!", type: "button", onClick: handleClose, children: translate("common.actions.cancel") }),
+                /* @__PURE__ */ jsx(Button, { type: "submit", className: "h-10!", disabled: !isCodeComplete || isConfirming, children: isConfirming ? translate("common.account.twoFactor.activating") : translate("common.account.twoFactor.activate") })
               ] })
             ]
           }

package/dist/components/account/TwoFactorAuthModal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/TwoFactorAuthModal.tsx"],"sourcesContent":["'use client';\n\nimport { IconX, IconCopy, IconRefresh } from '@tabler/icons-react';\nimport { Button } from '../ui/buttons/Button';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Separator } from '../ui/data-display/Separator';\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../ui/form/InputOtp';\nimport { REGEXP_ONLY_DIGITS } from 'input-otp';\nimport useTwoFactorAuthForm from './hooks/useTwoFactorAuthForm';\n\ninterface TwoFactorAuthModalProps {\n  open: boolean;\n  onClose: () => void;\n  onSuccess?: () => void;\n}\n\nexport default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFactorAuthModalProps) {\n  const {\n    code,\n    setCode,\n    isCodeComplete,\n    isGenerating,\n    isConfirming,\n    generateFailed,\n    retryGenerate,\n    qrcode,\n    backupCodes,\n    step,\n    handleSubmit,\n    handleFinalize,\n    handleCopyCodes,\n    resetForm,\n  } = useTwoFactorAuthForm({ onSuccess, open });\n\n  const handleClose = () => {\n    resetForm();\n    onClose();\n  };\n\n  if (step === 'recovery') {\n    return (\n      <Dialog open={open} onOpenChange={handleClose}>\n        <DialogContent\n          showCloseButton={false}\n          overlayClassName=\"z-[1010]\"\n          className=\"z-[1011] flex flex-col p-0 gap-0 max-w-full sm: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%]\"\n        >\n          <DialogHeader className=\"sr-only\">\n            <DialogTitle>Códigos de segurança</DialogTitle>\n          </DialogHeader>\n          <div className=\"flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\n            <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\n              Códigos de segurança\n            </span>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              className=\"size-8! p-0 absolute right-4\"\n              onClick={handleClose}\n            >\n              <IconX size={18} />\n            </Button>\n          </div>\n\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\">\n            <div className=\"flex flex-col gap-2\">\n              <h3 className=\"paragraph-medium-semibold text-gray-950 max-w-[269px]\">\n                Salve estes códigos de recuperação de emergência\n              </h3>\n              <div className=\"paragraph-small-regular text-gray-600\">\n                <p>\n                  Se você perder acesso ao seu telefone, não será possível fazer login em sua conta\n                  sem um código de dois fatores.\n                </p>\n                <br />\n                <p>Imprima, copie ou escreva em um local seguro os códigos abaixo.</p>\n              </div>\n            </div>\n\n            <div className=\"bg-gray-50 rounded-lg p-4 flex flex-col gap-4\">\n              <div className=\"paragraph-small-medium text-gray-950 whitespace-nowrap\">\n                {backupCodes.map((backupCode, i) => (\n                  <p key={i}>{backupCode}</p>\n                ))}\n              </div>\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                className=\"h-8! w-fit\"\n                onClick={handleCopyCodes}\n              >\n                <IconCopy size={16} />\n                Copiar códigos\n              </Button>\n            </div>\n          </div>\n\n          <div className=\"flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between mt-auto lg:mt-0\">\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\n              Cancelar\n            </Button>\n            <Button className=\"h-10!\" type=\"button\" onClick={handleFinalize}>\n              Finalizar\n            </Button>\n          </div>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent\n        showCloseButton={false}\n        overlayClassName=\"z-[1010]\"\n        className=\"z-[1011] flex flex-col p-0 gap-0 max-w-full sm: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%]\"\n      >\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>Autenticação de dois fatores</DialogTitle>\n        </DialogHeader>\n        <div className=\"shrink-0 flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\n          <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\n            Autenticação de dois fatores\n          </span>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            className=\"size-8! p-0 absolute right-4\"\n            onClick={handleClose}\n          >\n            <IconX size={18} />\n          </Button>\n        </div>\n\n        <form\n          className=\"flex-1 min-h-0 flex flex-col\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            if (isCodeComplete) handleSubmit();\n          }}\n        >\n          <div className=\"flex-1 min-h-0 overflow-y-auto overscroll-contain lg:overflow-visible\">\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\">\n              <p className=\"paragraph-small-regular text-gray-950 text-center max-w-full lg:max-w-[412px]\">\n                Instale um aplicativo autenticador no seu celular (ex.:{' '}\n                <a\n                  href=\"https://support.google.com/accounts/answer/1066447\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"paragraph-small-medium underline\"\n                >\n                  Google Authenticator\n                </a>\n                ), escaneie o QR Code ao lado ou copie a chave no aplicativo e, em seguida, digite o\n                código de 6 dígitos gerado para continuar.\n              </p>\n\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]\">\n                {generateFailed ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => retryGenerate()}\n                    className=\"flex flex-col items-center gap-1.5 text-center\"\n                  >\n                    <IconRefresh size={20} className=\"text-gray-400\" />\n                    <span className=\"paragraph-xsmall-medium text-gray-500\">Tentar novamente</span>\n                  </button>\n                ) : isGenerating || !qrcode ? (\n                  <div className=\"skeleton w-full h-full rounded\" />\n                ) : (\n                  // eslint-disable-next-line @next/next/no-img-element\n                  <img\n                    src={qrcode}\n                    alt=\"QR Code para autenticação de dois fatores\"\n                    className=\"w-full h-full\"\n                  />\n                )}\n              </div>\n\n              <div className=\"flex items-center gap-3 w-full\">\n                <Separator className=\"flex-1\" />\n                <span className=\"paragraph-xsmall-medium text-gray-500 opacity-80 whitespace-nowrap\">\n                  Cole os 6 dígitos abaixo\n                </span>\n                <Separator className=\"flex-1\" />\n              </div>\n\n              <div className=\"scroll-mt-20\">\n                <InputOTP maxLength={6} pattern={REGEXP_ONLY_DIGITS} value={code} onChange={setCode}>\n                  <InputOTPGroup className=\"gap-2\">\n                    {Array.from({ length: 6 }).map((_, i) => (\n                      <InputOTPSlot\n                        key={i}\n                        index={i}\n                        className=\"w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200\"\n                      />\n                    ))}\n                  </InputOTPGroup>\n                </InputOTP>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"shrink-0 flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between gap-2 bg-white\">\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\n              Cancelar\n            </Button>\n            <Button type=\"submit\" className=\"h-10!\" disabled={!isCodeComplete || isConfirming}>\n              {isConfirming ? 'Ativando...' : 'Ativar autenticação'}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/account/TwoFactorAuthModal.tsx"],"sourcesContent":["'use client';\n\nimport { useTranslations } from 'next-intl';\nimport { IconX, IconCopy, IconRefresh } from '@tabler/icons-react';\nimport { Button } from '../ui/buttons/Button';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Separator } from '../ui/data-display/Separator';\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../ui/form/InputOtp';\nimport { REGEXP_ONLY_DIGITS } from 'input-otp';\nimport useTwoFactorAuthForm from './hooks/useTwoFactorAuthForm';\n\ninterface TwoFactorAuthModalProps {\n  open: boolean;\n  onClose: () => void;\n  onSuccess?: () => void;\n}\n\nexport default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFactorAuthModalProps) {\n  const translate = useTranslations();\n  const {\n    code,\n    setCode,\n    isCodeComplete,\n    isGenerating,\n    isConfirming,\n    generateFailed,\n    retryGenerate,\n    qrcode,\n    backupCodes,\n    step,\n    handleSubmit,\n    handleFinalize,\n    handleCopyCodes,\n    resetForm,\n  } = useTwoFactorAuthForm({ onSuccess, open });\n\n  const handleClose = () => {\n    resetForm();\n    onClose();\n  };\n\n  if (step === 'recovery') {\n    return (\n      <Dialog open={open} onOpenChange={handleClose}>\n        <DialogContent\n          showCloseButton={false}\n          overlayClassName=\"z-[1010]\"\n          className=\"z-[1011] flex flex-col p-0 gap-0 max-w-full sm: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%]\"\n        >\n          <DialogHeader className=\"sr-only\">\n            <DialogTitle>{translate('common.account.twoFactor.recoveryTitle')}</DialogTitle>\n          </DialogHeader>\n          <div className=\"flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\n            <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\n              {translate('common.account.twoFactor.recoveryTitle')}\n            </span>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              className=\"size-8! p-0 absolute right-4\"\n              onClick={handleClose}\n            >\n              <IconX size={18} />\n            </Button>\n          </div>\n\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\">\n            <div className=\"flex flex-col gap-2\">\n              <h3 className=\"paragraph-medium-semibold text-gray-950 max-w-[269px]\">\n                {translate('common.account.twoFactor.recoveryHeading')}\n              </h3>\n              <div className=\"paragraph-small-regular text-gray-600\">\n                <p>{translate('common.account.twoFactor.recoveryText1')}</p>\n                <br />\n                <p>{translate('common.account.twoFactor.recoveryText2')}</p>\n              </div>\n            </div>\n\n            <div className=\"bg-gray-50 rounded-lg p-4 flex flex-col gap-4\">\n              <div className=\"paragraph-small-medium text-gray-950 whitespace-nowrap\">\n                {backupCodes.map((backupCode, i) => (\n                  <p key={i}>{backupCode}</p>\n                ))}\n              </div>\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                className=\"h-8! w-fit\"\n                onClick={handleCopyCodes}\n              >\n                <IconCopy size={16} />\n                {translate('common.account.twoFactor.copyCodes')}\n              </Button>\n            </div>\n          </div>\n\n          <div className=\"flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between mt-auto lg:mt-0\">\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\n              {translate('common.actions.cancel')}\n            </Button>\n            <Button className=\"h-10!\" type=\"button\" onClick={handleFinalize}>\n              {translate('common.account.twoFactor.finish')}\n            </Button>\n          </div>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent\n        showCloseButton={false}\n        overlayClassName=\"z-[1010]\"\n        className=\"z-[1011] flex flex-col p-0 gap-0 max-w-full sm: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%]\"\n      >\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>{translate('common.account.twoFactor.title')}</DialogTitle>\n        </DialogHeader>\n        <div className=\"shrink-0 flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\n          <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\n            {translate('common.account.twoFactor.title')}\n          </span>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            className=\"size-8! p-0 absolute right-4\"\n            onClick={handleClose}\n          >\n            <IconX size={18} />\n          </Button>\n        </div>\n\n        <form\n          className=\"flex-1 min-h-0 flex flex-col\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            if (isCodeComplete) handleSubmit();\n          }}\n        >\n          <div className=\"flex-1 min-h-0 overflow-y-auto overscroll-contain lg:overflow-visible\">\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\">\n              <p className=\"paragraph-small-regular text-gray-950 text-center max-w-full lg:max-w-[412px]\">\n                {translate.rich('common.account.twoFactor.instructions', {\n                  link: (chunks) => (\n                    <a\n                      href=\"https://support.google.com/accounts/answer/1066447\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"paragraph-small-medium underline\"\n                    >\n                      {chunks}\n                    </a>\n                  ),\n                })}\n              </p>\n\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]\">\n                {generateFailed ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => retryGenerate()}\n                    className=\"flex flex-col items-center gap-1.5 text-center\"\n                  >\n                    <IconRefresh size={20} className=\"text-gray-400\" />\n                    <span className=\"paragraph-xsmall-medium text-gray-500\">\n                      {translate('common.account.twoFactor.retry')}\n                    </span>\n                  </button>\n                ) : isGenerating || !qrcode ? (\n                  <div className=\"skeleton w-full h-full rounded\" />\n                ) : (\n                  // eslint-disable-next-line @next/next/no-img-element\n                  <img\n                    src={qrcode}\n                    alt={translate('common.account.twoFactor.qrAlt')}\n                    className=\"w-full h-full\"\n                  />\n                )}\n              </div>\n\n              <div className=\"flex items-center gap-3 w-full\">\n                <Separator className=\"flex-1\" />\n                <span className=\"paragraph-xsmall-medium text-gray-500 opacity-80 whitespace-nowrap\">\n                  {translate('common.account.twoFactor.pasteDigits')}\n                </span>\n                <Separator className=\"flex-1\" />\n              </div>\n\n              <div className=\"scroll-mt-20\">\n                <InputOTP maxLength={6} pattern={REGEXP_ONLY_DIGITS} value={code} onChange={setCode}>\n                  <InputOTPGroup className=\"gap-2\">\n                    {Array.from({ length: 6 }).map((_, i) => (\n                      <InputOTPSlot\n                        key={i}\n                        index={i}\n                        className=\"w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200\"\n                      />\n                    ))}\n                  </InputOTPGroup>\n                </InputOTP>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"shrink-0 flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between gap-2 bg-white\">\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\n              {translate('common.actions.cancel')}\n            </Button>\n            <Button type=\"submit\" className=\"h-10!\" disabled={!isCodeComplete || isConfirming}>\n              {isConfirming\n                ? translate('common.account.twoFactor.activating')\n                : translate('common.account.twoFactor.activate')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/account/constants.mjs

@@ -14,10 +14,10 @@ const TIME_FORMAT_OPTIONS = [
   { value: "12h", label: "12 horas (AM/PM)", displayValue: "12 horas (AM/PM)" }
 ];
 const NOTIFICATION_TYPES = [
-  "Atualiza\xE7\xF5es de projetos",
-  "Alertas de seguran\xE7a",
-  "Mudan\xE7as no plano ou faturamento",
-  "Manuten\xE7\xF5es programadas"
+  "common.account.notificationTypes.projectUpdates",
+  "common.account.notificationTypes.securityAlerts",
+  "common.account.notificationTypes.planBilling",
+  "common.account.notificationTypes.scheduledMaintenance"
 ];
 export {
   CURRENCY_OPTIONS,

package/dist/components/account/constants.mjs.map

@@ -1 +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":[]}
+{"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\n// Catalog keys — consumers call translate(type) to get the localized label.\r\n// pt-br values: 'Atualizações de projetos' | 'Alertas de segurança' |\r\n//               'Mudanças no plano ou faturamento' | 'Manutenções programadas'\r\nexport const NOTIFICATION_TYPES = [\r\n  'common.account.notificationTypes.projectUpdates',\r\n  'common.account.notificationTypes.securityAlerts',\r\n  'common.account.notificationTypes.planBilling',\r\n  'common.account.notificationTypes.scheduledMaintenance',\r\n] as const;\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;AAKO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/components/account/hooks/useChangeEmailForm.mjs

@@ -3,11 +3,13 @@ import { jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
+import { useTranslations } from "next-intl";
 import { toast } from "sonner";
 import { Toast } from "../../ui/feedback/Toast";
 import { changeEmailSchema } from "../../../utils/validators/account";
 import { requestEmailChangeAction } from "../../../modules/accounts/actions/account-management.action";
 function useChangeEmailForm() {
+  const translate = useTranslations();
   const [showVerification, setShowVerification] = useState(false);
   const { register, handleSubmit, reset, watch, formState: { errors, isSubmitting } } = useForm({
     resolver: zodResolver(changeEmailSchema),
@@ -17,12 +19,12 @@ function useChangeEmailForm() {
   const handleContinue = handleSubmit(async (data) => {
     const result = await requestEmailChangeAction(data.email);
     if (!result.success) {
-      toast.custom((t) => /* @__PURE__ */ jsx(
+      toast.custom((toastId) => /* @__PURE__ */ jsx(
         Toast,
         {
           variant: "error",
-          message: result.error ?? "E-mail j\xE1 existente ou ocorreu um erro. Tente novamente mais tarde.",
-          toastId: t
+          message: result.error ?? translate("common.account.changeEmail.emailExistsError"),
+          toastId
         }
       ));
       return;

package/dist/components/account/hooks/useChangeEmailForm.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/hooks/useChangeEmailForm.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useCallback } from 'react';\r\nimport { useForm } from 'react-hook-form';\r\nimport { zodResolver } from '@hookform/resolvers/zod';\r\nimport { toast } from 'sonner';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { changeEmailSchema, type ChangeEmailFormData } from '../../../utils/validators/account';\r\nimport { requestEmailChangeAction } from '../../../modules/accounts/actions/account-management.action';\r\n\r\nexport default function useChangeEmailForm() {\r\n  const [showVerification, setShowVerification] = useState(false);\r\n\r\n  const { register, handleSubmit, reset, watch, formState: { errors, isSubmitting } } = useForm<ChangeEmailFormData>({\r\n    resolver: zodResolver(changeEmailSchema),\r\n    mode: 'onChange',\r\n    defaultValues: { email: '' },\r\n  });\r\n\r\n  const handleContinue = handleSubmit(async (data) => {\r\n    const result = await requestEmailChangeAction(data.email);\r\n\r\n    if (!result.success) {\r\n      toast.custom((t) => (\r\n        <Toast\r\n          variant=\"error\"\r\n          message={result.error ?? 'E-mail já existente ou ocorreu um erro. Tente novamente mais tarde.'}\r\n          toastId={t}\r\n        />\r\n      ));\r\n      return;\r\n    }\r\n\r\n    setShowVerification(true);\r\n  });\r\n\r\n  const handleBack = useCallback(() => {\r\n    setShowVerification(false);\r\n  }, []);\r\n\r\n  const resetForm = useCallback(() => {\r\n    reset();\r\n    setShowVerification(false);\r\n  }, [reset]);\r\n\r\n  return {\r\n    showVerification,\r\n    emailToVerify: watch('email'),\r\n    isSubmitting,\r\n    errors,\r\n    register,\r\n    handleContinue,\r\n    handleBack,\r\n    resetForm,\r\n  };\r\n}\r\n"],"mappings":";AAwBQ;AAtBR,SAAS,UAAU,mBAAmB;AACtC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,yBAAmD;AAC5D,SAAS,gCAAgC;AAE1B,SAAR,qBAAsC;AAC3C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAE9D,QAAM,EAAE,UAAU,cAAc,OAAO,OAAO,WAAW,EAAE,QAAQ,aAAa,EAAE,IAAI,QAA6B;AAAA,IACjH,UAAU,YAAY,iBAAiB;AAAA,IACvC,MAAM;AAAA,IACN,eAAe,EAAE,OAAO,GAAG;AAAA,EAC7B,CAAC;AAED,QAAM,iBAAiB,aAAa,OAAO,SAAS;AAClD,UAAM,SAAS,MAAM,yBAAyB,KAAK,KAAK;AAExD,QAAI,CAAC,OAAO,SAAS;AACnB,YAAM,OAAO,CAAC,MACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,OAAO,SAAS;AAAA,UACzB,SAAS;AAAA;AAAA,MACX,CACD;AACD;AAAA,IACF;AAEA,wBAAoB,IAAI;AAAA,EAC1B,CAAC;AAED,QAAM,aAAa,YAAY,MAAM;AACnC,wBAAoB,KAAK;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,YAAY,MAAM;AAClC,UAAM;AACN,wBAAoB,KAAK;AAAA,EAC3B,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AAAA,IACL;AAAA,IACA,eAAe,MAAM,OAAO;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/account/hooks/useChangeEmailForm.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useCallback } from 'react';\r\nimport { useForm } from 'react-hook-form';\r\nimport { zodResolver } from '@hookform/resolvers/zod';\r\nimport { useTranslations } from 'next-intl';\r\nimport { toast } from 'sonner';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { changeEmailSchema, type ChangeEmailFormData } from '../../../utils/validators/account';\r\nimport { requestEmailChangeAction } from '../../../modules/accounts/actions/account-management.action';\r\n\r\nexport default function useChangeEmailForm() {\r\n  const translate = useTranslations();\r\n  const [showVerification, setShowVerification] = useState(false);\r\n\r\n  const { register, handleSubmit, reset, watch, formState: { errors, isSubmitting } } = useForm<ChangeEmailFormData>({\r\n    resolver: zodResolver(changeEmailSchema),\r\n    mode: 'onChange',\r\n    defaultValues: { email: '' },\r\n  });\r\n\r\n  const handleContinue = handleSubmit(async (data) => {\r\n    const result = await requestEmailChangeAction(data.email);\r\n\r\n    if (!result.success) {\r\n      toast.custom((toastId) => (\r\n        <Toast\r\n          variant=\"error\"\r\n          message={result.error ?? translate('common.account.changeEmail.emailExistsError')}\r\n          toastId={toastId}\r\n        />\r\n      ));\r\n      return;\r\n    }\r\n\r\n    setShowVerification(true);\r\n  });\r\n\r\n  const handleBack = useCallback(() => {\r\n    setShowVerification(false);\r\n  }, []);\r\n\r\n  const resetForm = useCallback(() => {\r\n    reset();\r\n    setShowVerification(false);\r\n  }, [reset]);\r\n\r\n  return {\r\n    showVerification,\r\n    emailToVerify: watch('email'),\r\n    isSubmitting,\r\n    errors,\r\n    register,\r\n    handleContinue,\r\n    handleBack,\r\n    resetForm,\r\n  };\r\n}\r\n"],"mappings":";AA0BQ;AAxBR,SAAS,UAAU,mBAAmB;AACtC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,yBAAmD;AAC5D,SAAS,gCAAgC;AAE1B,SAAR,qBAAsC;AAC3C,QAAM,YAAY,gBAAgB;AAClC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAE9D,QAAM,EAAE,UAAU,cAAc,OAAO,OAAO,WAAW,EAAE,QAAQ,aAAa,EAAE,IAAI,QAA6B;AAAA,IACjH,UAAU,YAAY,iBAAiB;AAAA,IACvC,MAAM;AAAA,IACN,eAAe,EAAE,OAAO,GAAG;AAAA,EAC7B,CAAC;AAED,QAAM,iBAAiB,aAAa,OAAO,SAAS;AAClD,UAAM,SAAS,MAAM,yBAAyB,KAAK,KAAK;AAExD,QAAI,CAAC,OAAO,SAAS;AACnB,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,OAAO,SAAS,UAAU,6CAA6C;AAAA,UAChF;AAAA;AAAA,MACF,CACD;AACD;AAAA,IACF;AAEA,wBAAoB,IAAI;AAAA,EAC1B,CAAC;AAED,QAAM,aAAa,YAAY,MAAM;AACnC,wBAAoB,KAAK;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,YAAY,MAAM;AAClC,UAAM;AACN,wBAAoB,KAAK;AAAA,EAC3B,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AAAA,IACL;AAAA,IACA,eAAe,MAAM,OAAO;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/components/account/hooks/useChangePasswordForm.mjs

@@ -3,11 +3,13 @@ import { jsx } from "react/jsx-runtime";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useMutation } from "@tanstack/react-query";
+import { useTranslations } from "next-intl";
 import { toast } from "sonner";
 import { Toast } from "../../ui/feedback/Toast";
 import { changePasswordSchema } from "../../../utils/validators/account";
 import { changePasswordAction } from "../../../modules/accounts/actions/account-management.action";
 function useChangePasswordForm({ onSuccess } = {}) {
+  const translate = useTranslations();
   const form = useForm({
     resolver: zodResolver(changePasswordSchema),
     mode: "onChange",
@@ -20,15 +22,36 @@ function useChangePasswordForm({ onSuccess } = {}) {
     mutationFn: changePasswordAction,
     onSuccess: (result) => {
       if (!result.success) {
-        toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: result.error ?? "Erro ao alterar senha", toastId: t }));
+        toast.custom((toastId) => /* @__PURE__ */ jsx(
+          Toast,
+          {
+            variant: "error",
+            message: result.error ?? translate("common.account.changePassword.changeError"),
+            toastId
+          }
+        ));
         return;
       }
-      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: "Senha alterada com sucesso", toastId: t }));
+      toast.custom((toastId) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "success",
+          message: translate("common.account.changePassword.changedSuccess"),
+          toastId
+        }
+      ));
       form.reset();
       onSuccess?.();
     },
     onError: () => {
-      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: "Erro ao alterar senha. Tente novamente.", toastId: t }));
+      toast.custom((toastId) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "error",
+          message: translate("common.account.changePassword.genericError"),
+          toastId
+        }
+      ));
     }
   });
   const onSubmit = (data) => {

package/dist/components/account/hooks/useChangePasswordForm.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/hooks/useChangePasswordForm.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useForm } from 'react-hook-form';\r\nimport { zodResolver } from '@hookform/resolvers/zod';\r\nimport { useMutation } from '@tanstack/react-query';\r\nimport { toast } from 'sonner';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { changePasswordSchema, type ChangePasswordFormData } from '../../../utils/validators/account';\r\nimport { changePasswordAction } from '../../../modules/accounts/actions/account-management.action';\r\n\r\ninterface UseChangePasswordFormProps {\r\n  onSuccess?: () => void;\r\n}\r\n\r\nexport default function useChangePasswordForm({ onSuccess }: UseChangePasswordFormProps = {}) {\r\n  const form = useForm<ChangePasswordFormData>({\r\n    resolver: zodResolver(changePasswordSchema),\r\n    mode: 'onChange',\r\n    defaultValues: {\r\n      currentPassword: '',\r\n      newPassword: '',\r\n    },\r\n  });\r\n\r\n  const mutation = useMutation({\r\n    mutationFn: changePasswordAction,\r\n    onSuccess: (result) => {\r\n      if (!result.success) {\r\n        toast.custom((t) => (\r\n          <Toast variant=\"error\" message={result.error ?? 'Erro ao alterar senha'} toastId={t} />\r\n        ));\r\n        return;\r\n      }\r\n\r\n      toast.custom((t) => (\r\n        <Toast variant=\"success\" message=\"Senha alterada com sucesso\" toastId={t} />\r\n      ));\r\n\r\n      form.reset();\r\n      onSuccess?.();\r\n    },\r\n    onError: () => {\r\n      toast.custom((t) => (\r\n        <Toast variant=\"error\" message=\"Erro ao alterar senha. Tente novamente.\" toastId={t} />\r\n      ));\r\n    },\r\n  });\r\n\r\n  const onSubmit = (data: ChangePasswordFormData) => {\r\n    mutation.mutate(data);\r\n  };\r\n\r\n  return {\r\n    register: form.register,\r\n    handleSubmit: form.handleSubmit(onSubmit),\r\n    errors: form.formState.errors,\r\n    isLoading: mutation.isPending,\r\n  };\r\n}\r\n"],"mappings":";AA6BU;AA3BV,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,4BAAyD;AAClE,SAAS,4BAA4B;AAMtB,SAAR,sBAAuC,EAAE,UAAU,IAAgC,CAAC,GAAG;AAC5F,QAAM,OAAO,QAAgC;AAAA,IAC3C,UAAU,YAAY,oBAAoB;AAAA,IAC1C,MAAM;AAAA,IACN,eAAe;AAAA,MACb,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF,CAAC;AAED,QAAM,WAAW,YAAY;AAAA,IAC3B,YAAY;AAAA,IACZ,WAAW,CAAC,WAAW;AACrB,UAAI,CAAC,OAAO,SAAS;AACnB,cAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAS,OAAO,SAAS,yBAAyB,SAAS,GAAG,CACtF;AACD;AAAA,MACF;AAEA,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,8BAA6B,SAAS,GAAG,CAC3E;AAED,WAAK,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,2CAA0C,SAAS,GAAG,CACtF;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,WAAW,CAAC,SAAiC;AACjD,aAAS,OAAO,IAAI;AAAA,EACtB;AAEA,SAAO;AAAA,IACL,UAAU,KAAK;AAAA,IACf,cAAc,KAAK,aAAa,QAAQ;AAAA,IACxC,QAAQ,KAAK,UAAU;AAAA,IACvB,WAAW,SAAS;AAAA,EACtB;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/account/hooks/useChangePasswordForm.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useForm } from 'react-hook-form';\r\nimport { zodResolver } from '@hookform/resolvers/zod';\r\nimport { useMutation } from '@tanstack/react-query';\r\nimport { useTranslations } from 'next-intl';\r\nimport { toast } from 'sonner';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { changePasswordSchema, type ChangePasswordFormData } from '../../../utils/validators/account';\r\nimport { changePasswordAction } from '../../../modules/accounts/actions/account-management.action';\r\n\r\ninterface UseChangePasswordFormProps {\r\n  onSuccess?: () => void;\r\n}\r\n\r\nexport default function useChangePasswordForm({ onSuccess }: UseChangePasswordFormProps = {}) {\r\n  const translate = useTranslations();\r\n  const form = useForm<ChangePasswordFormData>({\r\n    resolver: zodResolver(changePasswordSchema),\r\n    mode: 'onChange',\r\n    defaultValues: {\r\n      currentPassword: '',\r\n      newPassword: '',\r\n    },\r\n  });\r\n\r\n  const mutation = useMutation({\r\n    mutationFn: changePasswordAction,\r\n    onSuccess: (result) => {\r\n      if (!result.success) {\r\n        toast.custom((toastId) => (\r\n          <Toast\r\n            variant=\"error\"\r\n            message={result.error ?? translate('common.account.changePassword.changeError')}\r\n            toastId={toastId}\r\n          />\r\n        ));\r\n        return;\r\n      }\r\n\r\n      toast.custom((toastId) => (\r\n        <Toast\r\n          variant=\"success\"\r\n          message={translate('common.account.changePassword.changedSuccess')}\r\n          toastId={toastId}\r\n        />\r\n      ));\r\n\r\n      form.reset();\r\n      onSuccess?.();\r\n    },\r\n    onError: () => {\r\n      toast.custom((toastId) => (\r\n        <Toast\r\n          variant=\"error\"\r\n          message={translate('common.account.changePassword.genericError')}\r\n          toastId={toastId}\r\n        />\r\n      ));\r\n    },\r\n  });\r\n\r\n  const onSubmit = (data: ChangePasswordFormData) => {\r\n    mutation.mutate(data);\r\n  };\r\n\r\n  return {\r\n    register: form.register,\r\n    handleSubmit: form.handleSubmit(onSubmit),\r\n    errors: form.formState.errors,\r\n    isLoading: mutation.isPending,\r\n  };\r\n}\r\n"],"mappings":";AA+BU;AA7BV,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,4BAAyD;AAClE,SAAS,4BAA4B;AAMtB,SAAR,sBAAuC,EAAE,UAAU,IAAgC,CAAC,GAAG;AAC5F,QAAM,YAAY,gBAAgB;AAClC,QAAM,OAAO,QAAgC;AAAA,IAC3C,UAAU,YAAY,oBAAoB;AAAA,IAC1C,MAAM;AAAA,IACN,eAAe;AAAA,MACb,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF,CAAC;AAED,QAAM,WAAW,YAAY;AAAA,IAC3B,YAAY;AAAA,IACZ,WAAW,CAAC,WAAW;AACrB,UAAI,CAAC,OAAO,SAAS;AACnB,cAAM,OAAO,CAAC,YACZ;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,OAAO,SAAS,UAAU,2CAA2C;AAAA,YAC9E;AAAA;AAAA,QACF,CACD;AACD;AAAA,MACF;AAEA,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,8CAA8C;AAAA,UACjE;AAAA;AAAA,MACF,CACD;AAED,WAAK,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,4CAA4C;AAAA,UAC/D;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,WAAW,CAAC,SAAiC;AACjD,aAAS,OAAO,IAAI;AAAA,EACtB;AAEA,SAAO;AAAA,IACL,UAAU,KAAK;AAAA,IACf,cAAc,KAAK,aAAa,QAAQ;AAAA,IACxC,QAAQ,KAAK,UAAU;AAAA,IACvB,WAAW,SAAS;AAAA,EACtB;AACF;","names":[]}

package/dist/components/account/hooks/useChangePhoneForm.mjs

@@ -1,6 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
+import { useTranslations } from "next-intl";
 import { toast } from "sonner";
 import { Toast } from "../../ui/feedback/Toast";
 import { requestPhoneChangeAction, updateUserAction } from "../../../modules/accounts/actions/account-management.action";
@@ -11,6 +12,7 @@ function splitPhoneValue(fullValue) {
   return { ddi: trimmed.slice(0, spaceIdx), local: trimmed.slice(spaceIdx + 1) };
 }
 function useChangePhoneForm({ hasExistingPhone, onDirectUpdateSuccess }) {
+  const translate = useTranslations();
   const [showVerification, setShowVerification] = useState(false);
   const [phoneValue, setPhoneValue] = useState("");
   const [phoneError, setPhoneError] = useState("");
@@ -24,7 +26,7 @@ function useChangePhoneForm({ hasExistingPhone, onDirectUpdateSuccess }) {
     e.preventDefault();
     const { ddi, local } = splitPhoneValue(phoneValue);
     if (!local || local.replace(/\D/g, "").length < 8) {
-      setPhoneError("N\xFAmero de telefone inv\xE1lido");
+      setPhoneError(translate("common.account.changePhone.invalidNumber"));
       return;
     }
     setIsSubmitting(true);
@@ -32,28 +34,35 @@ function useChangePhoneForm({ hasExistingPhone, onDirectUpdateSuccess }) {
       if (!hasExistingPhone) {
         const result2 = await updateUserAction({ phone: local, ddi });
         if (!result2.success) {
-          toast.custom((t) => /* @__PURE__ */ jsx(
+          toast.custom((toastId) => /* @__PURE__ */ jsx(
             Toast,
             {
               variant: "error",
-              message: result2.error ?? "Ocorreu um erro ao salvar o telefone. Tente novamente mais tarde.",
-              toastId: t
+              message: result2.error ?? translate("common.account.changePhone.saveError"),
+              toastId
             }
           ));
           return;
         }
-        toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: "Telefone adicionado", toastId: t }));
+        toast.custom((toastId) => /* @__PURE__ */ jsx(
+          Toast,
+          {
+            variant: "success",
+            message: translate("common.account.changePhone.phoneAdded"),
+            toastId
+          }
+        ));
         onDirectUpdateSuccess?.();
         return;
       }
       const result = await requestPhoneChangeAction(local, ddi);
       if (!result.success) {
-        toast.custom((t) => /* @__PURE__ */ jsx(
+        toast.custom((toastId) => /* @__PURE__ */ jsx(
           Toast,
           {
             variant: "error",
-            message: result.error ?? "N\xFAmero j\xE1 existente ou ocorreu um erro. Tente novamente mais tarde.",
-            toastId: t
+            message: result.error ?? translate("common.account.changePhone.numberExistsError"),
+            toastId
           }
         ));
         return;
@@ -63,7 +72,7 @@ function useChangePhoneForm({ hasExistingPhone, onDirectUpdateSuccess }) {
     } finally {
       setIsSubmitting(false);
     }
-  }, [phoneValue, hasExistingPhone, onDirectUpdateSuccess]);
+  }, [phoneValue, hasExistingPhone, onDirectUpdateSuccess, translate]);
   const handleBack = useCallback(() => {
     setShowVerification(false);
   }, []);

package/dist/components/account/hooks/useChangePhoneForm.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/hooks/useChangePhoneForm.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback } from 'react';\nimport { toast } from 'sonner';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { requestPhoneChangeAction, updateUserAction } from '../../../modules/accounts/actions/account-management.action';\n\nfunction splitPhoneValue(fullValue: string): { ddi: string; local: string } {\n  const trimmed = fullValue.trim();\n  const spaceIdx = trimmed.indexOf(' ');\n  if (spaceIdx === -1) return { ddi: '+55', local: trimmed };\n  return { ddi: trimmed.slice(0, spaceIdx), local: trimmed.slice(spaceIdx + 1) };\n}\n\ninterface UseChangePhoneFormOptions {\n  hasExistingPhone: boolean;\n  onDirectUpdateSuccess?: () => void;\n}\n\nexport default function useChangePhoneForm({ hasExistingPhone, onDirectUpdateSuccess }: UseChangePhoneFormOptions) {\n  const [showVerification, setShowVerification] = useState(false);\n  const [phoneValue, setPhoneValue] = useState('');\n  const [phoneError, setPhoneError] = useState('');\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [submittedPhone, setSubmittedPhone] = useState({ ddi: '+55', local: '' });\n\n  const handlePhoneChange = useCallback((value: string) => {\n    setPhoneValue(value);\n    if (phoneError) setPhoneError('');\n  }, [phoneError]);\n\n  const handleContinue = useCallback(async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    const { ddi, local } = splitPhoneValue(phoneValue);\n\n    if (!local || local.replace(/\\D/g, '').length < 8) {\n      setPhoneError('Número de telefone inválido');\n      return;\n    }\n\n    setIsSubmitting(true);\n    try {\n      if (!hasExistingPhone) {\n        const result = await updateUserAction({ phone: local, ddi });\n\n        if (!result.success) {\n          toast.custom((t) => (\n            <Toast\n              variant=\"error\"\n              message={result.error ?? 'Ocorreu um erro ao salvar o telefone. Tente novamente mais tarde.'}\n              toastId={t}\n            />\n          ));\n          return;\n        }\n\n        toast.custom((t) => (\n          <Toast variant=\"success\" message=\"Telefone adicionado\" toastId={t} />\n        ));\n        onDirectUpdateSuccess?.();\n        return;\n      }\n\n      const result = await requestPhoneChangeAction(local, ddi);\n\n      if (!result.success) {\n        toast.custom((t) => (\n          <Toast\n            variant=\"error\"\n            message={result.error ?? 'Número já existente ou ocorreu um erro. Tente novamente mais tarde.'}\n            toastId={t}\n          />\n        ));\n        return;\n      }\n\n      setSubmittedPhone({ ddi, local });\n      setShowVerification(true);\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [phoneValue, hasExistingPhone, onDirectUpdateSuccess]);\n\n  const handleBack = useCallback(() => {\n    setShowVerification(false);\n  }, []);\n\n  const resetForm = useCallback(() => {\n    setPhoneValue('');\n    setPhoneError('');\n    setSubmittedPhone({ ddi: '+55', local: '' });\n    setShowVerification(false);\n  }, []);\n\n  return {\n    showVerification,\n    phoneValue,\n    phoneError,\n    isSubmitting,\n    submittedPhone,\n    handlePhoneChange,\n    handleContinue,\n    handleBack,\n    resetForm,\n  };\n}\n"],"mappings":";AAgDY;AA9CZ,SAAS,UAAU,mBAAmB;AACtC,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,0BAA0B,wBAAwB;AAE3D,SAAS,gBAAgB,WAAmD;AAC1E,QAAM,UAAU,UAAU,KAAK;AAC/B,QAAM,WAAW,QAAQ,QAAQ,GAAG;AACpC,MAAI,aAAa,GAAI,QAAO,EAAE,KAAK,OAAO,OAAO,QAAQ;AACzD,SAAO,EAAE,KAAK,QAAQ,MAAM,GAAG,QAAQ,GAAG,OAAO,QAAQ,MAAM,WAAW,CAAC,EAAE;AAC/E;AAOe,SAAR,mBAAoC,EAAE,kBAAkB,sBAAsB,GAA8B;AACjH,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,EAAE,KAAK,OAAO,OAAO,GAAG,CAAC;AAE9E,QAAM,oBAAoB,YAAY,CAAC,UAAkB;AACvD,kBAAc,KAAK;AACnB,QAAI,WAAY,eAAc,EAAE;AAAA,EAClC,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,iBAAiB,YAAY,OAAO,MAAuB;AAC/D,MAAE,eAAe;AAEjB,UAAM,EAAE,KAAK,MAAM,IAAI,gBAAgB,UAAU;AAEjD,QAAI,CAAC,SAAS,MAAM,QAAQ,OAAO,EAAE,EAAE,SAAS,GAAG;AACjD,oBAAc,mCAA6B;AAC3C;AAAA,IACF;AAEA,oBAAgB,IAAI;AACpB,QAAI;AACF,UAAI,CAAC,kBAAkB;AACrB,cAAMA,UAAS,MAAM,iBAAiB,EAAE,OAAO,OAAO,IAAI,CAAC;AAE3D,YAAI,CAACA,QAAO,SAAS;AACnB,gBAAM,OAAO,CAAC,MACZ;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAASA,QAAO,SAAS;AAAA,cACzB,SAAS;AAAA;AAAA,UACX,CACD;AACD;AAAA,QACF;AAEA,cAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,uBAAsB,SAAS,GAAG,CACpE;AACD,gCAAwB;AACxB;AAAA,MACF;AAEA,YAAM,SAAS,MAAM,yBAAyB,OAAO,GAAG;AAExD,UAAI,CAAC,OAAO,SAAS;AACnB,cAAM,OAAO,CAAC,MACZ;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,OAAO,SAAS;AAAA,YACzB,SAAS;AAAA;AAAA,QACX,CACD;AACD;AAAA,MACF;AAEA,wBAAkB,EAAE,KAAK,MAAM,CAAC;AAChC,0BAAoB,IAAI;AAAA,IAC1B,UAAE;AACA,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,YAAY,kBAAkB,qBAAqB,CAAC;AAExD,QAAM,aAAa,YAAY,MAAM;AACnC,wBAAoB,KAAK;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,YAAY,MAAM;AAClC,kBAAc,EAAE;AAChB,kBAAc,EAAE;AAChB,sBAAkB,EAAE,KAAK,OAAO,OAAO,GAAG,CAAC;AAC3C,wBAAoB,KAAK;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":["result"]}
+{"version":3,"sources":["../../../../src/components/account/hooks/useChangePhoneForm.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback } from 'react';\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { requestPhoneChangeAction, updateUserAction } from '../../../modules/accounts/actions/account-management.action';\n\nfunction splitPhoneValue(fullValue: string): { ddi: string; local: string } {\n  const trimmed = fullValue.trim();\n  const spaceIdx = trimmed.indexOf(' ');\n  if (spaceIdx === -1) return { ddi: '+55', local: trimmed };\n  return { ddi: trimmed.slice(0, spaceIdx), local: trimmed.slice(spaceIdx + 1) };\n}\n\ninterface UseChangePhoneFormOptions {\n  hasExistingPhone: boolean;\n  onDirectUpdateSuccess?: () => void;\n}\n\nexport default function useChangePhoneForm({ hasExistingPhone, onDirectUpdateSuccess }: UseChangePhoneFormOptions) {\n  const translate = useTranslations();\n  const [showVerification, setShowVerification] = useState(false);\n  const [phoneValue, setPhoneValue] = useState('');\n  const [phoneError, setPhoneError] = useState('');\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [submittedPhone, setSubmittedPhone] = useState({ ddi: '+55', local: '' });\n\n  const handlePhoneChange = useCallback((value: string) => {\n    setPhoneValue(value);\n    if (phoneError) setPhoneError('');\n  }, [phoneError]);\n\n  const handleContinue = useCallback(async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    const { ddi, local } = splitPhoneValue(phoneValue);\n\n    if (!local || local.replace(/\\D/g, '').length < 8) {\n      setPhoneError(translate('common.account.changePhone.invalidNumber'));\n      return;\n    }\n\n    setIsSubmitting(true);\n    try {\n      if (!hasExistingPhone) {\n        const result = await updateUserAction({ phone: local, ddi });\n\n        if (!result.success) {\n          toast.custom((toastId) => (\n            <Toast\n              variant=\"error\"\n              message={result.error ?? translate('common.account.changePhone.saveError')}\n              toastId={toastId}\n            />\n          ));\n          return;\n        }\n\n        toast.custom((toastId) => (\n          <Toast\n            variant=\"success\"\n            message={translate('common.account.changePhone.phoneAdded')}\n            toastId={toastId}\n          />\n        ));\n        onDirectUpdateSuccess?.();\n        return;\n      }\n\n      const result = await requestPhoneChangeAction(local, ddi);\n\n      if (!result.success) {\n        toast.custom((toastId) => (\n          <Toast\n            variant=\"error\"\n            message={result.error ?? translate('common.account.changePhone.numberExistsError')}\n            toastId={toastId}\n          />\n        ));\n        return;\n      }\n\n      setSubmittedPhone({ ddi, local });\n      setShowVerification(true);\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [phoneValue, hasExistingPhone, onDirectUpdateSuccess, translate]);\n\n  const handleBack = useCallback(() => {\n    setShowVerification(false);\n  }, []);\n\n  const resetForm = useCallback(() => {\n    setPhoneValue('');\n    setPhoneError('');\n    setSubmittedPhone({ ddi: '+55', local: '' });\n    setShowVerification(false);\n  }, []);\n\n  return {\n    showVerification,\n    phoneValue,\n    phoneError,\n    isSubmitting,\n    submittedPhone,\n    handlePhoneChange,\n    handleContinue,\n    handleBack,\n    resetForm,\n  };\n}\n"],"mappings":"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","names":["result"]}

package/dist/components/account/hooks/useDisableTwoFactorAuthForm.mjs

@@ -2,6 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useTranslations } from "next-intl";
 import { toast } from "sonner";
 import { Toast } from "../../ui/feedback/Toast";
 import { USER_QUERY_KEY } from "../../../modules/auth/hooks/useUserQuery";
@@ -11,6 +12,7 @@ function useDisableTwoFactorAuthForm({
   onClose,
   onSuccess
 }) {
+  const translate = useTranslations();
   const [code, setCode] = useState("");
   const queryClient = useQueryClient();
   const userKey = useWlQueryKey([...USER_QUERY_KEY]);
@@ -20,17 +22,38 @@ function useDisableTwoFactorAuthForm({
     onSuccess: (result) => {
       if (!result.success) {
         setCode("");
-        toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: result.error ?? "C\xF3digo inv\xE1lido", toastId: t }));
+        toast.custom((toastId) => /* @__PURE__ */ jsx(
+          Toast,
+          {
+            variant: "error",
+            message: result.error ?? translate("common.account.twoFactor.invalidCode"),
+            toastId
+          }
+        ));
         return;
       }
       queryClient.invalidateQueries({ queryKey: userKey });
-      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: "Autentica\xE7\xE3o de dois fatores desabilitada", toastId: t }));
+      toast.custom((toastId) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "success",
+          message: translate("common.account.twoFactor.disabledSuccess"),
+          toastId
+        }
+      ));
       setCode("");
       onSuccess?.();
     },
     onError: () => {
       setCode("");
-      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: "Erro ao desabilitar 2FA. Tente novamente.", toastId: t }));
+      toast.custom((toastId) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "error",
+          message: translate("common.account.twoFactor.disableError"),
+          toastId
+        }
+      ));
     }
   });
   const { mutate, reset } = mutation;