@greatapps/common 1.1.676 → 1.1.678

package/dist/components/account/ConfigurationsMyAccountModal.mjs

@@ -1,6 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { IconKey, IconLock, IconSettings2, IconX } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "../ui/data-display/Tabs";
 import { cn } from "../../infra/utils/clsx";
@@ -18,6 +19,7 @@ import { useActiveSubscription } from "../../modules/subscriptions/hooks/find-ac
 import { hasSubscriptionExpired } from "../../modules/subscriptions/utils/has-subscription-expired";
 import { useWhitelabel } from "../../providers/whitelabel.provider";
 function ConfigurationsMyAccountModal() {
+  const translate = useTranslations();
   const {
     activeModal,
     openDeleteAccount,
@@ -62,9 +64,9 @@ function ConfigurationsMyAccountModal() {
       overlayClassName: "bg-black/20 lg:bg-black/50",
       className: "\n          flex flex-col p-0 gap-0 max-w-full sm:max-w-full overflow-x-hidden border-0\n          rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0\n          lg:flex-row lg:w-[892px] lg:max-w-[892px] lg:h-[626px] lg:rounded-lg lg:border\n          lg:top-[50%] lg:bottom-auto lg:left-[50%] lg:right-auto lg:translate-x-[-50%] lg:translate-y-[-50%]",
       children: [
-        /* @__PURE__ */ jsx(DialogHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(DialogTitle, { children: "Configura\xE7\xF5es" }) }),
+        /* @__PURE__ */ jsx(DialogHeader, { className: "sr-only", children: /* @__PURE__ */ jsx(DialogTitle, { children: translate("common.account.configurations.title") }) }),
         /* @__PURE__ */ jsxs("div", { className: "md:hidden flex items-center justify-between px-5 py-3 border-b border-gray-200", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-gray-950 paragraph-medium-semibold", children: "Configura\xE7\xF5es" }),
+          /* @__PURE__ */ jsx("span", { className: "text-gray-950 paragraph-medium-semibold", children: translate("common.account.configurations.title") }),
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -95,19 +97,19 @@ function ConfigurationsMyAccountModal() {
                     "[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-24px),transparent)] lg:[mask-image:none]"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: "hidden lg:block paragraph-medium-semibold text-gray-950 mb-0", children: "Configura\xE7\xF5es" }),
+                    /* @__PURE__ */ jsx("span", { className: "hidden lg:block paragraph-medium-semibold text-gray-950 mb-0", children: translate("common.account.configurations.title") }),
                     /* @__PURE__ */ jsxs("div", { className: "lg:flex lg:flex-col flex flex-row lg:gap-0 gap-0 lg:w-full", children: [
                       /* @__PURE__ */ jsxs(TabsTrigger, { value: AccountSectionType.PREFERENCES, className: tabTriggerClasses, children: [
                         /* @__PURE__ */ jsx(IconSettings2, { size: 20, className: "shrink-0" }),
-                        /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium", children: "Prefer\xEAncias" })
+                        /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium", children: translate("common.preferences.title") })
                       ] }),
                       isOwner && whitelabel?.id === 1 && /* @__PURE__ */ jsxs(TabsTrigger, { value: AccountSectionType.TOKEN, className: tabTriggerClasses, children: [
                         /* @__PURE__ */ jsx(IconKey, { size: 20, className: "shrink-0" }),
-                        /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium", children: "Token da conta" })
+                        /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium", children: translate("common.account.token.title") })
                       ] }),
                       isOwner && /* @__PURE__ */ jsxs(TabsTrigger, { value: AccountSectionType.SECURITY, className: tabTriggerClasses, children: [
                         /* @__PURE__ */ jsx(IconLock, { size: 20, className: "shrink-0" }),
-                        /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium", children: "Seguran\xE7a" })
+                        /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium", children: translate("common.account.security.title") })
                       ] })
                     ] })
                   ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/ConfigurationsMyAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { IconKey, IconLock, IconSettings2, IconX } from '@tabler/icons-react';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../ui/data-display/Tabs';\nimport { cn } from '../../infra/utils/clsx';\nimport { AccountSectionType } from '../../enums/AccountSectionType';\nimport { PreferencesSection } from './sections/PreferencesSection';\nimport { ChangePasswordSection } from './sections/ChangePasswordSection';\nimport { TokenSection } from './sections/TokenSection';\nimport { SecuritySection } from './sections/SecuritySection';\nimport useConfigurationsModal from './hooks/useConfigurationsModal';\nimport useIsMobile from '../../hooks/useIsMobile';\nimport { useAccountModals } from '../../store/useAccountModals';\nimport { useAuth } from '../../providers/auth.provider';\nimport { UserProfile } from '../../modules/users/schema';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\nimport { hasSubscriptionExpired } from '../../modules/subscriptions/utils/has-subscription-expired';\nimport { useWhitelabel } from '../../providers/whitelabel.provider';\n\nexport default function ConfigurationsMyAccountModal() {\n  const {\n    activeModal,\n    openDeleteAccount,\n    openIsntPossibleDelete,\n    close,\n  } = useAccountModals();\n  const { whitelabel } = useWhitelabel();\n\n  const open = activeModal === 'configurations';\n\n  const { data: subscriptionData } = useActiveSubscription();\n  const subscription = subscriptionData?.data?.[0] ?? null;\n  const isPaidSubscriptionType =\n    !!subscription &&\n    subscription.type !== 'free' &&\n    subscription.type !== 'trial';\n  const isBlockingSubscription =\n    isPaidSubscriptionType &&\n    subscription.active === true &&\n    !subscription.date_cancellation &&\n    !hasSubscriptionExpired(subscription.date_due);\n\n  const { user } = useAuth();\n  const isOwner = user?.profile === UserProfile.owner;\n\n  const isMobile = useIsMobile();\n  const { activeSection, setActiveSection } = useConfigurationsModal({\n    isOpen: open,\n  });\n\n  const handleDeleteAccount = () => {\n    close();\n    if (isBlockingSubscription) {\n      openIsntPossibleDelete();\n    } else {\n      openDeleteAccount();\n    }\n  };\n\n  const tabTriggerClasses = cn(\n    'border-0! px-0 py-0',\n\n    'lg:rounded-md lg:flex lg:items-center lg:gap-2 lg:p-3 lg:justify-start lg:w-full',\n    'lg:bg-white lg:hover:bg-gray-100 lg:active:bg-gray-50 lg:border-0',\n    'lg:data-[state=active]:bg-gray-50',\n\n    'flex items-center gap-1.5 px-3 py-3 justify-center whitespace-nowrap',\n    'border-b-2 border-transparent',\n    'data-[state=active]:bg-gray-50 rounded-lg',\n\n    'text-gray-500 data-[state=active]:text-gray-950',\n    'hover:text-gray-900 transition-colors'\n  );\n\n  return (\n    <Dialog open={open} onOpenChange={close}>\n      <DialogContent\n        showCloseButton={!isMobile}\n        overlayClassName=\"bg-black/20 lg:bg-black/50\"\n        className=\"\n          flex flex-col p-0 gap-0 max-w-full sm:max-w-full overflow-x-hidden border-0\n          rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0\n          lg:flex-row lg:w-[892px] lg:max-w-[892px] lg:h-[626px] lg:rounded-lg lg:border\n          lg:top-[50%] lg:bottom-auto lg:left-[50%] lg:right-auto lg:translate-x-[-50%] lg:translate-y-[-50%]\"\n      >\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>Configurações</DialogTitle>\n        </DialogHeader>\n        <div className=\"md:hidden flex items-center justify-between px-5 py-3 border-b border-gray-200\">\n          <span className=\"text-gray-950 paragraph-medium-semibold\">Configurações</span>\n          <button\n            type=\"button\"\n            className=\"size-8 flex items-center justify-center text-gray-500 cursor-pointer\"\n            onClick={close}\n          >\n            <IconX size={18} />\n          </button>\n        </div>\n        <Tabs\n          value={activeSection}\n          onValueChange={(value) => setActiveSection(value as AccountSectionType)}\n          orientation=\"vertical\"\n          className=\"flex lg:flex-row flex-col w-full h-full flex-1 lg:h-full lg:pt-0 lg:gap-0\"\n        >\n          <TabsList\n            className={cn(\n              'flex gap-0 bg-transparent border-b-0',\n\n              'lg:flex-col lg:items-stretch lg:justify-start lg:w-auto lg:min-w-60',\n              'lg:border-r lg:border-gray-200 lg:pl-5 lg:pr-5 lg:pt-5 lg:gap-5 lg:overflow-x-visible lg:self-stretch',\n\n              'flex-row items-center justify-start w-full overflow-x-auto scrollbar-hide shrink-0',\n              'px-4 py-3',\n              '[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-24px),transparent)] lg:[mask-image:none]'\n            )}\n          >\n            <span className=\"hidden lg:block paragraph-medium-semibold text-gray-950 mb-0\">\n              Configurações\n            </span>\n\n            <div className=\"lg:flex lg:flex-col flex flex-row lg:gap-0 gap-0 lg:w-full\">\n              <TabsTrigger value={AccountSectionType.PREFERENCES} className={tabTriggerClasses}>\n                <IconSettings2 size={20} className=\"shrink-0\" />\n                <span className=\"paragraph-small-medium\">Preferências</span>\n              </TabsTrigger>\n\n              {isOwner && whitelabel?.id === 1 && (\n                <TabsTrigger value={AccountSectionType.TOKEN} className={tabTriggerClasses}>\n                  <IconKey size={20} className=\"shrink-0\" />\n                  <span className=\"paragraph-small-medium\">Token da conta</span>\n                </TabsTrigger>\n              )}\n\n              {isOwner && (\n                <TabsTrigger value={AccountSectionType.SECURITY} className={tabTriggerClasses}>\n                  <IconLock size={20} className=\"shrink-0\" />\n                  <span className=\"paragraph-small-medium\">Segurança</span>\n                </TabsTrigger>\n              )}\n            </div>\n          </TabsList>\n\n          <div className=\"w-full flex-1 min-h-0 lg:h-full overflow-hidden lg:overflow-visible relative flex flex-col\">\n            <TabsContent value={AccountSectionType.PREFERENCES} className=\"h-full! relative overflow-hidden\">\n              <PreferencesSection onClose={close} />\n            </TabsContent>\n\n            {isOwner && (\n              <TabsContent value={AccountSectionType.TOKEN} className=\"h-full! relative overflow-hidden\">\n                <TokenSection />\n              </TabsContent>\n            )}\n\n            {isOwner && (\n              <>\n                <TabsContent value={AccountSectionType.SECURITY} className=\"h-full! relative overflow-hidden\">\n                  <SecuritySection\n                    setActiveSection={setActiveSection}\n                    onClose={close}\n                    onDeleteAccount={handleDeleteAccount}\n                  />\n                </TabsContent>\n\n                <TabsContent value={AccountSectionType.CHANGE_PASSWORD} className=\"h-full! relative overflow-hidden\">\n                  <ChangePasswordSection onBack={() => setActiveSection(AccountSectionType.SECURITY)} />\n                </TabsContent>\n              </>\n            )}\n          </div>\n        </Tabs>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/account/ConfigurationsMyAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { IconKey, IconLock, IconSettings2, IconX } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../ui/data-display/Tabs';\nimport { cn } from '../../infra/utils/clsx';\nimport { AccountSectionType } from '../../enums/AccountSectionType';\nimport { PreferencesSection } from './sections/PreferencesSection';\nimport { ChangePasswordSection } from './sections/ChangePasswordSection';\nimport { TokenSection } from './sections/TokenSection';\nimport { SecuritySection } from './sections/SecuritySection';\nimport useConfigurationsModal from './hooks/useConfigurationsModal';\nimport useIsMobile from '../../hooks/useIsMobile';\nimport { useAccountModals } from '../../store/useAccountModals';\nimport { useAuth } from '../../providers/auth.provider';\nimport { UserProfile } from '../../modules/users/schema';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\nimport { hasSubscriptionExpired } from '../../modules/subscriptions/utils/has-subscription-expired';\nimport { useWhitelabel } from '../../providers/whitelabel.provider';\n\nexport default function ConfigurationsMyAccountModal() {\n  const translate = useTranslations();\n  const {\n    activeModal,\n    openDeleteAccount,\n    openIsntPossibleDelete,\n    close,\n  } = useAccountModals();\n  const { whitelabel } = useWhitelabel();\n\n  const open = activeModal === 'configurations';\n\n  const { data: subscriptionData } = useActiveSubscription();\n  const subscription = subscriptionData?.data?.[0] ?? null;\n  const isPaidSubscriptionType =\n    !!subscription &&\n    subscription.type !== 'free' &&\n    subscription.type !== 'trial';\n  const isBlockingSubscription =\n    isPaidSubscriptionType &&\n    subscription.active === true &&\n    !subscription.date_cancellation &&\n    !hasSubscriptionExpired(subscription.date_due);\n\n  const { user } = useAuth();\n  const isOwner = user?.profile === UserProfile.owner;\n\n  const isMobile = useIsMobile();\n  const { activeSection, setActiveSection } = useConfigurationsModal({\n    isOpen: open,\n  });\n\n  const handleDeleteAccount = () => {\n    close();\n    if (isBlockingSubscription) {\n      openIsntPossibleDelete();\n    } else {\n      openDeleteAccount();\n    }\n  };\n\n  const tabTriggerClasses = cn(\n    'border-0! px-0 py-0',\n\n    'lg:rounded-md lg:flex lg:items-center lg:gap-2 lg:p-3 lg:justify-start lg:w-full',\n    'lg:bg-white lg:hover:bg-gray-100 lg:active:bg-gray-50 lg:border-0',\n    'lg:data-[state=active]:bg-gray-50',\n\n    'flex items-center gap-1.5 px-3 py-3 justify-center whitespace-nowrap',\n    'border-b-2 border-transparent',\n    'data-[state=active]:bg-gray-50 rounded-lg',\n\n    'text-gray-500 data-[state=active]:text-gray-950',\n    'hover:text-gray-900 transition-colors'\n  );\n\n  return (\n    <Dialog open={open} onOpenChange={close}>\n      <DialogContent\n        showCloseButton={!isMobile}\n        overlayClassName=\"bg-black/20 lg:bg-black/50\"\n        className=\"\n          flex flex-col p-0 gap-0 max-w-full sm:max-w-full overflow-x-hidden border-0\n          rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0\n          lg:flex-row lg:w-[892px] lg:max-w-[892px] lg:h-[626px] lg:rounded-lg lg:border\n          lg:top-[50%] lg:bottom-auto lg:left-[50%] lg:right-auto lg:translate-x-[-50%] lg:translate-y-[-50%]\"\n      >\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>{translate('common.account.configurations.title')}</DialogTitle>\n        </DialogHeader>\n        <div className=\"md:hidden flex items-center justify-between px-5 py-3 border-b border-gray-200\">\n          <span className=\"text-gray-950 paragraph-medium-semibold\">\n            {translate('common.account.configurations.title')}\n          </span>\n          <button\n            type=\"button\"\n            className=\"size-8 flex items-center justify-center text-gray-500 cursor-pointer\"\n            onClick={close}\n          >\n            <IconX size={18} />\n          </button>\n        </div>\n        <Tabs\n          value={activeSection}\n          onValueChange={(value) => setActiveSection(value as AccountSectionType)}\n          orientation=\"vertical\"\n          className=\"flex lg:flex-row flex-col w-full h-full flex-1 lg:h-full lg:pt-0 lg:gap-0\"\n        >\n          <TabsList\n            className={cn(\n              'flex gap-0 bg-transparent border-b-0',\n\n              'lg:flex-col lg:items-stretch lg:justify-start lg:w-auto lg:min-w-60',\n              'lg:border-r lg:border-gray-200 lg:pl-5 lg:pr-5 lg:pt-5 lg:gap-5 lg:overflow-x-visible lg:self-stretch',\n\n              'flex-row items-center justify-start w-full overflow-x-auto scrollbar-hide shrink-0',\n              'px-4 py-3',\n              '[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-24px),transparent)] lg:[mask-image:none]'\n            )}\n          >\n            <span className=\"hidden lg:block paragraph-medium-semibold text-gray-950 mb-0\">\n              {translate('common.account.configurations.title')}\n            </span>\n\n            <div className=\"lg:flex lg:flex-col flex flex-row lg:gap-0 gap-0 lg:w-full\">\n              <TabsTrigger value={AccountSectionType.PREFERENCES} className={tabTriggerClasses}>\n                <IconSettings2 size={20} className=\"shrink-0\" />\n                <span className=\"paragraph-small-medium\">{translate('common.preferences.title')}</span>\n              </TabsTrigger>\n\n              {isOwner && whitelabel?.id === 1 && (\n                <TabsTrigger value={AccountSectionType.TOKEN} className={tabTriggerClasses}>\n                  <IconKey size={20} className=\"shrink-0\" />\n                  <span className=\"paragraph-small-medium\">{translate('common.account.token.title')}</span>\n                </TabsTrigger>\n              )}\n\n              {isOwner && (\n                <TabsTrigger value={AccountSectionType.SECURITY} className={tabTriggerClasses}>\n                  <IconLock size={20} className=\"shrink-0\" />\n                  <span className=\"paragraph-small-medium\">{translate('common.account.security.title')}</span>\n                </TabsTrigger>\n              )}\n            </div>\n          </TabsList>\n\n          <div className=\"w-full flex-1 min-h-0 lg:h-full overflow-hidden lg:overflow-visible relative flex flex-col\">\n            <TabsContent value={AccountSectionType.PREFERENCES} className=\"h-full! relative overflow-hidden\">\n              <PreferencesSection onClose={close} />\n            </TabsContent>\n\n            {isOwner && (\n              <TabsContent value={AccountSectionType.TOKEN} className=\"h-full! relative overflow-hidden\">\n                <TokenSection />\n              </TabsContent>\n            )}\n\n            {isOwner && (\n              <>\n                <TabsContent value={AccountSectionType.SECURITY} className=\"h-full! relative overflow-hidden\">\n                  <SecuritySection\n                    setActiveSection={setActiveSection}\n                    onClose={close}\n                    onDeleteAccount={handleDeleteAccount}\n                  />\n                </TabsContent>\n\n                <TabsContent value={AccountSectionType.CHANGE_PASSWORD} className=\"h-full! relative overflow-hidden\">\n                  <ChangePasswordSection onBack={() => setActiveSection(AccountSectionType.SECURITY)} />\n                </TabsContent>\n              </>\n            )}\n          </div>\n        </Tabs>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAyFU,SAsEI,UAtEJ,KAEF,YAFE;AAvFV,SAAS,SAAS,UAAU,eAAe,aAAa;AACxD,SAAS,uBAAuB;AAChC,SAAS,QAAQ,eAAe,cAAc,mBAAmB;AACjE,SAAS,MAAM,UAAU,aAAa,mBAAmB;AACzD,SAAS,UAAU;AACnB,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,OAAO,4BAA4B;AACnC,OAAO,iBAAiB;AACxB,SAAS,wBAAwB;AACjC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AACvC,SAAS,qBAAqB;AAEf,SAAR,+BAAgD;AACrD,QAAM,YAAY,gBAAgB;AAClC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,iBAAiB;AACrB,QAAM,EAAE,WAAW,IAAI,cAAc;AAErC,QAAM,OAAO,gBAAgB;AAE7B,QAAM,EAAE,MAAM,iBAAiB,IAAI,sBAAsB;AACzD,QAAM,eAAe,kBAAkB,OAAO,CAAC,KAAK;AACpD,QAAM,yBACJ,CAAC,CAAC,gBACF,aAAa,SAAS,UACtB,aAAa,SAAS;AACxB,QAAM,yBACJ,0BACA,aAAa,WAAW,QACxB,CAAC,aAAa,qBACd,CAAC,uBAAuB,aAAa,QAAQ;AAE/C,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,UAAU,MAAM,YAAY,YAAY;AAE9C,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,eAAe,iBAAiB,IAAI,uBAAuB;AAAA,IACjE,QAAQ;AAAA,EACV,CAAC;AAED,QAAM,sBAAsB,MAAM;AAChC,UAAM;AACN,QAAI,wBAAwB;AAC1B,6BAAuB;AAAA,IACzB,OAAO;AACL,wBAAkB;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,oBAAoB;AAAA,IACxB;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,OAChC;AAAA,IAAC;AAAA;AAAA,MACC,iBAAiB,CAAC;AAAA,MAClB,kBAAiB;AAAA,MACjB,WAAU;AAAA,MAMV;AAAA,4BAAC,gBAAa,WAAU,WACtB,8BAAC,eAAa,oBAAU,qCAAqC,GAAE,GACjE;AAAA,QACA,qBAAC,SAAI,WAAU,kFACb;AAAA,8BAAC,UAAK,WAAU,2CACb,oBAAU,qCAAqC,GAClD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cAET,8BAAC,SAAM,MAAM,IAAI;AAAA;AAAA,UACnB;AAAA,WACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,eAAe,CAAC,UAAU,iBAAiB,KAA2B;AAAA,YACtE,aAAY;AAAA,YACZ,WAAU;AAAA,YAEV;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBAEA;AAAA,oBACA;AAAA,oBAEA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF;AAAA,kBAEA;AAAA,wCAAC,UAAK,WAAU,gEACb,oBAAU,qCAAqC,GAClD;AAAA,oBAEA,qBAAC,SAAI,WAAU,8DACb;AAAA,2CAAC,eAAY,OAAO,mBAAmB,aAAa,WAAW,mBAC7D;AAAA,4CAAC,iBAAc,MAAM,IAAI,WAAU,YAAW;AAAA,wBAC9C,oBAAC,UAAK,WAAU,0BAA0B,oBAAU,0BAA0B,GAAE;AAAA,yBAClF;AAAA,sBAEC,WAAW,YAAY,OAAO,KAC7B,qBAAC,eAAY,OAAO,mBAAmB,OAAO,WAAW,mBACvD;AAAA,4CAAC,WAAQ,MAAM,IAAI,WAAU,YAAW;AAAA,wBACxC,oBAAC,UAAK,WAAU,0BAA0B,oBAAU,4BAA4B,GAAE;AAAA,yBACpF;AAAA,sBAGD,WACC,qBAAC,eAAY,OAAO,mBAAmB,UAAU,WAAW,mBAC1D;AAAA,4CAAC,YAAS,MAAM,IAAI,WAAU,YAAW;AAAA,wBACzC,oBAAC,UAAK,WAAU,0BAA0B,oBAAU,+BAA+B,GAAE;AAAA,yBACvF;AAAA,uBAEJ;AAAA;AAAA;AAAA,cACF;AAAA,cAEA,qBAAC,SAAI,WAAU,8FACb;AAAA,oCAAC,eAAY,OAAO,mBAAmB,aAAa,WAAU,oCAC5D,8BAAC,sBAAmB,SAAS,OAAO,GACtC;AAAA,gBAEC,WACC,oBAAC,eAAY,OAAO,mBAAmB,OAAO,WAAU,oCACtD,8BAAC,gBAAa,GAChB;AAAA,gBAGD,WACC,iCACE;AAAA,sCAAC,eAAY,OAAO,mBAAmB,UAAU,WAAU,oCACzD;AAAA,oBAAC;AAAA;AAAA,sBACC;AAAA,sBACA,SAAS;AAAA,sBACT,iBAAiB;AAAA;AAAA,kBACnB,GACF;AAAA,kBAEA,oBAAC,eAAY,OAAO,mBAAmB,iBAAiB,WAAU,oCAChE,8BAAC,yBAAsB,QAAQ,MAAM,iBAAiB,mBAAmB,QAAQ,GAAG,GACtF;AAAA,mBACF;AAAA,iBAEJ;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/account/ConfirmDeleteAccountModal.mjs

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
 import { IconAlertTriangle } from "@tabler/icons-react";
 import { toast } from "sonner";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
@@ -14,6 +15,7 @@ import {
 import { useAuth } from "../../providers/auth.provider";
 import { UserProfile } from "../../modules/users/schema";
 function ConfirmDeleteAccountModal() {
+  const translate = useTranslations();
   const { activeModal, deleteAccountPayload, openDeleteAccount, close } = useAccountModals();
   const open = activeModal === "confirmDelete";
   const { data: pagesCount = 0 } = useCountPages();
@@ -26,7 +28,7 @@ function ConfirmDeleteAccountModal() {
     try {
       if (isOwner) {
         if (!deleteAccountPayload) {
-          openDeleteAccount("Sess\xE3o expirada. Preencha os campos novamente.");
+          openDeleteAccount(translate("common.account.confirmDelete.sessionExpired"));
           return;
         }
         await deleteAccount.mutateAsync({ password: deleteAccountPayload.password });
@@ -34,39 +36,38 @@ function ConfirmDeleteAccountModal() {
         await deleteAccountUser.mutateAsync(user.id);
       }
       close();
-      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: "Conta exclu\xEDda com sucesso", toastId: t }));
+      toast.custom((toastId) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "success",
+          message: translate("common.account.confirmDelete.success"),
+          toastId
+        }
+      ));
       await logout();
     } catch (error) {
-      const message = error instanceof Error ? error.message : "Erro ao excluir. Tente novamente.";
+      const message = error instanceof Error ? error.message : translate("common.account.confirmDelete.error");
       if (isOwner) {
         openDeleteAccount(message);
         return;
       }
-      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message, toastId: t }));
+      toast.custom((toastId) => /* @__PURE__ */ jsx(Toast, { variant: "error", message, toastId }));
     }
   };
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: isDeleting ? void 0 : close, children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col p-0 gap-0 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: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5 p-4 lg:p-5", children: [
-      /* @__PURE__ */ jsx(DialogHeader, { className: "p-0", children: /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-gray-950", children: "Uma pena te ver ir!" }) }),
+      /* @__PURE__ */ jsx(DialogHeader, { className: "p-0", children: /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-gray-950", children: translate("common.account.confirmDelete.title") }) }),
       /* @__PURE__ */ jsxs("div", { className: "bg-red-50 p-4 lg:p-5 rounded-lg flex items-center gap-4", children: [
         /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, className: "text-red-500 shrink-0", strokeWidth: 2 }),
-        /* @__PURE__ */ jsxs("p", { className: "paragraph-small-regular text-gray-600", children: [
-          "Todas suas",
-          " ",
-          /* @__PURE__ */ jsxs("span", { className: "font-semibold text-gray-950", children: [
-            pagesCount,
-            " p\xE1ginas"
-          ] }),
-          " ",
-          "ser\xE3o deletadas permanentemente. Essa a\xE7\xE3o \xE9",
-          " ",
-          /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-950", children: "irrevers\xEDvel!" })
-        ] })
+        /* @__PURE__ */ jsx("p", { className: "paragraph-small-regular text-gray-600", children: translate.rich("common.account.confirmDelete.warning", {
+          count: String(pagesCount),
+          b: (chunks) => /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-950", children: chunks })
+        }) })
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "h-px bg-gray-200" }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-4 lg:p-5", children: [
-      /* @__PURE__ */ jsx(Button, { className: "h-10 flex-1", onClick: close, disabled: isDeleting, children: "Manter minha conta" }),
+      /* @__PURE__ */ jsx(Button, { className: "h-10 flex-1", onClick: close, disabled: isDeleting, children: translate("common.account.confirmDelete.keepAccount") }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -74,7 +75,7 @@ function ConfirmDeleteAccountModal() {
           className: "h-10! flex-1",
           onClick: handleConfirm,
           disabled: isDeleting,
-          children: isDeleting ? "Excluindo..." : "Excluir mesmo assim"
+          children: isDeleting ? translate("common.account.confirmDelete.deleting") : translate("common.account.confirmDelete.deleteAnyway")
         }
       )
     ] })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/ConfirmDeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { IconAlertTriangle } from '@tabler/icons-react';\nimport { toast } from 'sonner';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Button } from '../ui/buttons/Button';\nimport { Toast } from '../ui/feedback/Toast';\nimport { useAccountModals } from '../../store/useAccountModals';\nimport { useCountPages } from '../../modules/pages/hooks/count-pages.hook';\nimport {\n  useDeleteAccount,\n  useDeleteAccountUser,\n} from '../../modules/accounts/hooks/useAccountManagement';\nimport { useAuth } from '../../providers/auth.provider';\nimport { UserProfile } from '../../modules/users/schema';\n\nexport default function ConfirmDeleteAccountModal() {\n  const { activeModal, deleteAccountPayload, openDeleteAccount, close } = useAccountModals();\n  const open = activeModal === 'confirmDelete';\n\n  const { data: pagesCount = 0 } = useCountPages();\n\n  const { user, logout } = useAuth();\n  const isOwner = user?.profile === UserProfile.owner;\n\n  const deleteAccount = useDeleteAccount();\n  const deleteAccountUser = useDeleteAccountUser();\n  const isDeleting = deleteAccount.isPending || deleteAccountUser.isPending;\n\n  const handleConfirm = async () => {\n    try {\n      if (isOwner) {\n        if (!deleteAccountPayload) {\n          // Fluxo quebrado (usuário pulou o primeiro modal ou refresh) — manda\n          // de volta pro modal inicial pra re-coletar a senha.\n          openDeleteAccount('Sessão expirada. Preencha os campos novamente.');\n          return;\n        }\n        await deleteAccount.mutateAsync({ password: deleteAccountPayload.password });\n      } else {\n        await deleteAccountUser.mutateAsync(user!.id);\n      }\n      close();\n      toast.custom((t) => (\n        <Toast variant=\"success\" message=\"Conta excluída com sucesso\" toastId={t} />\n      ));\n      await logout();\n    } catch (error) {\n      const message = error instanceof Error ? error.message : 'Erro ao excluir. Tente novamente.';\n      if (isOwner) {\n        // Falha no delete do owner (ex.: senha inválida) — volta pro primeiro\n        // modal com a mensagem do backend pra o usuário corrigir e tentar de novo.\n        openDeleteAccount(message);\n        return;\n      }\n      toast.custom((t) => (\n        <Toast variant=\"error\" message={message} toastId={t} />\n      ));\n    }\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={isDeleting ? undefined : close}>\n      <DialogContent className=\"flex flex-col p-0 gap-0 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 p-4 lg:p-5\">\n          <DialogHeader className=\"p-0\">\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\n              Uma pena te ver ir!\n            </DialogTitle>\n          </DialogHeader>\n\n          <div className=\"bg-red-50 p-4 lg:p-5 rounded-lg flex items-center gap-4\">\n            <IconAlertTriangle size={20} className=\"text-red-500 shrink-0\" strokeWidth={2} />\n            <p className=\"paragraph-small-regular text-gray-600\">\n              Todas suas{' '}\n              <span className=\"font-semibold text-gray-950\">{pagesCount} páginas</span>{' '}\n              serão deletadas permanentemente. Essa ação é{' '}\n              <span className=\"font-semibold text-gray-950\">irreversível!</span>\n            </p>\n          </div>\n        </div>\n\n        <div className=\"h-px bg-gray-200\" />\n\n        <div className=\"flex items-center gap-2 p-4 lg:p-5\">\n          <Button className=\"h-10 flex-1\" onClick={close} disabled={isDeleting}>\n            Manter minha conta\n          </Button>\n          <Button\n            variant=\"secondary\"\n            className=\"h-10! flex-1\"\n            onClick={handleConfirm}\n            disabled={isDeleting}\n          >\n            {isDeleting ? 'Excluindo...' : 'Excluir mesmo assim'}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AA4CQ,cA+BM,YA/BN;AA1CR,SAAS,yBAAyB;AAClC,SAAS,aAAa;AACtB,SAAS,QAAQ,eAAe,cAAc,mBAAmB;AACjE,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAEb,SAAR,4BAA6C;AAClD,QAAM,EAAE,aAAa,sBAAsB,mBAAmB,MAAM,IAAI,iBAAiB;AACzF,QAAM,OAAO,gBAAgB;AAE7B,QAAM,EAAE,MAAM,aAAa,EAAE,IAAI,cAAc;AAE/C,QAAM,EAAE,MAAM,OAAO,IAAI,QAAQ;AACjC,QAAM,UAAU,MAAM,YAAY,YAAY;AAE9C,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM,aAAa,cAAc,aAAa,kBAAkB;AAEhE,QAAM,gBAAgB,YAAY;AAChC,QAAI;AACF,UAAI,SAAS;AACX,YAAI,CAAC,sBAAsB;AAGzB,4BAAkB,mDAAgD;AAClE;AAAA,QACF;AACA,cAAM,cAAc,YAAY,EAAE,UAAU,qBAAqB,SAAS,CAAC;AAAA,MAC7E,OAAO;AACL,cAAM,kBAAkB,YAAY,KAAM,EAAE;AAAA,MAC9C;AACA,YAAM;AACN,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,iCAA6B,SAAS,GAAG,CAC3E;AACD,YAAM,OAAO;AAAA,IACf,SAAS,OAAO;AACd,YAAM,UAAU,iBAAiB,QAAQ,MAAM,UAAU;AACzD,UAAI,SAAS;AAGX,0BAAkB,OAAO;AACzB;AAAA,MACF;AACA,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAkB,SAAS,GAAG,CACtD;AAAA,IACH;AAAA,EACF;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,aAAa,SAAY,OACzD,+BAAC,iBAAc,WAAU,2NACvB;AAAA,yBAAC,SAAI,WAAU,kCACb;AAAA,0BAAC,gBAAa,WAAU,OACtB,8BAAC,eAAY,WAAU,2CAA0C,iCAEjE,GACF;AAAA,MAEA,qBAAC,SAAI,WAAU,2DACb;AAAA,4BAAC,qBAAkB,MAAM,IAAI,WAAU,yBAAwB,aAAa,GAAG;AAAA,QAC/E,qBAAC,OAAE,WAAU,yCAAwC;AAAA;AAAA,UACxC;AAAA,UACX,qBAAC,UAAK,WAAU,+BAA+B;AAAA;AAAA,YAAW;AAAA,aAAQ;AAAA,UAAQ;AAAA,UAAI;AAAA,UACjC;AAAA,UAC7C,oBAAC,UAAK,WAAU,+BAA8B,8BAAa;AAAA,WAC7D;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,oBAAmB;AAAA,IAElC,qBAAC,SAAI,WAAU,sCACb;AAAA,0BAAC,UAAO,WAAU,eAAc,SAAS,OAAO,UAAU,YAAY,gCAEtE;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UAET,uBAAa,iBAAiB;AAAA;AAAA,MACjC;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/account/ConfirmDeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { useTranslations } from 'next-intl';\nimport { IconAlertTriangle } from '@tabler/icons-react';\nimport { toast } from 'sonner';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\nimport { Button } from '../ui/buttons/Button';\nimport { Toast } from '../ui/feedback/Toast';\nimport { useAccountModals } from '../../store/useAccountModals';\nimport { useCountPages } from '../../modules/pages/hooks/count-pages.hook';\nimport {\n  useDeleteAccount,\n  useDeleteAccountUser,\n} from '../../modules/accounts/hooks/useAccountManagement';\nimport { useAuth } from '../../providers/auth.provider';\nimport { UserProfile } from '../../modules/users/schema';\n\nexport default function ConfirmDeleteAccountModal() {\n  const translate = useTranslations();\n  const { activeModal, deleteAccountPayload, openDeleteAccount, close } = useAccountModals();\n  const open = activeModal === 'confirmDelete';\n\n  const { data: pagesCount = 0 } = useCountPages();\n\n  const { user, logout } = useAuth();\n  const isOwner = user?.profile === UserProfile.owner;\n\n  const deleteAccount = useDeleteAccount();\n  const deleteAccountUser = useDeleteAccountUser();\n  const isDeleting = deleteAccount.isPending || deleteAccountUser.isPending;\n\n  const handleConfirm = async () => {\n    try {\n      if (isOwner) {\n        if (!deleteAccountPayload) {\n          // Fluxo quebrado (usuário pulou o primeiro modal ou refresh) — manda\n          // de volta pro modal inicial pra re-coletar a senha.\n          openDeleteAccount(translate('common.account.confirmDelete.sessionExpired'));\n          return;\n        }\n        await deleteAccount.mutateAsync({ password: deleteAccountPayload.password });\n      } else {\n        await deleteAccountUser.mutateAsync(user!.id);\n      }\n      close();\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"success\"\n          message={translate('common.account.confirmDelete.success')}\n          toastId={toastId}\n        />\n      ));\n      await logout();\n    } catch (error) {\n      const message =\n        error instanceof Error ? error.message : translate('common.account.confirmDelete.error');\n      if (isOwner) {\n        // Falha no delete do owner (ex.: senha inválida) — volta pro primeiro\n        // modal com a mensagem do backend pra o usuário corrigir e tentar de novo.\n        openDeleteAccount(message);\n        return;\n      }\n      toast.custom((toastId) => (\n        <Toast variant=\"error\" message={message} toastId={toastId} />\n      ));\n    }\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={isDeleting ? undefined : close}>\n      <DialogContent className=\"flex flex-col p-0 gap-0 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 p-4 lg:p-5\">\n          <DialogHeader className=\"p-0\">\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\n              {translate('common.account.confirmDelete.title')}\n            </DialogTitle>\n          </DialogHeader>\n\n          <div className=\"bg-red-50 p-4 lg:p-5 rounded-lg flex items-center gap-4\">\n            <IconAlertTriangle size={20} className=\"text-red-500 shrink-0\" strokeWidth={2} />\n            <p className=\"paragraph-small-regular text-gray-600\">\n              {translate.rich('common.account.confirmDelete.warning', {\n                count: String(pagesCount),\n                b: (chunks) => <span className=\"font-semibold text-gray-950\">{chunks}</span>,\n              })}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"h-px bg-gray-200\" />\n\n        <div className=\"flex items-center gap-2 p-4 lg:p-5\">\n          <Button className=\"h-10 flex-1\" onClick={close} disabled={isDeleting}>\n            {translate('common.account.confirmDelete.keepAccount')}\n          </Button>\n          <Button\n            variant=\"secondary\"\n            className=\"h-10! flex-1\"\n            onClick={handleConfirm}\n            disabled={isDeleting}\n          >\n            {isDeleting\n              ? translate('common.account.confirmDelete.deleting')\n              : translate('common.account.confirmDelete.deleteAnyway')}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AA8CQ,cAgCE,YAhCF;AA5CR,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,aAAa;AACtB,SAAS,QAAQ,eAAe,cAAc,mBAAmB;AACjE,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAEb,SAAR,4BAA6C;AAClD,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,aAAa,sBAAsB,mBAAmB,MAAM,IAAI,iBAAiB;AACzF,QAAM,OAAO,gBAAgB;AAE7B,QAAM,EAAE,MAAM,aAAa,EAAE,IAAI,cAAc;AAE/C,QAAM,EAAE,MAAM,OAAO,IAAI,QAAQ;AACjC,QAAM,UAAU,MAAM,YAAY,YAAY;AAE9C,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM,aAAa,cAAc,aAAa,kBAAkB;AAEhE,QAAM,gBAAgB,YAAY;AAChC,QAAI;AACF,UAAI,SAAS;AACX,YAAI,CAAC,sBAAsB;AAGzB,4BAAkB,UAAU,6CAA6C,CAAC;AAC1E;AAAA,QACF;AACA,cAAM,cAAc,YAAY,EAAE,UAAU,qBAAqB,SAAS,CAAC;AAAA,MAC7E,OAAO;AACL,cAAM,kBAAkB,YAAY,KAAM,EAAE;AAAA,MAC9C;AACA,YAAM;AACN,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,sCAAsC;AAAA,UACzD;AAAA;AAAA,MACF,CACD;AACD,YAAM,OAAO;AAAA,IACf,SAAS,OAAO;AACd,YAAM,UACJ,iBAAiB,QAAQ,MAAM,UAAU,UAAU,oCAAoC;AACzF,UAAI,SAAS;AAGX,0BAAkB,OAAO;AACzB;AAAA,MACF;AACA,YAAM,OAAO,CAAC,YACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAkB,SAAkB,CAC5D;AAAA,IACH;AAAA,EACF;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,aAAa,SAAY,OACzD,+BAAC,iBAAc,WAAU,2NACvB;AAAA,yBAAC,SAAI,WAAU,kCACb;AAAA,0BAAC,gBAAa,WAAU,OACtB,8BAAC,eAAY,WAAU,2CACpB,oBAAU,oCAAoC,GACjD,GACF;AAAA,MAEA,qBAAC,SAAI,WAAU,2DACb;AAAA,4BAAC,qBAAkB,MAAM,IAAI,WAAU,yBAAwB,aAAa,GAAG;AAAA,QAC/E,oBAAC,OAAE,WAAU,yCACV,oBAAU,KAAK,wCAAwC;AAAA,UACtD,OAAO,OAAO,UAAU;AAAA,UACxB,GAAG,CAAC,WAAW,oBAAC,UAAK,WAAU,+BAA+B,kBAAO;AAAA,QACvE,CAAC,GACH;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,oBAAmB;AAAA,IAElC,qBAAC,SAAI,WAAU,sCACb;AAAA,0BAAC,UAAO,WAAU,eAAc,SAAS,OAAO,UAAU,YACvD,oBAAU,0CAA0C,GACvD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UAET,uBACG,UAAU,uCAAuC,IACjD,UAAU,2CAA2C;AAAA;AAAA,MAC3D;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/account/ConfirmGlobalPreferencesModal.mjs

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
 import { IconAlertTriangle } from "@tabler/icons-react";
 import { Button } from "../ui/buttons/Button";
 import {
@@ -15,27 +16,25 @@ function ConfirmGlobalPreferencesModal({
   onConfirm,
   onCancel
 }) {
+  const translate = useTranslations();
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: onCancel, children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col p-0 gap-0 md:w-[386px]! lg:w-[386px]! max-w-[386px]! max-[386px]:w-[calc(100%-32px)]", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: "Alterar prefer\xEAncias globais" }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: "Confirma\xE7\xE3o de altera\xE7\xE3o de prefer\xEAncias globais da conta" })
+      /* @__PURE__ */ jsx(DialogTitle, { children: translate("common.account.globalPreferences.title") }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: translate("common.account.globalPreferences.srDescription") })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 p-5", children: [
       /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center bg-gray-50 rounded-lg size-10", children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 24, className: "text-gray-950" }) }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950", children: "Alterar prefer\xEAncias globais" }),
-        /* @__PURE__ */ jsxs("span", { className: "paragraph-small-regular text-gray-600", children: [
-          "Voc\xEA est\xE1 alterando configura\xE7\xF5es que impactam",
-          " ",
-          /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-gray-950", children: "todos os usu\xE1rios da conta" }),
-          ". Deseja confirmar?"
-        ] })
+        /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950", children: translate("common.account.globalPreferences.title") }),
+        /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-gray-600", children: translate.rich("common.account.globalPreferences.warning", {
+          b: (chunks) => /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-gray-950", children: chunks })
+        }) })
       ] })
     ] }),
     /* @__PURE__ */ jsx(Separator, { className: "w-full" }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-5", children: [
-      /* @__PURE__ */ jsx(Button, { onClick: onConfirm, className: "h-10!", children: "Confirmar" }),
-      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onCancel, className: "h-10!", children: "Cancelar" })
+      /* @__PURE__ */ jsx(Button, { onClick: onConfirm, className: "h-10!", children: translate("common.actions.confirm") }),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onCancel, className: "h-10!", children: translate("common.actions.cancel") })
     ] })
   ] }) });
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/ConfirmGlobalPreferencesModal.tsx"],"sourcesContent":["'use client';\n\nimport { IconAlertTriangle } from '@tabler/icons-react';\nimport { Button } from '../ui/buttons/Button';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n} from '../ui/overlay/Dialog';\nimport { Separator } from '../ui/data-display/Separator';\n\ninterface ConfirmGlobalPreferencesModalProps {\n  open: boolean;\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\nexport default function ConfirmGlobalPreferencesModal({\n  open,\n  onConfirm,\n  onCancel,\n}: ConfirmGlobalPreferencesModalProps) {\n  return (\n    <Dialog open={open} onOpenChange={onCancel}>\n      <DialogContent className=\"flex flex-col p-0 gap-0 md:w-[386px]! lg:w-[386px]! max-w-[386px]! max-[386px]:w-[calc(100%-32px)]\">\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>Alterar preferências globais</DialogTitle>\n          <DialogDescription>\n            Confirmação de alteração de preferências globais da conta\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"flex flex-col gap-3 p-5\">\n          <div className=\"flex items-center justify-center bg-gray-50 rounded-lg size-10\">\n            <IconAlertTriangle size={24} className=\"text-gray-950\" />\n          </div>\n          <div className=\"flex flex-col gap-2\">\n            <span className=\"paragraph-medium-semibold text-gray-950\">\n              Alterar preferências globais\n            </span>\n            <span className=\"paragraph-small-regular text-gray-600\">\n              Você está alterando configurações que impactam{' '}\n              <span className=\"paragraph-small-semibold text-gray-950\">\n                todos os usuários da conta\n              </span>\n              . Deseja confirmar?\n            </span>\n          </div>\n        </div>\n\n        <Separator className=\"w-full\" />\n\n        <div className=\"flex items-center gap-2 p-5\">\n          <Button onClick={onConfirm} className=\"h-10!\">\n            Confirmar\n          </Button>\n          <Button variant=\"secondary\" onClick={onCancel} className=\"h-10!\">\n            Cancelar\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AA2BQ,SACE,KADF;AAzBR,SAAS,yBAAyB;AAClC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAQX,SAAR,8BAA+C;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACF,GAAuC;AACrC,SACE,oBAAC,UAAO,MAAY,cAAc,UAChC,+BAAC,iBAAc,WAAU,sGACvB;AAAA,yBAAC,gBAAa,WAAU,WACtB;AAAA,0BAAC,eAAY,6CAA4B;AAAA,MACzC,oBAAC,qBAAkB,sFAEnB;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,SAAI,WAAU,kEACb,8BAAC,qBAAkB,MAAM,IAAI,WAAU,iBAAgB,GACzD;AAAA,MACA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,UAAK,WAAU,2CAA0C,6CAE1D;AAAA,QACA,qBAAC,UAAK,WAAU,yCAAwC;AAAA;AAAA,UACP;AAAA,UAC/C,oBAAC,UAAK,WAAU,0CAAyC,2CAEzD;AAAA,UAAO;AAAA,WAET;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,aAAU,WAAU,UAAS;AAAA,IAE9B,qBAAC,SAAI,WAAU,+BACb;AAAA,0BAAC,UAAO,SAAS,WAAW,WAAU,SAAQ,uBAE9C;AAAA,MACA,oBAAC,UAAO,SAAQ,aAAY,SAAS,UAAU,WAAU,SAAQ,sBAEjE;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/account/ConfirmGlobalPreferencesModal.tsx"],"sourcesContent":["'use client';\n\nimport { useTranslations } from 'next-intl';\nimport { IconAlertTriangle } from '@tabler/icons-react';\nimport { Button } from '../ui/buttons/Button';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n} from '../ui/overlay/Dialog';\nimport { Separator } from '../ui/data-display/Separator';\n\ninterface ConfirmGlobalPreferencesModalProps {\n  open: boolean;\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\nexport default function ConfirmGlobalPreferencesModal({\n  open,\n  onConfirm,\n  onCancel,\n}: ConfirmGlobalPreferencesModalProps) {\n  const translate = useTranslations();\n  return (\n    <Dialog open={open} onOpenChange={onCancel}>\n      <DialogContent className=\"flex flex-col p-0 gap-0 md:w-[386px]! lg:w-[386px]! max-w-[386px]! max-[386px]:w-[calc(100%-32px)]\">\n        <DialogHeader className=\"sr-only\">\n          <DialogTitle>{translate('common.account.globalPreferences.title')}</DialogTitle>\n          <DialogDescription>\n            {translate('common.account.globalPreferences.srDescription')}\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"flex flex-col gap-3 p-5\">\n          <div className=\"flex items-center justify-center bg-gray-50 rounded-lg size-10\">\n            <IconAlertTriangle size={24} className=\"text-gray-950\" />\n          </div>\n          <div className=\"flex flex-col gap-2\">\n            <span className=\"paragraph-medium-semibold text-gray-950\">\n              {translate('common.account.globalPreferences.title')}\n            </span>\n            <span className=\"paragraph-small-regular text-gray-600\">\n              {translate.rich('common.account.globalPreferences.warning', {\n                b: (chunks) => (\n                  <span className=\"paragraph-small-semibold text-gray-950\">{chunks}</span>\n                ),\n              })}\n            </span>\n          </div>\n        </div>\n\n        <Separator className=\"w-full\" />\n\n        <div className=\"flex items-center gap-2 p-5\">\n          <Button onClick={onConfirm} className=\"h-10!\">\n            {translate('common.actions.confirm')}\n          </Button>\n          <Button variant=\"secondary\" onClick={onCancel} className=\"h-10!\">\n            {translate('common.actions.cancel')}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AA6BQ,SACE,KADF;AA3BR,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAQX,SAAR,8BAA+C;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACF,GAAuC;AACrC,QAAM,YAAY,gBAAgB;AAClC,SACE,oBAAC,UAAO,MAAY,cAAc,UAChC,+BAAC,iBAAc,WAAU,sGACvB;AAAA,yBAAC,gBAAa,WAAU,WACtB;AAAA,0BAAC,eAAa,oBAAU,wCAAwC,GAAE;AAAA,MAClE,oBAAC,qBACE,oBAAU,gDAAgD,GAC7D;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,SAAI,WAAU,kEACb,8BAAC,qBAAkB,MAAM,IAAI,WAAU,iBAAgB,GACzD;AAAA,MACA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,UAAK,WAAU,2CACb,oBAAU,wCAAwC,GACrD;AAAA,QACA,oBAAC,UAAK,WAAU,yCACb,oBAAU,KAAK,4CAA4C;AAAA,UAC1D,GAAG,CAAC,WACF,oBAAC,UAAK,WAAU,0CAA0C,kBAAO;AAAA,QAErE,CAAC,GACH;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,aAAU,WAAU,UAAS;AAAA,IAE9B,qBAAC,SAAI,WAAU,+BACb;AAAA,0BAAC,UAAO,SAAS,WAAW,WAAU,SACnC,oBAAU,wBAAwB,GACrC;AAAA,MACA,oBAAC,UAAO,SAAQ,aAAY,SAAS,UAAU,WAAU,SACtD,oBAAU,uBAAuB,GACpC;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/account/DeleteAccountModal.mjs

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
+import { useTranslations } from "next-intl";
 import { IconLock, IconAlertTriangle } from "@tabler/icons-react";
 import { toast } from "sonner";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../ui/overlay/Dialog";
@@ -12,15 +13,16 @@ import { Toast } from "../ui/feedback/Toast";
 import usePasswordVisibility from "../../hooks/usePasswordVisibility";
 import { useAccountModals } from "../../store/useAccountModals";
 import { AccountSectionType } from "../../enums/AccountSectionType";
-const REASON_OPTIONS = [
-  { value: "sem-funcao", label: "A ferramenta n\xE3o possui uma fun\xE7\xE3o que eu preciso" },
-  { value: "problemas", label: "Encontrei problemas t\xE9cnicos ou erros no sistema" },
-  { value: "suporte", label: "Tive problemas com o suporte ou atendimento" },
-  { value: "demora", label: "As atualiza\xE7\xF5es demoram mais do que o esperado" },
-  { value: "temporario", label: "O cancelamento \xE9 tempor\xE1rio" },
-  { value: "outro", label: "Outro motivo" }
-];
 function DeleteAccountModal() {
+  const translate = useTranslations();
+  const reasonOptions = [
+    { value: "sem-funcao", label: translate("common.account.deleteAccount.reasons.noFeature") },
+    { value: "problemas", label: translate("common.account.deleteAccount.reasons.technical") },
+    { value: "suporte", label: translate("common.account.deleteAccount.reasons.support") },
+    { value: "demora", label: translate("common.account.deleteAccount.reasons.updates") },
+    { value: "temporario", label: translate("common.account.deleteAccount.reasons.temporary") },
+    { value: "outro", label: translate("common.account.deleteAccount.reasons.other") }
+  ];
   const {
     activeModal,
     deleteAccountError,
@@ -51,7 +53,14 @@ function DeleteAccountModal() {
   const handleDelete = (e) => {
     e.preventDefault();
     if (!isFormValid) {
-      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: "Preencha todos os campos obrigat\xF3rios", toastId: t }));
+      toast.custom((toastId) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "error",
+          message: translate("common.account.deleteAccount.requiredFields"),
+          toastId
+        }
+      ));
       return;
     }
     openConfirmDelete({ password });
@@ -61,20 +70,18 @@ function DeleteAccountModal() {
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-4 lg:p-6 flex-1 lg:flex-none", children: [
       /* @__PURE__ */ jsxs(DialogHeader, { className: "p-0", children: [
         /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5 mb-5", children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, className: "text-red-500" }) }),
-        /* @__PURE__ */ jsx(DialogTitle, { children: "Excluir conta" }),
-        /* @__PURE__ */ jsxs(DialogDescription, { className: "paragraph-small-regular", children: [
-          "Esta a\xE7\xE3o \xE9 ",
-          /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-950", children: "irrevers\xEDvel" }),
-          ". Ao confirmar, sua conta e todos os seus dados ser\xE3o exclu\xEDdos."
-        ] })
+        /* @__PURE__ */ jsx(DialogTitle, { children: translate("common.account.deleteAccount.title") }),
+        /* @__PURE__ */ jsx(DialogDescription, { className: "paragraph-small-regular", children: translate.rich("common.account.deleteAccount.description", {
+          b: (chunks) => /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-950", children: chunks })
+        }) })
       ] }),
       /* @__PURE__ */ jsx(
         SelectField,
         {
-          label: "Motivo do cancelamento",
+          label: translate("common.account.deleteAccount.reasonLabel"),
           required: true,
-          placeholder: "Selecione",
-          options: REASON_OPTIONS,
+          placeholder: translate("common.account.deleteAccount.reasonPlaceholder"),
+          options: reasonOptions,
           value: reason,
           onChange: (value) => setReason(value),
           className: "h-10!"
@@ -84,27 +91,26 @@ function DeleteAccountModal() {
         /* @__PURE__ */ jsx(
           TextAreaField,
           {
-            label: "Descreva o que levou a tomar essa decis\xE3o",
+            label: translate("common.account.deleteAccount.descriptionLabel"),
             required: true,
-            placeholder: "Explique sua decis\xE3o...",
+            placeholder: translate("common.account.deleteAccount.descriptionPlaceholder"),
             value: description,
             onChange: (e) => setDescription(e.target.value),
             rows: 4,
             maxLength: 400
           }
         ),
-        /* @__PURE__ */ jsxs("span", { className: "paragraph-xsmall-medium text-gray-600 text-left mt-1 block", children: [
-          description.length,
-          "/400 caracteres"
-        ] })
+        /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-600 text-left mt-1 block", children: translate("common.account.deleteAccount.charactersCount", {
+          count: String(description.length)
+        }) })
       ] }),
       /* @__PURE__ */ jsx(
         FormField,
         {
           className: "text-gray-600",
-          label: "Senha",
+          label: translate("common.account.deleteAccount.passwordLabel"),
           type: "password",
-          placeholder: "Informe sua senha",
+          placeholder: translate("common.account.deleteAccount.passwordPlaceholder"),
           leftIcon: IconLock,
           value: password,
           onChange: (e) => {
@@ -126,10 +132,10 @@ function DeleteAccountModal() {
           variant: "default",
           className: "h-10",
           type: "submit",
-          children: "Excluir conta"
+          children: translate("common.account.deleteAccount.submit")
         }
       ),
-      /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10", type: "button", onClick: handleClose, children: "Fechar" })
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10", type: "button", onClick: handleClose, children: translate("common.actions.close") })
     ] })
   ] }) }) });
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/DeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback, useEffect } from 'react';\nimport { IconLock, IconAlertTriangle } from '@tabler/icons-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 {\n    activeModal,\n    deleteAccountError,\n    openConfigurations,\n    openConfirmDelete,\n    clearDeleteAccountError,\n  } = 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  // Quando o modal deixa de estar aberto, limpa o erro residual do store\n  // pra não aparecer numa próxima abertura vinda de fluxo limpo.\n  useEffect(() => {\n    if (!open) {\n      clearDeleteAccountError();\n    }\n  }, [open, clearDeleteAccountError]);\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    openConfirmDelete({ password });\n    // Campos locais podem ser limpos — o payload já está no store.\n    resetForm();\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent className=\"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-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                <IconAlertTriangle 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={IconLock}\n              value={password}\n              onChange={(e) => {\n                setPassword(e.target.value);\n                if (deleteAccountError) clearDeleteAccountError();\n              }}\n              classnameContainer=\"h-10!\"\n              showPassword={showPassword}\n              onTogglePassword={togglePassword}\n              error={!!deleteAccountError}\n              errorMessage={deleteAccountError ?? undefined}\n            />\n          </div>\n\n          <div className=\"flex flex-row items-center justify-start 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\"\n              type=\"submit\"\n            >\n              Excluir conta\n            </Button>\n            <Button variant=\"secondary\" className=\"h-10\" 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":[]}
+{"version":3,"sources":["../../../src/components/account/DeleteAccountModal.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback, useEffect } from 'react';\nimport { useTranslations } from 'next-intl';\nimport { IconLock, IconAlertTriangle } from '@tabler/icons-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\nexport default function DeleteAccountModal() {\n  const translate = useTranslations();\n  const reasonOptions = [\n    { value: 'sem-funcao', label: translate('common.account.deleteAccount.reasons.noFeature') },\n    { value: 'problemas', label: translate('common.account.deleteAccount.reasons.technical') },\n    { value: 'suporte', label: translate('common.account.deleteAccount.reasons.support') },\n    { value: 'demora', label: translate('common.account.deleteAccount.reasons.updates') },\n    { value: 'temporario', label: translate('common.account.deleteAccount.reasons.temporary') },\n    { value: 'outro', label: translate('common.account.deleteAccount.reasons.other') },\n  ];\n  const {\n    activeModal,\n    deleteAccountError,\n    openConfigurations,\n    openConfirmDelete,\n    clearDeleteAccountError,\n  } = 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  // Quando o modal deixa de estar aberto, limpa o erro residual do store\n  // pra não aparecer numa próxima abertura vinda de fluxo limpo.\n  useEffect(() => {\n    if (!open) {\n      clearDeleteAccountError();\n    }\n  }, [open, clearDeleteAccountError]);\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((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={translate('common.account.deleteAccount.requiredFields')}\n          toastId={toastId}\n        />\n      ));\n      return;\n    }\n    openConfirmDelete({ password });\n    // Campos locais podem ser limpos — o payload já está no store.\n    resetForm();\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent className=\"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-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                <IconAlertTriangle size={20} className=\"text-red-500\" />\n              </div>\n              <DialogTitle>{translate('common.account.deleteAccount.title')}</DialogTitle>\n              <DialogDescription className=\"paragraph-small-regular\">\n                {translate.rich('common.account.deleteAccount.description', {\n                  b: (chunks) => (\n                    <span className=\"font-semibold text-gray-950\">{chunks}</span>\n                  ),\n                })}\n              </DialogDescription>\n            </DialogHeader>\n\n            <SelectField\n              label={translate('common.account.deleteAccount.reasonLabel')}\n              required\n              placeholder={translate('common.account.deleteAccount.reasonPlaceholder')}\n              options={reasonOptions}\n              value={reason}\n              onChange={(value) => setReason(value as string)}\n              className=\"h-10!\"\n            />\n\n            <div>\n              <TextAreaField\n                label={translate('common.account.deleteAccount.descriptionLabel')}\n                required\n                placeholder={translate('common.account.deleteAccount.descriptionPlaceholder')}\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                {translate('common.account.deleteAccount.charactersCount', {\n                  count: String(description.length),\n                })}\n              </span>\n            </div>\n\n            <FormField\n              className=\"text-gray-600\"\n              label={translate('common.account.deleteAccount.passwordLabel')}\n              type=\"password\"\n              placeholder={translate('common.account.deleteAccount.passwordPlaceholder')}\n              leftIcon={IconLock}\n              value={password}\n              onChange={(e) => {\n                setPassword(e.target.value);\n                if (deleteAccountError) clearDeleteAccountError();\n              }}\n              classnameContainer=\"h-10!\"\n              showPassword={showPassword}\n              onTogglePassword={togglePassword}\n              error={!!deleteAccountError}\n              errorMessage={deleteAccountError ?? undefined}\n            />\n          </div>\n\n          <div className=\"flex flex-row items-center justify-start 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\"\n              type=\"submit\"\n            >\n              {translate('common.account.deleteAccount.submit')}\n            </Button>\n            <Button variant=\"secondary\" className=\"h-10\" type=\"button\" onClick={handleClose}>\n              {translate('common.actions.close')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/account/DisableTwoFactorAuthModal.mjs

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
 import { IconShieldCheck } from "@tabler/icons-react";
 import { Button } from "../ui/buttons/Button";
 import {
@@ -17,6 +18,7 @@ function DisableTwoFactorAuthModal({
   onClose,
   onSuccess
 }) {
+  const translate = useTranslations();
   const { code, setCode, isValid, isLoading, handleClose, handleSubmit } = useDisableTwoFactorAuthForm({ onClose, onSuccess });
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx(DialogContent, { 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-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(
     "form",
@@ -30,11 +32,11 @@ function DisableTwoFactorAuthModal({
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 lg:gap-5 p-4 lg:p-5 flex-1 lg:flex-none", children: [
           /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-fit bg-gray-50 rounded-lg p-2", children: /* @__PURE__ */ jsx(IconShieldCheck, { size: 20, className: "text-gray-600" }) }),
           /* @__PURE__ */ jsxs(DialogHeader, { className: "p-0 gap-2", children: [
-            /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-gray-950", children: "Desabilitar autentica\xE7\xE3o 2FA" }),
-            /* @__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." })
+            /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-gray-950", children: translate("common.account.twoFactor.disableTitle") }),
+            /* @__PURE__ */ jsx(DialogDescription, { className: "paragraph-small-regular text-gray-600", children: translate("common.account.twoFactor.disableDescription") })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-gray-700", children: "C\xF3digo do autenticador" }),
+            /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-gray-700", children: translate("common.account.twoFactor.authenticatorCode") }),
             /* @__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(
               InputOTPSlot,
               {
@@ -46,7 +48,7 @@ function DisableTwoFactorAuthModal({
           ] })
         ] }),
         /* @__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: [
-          /* @__PURE__ */ jsx(Button, { className: "h-10! flex-1", disabled: !isValid || isLoading, type: "submit", children: isLoading ? "Desabilitando..." : "Desabilitar 2FA" }),
+          /* @__PURE__ */ jsx(Button, { className: "h-10! flex-1", disabled: !isValid || isLoading, type: "submit", children: isLoading ? translate("common.account.twoFactor.disabling") : translate("common.account.twoFactor.disable") }),
           /* @__PURE__ */ jsx(
             Button,
             {
@@ -54,7 +56,7 @@ function DisableTwoFactorAuthModal({
               className: "h-10! flex-1",
               type: "button",
               onClick: handleClose,
-              children: "Cancelar"
+              children: translate("common.actions.cancel")
             }
           )
         ] })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/DisableTwoFactorAuthModal.tsx"],"sourcesContent":["'use client';\n\nimport { IconShieldCheck } from '@tabler/icons-react';\nimport { Button } from '../ui/buttons/Button';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '../ui/overlay/Dialog';\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../ui/form/InputOtp';\nimport { REGEXP_ONLY_DIGITS } from 'input-otp';\nimport useDisableTwoFactorAuthForm from './hooks/useDisableTwoFactorAuthForm';\n\ninterface DisableTwoFactorAuthModalProps {\n  open: boolean;\n  onClose: () => void;\n  onSuccess?: () => void;\n}\n\nexport default function DisableTwoFactorAuthModal({\n  open,\n  onClose,\n  onSuccess,\n}: DisableTwoFactorAuthModalProps) {\n  const { code, setCode, isValid, isLoading, handleClose, handleSubmit } =\n    useDisableTwoFactorAuthForm({ onClose, onSuccess });\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent 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-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%]\">\n        <form\n          onSubmit={(e) => {\n            e.preventDefault();\n            handleSubmit();\n          }}\n          className=\"flex flex-col flex-1 lg:flex-none\"\n        >\n          <div className=\"flex flex-col gap-4 lg:gap-5 p-4 lg:p-5 flex-1 lg:flex-none\">\n            <div className=\"flex items-center justify-center w-fit bg-gray-50 rounded-lg p-2\">\n              <IconShieldCheck size={20} className=\"text-gray-600\" />\n            </div>\n            <DialogHeader className=\"p-0 gap-2\">\n              <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\n                Desabilitar autenticação 2FA\n              </DialogTitle>\n              <DialogDescription className=\"paragraph-small-regular text-gray-600\">\n                Informe o código de 6 dígitos do seu aplicativo autenticador para confirmar a\n                desativação.\n              </DialogDescription>\n            </DialogHeader>\n\n            <div className=\"flex flex-col gap-2\">\n              <span className=\"paragraph-small-medium text-gray-700\">Código do autenticador</span>\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\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\">\n            <Button className=\"h-10! flex-1\" disabled={!isValid || isLoading} type=\"submit\">\n              {isLoading ? 'Desabilitando...' : 'Desabilitar 2FA'}\n            </Button>\n            <Button\n              variant=\"secondary\"\n              className=\"h-10! flex-1\"\n              type=\"button\"\n              onClick={handleClose}\n            >\n              Cancelar\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAyCc,cAEF,YAFE;AAvCd,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU,eAAe,oBAAoB;AACtD,SAAS,0BAA0B;AACnC,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,kBAAiB,YAAW,WAAU,wTACnD;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,mBAAgB,MAAM,IAAI,WAAU,iBAAgB,GACvD;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,SAAS,oBAAoB,OAAO,MAAM,UAAU,SAC1E,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":[]}
+{"version":3,"sources":["../../../src/components/account/DisableTwoFactorAuthModal.tsx"],"sourcesContent":["'use client';\n\nimport { useTranslations } from 'next-intl';\nimport { IconShieldCheck } from '@tabler/icons-react';\nimport { Button } from '../ui/buttons/Button';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '../ui/overlay/Dialog';\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../ui/form/InputOtp';\nimport { REGEXP_ONLY_DIGITS } from 'input-otp';\nimport useDisableTwoFactorAuthForm from './hooks/useDisableTwoFactorAuthForm';\n\ninterface DisableTwoFactorAuthModalProps {\n  open: boolean;\n  onClose: () => void;\n  onSuccess?: () => void;\n}\n\nexport default function DisableTwoFactorAuthModal({\n  open,\n  onClose,\n  onSuccess,\n}: DisableTwoFactorAuthModalProps) {\n  const translate = useTranslations();\n  const { code, setCode, isValid, isLoading, handleClose, handleSubmit } =\n    useDisableTwoFactorAuthForm({ onClose, onSuccess });\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent 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-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%]\">\n        <form\n          onSubmit={(e) => {\n            e.preventDefault();\n            handleSubmit();\n          }}\n          className=\"flex flex-col flex-1 lg:flex-none\"\n        >\n          <div className=\"flex flex-col gap-4 lg:gap-5 p-4 lg:p-5 flex-1 lg:flex-none\">\n            <div className=\"flex items-center justify-center w-fit bg-gray-50 rounded-lg p-2\">\n              <IconShieldCheck size={20} className=\"text-gray-600\" />\n            </div>\n            <DialogHeader className=\"p-0 gap-2\">\n              <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\n                {translate('common.account.twoFactor.disableTitle')}\n              </DialogTitle>\n              <DialogDescription className=\"paragraph-small-regular text-gray-600\">\n                {translate('common.account.twoFactor.disableDescription')}\n              </DialogDescription>\n            </DialogHeader>\n\n            <div className=\"flex flex-col gap-2\">\n              <span className=\"paragraph-small-medium text-gray-700\">\n                {translate('common.account.twoFactor.authenticatorCode')}\n              </span>\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\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\">\n            <Button className=\"h-10! flex-1\" disabled={!isValid || isLoading} type=\"submit\">\n              {isLoading\n                ? translate('common.account.twoFactor.disabling')\n                : translate('common.account.twoFactor.disable')}\n            </Button>\n            <Button\n              variant=\"secondary\"\n              className=\"h-10! flex-1\"\n              type=\"button\"\n              onClick={handleClose}\n            >\n              {translate('common.actions.cancel')}\n            </Button>\n          </div>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AA2Cc,cAEF,YAFE;AAzCd,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU,eAAe,oBAAoB;AACtD,SAAS,0BAA0B;AACnC,OAAO,iCAAiC;AAQzB,SAAR,0BAA2C;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AACF,GAAmC;AACjC,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,MAAM,SAAS,SAAS,WAAW,aAAa,aAAa,IACnE,4BAA4B,EAAE,SAAS,UAAU,CAAC;AAEpD,SACE,oBAAC,UAAO,MAAY,cAAc,aAChC,8BAAC,iBAAc,kBAAiB,YAAW,WAAU,wTACnD;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,mBAAgB,MAAM,IAAI,WAAU,iBAAgB,GACvD;AAAA,UACA,qBAAC,gBAAa,WAAU,aACtB;AAAA,gCAAC,eAAY,WAAU,2CACpB,oBAAU,uCAAuC,GACpD;AAAA,YACA,oBAAC,qBAAkB,WAAU,yCAC1B,oBAAU,6CAA6C,GAC1D;AAAA,aACF;AAAA,UAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,gCAAC,UAAK,WAAU,wCACb,oBAAU,4CAA4C,GACzD;AAAA,YACA,oBAAC,YAAS,WAAW,GAAG,SAAS,oBAAoB,OAAO,MAAM,UAAU,SAC1E,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,sBACG,UAAU,oCAAoC,IAC9C,UAAU,kCAAkC,GAClD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAS;AAAA,cAER,oBAAU,uBAAuB;AAAA;AAAA,UACpC;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF,GACF;AAEJ;","names":[]}