@greatapps/common 1.1.697 → 1.1.699

package/dist/components/account/ConfigurationsMyAccountModal.mjs

@@ -62,7 +62,7 @@ function ConfigurationsMyAccountModal() {
     {
       showCloseButton: !isMobile,
       overlayClassName: "bg-black/20 lg:bg-black/50",
-      className: "\r\n          flex flex-col p-0 gap-0 max-w-full sm:max-w-full overflow-x-hidden border-0\r\n          rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0\r\n          lg:flex-row lg:w-[892px] lg:max-w-[892px] lg:h-[626px] lg:rounded-lg lg:border\r\n          lg:top-[50%] lg:bottom-auto lg:left-[50%] lg:right-auto lg:translate-x-[-50%] lg:translate-y-[-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: 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: [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/ConfigurationsMyAccountModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { IconKey, IconLock, IconSettings2, IconX } from '@tabler/icons-react';\r\nimport { useTranslations } from 'next-intl';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../ui/data-display/Tabs';\r\nimport { cn } from '../../infra/utils/clsx';\r\nimport { AccountSectionType } from '../../enums/AccountSectionType';\r\nimport { PreferencesSection } from './sections/PreferencesSection';\r\nimport { ChangePasswordSection } from './sections/ChangePasswordSection';\r\nimport { TokenSection } from './sections/TokenSection';\r\nimport { SecuritySection } from './sections/SecuritySection';\r\nimport useConfigurationsModal from './hooks/useConfigurationsModal';\r\nimport useIsMobile from '../../hooks/useIsMobile';\r\nimport { useAccountModals } from '../../store/useAccountModals';\r\nimport { useAuth } from '../../providers/auth.provider';\r\nimport { UserProfile } from '../../modules/users/schema';\r\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\r\nimport { hasSubscriptionExpired } from '../../modules/subscriptions/utils/has-subscription-expired';\r\nimport { useWhitelabel } from '../../providers/whitelabel.provider';\r\n\r\nexport default function ConfigurationsMyAccountModal() {\r\n  const translate = useTranslations();\r\n  const {\r\n    activeModal,\r\n    openDeleteAccount,\r\n    openIsntPossibleDelete,\r\n    close,\r\n  } = useAccountModals();\r\n  const { whitelabel } = useWhitelabel();\r\n\r\n  const open = activeModal === 'configurations';\r\n\r\n  const { data: subscriptionData } = useActiveSubscription();\r\n  const subscription = subscriptionData?.data?.[0] ?? null;\r\n  const isPaidSubscriptionType =\r\n    !!subscription &&\r\n    subscription.type !== 'free' &&\r\n    subscription.type !== 'trial';\r\n  const isBlockingSubscription =\r\n    isPaidSubscriptionType &&\r\n    subscription.active === true &&\r\n    !subscription.date_cancellation &&\r\n    !hasSubscriptionExpired(subscription.date_due);\r\n\r\n  const { user } = useAuth();\r\n  const isOwner = user?.profile === UserProfile.owner;\r\n\r\n  const isMobile = useIsMobile();\r\n  const { activeSection, setActiveSection } = useConfigurationsModal({\r\n    isOpen: open,\r\n  });\r\n\r\n  const handleDeleteAccount = () => {\r\n    close();\r\n    if (isBlockingSubscription) {\r\n      openIsntPossibleDelete();\r\n    } else {\r\n      openDeleteAccount();\r\n    }\r\n  };\r\n\r\n  const tabTriggerClasses = cn(\r\n    'border-0! px-0 py-0',\r\n\r\n    'lg:rounded-md lg:flex lg:items-center lg:gap-2 lg:p-3 lg:justify-start lg:w-full',\r\n    'lg:bg-white lg:hover:bg-gray-100 lg:active:bg-gray-50 lg:border-0',\r\n    'lg:data-[state=active]:bg-gray-50',\r\n\r\n    'flex items-center gap-1.5 px-3 py-3 justify-center whitespace-nowrap',\r\n    'border-b-2 border-transparent',\r\n    'data-[state=active]:bg-gray-50 rounded-lg',\r\n\r\n    'text-gray-500 data-[state=active]:text-gray-950',\r\n    'hover:text-gray-900 transition-colors'\r\n  );\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={close}>\r\n      <DialogContent\r\n        showCloseButton={!isMobile}\r\n        overlayClassName=\"bg-black/20 lg:bg-black/50\"\r\n        className=\"\r\n          flex flex-col p-0 gap-0 max-w-full sm:max-w-full overflow-x-hidden border-0\r\n          rounded-t-2xl rounded-b-none h-[100dvh] top-0 bottom-0 left-0 right-0 translate-x-0 translate-y-0\r\n          lg:flex-row lg:w-[892px] lg:max-w-[892px] lg:h-[626px] lg:rounded-lg lg:border\r\n          lg:top-[50%] lg:bottom-auto lg:left-[50%] lg:right-auto lg:translate-x-[-50%] lg:translate-y-[-50%]\"\r\n      >\r\n        <DialogHeader className=\"sr-only\">\r\n          <DialogTitle>{translate('common.account.configurations.title')}</DialogTitle>\r\n        </DialogHeader>\r\n        <div className=\"md:hidden flex items-center justify-between px-5 py-3 border-b border-gray-200\">\r\n          <span className=\"text-gray-950 paragraph-medium-semibold\">\r\n            {translate('common.account.configurations.title')}\r\n          </span>\r\n          <button\r\n            type=\"button\"\r\n            className=\"size-8 flex items-center justify-center text-gray-500 cursor-pointer\"\r\n            onClick={close}\r\n          >\r\n            <IconX size={18} />\r\n          </button>\r\n        </div>\r\n        <Tabs\r\n          value={activeSection}\r\n          onValueChange={(value) => setActiveSection(value as AccountSectionType)}\r\n          orientation=\"vertical\"\r\n          className=\"flex lg:flex-row flex-col w-full h-full flex-1 lg:h-full lg:pt-0 lg:gap-0\"\r\n        >\r\n          <TabsList\r\n            className={cn(\r\n              'flex gap-0 bg-transparent border-b-0',\r\n\r\n              'lg:flex-col lg:items-stretch lg:justify-start lg:w-auto lg:min-w-60',\r\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',\r\n\r\n              'flex-row items-center justify-start w-full overflow-x-auto scrollbar-hide shrink-0',\r\n              'px-4 py-3',\r\n              '[mask-image:linear-gradient(to_right,transparent,black_16px,black_calc(100%-24px),transparent)] lg:[mask-image:none]'\r\n            )}\r\n          >\r\n            <span className=\"hidden lg:block paragraph-medium-semibold text-gray-950 mb-0\">\r\n              {translate('common.account.configurations.title')}\r\n            </span>\r\n\r\n            <div className=\"lg:flex lg:flex-col flex flex-row lg:gap-0 gap-0 lg:w-full\">\r\n              <TabsTrigger value={AccountSectionType.PREFERENCES} className={tabTriggerClasses}>\r\n                <IconSettings2 size={20} className=\"shrink-0\" />\r\n                <span className=\"paragraph-small-medium\">{translate('common.preferences.title')}</span>\r\n              </TabsTrigger>\r\n\r\n              {isOwner && whitelabel?.id === 1 && (\r\n                <TabsTrigger value={AccountSectionType.TOKEN} className={tabTriggerClasses}>\r\n                  <IconKey size={20} className=\"shrink-0\" />\r\n                  <span className=\"paragraph-small-medium\">{translate('common.account.token.title')}</span>\r\n                </TabsTrigger>\r\n              )}\r\n\r\n              {isOwner && (\r\n                <TabsTrigger value={AccountSectionType.SECURITY} className={tabTriggerClasses}>\r\n                  <IconLock size={20} className=\"shrink-0\" />\r\n                  <span className=\"paragraph-small-medium\">{translate('common.account.security.title')}</span>\r\n                </TabsTrigger>\r\n              )}\r\n            </div>\r\n          </TabsList>\r\n\r\n          <div className=\"w-full flex-1 min-h-0 lg:h-full overflow-hidden lg:overflow-visible relative flex flex-col\">\r\n            <TabsContent value={AccountSectionType.PREFERENCES} className=\"h-full! relative overflow-hidden\">\r\n              <PreferencesSection onClose={close} />\r\n            </TabsContent>\r\n\r\n            {isOwner && (\r\n              <TabsContent value={AccountSectionType.TOKEN} className=\"h-full! relative overflow-hidden\">\r\n                <TokenSection />\r\n              </TabsContent>\r\n            )}\r\n\r\n            {isOwner && (\r\n              <>\r\n                <TabsContent value={AccountSectionType.SECURITY} className=\"h-full! relative overflow-hidden\">\r\n                  <SecuritySection\r\n                    setActiveSection={setActiveSection}\r\n                    onClose={close}\r\n                    onDeleteAccount={handleDeleteAccount}\r\n                  />\r\n                </TabsContent>\r\n\r\n                <TabsContent value={AccountSectionType.CHANGE_PASSWORD} className=\"h-full! relative overflow-hidden\">\r\n                  <ChangePasswordSection onBack={() => setActiveSection(AccountSectionType.SECURITY)} />\r\n                </TabsContent>\r\n              </>\r\n            )}\r\n          </div>\r\n        </Tabs>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\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":"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","names":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/ConfirmDeleteAccountModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useTranslations } from 'next-intl';\r\nimport { IconAlertTriangle } from '@tabler/icons-react';\r\nimport { toast } from 'sonner';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { Toast } from '../ui/feedback/Toast';\r\nimport { useAccountModals } from '../../store/useAccountModals';\r\nimport { useCountPages } from '../../modules/pages/hooks/count-pages.hook';\r\nimport {\r\n  useDeleteAccount,\r\n  useDeleteAccountUser,\r\n} from '../../modules/accounts/hooks/useAccountManagement';\r\nimport { useAuth } from '../../providers/auth.provider';\r\nimport { UserProfile } from '../../modules/users/schema';\r\n\r\nexport default function ConfirmDeleteAccountModal() {\r\n  const translate = useTranslations();\r\n  const { activeModal, deleteAccountPayload, openDeleteAccount, close } = useAccountModals();\r\n  const open = activeModal === 'confirmDelete';\r\n\r\n  const { data: pagesCount = 0 } = useCountPages();\r\n\r\n  const { user, logout } = useAuth();\r\n  const isOwner = user?.profile === UserProfile.owner;\r\n\r\n  const deleteAccount = useDeleteAccount();\r\n  const deleteAccountUser = useDeleteAccountUser();\r\n  const isDeleting = deleteAccount.isPending || deleteAccountUser.isPending;\r\n\r\n  const handleConfirm = async () => {\r\n    try {\r\n      if (isOwner) {\r\n        if (!deleteAccountPayload) {\r\n          // Fluxo quebrado (usuário pulou o primeiro modal ou refresh) — manda\r\n          // de volta pro modal inicial pra re-coletar a senha.\r\n          openDeleteAccount(translate('common.account.confirmDelete.sessionExpired'));\r\n          return;\r\n        }\r\n        await deleteAccount.mutateAsync({ password: deleteAccountPayload.password });\r\n      } else {\r\n        await deleteAccountUser.mutateAsync(user!.id);\r\n      }\r\n      close();\r\n      toast.custom((toastId) => (\r\n        <Toast\r\n          variant=\"success\"\r\n          message={translate('common.account.confirmDelete.success')}\r\n          toastId={toastId}\r\n        />\r\n      ));\r\n      await logout();\r\n    } catch (error) {\r\n      const message =\r\n        error instanceof Error ? error.message : translate('common.account.confirmDelete.error');\r\n      if (isOwner) {\r\n        // Falha no delete do owner (ex.: senha inválida) — volta pro primeiro\r\n        // modal com a mensagem do backend pra o usuário corrigir e tentar de novo.\r\n        openDeleteAccount(message);\r\n        return;\r\n      }\r\n      toast.custom((toastId) => (\r\n        <Toast variant=\"error\" message={message} toastId={toastId} />\r\n      ));\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={isDeleting ? undefined : close}>\r\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%]!\">\r\n        <div className=\"flex flex-col gap-5 p-4 lg:p-5\">\r\n          <DialogHeader className=\"p-0\">\r\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\r\n              {translate('common.account.confirmDelete.title')}\r\n            </DialogTitle>\r\n          </DialogHeader>\r\n\r\n          <div className=\"bg-red-50 p-4 lg:p-5 rounded-lg flex items-center gap-4\">\r\n            <IconAlertTriangle size={20} className=\"text-red-500 shrink-0\" strokeWidth={2} />\r\n            <p className=\"paragraph-small-regular text-gray-600\">\r\n              {translate.rich('common.account.confirmDelete.warning', {\r\n                count: String(pagesCount),\r\n                b: (chunks) => <span className=\"font-semibold text-gray-950\">{chunks}</span>,\r\n              })}\r\n            </p>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"h-px bg-gray-200\" />\r\n\r\n        <div className=\"flex items-center gap-2 p-4 lg:p-5\">\r\n          <Button className=\"h-10 flex-1\" onClick={close} disabled={isDeleting}>\r\n            {translate('common.account.confirmDelete.keepAccount')}\r\n          </Button>\r\n          <Button\r\n            variant=\"secondary\"\r\n            className=\"h-10! flex-1\"\r\n            onClick={handleConfirm}\r\n            disabled={isDeleting}\r\n          >\r\n            {isDeleting\r\n              ? translate('common.account.confirmDelete.deleting')\r\n              : translate('common.account.confirmDelete.deleteAnyway')}\r\n          </Button>\r\n        </div>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\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":[]}
+{"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.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/ConfirmGlobalPreferencesModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useTranslations } from 'next-intl';\r\nimport { IconAlertTriangle } from '@tabler/icons-react';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogTitle,\r\n  DialogDescription,\r\n} from '../ui/overlay/Dialog';\r\nimport { Separator } from '../ui/data-display/Separator';\r\n\r\ninterface ConfirmGlobalPreferencesModalProps {\r\n  open: boolean;\r\n  onConfirm: () => void;\r\n  onCancel: () => void;\r\n}\r\n\r\nexport default function ConfirmGlobalPreferencesModal({\r\n  open,\r\n  onConfirm,\r\n  onCancel,\r\n}: ConfirmGlobalPreferencesModalProps) {\r\n  const translate = useTranslations();\r\n  return (\r\n    <Dialog open={open} onOpenChange={onCancel}>\r\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)]\">\r\n        <DialogHeader className=\"sr-only\">\r\n          <DialogTitle>{translate('common.account.globalPreferences.title')}</DialogTitle>\r\n          <DialogDescription>\r\n            {translate('common.account.globalPreferences.srDescription')}\r\n          </DialogDescription>\r\n        </DialogHeader>\r\n\r\n        <div className=\"flex flex-col gap-3 p-5\">\r\n          <div className=\"flex items-center justify-center bg-gray-50 rounded-lg size-10\">\r\n            <IconAlertTriangle size={24} className=\"text-gray-950\" />\r\n          </div>\r\n          <div className=\"flex flex-col gap-2\">\r\n            <span className=\"paragraph-medium-semibold text-gray-950\">\r\n              {translate('common.account.globalPreferences.title')}\r\n            </span>\r\n            <span className=\"paragraph-small-regular text-gray-600\">\r\n              {translate.rich('common.account.globalPreferences.warning', {\r\n                b: (chunks) => (\r\n                  <span className=\"paragraph-small-semibold text-gray-950\">{chunks}</span>\r\n                ),\r\n              })}\r\n            </span>\r\n          </div>\r\n        </div>\r\n\r\n        <Separator className=\"w-full\" />\r\n\r\n        <div className=\"flex items-center gap-2 p-5\">\r\n          <Button onClick={onConfirm} className=\"h-10!\">\r\n            {translate('common.actions.confirm')}\r\n          </Button>\r\n          <Button variant=\"secondary\" onClick={onCancel} className=\"h-10!\">\r\n            {translate('common.actions.cancel')}\r\n          </Button>\r\n        </div>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\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":[]}
+{"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.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/DeleteAccountModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useCallback, useEffect } from 'react';\r\nimport { useTranslations } from 'next-intl';\r\nimport { IconLock, IconAlertTriangle } from '@tabler/icons-react';\r\nimport { toast } from 'sonner';\r\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { FormField } from '../ui/form/FormField';\r\nimport { SelectField } from '../ui/form/SelectField';\r\nimport { TextAreaField } from '../ui/form/TextAreaField';\r\nimport { Toast } from '../ui/feedback/Toast';\r\nimport usePasswordVisibility from '../../hooks/usePasswordVisibility';\r\nimport { useAccountModals } from '../../store/useAccountModals';\r\nimport { AccountSectionType } from '../../enums/AccountSectionType';\r\n\r\nexport default function DeleteAccountModal() {\r\n  const translate = useTranslations();\r\n  const reasonOptions = [\r\n    { value: 'sem-funcao', label: translate('common.account.deleteAccount.reasons.noFeature') },\r\n    { value: 'problemas', label: translate('common.account.deleteAccount.reasons.technical') },\r\n    { value: 'suporte', label: translate('common.account.deleteAccount.reasons.support') },\r\n    { value: 'demora', label: translate('common.account.deleteAccount.reasons.updates') },\r\n    { value: 'temporario', label: translate('common.account.deleteAccount.reasons.temporary') },\r\n    { value: 'outro', label: translate('common.account.deleteAccount.reasons.other') },\r\n  ];\r\n  const {\r\n    activeModal,\r\n    deleteAccountError,\r\n    openConfigurations,\r\n    openConfirmDelete,\r\n    clearDeleteAccountError,\r\n  } = useAccountModals();\r\n  const open = activeModal === 'deleteAccount';\r\n\r\n  const [reason, setReason] = useState('');\r\n  const [description, setDescription] = useState('');\r\n  const [password, setPassword] = useState('');\r\n  const { showPassword, togglePassword } = usePasswordVisibility();\r\n\r\n  const isFormValid = Boolean(reason && description && password);\r\n\r\n  const resetForm = useCallback(() => {\r\n    setReason('');\r\n    setDescription('');\r\n    setPassword('');\r\n  }, []);\r\n\r\n  // Quando o modal deixa de estar aberto, limpa o erro residual do store\r\n  // pra não aparecer numa próxima abertura vinda de fluxo limpo.\r\n  useEffect(() => {\r\n    if (!open) {\r\n      clearDeleteAccountError();\r\n    }\r\n  }, [open, clearDeleteAccountError]);\r\n\r\n  const handleClose = () => {\r\n    resetForm();\r\n    openConfigurations(AccountSectionType.SECURITY);\r\n  };\r\n\r\n  const handleDelete = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    if (!isFormValid) {\r\n      toast.custom((toastId) => (\r\n        <Toast\r\n          variant=\"error\"\r\n          message={translate('common.account.deleteAccount.requiredFields')}\r\n          toastId={toastId}\r\n        />\r\n      ));\r\n      return;\r\n    }\r\n    openConfirmDelete({ password });\r\n    // Campos locais podem ser limpos — o payload já está no store.\r\n    resetForm();\r\n  };\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={handleClose}>\r\n      <DialogContent className=\"flex flex-col p-0 gap-0 max-w-full 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\">\r\n        <form onSubmit={handleDelete} className=\"flex flex-col flex-1 lg:flex-none\">\r\n          <div className=\"flex flex-col gap-6 p-4 lg:p-6 flex-1 lg:flex-none\">\r\n            <DialogHeader className=\"p-0\">\r\n              <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5 mb-5\">\r\n                <IconAlertTriangle size={20} className=\"text-red-500\" />\r\n              </div>\r\n              <DialogTitle>{translate('common.account.deleteAccount.title')}</DialogTitle>\r\n              <DialogDescription className=\"paragraph-small-regular\">\r\n                {translate.rich('common.account.deleteAccount.description', {\r\n                  b: (chunks) => (\r\n                    <span className=\"font-semibold text-gray-950\">{chunks}</span>\r\n                  ),\r\n                })}\r\n              </DialogDescription>\r\n            </DialogHeader>\r\n\r\n            <SelectField\r\n              label={translate('common.account.deleteAccount.reasonLabel')}\r\n              required\r\n              placeholder={translate('common.account.deleteAccount.reasonPlaceholder')}\r\n              options={reasonOptions}\r\n              value={reason}\r\n              onChange={(value) => setReason(value as string)}\r\n              className=\"h-10!\"\r\n            />\r\n\r\n            <div>\r\n              <TextAreaField\r\n                label={translate('common.account.deleteAccount.descriptionLabel')}\r\n                required\r\n                placeholder={translate('common.account.deleteAccount.descriptionPlaceholder')}\r\n                value={description}\r\n                onChange={(e) => setDescription(e.target.value)}\r\n                rows={4}\r\n                maxLength={400}\r\n              />\r\n              <span className=\"paragraph-xsmall-medium text-gray-600 text-left mt-1 block\">\r\n                {translate('common.account.deleteAccount.charactersCount', {\r\n                  count: String(description.length),\r\n                })}\r\n              </span>\r\n            </div>\r\n\r\n            <FormField\r\n              className=\"text-gray-600\"\r\n              label={translate('common.account.deleteAccount.passwordLabel')}\r\n              type=\"password\"\r\n              placeholder={translate('common.account.deleteAccount.passwordPlaceholder')}\r\n              leftIcon={IconLock}\r\n              value={password}\r\n              onChange={(e) => {\r\n                setPassword(e.target.value);\r\n                if (deleteAccountError) clearDeleteAccountError();\r\n              }}\r\n              classnameContainer=\"h-10!\"\r\n              showPassword={showPassword}\r\n              onTogglePassword={togglePassword}\r\n              error={!!deleteAccountError}\r\n              errorMessage={deleteAccountError ?? undefined}\r\n            />\r\n          </div>\r\n\r\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\">\r\n            <Button\r\n              variant=\"default\"\r\n              className=\"h-10\"\r\n              type=\"submit\"\r\n            >\r\n              {translate('common.account.deleteAccount.submit')}\r\n            </Button>\r\n            <Button variant=\"secondary\" className=\"h-10\" type=\"button\" onClick={handleClose}>\r\n              {translate('common.actions.close')}\r\n            </Button>\r\n          </div>\r\n        </form>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}
+{"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.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/DisableTwoFactorAuthModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useTranslations } from 'next-intl';\r\nimport { IconShieldCheck } from '@tabler/icons-react';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogDescription,\r\n  DialogHeader,\r\n  DialogTitle,\r\n} from '../ui/overlay/Dialog';\r\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../ui/form/InputOtp';\r\nimport { REGEXP_ONLY_DIGITS } from 'input-otp';\r\nimport useDisableTwoFactorAuthForm from './hooks/useDisableTwoFactorAuthForm';\r\n\r\ninterface DisableTwoFactorAuthModalProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n  onSuccess?: () => void;\r\n}\r\n\r\nexport default function DisableTwoFactorAuthModal({\r\n  open,\r\n  onClose,\r\n  onSuccess,\r\n}: DisableTwoFactorAuthModalProps) {\r\n  const translate = useTranslations();\r\n  const { code, setCode, isValid, isLoading, handleClose, handleSubmit } =\r\n    useDisableTwoFactorAuthForm({ onClose, onSuccess });\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={handleClose}>\r\n      <DialogContent 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%]\">\r\n        <form\r\n          onSubmit={(e) => {\r\n            e.preventDefault();\r\n            handleSubmit();\r\n          }}\r\n          className=\"flex flex-col flex-1 lg:flex-none\"\r\n        >\r\n          <div className=\"flex flex-col gap-4 lg:gap-5 p-4 lg:p-5 flex-1 lg:flex-none\">\r\n            <div className=\"flex items-center justify-center w-fit bg-gray-50 rounded-lg p-2\">\r\n              <IconShieldCheck size={20} className=\"text-gray-600\" />\r\n            </div>\r\n            <DialogHeader className=\"p-0 gap-2\">\r\n              <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\r\n                {translate('common.account.twoFactor.disableTitle')}\r\n              </DialogTitle>\r\n              <DialogDescription className=\"paragraph-small-regular text-gray-600\">\r\n                {translate('common.account.twoFactor.disableDescription')}\r\n              </DialogDescription>\r\n            </DialogHeader>\r\n\r\n            <div className=\"flex flex-col gap-2\">\r\n              <span className=\"paragraph-small-medium text-gray-700\">\r\n                {translate('common.account.twoFactor.authenticatorCode')}\r\n              </span>\r\n              <InputOTP maxLength={6} pattern={REGEXP_ONLY_DIGITS} value={code} onChange={setCode}>\r\n                <InputOTPGroup className=\"gap-2\">\r\n                  {Array.from({ length: 6 }).map((_, i) => (\r\n                    <InputOTPSlot\r\n                      key={i}\r\n                      index={i}\r\n                      className=\"w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200\"\r\n                    />\r\n                  ))}\r\n                </InputOTPGroup>\r\n              </InputOTP>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"flex flex-row items-center gap-2 p-4 lg:p-5 border-t border-gray-200 mt-auto lg:mt-0\">\r\n            <Button className=\"h-10! flex-1\" disabled={!isValid || isLoading} type=\"submit\">\r\n              {isLoading\r\n                ? translate('common.account.twoFactor.disabling')\r\n                : translate('common.account.twoFactor.disable')}\r\n            </Button>\r\n            <Button\r\n              variant=\"secondary\"\r\n              className=\"h-10! flex-1\"\r\n              type=\"button\"\r\n              onClick={handleClose}\r\n            >\r\n              {translate('common.actions.cancel')}\r\n            </Button>\r\n          </div>\r\n        </form>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\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":[]}
+{"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":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/IsntPossibleDeleteAccountModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useTranslations } from 'next-intl';\r\nimport { IconAlertTriangle } from '@tabler/icons-react';\r\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { useAccountModals } from '../../store/useAccountModals';\r\n\r\nexport default function IsntPossibleDeleteAccountModal() {\r\n  const translate = useTranslations();\r\n  const { activeModal, close, config } = useAccountModals();\r\n  const { onGoToSubscription } = config;\r\n  const open = activeModal === 'isntPossibleDelete';\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={close}>\r\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%]!\">\r\n        <div className=\"flex flex-col gap-5\">\r\n          <div className=\"flex items-center justify-center w-fit bg-red-50 rounded-lg p-2.5\">\r\n            <IconAlertTriangle size={20} className=\"text-red-500\" />\r\n          </div>\r\n          <DialogHeader className=\"p-0 gap-2\">\r\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950\">\r\n              {translate('common.account.cantDelete.title')}\r\n            </DialogTitle>\r\n            <DialogDescription className=\"paragraph-small-regular text-gray-600\">\r\n              {translate.rich('common.account.cantDelete.description', {\r\n                b: (chunks) => <span className=\"font-semibold text-gray-950\">{chunks}</span>,\r\n              })}\r\n            </DialogDescription>\r\n          </DialogHeader>\r\n        </div>\r\n\r\n        <div className=\"h-px bg-gray-200 -mx-6\" />\r\n\r\n        <div className=\"flex flex-row items-center gap-2\">\r\n          <Button className=\"h-10 flex-1\" onClick={close}>\r\n            {translate('common.account.cantDelete.confirm')}\r\n          </Button>\r\n          <Button\r\n            variant=\"secondary\"\r\n            className=\"h-10 flex-1\"\r\n            onClick={onGoToSubscription ?? close}\r\n          >\r\n            {translate('common.account.cantDelete.goToSubscription')}\r\n          </Button>\r\n        </div>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\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":[]}
+{"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.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/account/TwoFactorAuthModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useTranslations } from 'next-intl';\r\nimport { IconX, IconCopy, IconRefresh } from '@tabler/icons-react';\r\nimport { Button } from '../ui/buttons/Button';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/overlay/Dialog';\r\nimport { Separator } from '../ui/data-display/Separator';\r\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../ui/form/InputOtp';\r\nimport { REGEXP_ONLY_DIGITS } from 'input-otp';\r\nimport useTwoFactorAuthForm from './hooks/useTwoFactorAuthForm';\r\n\r\ninterface TwoFactorAuthModalProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n  onSuccess?: () => void;\r\n}\r\n\r\nexport default function TwoFactorAuthModal({ open, onClose, onSuccess }: TwoFactorAuthModalProps) {\r\n  const translate = useTranslations();\r\n  const {\r\n    code,\r\n    setCode,\r\n    isCodeComplete,\r\n    isGenerating,\r\n    isConfirming,\r\n    generateFailed,\r\n    retryGenerate,\r\n    qrcode,\r\n    backupCodes,\r\n    step,\r\n    handleSubmit,\r\n    handleFinalize,\r\n    handleCopyCodes,\r\n    resetForm,\r\n  } = useTwoFactorAuthForm({ onSuccess, open });\r\n\r\n  const handleClose = () => {\r\n    resetForm();\r\n    onClose();\r\n  };\r\n\r\n  if (step === 'recovery') {\r\n    return (\r\n      <Dialog open={open} onOpenChange={handleClose}>\r\n        <DialogContent\r\n          showCloseButton={false}\r\n          overlayClassName=\"z-[1010]\"\r\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%]\"\r\n        >\r\n          <DialogHeader className=\"sr-only\">\r\n            <DialogTitle>{translate('common.account.twoFactor.recoveryTitle')}</DialogTitle>\r\n          </DialogHeader>\r\n          <div className=\"flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\r\n            <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\r\n              {translate('common.account.twoFactor.recoveryTitle')}\r\n            </span>\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              className=\"size-8! p-0 absolute right-4\"\r\n              onClick={handleClose}\r\n            >\r\n              <IconX size={18} />\r\n            </Button>\r\n          </div>\r\n\r\n          <div className=\"flex flex-col gap-5 lg:gap-6 px-4 lg:px-5 py-5 lg:py-6 flex-1 lg:flex-none\">\r\n            <div className=\"flex flex-col gap-2\">\r\n              <h3 className=\"paragraph-medium-semibold text-gray-950 max-w-[269px]\">\r\n                {translate('common.account.twoFactor.recoveryHeading')}\r\n              </h3>\r\n              <div className=\"paragraph-small-regular text-gray-600\">\r\n                <p>{translate('common.account.twoFactor.recoveryText1')}</p>\r\n                <br />\r\n                <p>{translate('common.account.twoFactor.recoveryText2')}</p>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"bg-gray-50 rounded-lg p-4 flex flex-col gap-4\">\r\n              <div className=\"paragraph-small-medium text-gray-950 whitespace-nowrap\">\r\n                {backupCodes.map((backupCode, i) => (\r\n                  <p key={i}>{backupCode}</p>\r\n                ))}\r\n              </div>\r\n              <Button\r\n                type=\"button\"\r\n                variant=\"secondary\"\r\n                className=\"h-8! w-fit\"\r\n                onClick={handleCopyCodes}\r\n              >\r\n                <IconCopy size={16} />\r\n                {translate('common.account.twoFactor.copyCodes')}\r\n              </Button>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between mt-auto lg:mt-0\">\r\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\r\n              {translate('common.actions.cancel')}\r\n            </Button>\r\n            <Button className=\"h-10!\" type=\"button\" onClick={handleFinalize}>\r\n              {translate('common.account.twoFactor.finish')}\r\n            </Button>\r\n          </div>\r\n        </DialogContent>\r\n      </Dialog>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={handleClose}>\r\n      <DialogContent\r\n        showCloseButton={false}\r\n        overlayClassName=\"z-[1010]\"\r\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%]\"\r\n      >\r\n        <DialogHeader className=\"sr-only\">\r\n          <DialogTitle>{translate('common.account.twoFactor.title')}</DialogTitle>\r\n        </DialogHeader>\r\n        <div className=\"shrink-0 flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\r\n          <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\r\n            {translate('common.account.twoFactor.title')}\r\n          </span>\r\n          <Button\r\n            type=\"button\"\r\n            variant=\"ghost\"\r\n            className=\"size-8! p-0 absolute right-4\"\r\n            onClick={handleClose}\r\n          >\r\n            <IconX size={18} />\r\n          </Button>\r\n        </div>\r\n\r\n        <form\r\n          className=\"flex-1 min-h-0 flex flex-col\"\r\n          onSubmit={(e) => {\r\n            e.preventDefault();\r\n            if (isCodeComplete) handleSubmit();\r\n          }}\r\n        >\r\n          <div className=\"flex-1 min-h-0 overflow-y-auto overscroll-contain lg:overflow-visible\">\r\n            <div className=\"flex flex-col items-center gap-4 lg:gap-8 px-4 lg:px-5 py-4 lg:py-6 pb-60 lg:pb-6\">\r\n              <p className=\"paragraph-small-regular text-gray-950 text-center max-w-full lg:max-w-[412px]\">\r\n                {translate.rich('common.account.twoFactor.instructions', {\r\n                  link: (chunks) => (\r\n                    <a\r\n                      href=\"https://support.google.com/accounts/answer/1066447\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      className=\"paragraph-small-medium underline\"\r\n                    >\r\n                      {chunks}\r\n                    </a>\r\n                  ),\r\n                })}\r\n              </p>\r\n\r\n              <div className=\"border border-gray-200 rounded-lg overflow-hidden p-2 lg:p-3 flex items-center justify-center w-[136px] h-[136px] lg:w-[203px] lg:h-[203px]\">\r\n                {generateFailed ? (\r\n                  <button\r\n                    type=\"button\"\r\n                    onClick={() => retryGenerate()}\r\n                    className=\"flex flex-col items-center gap-1.5 text-center\"\r\n                  >\r\n                    <IconRefresh size={20} className=\"text-gray-400\" />\r\n                    <span className=\"paragraph-xsmall-medium text-gray-500\">\r\n                      {translate('common.account.twoFactor.retry')}\r\n                    </span>\r\n                  </button>\r\n                ) : isGenerating || !qrcode ? (\r\n                  <div className=\"skeleton w-full h-full rounded\" />\r\n                ) : (\r\n                  // eslint-disable-next-line @next/next/no-img-element\r\n                  <img\r\n                    src={qrcode}\r\n                    alt={translate('common.account.twoFactor.qrAlt')}\r\n                    className=\"w-full h-full\"\r\n                  />\r\n                )}\r\n              </div>\r\n\r\n              <div className=\"flex items-center gap-3 w-full\">\r\n                <Separator className=\"flex-1\" />\r\n                <span className=\"paragraph-xsmall-medium text-gray-500 opacity-80 whitespace-nowrap\">\r\n                  {translate('common.account.twoFactor.pasteDigits')}\r\n                </span>\r\n                <Separator className=\"flex-1\" />\r\n              </div>\r\n\r\n              <div className=\"scroll-mt-20\">\r\n                <InputOTP maxLength={6} pattern={REGEXP_ONLY_DIGITS} value={code} onChange={setCode}>\r\n                  <InputOTPGroup className=\"gap-2\">\r\n                    {Array.from({ length: 6 }).map((_, i) => (\r\n                      <InputOTPSlot\r\n                        key={i}\r\n                        index={i}\r\n                        className=\"w-11! lg:w-12! h-13! lg:h-14! rounded-lg! text-lg border-gray-200\"\r\n                      />\r\n                    ))}\r\n                  </InputOTPGroup>\r\n                </InputOTP>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"shrink-0 flex items-center p-4 lg:p-5 border-t border-gray-200 justify-between gap-2 bg-white\">\r\n            <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\r\n              {translate('common.actions.cancel')}\r\n            </Button>\r\n            <Button type=\"submit\" className=\"h-10!\" disabled={!isCodeComplete || isConfirming}>\r\n              {isConfirming\r\n                ? translate('common.account.twoFactor.activating')\r\n                : translate('common.account.twoFactor.activate')}\r\n            </Button>\r\n          </div>\r\n        </form>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}
+{"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/hooks/useChangePhoneForm.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/hooks/useChangePhoneForm.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useCallback } from 'react';\r\nimport { useTranslations } from 'next-intl';\r\nimport { toast } from 'sonner';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { requestPhoneChangeAction, updateUserAction } from '../../../modules/accounts/actions/account-management.action';\r\n\r\nfunction splitPhoneValue(fullValue: string): { ddi: string; local: string } {\r\n  const trimmed = fullValue.trim();\r\n  const spaceIdx = trimmed.indexOf(' ');\r\n  if (spaceIdx === -1) return { ddi: '+55', local: trimmed };\r\n  return { ddi: trimmed.slice(0, spaceIdx), local: trimmed.slice(spaceIdx + 1) };\r\n}\r\n\r\ninterface UseChangePhoneFormOptions {\r\n  hasExistingPhone: boolean;\r\n  onDirectUpdateSuccess?: () => void;\r\n}\r\n\r\nexport default function useChangePhoneForm({ hasExistingPhone, onDirectUpdateSuccess }: UseChangePhoneFormOptions) {\r\n  const translate = useTranslations();\r\n  const [showVerification, setShowVerification] = useState(false);\r\n  const [phoneValue, setPhoneValue] = useState('');\r\n  const [phoneError, setPhoneError] = useState('');\r\n  const [isSubmitting, setIsSubmitting] = useState(false);\r\n  const [submittedPhone, setSubmittedPhone] = useState({ ddi: '+55', local: '' });\r\n\r\n  const handlePhoneChange = useCallback((value: string) => {\r\n    setPhoneValue(value);\r\n    if (phoneError) setPhoneError('');\r\n  }, [phoneError]);\r\n\r\n  const handleContinue = useCallback(async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n\r\n    const { ddi, local } = splitPhoneValue(phoneValue);\r\n\r\n    if (!local || local.replace(/\\D/g, '').length < 8) {\r\n      setPhoneError(translate('common.account.changePhone.invalidNumber'));\r\n      return;\r\n    }\r\n\r\n    setIsSubmitting(true);\r\n    try {\r\n      if (!hasExistingPhone) {\r\n        const result = await updateUserAction({ phone: local, ddi });\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.changePhone.saveError')}\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.changePhone.phoneAdded')}\r\n            toastId={toastId}\r\n          />\r\n        ));\r\n        onDirectUpdateSuccess?.();\r\n        return;\r\n      }\r\n\r\n      const result = await requestPhoneChangeAction(local, ddi);\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.changePhone.numberExistsError')}\r\n            toastId={toastId}\r\n          />\r\n        ));\r\n        return;\r\n      }\r\n\r\n      setSubmittedPhone({ ddi, local });\r\n      setShowVerification(true);\r\n    } finally {\r\n      setIsSubmitting(false);\r\n    }\r\n  }, [phoneValue, hasExistingPhone, onDirectUpdateSuccess, translate]);\r\n\r\n  const handleBack = useCallback(() => {\r\n    setShowVerification(false);\r\n  }, []);\r\n\r\n  const resetForm = useCallback(() => {\r\n    setPhoneValue('');\r\n    setPhoneError('');\r\n    setSubmittedPhone({ ddi: '+55', local: '' });\r\n    setShowVerification(false);\r\n  }, []);\r\n\r\n  return {\r\n    showVerification,\r\n    phoneValue,\r\n    phoneError,\r\n    isSubmitting,\r\n    submittedPhone,\r\n    handlePhoneChange,\r\n    handleContinue,\r\n    handleBack,\r\n    resetForm,\r\n  };\r\n}\r\n"],"mappings":"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","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/useTwoFactorAuthForm.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/hooks/useTwoFactorAuthForm.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useCallback, useEffect } from 'react';\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 { copyToClipboard } from '../../../utils/browser/clipboard';\r\nimport {\r\n  generateTwoFactorAction,\r\n  confirmTwoFactorAction,\r\n} from '../../../modules/accounts/actions/account-management.action';\r\nimport { withAction } from '../../../utils/withAction';\r\n\r\ntype Step = 'code' | 'recovery';\r\n\r\ninterface UseTwoFactorAuthFormProps {\r\n  onSuccess?: () => void;\r\n  open?: boolean;\r\n}\r\n\r\nexport default function useTwoFactorAuthForm({ onSuccess, open }: UseTwoFactorAuthFormProps = {}) {\r\n  const translate = useTranslations();\r\n  const [code, setCode] = useState('');\r\n  const [step, setStep] = useState<Step>('code');\r\n\r\n  const generateMutation = useMutation({\r\n    mutationFn: withAction(generateTwoFactorAction),\r\n    onError: () => {\r\n      toast.custom((toastId) => (\r\n        <Toast\r\n          variant=\"error\"\r\n          message={translate('common.account.twoFactor.generateError')}\r\n          toastId={toastId}\r\n        />\r\n      ));\r\n    },\r\n  });\r\n\r\n  const confirmMutation = useMutation({\r\n    mutationFn: withAction(confirmTwoFactorAction),\r\n    onSuccess: () => {\r\n      setStep('recovery');\r\n    },\r\n    onError: () => {\r\n      setCode('');\r\n      toast.custom((toastId) => (\r\n        <Toast\r\n          variant=\"error\"\r\n          message={translate('common.account.twoFactor.confirmError')}\r\n          toastId={toastId}\r\n        />\r\n      ));\r\n    },\r\n  });\r\n\r\n  const { mutate: triggerGenerate } = generateMutation;\r\n\r\n  useEffect(() => {\r\n    if (open) {\r\n      triggerGenerate();\r\n    }\r\n  }, [open, triggerGenerate]);\r\n\r\n  const generateFailed = generateMutation.isError;\r\n\r\n  const isCodeComplete = code.length === 6;\r\n\r\n  const handleSubmit = () => {\r\n    if (!isCodeComplete) return;\r\n    confirmMutation.mutate(code);\r\n  };\r\n\r\n  const handleFinalize = () => {\r\n    onSuccess?.();\r\n    setTimeout(resetForm, 300);\r\n  };\r\n\r\n  const handleCopyCodes = useCallback(async () => {\r\n    const codes = generateMutation.data?.backupCodes ?? [];\r\n    const success = await copyToClipboard(codes.join('\\n'));\r\n    if (success) {\r\n      toast.custom((toastId) => (\r\n        <Toast\r\n          variant=\"success\"\r\n          message={translate('common.account.twoFactor.codesCopied')}\r\n          toastId={toastId}\r\n        />\r\n      ));\r\n    }\r\n  }, [generateMutation.data, translate]);\r\n\r\n  const resetForm = () => {\r\n    setCode('');\r\n    setStep('code');\r\n    generateMutation.reset();\r\n    confirmMutation.reset();\r\n  };\r\n\r\n  return {\r\n    code,\r\n    setCode,\r\n    isCodeComplete,\r\n    isGenerating: generateMutation.isPending,\r\n    isConfirming: confirmMutation.isPending,\r\n    generateFailed,\r\n    retryGenerate: triggerGenerate,\r\n    qrcode: generateMutation.data?.qrcode,\r\n    backupCodes: generateMutation.data?.backupCodes ?? [],\r\n    step,\r\n    handleSubmit,\r\n    handleFinalize,\r\n    handleCopyCodes,\r\n    resetForm,\r\n  };\r\n}\r\n"],"mappings":";AA8BQ;AA5BR,SAAS,UAAU,aAAa,iBAAiB;AACjD,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AASZ,SAAR,qBAAsC,EAAE,WAAW,KAAK,IAA+B,CAAC,GAAG;AAChG,QAAM,YAAY,gBAAgB;AAClC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,MAAM;AAE7C,QAAM,mBAAmB,YAAY;AAAA,IACnC,YAAY,WAAW,uBAAuB;AAAA,IAC9C,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,wCAAwC;AAAA,UAC3D;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,YAAY;AAAA,IAClC,YAAY,WAAW,sBAAsB;AAAA,IAC7C,WAAW,MAAM;AACf,cAAQ,UAAU;AAAA,IACpB;AAAA,IACA,SAAS,MAAM;AACb,cAAQ,EAAE;AACV,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,uCAAuC;AAAA,UAC1D;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,EAAE,QAAQ,gBAAgB,IAAI;AAEpC,YAAU,MAAM;AACd,QAAI,MAAM;AACR,sBAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,MAAM,eAAe,CAAC;AAE1B,QAAM,iBAAiB,iBAAiB;AAExC,QAAM,iBAAiB,KAAK,WAAW;AAEvC,QAAM,eAAe,MAAM;AACzB,QAAI,CAAC,eAAgB;AACrB,oBAAgB,OAAO,IAAI;AAAA,EAC7B;AAEA,QAAM,iBAAiB,MAAM;AAC3B,gBAAY;AACZ,eAAW,WAAW,GAAG;AAAA,EAC3B;AAEA,QAAM,kBAAkB,YAAY,YAAY;AAC9C,UAAM,QAAQ,iBAAiB,MAAM,eAAe,CAAC;AACrD,UAAM,UAAU,MAAM,gBAAgB,MAAM,KAAK,IAAI,CAAC;AACtD,QAAI,SAAS;AACX,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,sCAAsC;AAAA,UACzD;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF,GAAG,CAAC,iBAAiB,MAAM,SAAS,CAAC;AAErC,QAAM,YAAY,MAAM;AACtB,YAAQ,EAAE;AACV,YAAQ,MAAM;AACd,qBAAiB,MAAM;AACvB,oBAAgB,MAAM;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,iBAAiB;AAAA,IAC/B,cAAc,gBAAgB;AAAA,IAC9B;AAAA,IACA,eAAe;AAAA,IACf,QAAQ,iBAAiB,MAAM;AAAA,IAC/B,aAAa,iBAAiB,MAAM,eAAe,CAAC;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/account/hooks/useTwoFactorAuthForm.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback, useEffect } from 'react';\nimport { useMutation } from '@tanstack/react-query';\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { copyToClipboard } from '../../../utils/browser/clipboard';\nimport {\n  generateTwoFactorAction,\n  confirmTwoFactorAction,\n} from '../../../modules/accounts/actions/account-management.action';\nimport { withAction } from '../../../utils/withAction';\n\ntype Step = 'code' | 'recovery';\n\ninterface UseTwoFactorAuthFormProps {\n  onSuccess?: () => void;\n  open?: boolean;\n}\n\nexport default function useTwoFactorAuthForm({ onSuccess, open }: UseTwoFactorAuthFormProps = {}) {\n  const translate = useTranslations();\n  const [code, setCode] = useState('');\n  const [step, setStep] = useState<Step>('code');\n\n  const generateMutation = useMutation({\n    mutationFn: withAction(generateTwoFactorAction),\n    onError: () => {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={translate('common.account.twoFactor.generateError')}\n          toastId={toastId}\n        />\n      ));\n    },\n  });\n\n  const confirmMutation = useMutation({\n    mutationFn: withAction(confirmTwoFactorAction),\n    onSuccess: () => {\n      setStep('recovery');\n    },\n    onError: () => {\n      setCode('');\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={translate('common.account.twoFactor.confirmError')}\n          toastId={toastId}\n        />\n      ));\n    },\n  });\n\n  const { mutate: triggerGenerate } = generateMutation;\n\n  useEffect(() => {\n    if (open) {\n      triggerGenerate();\n    }\n  }, [open, triggerGenerate]);\n\n  const generateFailed = generateMutation.isError;\n\n  const isCodeComplete = code.length === 6;\n\n  const handleSubmit = () => {\n    if (!isCodeComplete) return;\n    confirmMutation.mutate(code);\n  };\n\n  const handleFinalize = () => {\n    onSuccess?.();\n    setTimeout(resetForm, 300);\n  };\n\n  const handleCopyCodes = useCallback(async () => {\n    const codes = generateMutation.data?.backupCodes ?? [];\n    const success = await copyToClipboard(codes.join('\\n'));\n    if (success) {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"success\"\n          message={translate('common.account.twoFactor.codesCopied')}\n          toastId={toastId}\n        />\n      ));\n    }\n  }, [generateMutation.data, translate]);\n\n  const resetForm = () => {\n    setCode('');\n    setStep('code');\n    generateMutation.reset();\n    confirmMutation.reset();\n  };\n\n  return {\n    code,\n    setCode,\n    isCodeComplete,\n    isGenerating: generateMutation.isPending,\n    isConfirming: confirmMutation.isPending,\n    generateFailed,\n    retryGenerate: triggerGenerate,\n    qrcode: generateMutation.data?.qrcode,\n    backupCodes: generateMutation.data?.backupCodes ?? [],\n    step,\n    handleSubmit,\n    handleFinalize,\n    handleCopyCodes,\n    resetForm,\n  };\n}\n"],"mappings":";AA8BQ;AA5BR,SAAS,UAAU,aAAa,iBAAiB;AACjD,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AASZ,SAAR,qBAAsC,EAAE,WAAW,KAAK,IAA+B,CAAC,GAAG;AAChG,QAAM,YAAY,gBAAgB;AAClC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,MAAM;AAE7C,QAAM,mBAAmB,YAAY;AAAA,IACnC,YAAY,WAAW,uBAAuB;AAAA,IAC9C,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,wCAAwC;AAAA,UAC3D;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,YAAY;AAAA,IAClC,YAAY,WAAW,sBAAsB;AAAA,IAC7C,WAAW,MAAM;AACf,cAAQ,UAAU;AAAA,IACpB;AAAA,IACA,SAAS,MAAM;AACb,cAAQ,EAAE;AACV,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,uCAAuC;AAAA,UAC1D;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,EAAE,QAAQ,gBAAgB,IAAI;AAEpC,YAAU,MAAM;AACd,QAAI,MAAM;AACR,sBAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,MAAM,eAAe,CAAC;AAE1B,QAAM,iBAAiB,iBAAiB;AAExC,QAAM,iBAAiB,KAAK,WAAW;AAEvC,QAAM,eAAe,MAAM;AACzB,QAAI,CAAC,eAAgB;AACrB,oBAAgB,OAAO,IAAI;AAAA,EAC7B;AAEA,QAAM,iBAAiB,MAAM;AAC3B,gBAAY;AACZ,eAAW,WAAW,GAAG;AAAA,EAC3B;AAEA,QAAM,kBAAkB,YAAY,YAAY;AAC9C,UAAM,QAAQ,iBAAiB,MAAM,eAAe,CAAC;AACrD,UAAM,UAAU,MAAM,gBAAgB,MAAM,KAAK,IAAI,CAAC;AACtD,QAAI,SAAS;AACX,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,sCAAsC;AAAA,UACzD;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF,GAAG,CAAC,iBAAiB,MAAM,SAAS,CAAC;AAErC,QAAM,YAAY,MAAM;AACtB,YAAQ,EAAE;AACV,YAAQ,MAAM;AACd,qBAAiB,MAAM;AACvB,oBAAgB,MAAM;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,iBAAiB;AAAA,IAC/B,cAAc,gBAAgB;AAAA,IAC9B;AAAA,IACA,eAAe;AAAA,IACf,QAAQ,iBAAiB,MAAM;AAAA,IAC/B,aAAa,iBAAiB,MAAM,eAAe,CAAC;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/components/account/sections/ChangeEmailModal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/sections/ChangeEmailModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useTranslations } from 'next-intl';\r\nimport { IconChevronLeft, IconX, IconMail } from '@tabler/icons-react';\r\nimport { Button } from '../../ui/buttons/Button';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../ui/overlay/Dialog';\r\nimport { Separator } from '../../ui/data-display/Separator';\r\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../../ui/form/InputOtp';\r\nimport { FormField } from '../../ui/form/FormField';\r\nimport { formatTimer } from '../../../utils/format/masks';\r\nimport { OTP_CODE_LENGTH, OTP_ALPHANUMERIC_PATTERN } from '../../../utils/validators/account';\r\nimport { useAuth } from '../../../providers/auth.provider';\r\nimport { useInvalidateUser } from '../../../modules/auth/hooks/useUserQuery';\r\nimport { confirmEmailChangeAction } from '../../../modules/accounts/actions/account-management.action';\r\nimport useChangeEmailForm from '../hooks/useChangeEmailForm';\r\nimport useOtpVerification from '../hooks/useOtpVerification';\r\n\r\ninterface ChangeEmailModalProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n}\r\n\r\nexport function ChangeEmailModal({ open, onClose }: ChangeEmailModalProps) {\r\n  const translate = useTranslations();\r\n  const { user } = useAuth();\r\n  const invalidateUser = useInvalidateUser();\r\n\r\n  const {\r\n    showVerification,\r\n    emailToVerify,\r\n    isSubmitting,\r\n    errors,\r\n    register,\r\n    handleContinue,\r\n    handleBack,\r\n    resetForm,\r\n  } = useChangeEmailForm();\r\n\r\n  const handleSuccess = () => {\r\n    invalidateUser();\r\n    resetForm();\r\n    onClose();\r\n  };\r\n\r\n  const {\r\n    code,\r\n    isLoading,\r\n    hasError,\r\n    timer,\r\n    canResend,\r\n    isValidLength,\r\n    handleCodeChange,\r\n    handleValidate,\r\n    handleResend,\r\n    reset: resetOtp,\r\n  } = useOtpVerification({\r\n    onSuccess: handleSuccess,\r\n    successMessage: translate('common.account.changeEmail.emailChanged'),\r\n    validateFn: async (token) => {\r\n      const result = await confirmEmailChangeAction(token, emailToVerify);\r\n      return result.success;\r\n    },\r\n    resendFn: async () => {\r\n      const { requestEmailChangeAction } = await import('../../../modules/accounts/actions/account-management.action');\r\n      const result = await requestEmailChangeAction(emailToVerify);\r\n      if (!result.success) {\r\n        throw new Error(result.error);\r\n      }\r\n    },\r\n  });\r\n\r\n  const handleClose = () => {\r\n    resetForm();\r\n    resetOtp();\r\n    onClose();\r\n  };\r\n\r\n  const handleBackFromVerification = () => {\r\n    resetOtp();\r\n    handleBack();\r\n  };\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={handleClose}>\r\n      <DialogContent\r\n        showCloseButton={false}\r\n        overlayClassName=\"z-[1002]\"\r\n        className=\"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-125 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%] z-[1003]\"\r\n      >\r\n        {showVerification ? (\r\n          <DialogHeader className=\"flex flex-row items-center justify-between px-4 py-3 border-b border-gray-200 lg:border-b-0\">\r\n            <Button variant=\"ghost\" className=\"size-8! p-0\" onClick={handleBackFromVerification}>\r\n              <IconChevronLeft size={20} className=\"text-gray-950\" />\r\n            </Button>\r\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950 text-center flex-1\">\r\n              {translate('common.account.changeEmail.title')}\r\n            </DialogTitle>\r\n            <Button variant=\"ghost\" className=\"size-8! p-0\" onClick={handleClose}>\r\n              <IconX size={18} className=\"text-gray-500\" />\r\n            </Button>\r\n          </DialogHeader>\r\n        ) : (\r\n          <>\r\n            <DialogHeader className=\"sr-only\">\r\n              <DialogTitle>{translate('common.account.changeEmail.title')}</DialogTitle>\r\n            </DialogHeader>\r\n            <div className=\"flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\r\n              <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\r\n                {translate('common.account.changeEmail.title')}\r\n              </span>\r\n              <Button\r\n                variant=\"ghost\"\r\n                className=\"absolute right-2 size-8! p-0\"\r\n                onClick={handleClose}\r\n              >\r\n                <IconX size={18} className=\"text-gray-500\" />\r\n              </Button>\r\n            </div>\r\n          </>\r\n        )}\r\n\r\n        <div className={`${showVerification ? 'w-full' : 'w-1/2'} h-0.75 bg-primary`} />\r\n\r\n        {showVerification ? (\r\n          <form\r\n            onSubmit={(e) => {\r\n              e.preventDefault();\r\n              handleValidate();\r\n            }}\r\n            className=\"flex flex-col flex-1 lg:flex-none\"\r\n          >\r\n            <div className=\"px-4 lg:px-5 py-5 lg:py-6 flex flex-col gap-4 flex-1 lg:flex-none\">\r\n              <div className=\"flex items-center justify-center size-12 bg-white rounded-lg shadow-xs border border-gray-200\">\r\n                <IconMail size={20} className=\"text-gray-950\" />\r\n              </div>\r\n\r\n              <div className=\"flex flex-col gap-1\">\r\n                <h3 className=\"paragraph-medium-semibold text-gray-950\">\r\n                  {translate('common.account.otp.validationCode')}\r\n                </h3>\r\n                <p className=\"paragraph-small-regular text-gray-600\">\r\n                  {translate.rich('common.account.changeEmail.sentCodeTo', {\r\n                    email: user?.email ?? '',\r\n                    b: (chunks) => (\r\n                      <span className=\"font-semibold text-gray-950 break-all\">{chunks}</span>\r\n                    ),\r\n                  })}\r\n                </p>\r\n              </div>\r\n\r\n              <div className=\"flex flex-col gap-2\">\r\n                <InputOTP maxLength={OTP_CODE_LENGTH} pattern={OTP_ALPHANUMERIC_PATTERN} value={code} onChange={handleCodeChange}>\r\n                  <InputOTPGroup className=\"flex flex-row gap-2\">\r\n                    {[...Array(OTP_CODE_LENGTH)].map((_, i) => (\r\n                      <InputOTPSlot\r\n                        key={i}\r\n                        index={i}\r\n                        className={`uppercase text-2xl font-medium w-11 lg:w-12 h-13 lg:h-14 rounded-lg border bg-white shadow-none [&_div.animate-caret-blink]:bg-gray-950 ${hasError ? 'border-red-500' : 'border-gray-200'}`}\r\n                      />\r\n                    ))}\r\n                  </InputOTPGroup>\r\n                </InputOTP>\r\n                {hasError && (\r\n                  <p className=\"paragraph-small-regular text-red-500\">\r\n                    {translate('common.account.otp.incorrectCode')}\r\n                  </p>\r\n                )}\r\n              </div>\r\n\r\n              {canResend ? (\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={handleResend}\r\n                  className=\"paragraph-small-medium text-gray-950 underline cursor-pointer hover:text-gray-700 w-fit\"\r\n                >\r\n                  {translate('common.account.otp.resend')}\r\n                </button>\r\n              ) : (\r\n                <p className=\"paragraph-small-regular text-gray-500\">\r\n                  {translate.rich('common.account.otp.resendIn', {\r\n                    time: formatTimer(timer),\r\n                    b: (chunks) => (\r\n                      <span className=\"paragraph-small-semibold text-gray-950\">{chunks}</span>\r\n                    ),\r\n                  })}\r\n                </p>\r\n              )}\r\n            </div>\r\n\r\n            <Separator />\r\n\r\n            <div className=\"flex items-center justify-between px-4 lg:px-5 py-4 lg:py-5 mt-auto lg:mt-0\">\r\n              <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\r\n                {translate('common.actions.cancel')}\r\n              </Button>\r\n              <Button className=\"h-10!\" type=\"submit\" disabled={!isValidLength || isLoading}>\r\n                {isLoading\r\n                  ? translate('common.account.otp.validating')\r\n                  : translate('common.account.changeEmail.confirm')}\r\n              </Button>\r\n            </div>\r\n          </form>\r\n        ) : (\r\n          <form onSubmit={handleContinue} className=\"flex flex-col flex-1 lg:flex-none\">\r\n            <div className=\"flex flex-col gap-5 lg:gap-6 px-4 lg:px-5 py-5 lg:py-6 flex-1 lg:flex-none\">\r\n              <div className=\"flex flex-col gap-1\">\r\n                <span className=\"paragraph-medium-semibold text-gray-950\">\r\n                  {translate('common.account.changeEmail.updateTitle')}\r\n                </span>\r\n                <span className=\"paragraph-small-regular text-gray-600\">\r\n                  {translate('common.account.changeEmail.updateDescription')}\r\n                </span>\r\n              </div>\r\n\r\n              <FormField\r\n                label={translate('common.account.changeEmail.newEmail')}\r\n                placeholder={translate('common.account.changeEmail.newEmailPlaceholder')}\r\n                type=\"email\"\r\n                {...register('email')}\r\n                error={!!errors.email}\r\n                errorMessage={errors.email?.message}\r\n                leftIcon={IconMail}\r\n              />\r\n            </div>\r\n\r\n            <div className=\"flex items-center justify-between p-4 lg:p-5 border-t border-gray-200 mt-auto lg:mt-0\">\r\n              <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\r\n                {translate('common.actions.cancel')}\r\n              </Button>\r\n              <Button className=\"h-10!\" type=\"submit\" disabled={isSubmitting}>\r\n                {isSubmitting ? translate('common.actions.sending') : translate('common.actions.continue')}\r\n              </Button>\r\n            </div>\r\n          </form>\r\n        )}\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":";AA0FU,SAYA,UAVI,KAFJ;AAxFV,SAAS,uBAAuB;AAChC,SAAS,iBAAiB,OAAO,gBAAgB;AACjD,SAAS,cAAc;AACvB,SAAS,QAAQ,eAAe,cAAc,mBAAmB;AACjE,SAAS,iBAAiB;AAC1B,SAAS,UAAU,eAAe,oBAAoB;AACtD,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB,gCAAgC;AAC1D,SAAS,eAAe;AACxB,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,OAAO,wBAAwB;AAC/B,OAAO,wBAAwB;AAOxB,SAAS,iBAAiB,EAAE,MAAM,QAAQ,GAA0B;AACzE,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,iBAAiB,kBAAkB;AAEzC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,mBAAmB;AAEvB,QAAM,gBAAgB,MAAM;AAC1B,mBAAe;AACf,cAAU;AACV,YAAQ;AAAA,EACV;AAEA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,IAAI,mBAAmB;AAAA,IACrB,WAAW;AAAA,IACX,gBAAgB,UAAU,yCAAyC;AAAA,IACnE,YAAY,OAAO,UAAU;AAC3B,YAAM,SAAS,MAAM,yBAAyB,OAAO,aAAa;AAClE,aAAO,OAAO;AAAA,IAChB;AAAA,IACA,UAAU,YAAY;AACpB,YAAM,EAAE,yBAAyB,IAAI,MAAM,OAAO,6DAA6D;AAC/G,YAAM,SAAS,MAAM,yBAAyB,aAAa;AAC3D,UAAI,CAAC,OAAO,SAAS;AACnB,cAAM,IAAI,MAAM,OAAO,KAAK;AAAA,MAC9B;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,cAAc,MAAM;AACxB,cAAU;AACV,aAAS;AACT,YAAQ;AAAA,EACV;AAEA,QAAM,6BAA6B,MAAM;AACvC,aAAS;AACT,eAAW;AAAA,EACb;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,aAChC;AAAA,IAAC;AAAA;AAAA,MACC,iBAAiB;AAAA,MACjB,kBAAiB;AAAA,MACjB,WAAU;AAAA,MAET;AAAA,2BACC,qBAAC,gBAAa,WAAU,+FACtB;AAAA,8BAAC,UAAO,SAAQ,SAAQ,WAAU,eAAc,SAAS,4BACvD,8BAAC,mBAAgB,MAAM,IAAI,WAAU,iBAAgB,GACvD;AAAA,UACA,oBAAC,eAAY,WAAU,8DACpB,oBAAU,kCAAkC,GAC/C;AAAA,UACA,oBAAC,UAAO,SAAQ,SAAQ,WAAU,eAAc,SAAS,aACvD,8BAAC,SAAM,MAAM,IAAI,WAAU,iBAAgB,GAC7C;AAAA,WACF,IAEA,iCACE;AAAA,8BAAC,gBAAa,WAAU,WACtB,8BAAC,eAAa,oBAAU,kCAAkC,GAAE,GAC9D;AAAA,UACA,qBAAC,SAAI,WAAU,8FACb;AAAA,gCAAC,UAAK,WAAU,uDACb,oBAAU,kCAAkC,GAC/C;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAU;AAAA,gBACV,SAAS;AAAA,gBAET,8BAAC,SAAM,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,YAC7C;AAAA,aACF;AAAA,WACF;AAAA,QAGF,oBAAC,SAAI,WAAW,GAAG,mBAAmB,WAAW,OAAO,sBAAsB;AAAA,QAE7E,mBACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,CAAC,MAAM;AACf,gBAAE,eAAe;AACjB,6BAAe;AAAA,YACjB;AAAA,YACA,WAAU;AAAA,YAEV;AAAA,mCAAC,SAAI,WAAU,qEACb;AAAA,oCAAC,SAAI,WAAU,iGACb,8BAAC,YAAS,MAAM,IAAI,WAAU,iBAAgB,GAChD;AAAA,gBAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,sCAAC,QAAG,WAAU,2CACX,oBAAU,mCAAmC,GAChD;AAAA,kBACA,oBAAC,OAAE,WAAU,yCACV,oBAAU,KAAK,yCAAyC;AAAA,oBACvD,OAAO,MAAM,SAAS;AAAA,oBACtB,GAAG,CAAC,WACF,oBAAC,UAAK,WAAU,yCAAyC,kBAAO;AAAA,kBAEpE,CAAC,GACH;AAAA,mBACF;AAAA,gBAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,sCAAC,YAAS,WAAW,iBAAiB,SAAS,0BAA0B,OAAO,MAAM,UAAU,kBAC9F,8BAAC,iBAAc,WAAU,uBACtB,WAAC,GAAG,MAAM,eAAe,CAAC,EAAE,IAAI,CAAC,GAAG,MACnC;AAAA,oBAAC;AAAA;AAAA,sBAEC,OAAO;AAAA,sBACP,WAAW,2IAA2I,WAAW,mBAAmB,iBAAiB;AAAA;AAAA,oBAFhM;AAAA,kBAGP,CACD,GACH,GACF;AAAA,kBACC,YACC,oBAAC,OAAE,WAAU,wCACV,oBAAU,kCAAkC,GAC/C;AAAA,mBAEJ;AAAA,gBAEC,YACC;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS;AAAA,oBACT,WAAU;AAAA,oBAET,oBAAU,2BAA2B;AAAA;AAAA,gBACxC,IAEA,oBAAC,OAAE,WAAU,yCACV,oBAAU,KAAK,+BAA+B;AAAA,kBAC7C,MAAM,YAAY,KAAK;AAAA,kBACvB,GAAG,CAAC,WACF,oBAAC,UAAK,WAAU,0CAA0C,kBAAO;AAAA,gBAErE,CAAC,GACH;AAAA,iBAEJ;AAAA,cAEA,oBAAC,aAAU;AAAA,cAEX,qBAAC,SAAI,WAAU,+EACb;AAAA,oCAAC,UAAO,SAAQ,aAAY,WAAU,SAAQ,MAAK,UAAS,SAAS,aAClE,oBAAU,uBAAuB,GACpC;AAAA,gBACA,oBAAC,UAAO,WAAU,SAAQ,MAAK,UAAS,UAAU,CAAC,iBAAiB,WACjE,sBACG,UAAU,+BAA+B,IACzC,UAAU,oCAAoC,GACpD;AAAA,iBACF;AAAA;AAAA;AAAA,QACF,IAEA,qBAAC,UAAK,UAAU,gBAAgB,WAAU,qCACxC;AAAA,+BAAC,SAAI,WAAU,8EACb;AAAA,iCAAC,SAAI,WAAU,uBACb;AAAA,kCAAC,UAAK,WAAU,2CACb,oBAAU,wCAAwC,GACrD;AAAA,cACA,oBAAC,UAAK,WAAU,yCACb,oBAAU,8CAA8C,GAC3D;AAAA,eACF;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,UAAU,qCAAqC;AAAA,gBACtD,aAAa,UAAU,gDAAgD;AAAA,gBACvE,MAAK;AAAA,gBACJ,GAAG,SAAS,OAAO;AAAA,gBACpB,OAAO,CAAC,CAAC,OAAO;AAAA,gBAChB,cAAc,OAAO,OAAO;AAAA,gBAC5B,UAAU;AAAA;AAAA,YACZ;AAAA,aACF;AAAA,UAEA,qBAAC,SAAI,WAAU,yFACb;AAAA,gCAAC,UAAO,SAAQ,aAAY,WAAU,SAAQ,MAAK,UAAS,SAAS,aAClE,oBAAU,uBAAuB,GACpC;AAAA,YACA,oBAAC,UAAO,WAAU,SAAQ,MAAK,UAAS,UAAU,cAC/C,yBAAe,UAAU,wBAAwB,IAAI,UAAU,yBAAyB,GAC3F;AAAA,aACF;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/account/sections/ChangeEmailModal.tsx"],"sourcesContent":["'use client';\n\nimport { useTranslations } from 'next-intl';\nimport { IconChevronLeft, IconX, IconMail } 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 { FormField } from '../../ui/form/FormField';\nimport { formatTimer } from '../../../utils/format/masks';\nimport { OTP_CODE_LENGTH, OTP_ALPHANUMERIC_PATTERN } from '../../../utils/validators/account';\nimport { useAuth } from '../../../providers/auth.provider';\nimport { useInvalidateUser } from '../../../modules/auth/hooks/useUserQuery';\nimport { confirmEmailChangeAction } from '../../../modules/accounts/actions/account-management.action';\nimport useChangeEmailForm from '../hooks/useChangeEmailForm';\nimport useOtpVerification from '../hooks/useOtpVerification';\n\ninterface ChangeEmailModalProps {\n  open: boolean;\n  onClose: () => void;\n}\n\nexport function ChangeEmailModal({ open, onClose }: ChangeEmailModalProps) {\n  const translate = useTranslations();\n  const { user } = useAuth();\n  const invalidateUser = useInvalidateUser();\n\n  const {\n    showVerification,\n    emailToVerify,\n    isSubmitting,\n    errors,\n    register,\n    handleContinue,\n    handleBack,\n    resetForm,\n  } = useChangeEmailForm();\n\n  const handleSuccess = () => {\n    invalidateUser();\n    resetForm();\n    onClose();\n  };\n\n  const {\n    code,\n    isLoading,\n    hasError,\n    timer,\n    canResend,\n    isValidLength,\n    handleCodeChange,\n    handleValidate,\n    handleResend,\n    reset: resetOtp,\n  } = useOtpVerification({\n    onSuccess: handleSuccess,\n    successMessage: translate('common.account.changeEmail.emailChanged'),\n    validateFn: async (token) => {\n      const result = await confirmEmailChangeAction(token, emailToVerify);\n      return result.success;\n    },\n    resendFn: async () => {\n      const { requestEmailChangeAction } = await import('../../../modules/accounts/actions/account-management.action');\n      const result = await requestEmailChangeAction(emailToVerify);\n      if (!result.success) {\n        throw new Error(result.error);\n      }\n    },\n  });\n\n  const handleClose = () => {\n    resetForm();\n    resetOtp();\n    onClose();\n  };\n\n  const handleBackFromVerification = () => {\n    resetOtp();\n    handleBack();\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent\n        showCloseButton={false}\n        overlayClassName=\"z-[1002]\"\n        className=\"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-125 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%] z-[1003]\"\n      >\n        {showVerification ? (\n          <DialogHeader className=\"flex flex-row items-center justify-between px-4 py-3 border-b border-gray-200 lg:border-b-0\">\n            <Button variant=\"ghost\" className=\"size-8! p-0\" onClick={handleBackFromVerification}>\n              <IconChevronLeft size={20} className=\"text-gray-950\" />\n            </Button>\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950 text-center flex-1\">\n              {translate('common.account.changeEmail.title')}\n            </DialogTitle>\n            <Button variant=\"ghost\" className=\"size-8! p-0\" onClick={handleClose}>\n              <IconX size={18} className=\"text-gray-500\" />\n            </Button>\n          </DialogHeader>\n        ) : (\n          <>\n            <DialogHeader className=\"sr-only\">\n              <DialogTitle>{translate('common.account.changeEmail.title')}</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.changeEmail.title')}\n              </span>\n              <Button\n                variant=\"ghost\"\n                className=\"absolute right-2 size-8! p-0\"\n                onClick={handleClose}\n              >\n                <IconX size={18} className=\"text-gray-500\" />\n              </Button>\n            </div>\n          </>\n        )}\n\n        <div className={`${showVerification ? 'w-full' : 'w-1/2'} h-0.75 bg-primary`} />\n\n        {showVerification ? (\n          <form\n            onSubmit={(e) => {\n              e.preventDefault();\n              handleValidate();\n            }}\n            className=\"flex flex-col flex-1 lg:flex-none\"\n          >\n            <div className=\"px-4 lg:px-5 py-5 lg:py-6 flex flex-col gap-4 flex-1 lg:flex-none\">\n              <div className=\"flex items-center justify-center size-12 bg-white rounded-lg shadow-xs border border-gray-200\">\n                <IconMail size={20} className=\"text-gray-950\" />\n              </div>\n\n              <div className=\"flex flex-col gap-1\">\n                <h3 className=\"paragraph-medium-semibold text-gray-950\">\n                  {translate('common.account.otp.validationCode')}\n                </h3>\n                <p className=\"paragraph-small-regular text-gray-600\">\n                  {translate.rich('common.account.changeEmail.sentCodeTo', {\n                    email: user?.email ?? '',\n                    b: (chunks) => (\n                      <span className=\"font-semibold text-gray-950 break-all\">{chunks}</span>\n                    ),\n                  })}\n                </p>\n              </div>\n\n              <div className=\"flex flex-col gap-2\">\n                <InputOTP maxLength={OTP_CODE_LENGTH} pattern={OTP_ALPHANUMERIC_PATTERN} value={code} onChange={handleCodeChange}>\n                  <InputOTPGroup className=\"flex flex-row gap-2\">\n                    {[...Array(OTP_CODE_LENGTH)].map((_, i) => (\n                      <InputOTPSlot\n                        key={i}\n                        index={i}\n                        className={`uppercase text-2xl font-medium w-11 lg:w-12 h-13 lg:h-14 rounded-lg border bg-white shadow-none [&_div.animate-caret-blink]:bg-gray-950 ${hasError ? 'border-red-500' : 'border-gray-200'}`}\n                      />\n                    ))}\n                  </InputOTPGroup>\n                </InputOTP>\n                {hasError && (\n                  <p className=\"paragraph-small-regular text-red-500\">\n                    {translate('common.account.otp.incorrectCode')}\n                  </p>\n                )}\n              </div>\n\n              {canResend ? (\n                <button\n                  type=\"button\"\n                  onClick={handleResend}\n                  className=\"paragraph-small-medium text-gray-950 underline cursor-pointer hover:text-gray-700 w-fit\"\n                >\n                  {translate('common.account.otp.resend')}\n                </button>\n              ) : (\n                <p className=\"paragraph-small-regular text-gray-500\">\n                  {translate.rich('common.account.otp.resendIn', {\n                    time: formatTimer(timer),\n                    b: (chunks) => (\n                      <span className=\"paragraph-small-semibold text-gray-950\">{chunks}</span>\n                    ),\n                  })}\n                </p>\n              )}\n            </div>\n\n            <Separator />\n\n            <div className=\"flex items-center justify-between px-4 lg:px-5 py-4 lg:py-5 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=\"submit\" disabled={!isValidLength || isLoading}>\n                {isLoading\n                  ? translate('common.account.otp.validating')\n                  : translate('common.account.changeEmail.confirm')}\n              </Button>\n            </div>\n          </form>\n        ) : (\n          <form onSubmit={handleContinue} className=\"flex flex-col flex-1 lg:flex-none\">\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-1\">\n                <span className=\"paragraph-medium-semibold text-gray-950\">\n                  {translate('common.account.changeEmail.updateTitle')}\n                </span>\n                <span className=\"paragraph-small-regular text-gray-600\">\n                  {translate('common.account.changeEmail.updateDescription')}\n                </span>\n              </div>\n\n              <FormField\n                label={translate('common.account.changeEmail.newEmail')}\n                placeholder={translate('common.account.changeEmail.newEmailPlaceholder')}\n                type=\"email\"\n                {...register('email')}\n                error={!!errors.email}\n                errorMessage={errors.email?.message}\n                leftIcon={IconMail}\n              />\n            </div>\n\n            <div className=\"flex items-center justify-between p-4 lg:p-5 border-t border-gray-200 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=\"submit\" disabled={isSubmitting}>\n                {isSubmitting ? translate('common.actions.sending') : translate('common.actions.continue')}\n              </Button>\n            </div>\n          </form>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/account/sections/ChangePasswordSection.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/sections/ChangePasswordSection.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { IconLock, IconX } from '@tabler/icons-react';\r\nimport { useTranslations } from 'next-intl';\r\nimport { Button } from '../../ui/buttons/Button';\r\nimport { FormField } from '../../ui/form/FormField';\r\nimport useChangePasswordForm from '../hooks/useChangePasswordForm';\r\nimport usePasswordVisibility from '../../../hooks/usePasswordVisibility';\r\n\r\ninterface ChangePasswordSectionProps {\r\n  onBack: () => void;\r\n}\r\n\r\nexport function ChangePasswordSection({ onBack }: ChangePasswordSectionProps) {\r\n  const translate = useTranslations();\r\n  const { register, handleSubmit, errors } = useChangePasswordForm({\r\n    onSuccess: onBack,\r\n  });\r\n  const { showPassword: showCurrentPw, togglePassword: toggleCurrentPw } = usePasswordVisibility();\r\n  const { showPassword: showNewPw, togglePassword: toggleNewPw } = usePasswordVisibility();\r\n\r\n  return (\r\n    <form\r\n      onSubmit={handleSubmit}\r\n      className=\"flex-1 overflow-y-auto px-4 pb-5 lg:p-5 flex flex-col h-full lg:h-full gap-5 lg:gap-6\"\r\n    >\r\n      <div className=\"flex items-center justify-between\">\r\n        <span className=\"paragraph-medium-semibold text-gray-950\">\r\n          {translate('common.account.changePassword.title')}\r\n        </span>\r\n        <Button type=\"button\" variant=\"ghost\" className=\"size-8! p-0\" onClick={onBack}>\r\n          <IconX size={18} />\r\n        </Button>\r\n      </div>\r\n\r\n      <div className=\"flex flex-col gap-4\">\r\n        <FormField\r\n          label={translate('common.account.changePassword.currentPassword')}\r\n          type=\"password\"\r\n          placeholder={translate('common.account.changePassword.currentPasswordPlaceholder')}\r\n          leftIcon={IconLock}\r\n          error={!!errors.currentPassword}\r\n          errorMessage={errors.currentPassword?.message}\r\n          classnameContainer=\"h-10!\"\r\n          showPassword={showCurrentPw}\r\n          onTogglePassword={toggleCurrentPw}\r\n          {...register('currentPassword')}\r\n        />\r\n        <FormField\r\n          label={translate('common.account.changePassword.newPassword')}\r\n          type=\"password\"\r\n          placeholder={translate('common.account.changePassword.newPasswordPlaceholder')}\r\n          leftIcon={IconLock}\r\n          error={!!errors.newPassword}\r\n          errorMessage={errors.newPassword?.message}\r\n          classnameContainer=\"h-10!\"\r\n          showPassword={showNewPw}\r\n          onTogglePassword={toggleNewPw}\r\n          {...register('newPassword')}\r\n        />\r\n      </div>\r\n\r\n      <Button type=\"submit\" className=\"w-fit h-10!\">\r\n        {translate('common.account.changePassword.submit')}\r\n      </Button>\r\n    </form>\r\n  );\r\n}\r\n"],"mappings":";AA0BM,SACE,KADF;AAxBN,SAAS,UAAU,aAAa;AAChC,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,OAAO,2BAA2B;AAClC,OAAO,2BAA2B;AAM3B,SAAS,sBAAsB,EAAE,OAAO,GAA+B;AAC5E,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,UAAU,cAAc,OAAO,IAAI,sBAAsB;AAAA,IAC/D,WAAW;AAAA,EACb,CAAC;AACD,QAAM,EAAE,cAAc,eAAe,gBAAgB,gBAAgB,IAAI,sBAAsB;AAC/F,QAAM,EAAE,cAAc,WAAW,gBAAgB,YAAY,IAAI,sBAAsB;AAEvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,WAAU;AAAA,MAEV;AAAA,6BAAC,SAAI,WAAU,qCACb;AAAA,8BAAC,UAAK,WAAU,2CACb,oBAAU,qCAAqC,GAClD;AAAA,UACA,oBAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,WAAU,eAAc,SAAS,QACrE,8BAAC,SAAM,MAAM,IAAI,GACnB;AAAA,WACF;AAAA,QAEA,qBAAC,SAAI,WAAU,uBACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,UAAU,+CAA+C;AAAA,cAChE,MAAK;AAAA,cACL,aAAa,UAAU,0DAA0D;AAAA,cACjF,UAAU;AAAA,cACV,OAAO,CAAC,CAAC,OAAO;AAAA,cAChB,cAAc,OAAO,iBAAiB;AAAA,cACtC,oBAAmB;AAAA,cACnB,cAAc;AAAA,cACd,kBAAkB;AAAA,cACjB,GAAG,SAAS,iBAAiB;AAAA;AAAA,UAChC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,UAAU,2CAA2C;AAAA,cAC5D,MAAK;AAAA,cACL,aAAa,UAAU,sDAAsD;AAAA,cAC7E,UAAU;AAAA,cACV,OAAO,CAAC,CAAC,OAAO;AAAA,cAChB,cAAc,OAAO,aAAa;AAAA,cAClC,oBAAmB;AAAA,cACnB,cAAc;AAAA,cACd,kBAAkB;AAAA,cACjB,GAAG,SAAS,aAAa;AAAA;AAAA,UAC5B;AAAA,WACF;AAAA,QAEA,oBAAC,UAAO,MAAK,UAAS,WAAU,eAC7B,oBAAU,sCAAsC,GACnD;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/account/sections/ChangePasswordSection.tsx"],"sourcesContent":["'use client';\n\nimport { IconLock, IconX } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../../ui/buttons/Button';\nimport { FormField } from '../../ui/form/FormField';\nimport useChangePasswordForm from '../hooks/useChangePasswordForm';\nimport usePasswordVisibility from '../../../hooks/usePasswordVisibility';\n\ninterface ChangePasswordSectionProps {\n  onBack: () => void;\n}\n\nexport function ChangePasswordSection({ onBack }: ChangePasswordSectionProps) {\n  const translate = useTranslations();\n  const { register, handleSubmit, errors } = useChangePasswordForm({\n    onSuccess: onBack,\n  });\n  const { showPassword: showCurrentPw, togglePassword: toggleCurrentPw } = usePasswordVisibility();\n  const { showPassword: showNewPw, togglePassword: toggleNewPw } = usePasswordVisibility();\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className=\"flex-1 overflow-y-auto px-4 pb-5 lg:p-5 flex flex-col h-full lg:h-full gap-5 lg:gap-6\"\n    >\n      <div className=\"flex items-center justify-between\">\n        <span className=\"paragraph-medium-semibold text-gray-950\">\n          {translate('common.account.changePassword.title')}\n        </span>\n        <Button type=\"button\" variant=\"ghost\" className=\"size-8! p-0\" onClick={onBack}>\n          <IconX size={18} />\n        </Button>\n      </div>\n\n      <div className=\"flex flex-col gap-4\">\n        <FormField\n          label={translate('common.account.changePassword.currentPassword')}\n          type=\"password\"\n          placeholder={translate('common.account.changePassword.currentPasswordPlaceholder')}\n          leftIcon={IconLock}\n          error={!!errors.currentPassword}\n          errorMessage={errors.currentPassword?.message}\n          classnameContainer=\"h-10!\"\n          showPassword={showCurrentPw}\n          onTogglePassword={toggleCurrentPw}\n          {...register('currentPassword')}\n        />\n        <FormField\n          label={translate('common.account.changePassword.newPassword')}\n          type=\"password\"\n          placeholder={translate('common.account.changePassword.newPasswordPlaceholder')}\n          leftIcon={IconLock}\n          error={!!errors.newPassword}\n          errorMessage={errors.newPassword?.message}\n          classnameContainer=\"h-10!\"\n          showPassword={showNewPw}\n          onTogglePassword={toggleNewPw}\n          {...register('newPassword')}\n        />\n      </div>\n\n      <Button type=\"submit\" className=\"w-fit h-10!\">\n        {translate('common.account.changePassword.submit')}\n      </Button>\n    </form>\n  );\n}\n"],"mappings":";AA0BM,SACE,KADF;AAxBN,SAAS,UAAU,aAAa;AAChC,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,OAAO,2BAA2B;AAClC,OAAO,2BAA2B;AAM3B,SAAS,sBAAsB,EAAE,OAAO,GAA+B;AAC5E,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,UAAU,cAAc,OAAO,IAAI,sBAAsB;AAAA,IAC/D,WAAW;AAAA,EACb,CAAC;AACD,QAAM,EAAE,cAAc,eAAe,gBAAgB,gBAAgB,IAAI,sBAAsB;AAC/F,QAAM,EAAE,cAAc,WAAW,gBAAgB,YAAY,IAAI,sBAAsB;AAEvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,WAAU;AAAA,MAEV;AAAA,6BAAC,SAAI,WAAU,qCACb;AAAA,8BAAC,UAAK,WAAU,2CACb,oBAAU,qCAAqC,GAClD;AAAA,UACA,oBAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,WAAU,eAAc,SAAS,QACrE,8BAAC,SAAM,MAAM,IAAI,GACnB;AAAA,WACF;AAAA,QAEA,qBAAC,SAAI,WAAU,uBACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,UAAU,+CAA+C;AAAA,cAChE,MAAK;AAAA,cACL,aAAa,UAAU,0DAA0D;AAAA,cACjF,UAAU;AAAA,cACV,OAAO,CAAC,CAAC,OAAO;AAAA,cAChB,cAAc,OAAO,iBAAiB;AAAA,cACtC,oBAAmB;AAAA,cACnB,cAAc;AAAA,cACd,kBAAkB;AAAA,cACjB,GAAG,SAAS,iBAAiB;AAAA;AAAA,UAChC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,UAAU,2CAA2C;AAAA,cAC5D,MAAK;AAAA,cACL,aAAa,UAAU,sDAAsD;AAAA,cAC7E,UAAU;AAAA,cACV,OAAO,CAAC,CAAC,OAAO;AAAA,cAChB,cAAc,OAAO,aAAa;AAAA,cAClC,oBAAmB;AAAA,cACnB,cAAc;AAAA,cACd,kBAAkB;AAAA,cACjB,GAAG,SAAS,aAAa;AAAA;AAAA,UAC5B;AAAA,WACF;AAAA,QAEA,oBAAC,UAAO,MAAK,UAAS,WAAU,eAC7B,oBAAU,sCAAsC,GACnD;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/account/sections/ChangePhoneModal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/sections/ChangePhoneModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useTranslations } from 'next-intl';\r\nimport { IconChevronLeft, IconX, IconMessage } from '@tabler/icons-react';\r\nimport { Button } from '../../ui/buttons/Button';\r\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../ui/overlay/Dialog';\r\nimport { Separator } from '../../ui/data-display/Separator';\r\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from '../../ui/form/InputOtp';\r\nimport PhoneInput from '../../ui/form/PhoneInput';\r\nimport { formatTimer, formatPhone } from '../../../utils/format/masks';\r\nimport { OTP_CODE_LENGTH, OTP_ALPHANUMERIC_PATTERN } from '../../../utils/validators/account';\r\nimport { useAuth } from '../../../providers/auth.provider';\r\nimport { useInvalidateUser } from '../../../modules/auth/hooks/useUserQuery';\r\nimport { confirmPhoneChangeAction } from '../../../modules/accounts/actions/account-management.action';\r\nimport useChangePhoneForm from '../hooks/useChangePhoneForm';\r\nimport useOtpVerification from '../hooks/useOtpVerification';\r\n\r\ninterface ChangePhoneModalProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n}\r\n\r\nexport function ChangePhoneModal({ open, onClose }: ChangePhoneModalProps) {\r\n  const translate = useTranslations();\r\n  const { user } = useAuth();\r\n  const invalidateUser = useInvalidateUser();\r\n\r\n  const hasExistingPhone = !!user?.phone;\r\n\r\n  const currentPhoneDisplay = user?.phone\r\n    ? formatPhone(\r\n        user.ddi && user.phone.startsWith(user.ddi) ? user.phone.slice(user.ddi.length) : user.phone\r\n      )\r\n    : '';\r\n\r\n  const handleDirectUpdateSuccess = () => {\r\n    invalidateUser();\r\n    onClose();\r\n  };\r\n\r\n  const {\r\n    showVerification,\r\n    phoneValue,\r\n    phoneError,\r\n    isSubmitting,\r\n    submittedPhone,\r\n    handlePhoneChange,\r\n    handleContinue,\r\n    handleBack,\r\n    resetForm,\r\n  } = useChangePhoneForm({\r\n    hasExistingPhone,\r\n    onDirectUpdateSuccess: handleDirectUpdateSuccess,\r\n  });\r\n\r\n  const handleSuccess = () => {\r\n    invalidateUser();\r\n    resetForm();\r\n    onClose();\r\n  };\r\n\r\n  const {\r\n    code,\r\n    isLoading,\r\n    hasError,\r\n    timer,\r\n    canResend,\r\n    isValidLength,\r\n    handleCodeChange,\r\n    handleValidate,\r\n    handleResend,\r\n    reset: resetOtp,\r\n  } = useOtpVerification({\r\n    onSuccess: handleSuccess,\r\n    successMessage: translate('common.account.changePhone.phoneChanged'),\r\n    validateFn: async (token) => {\r\n      const result = await confirmPhoneChangeAction(token, submittedPhone.local, submittedPhone.ddi);\r\n      return result.success;\r\n    },\r\n    resendFn: async () => {\r\n      const { requestPhoneChangeAction } = await import('../../../modules/accounts/actions/account-management.action');\r\n      const result = await requestPhoneChangeAction(submittedPhone.local, submittedPhone.ddi);\r\n      if (!result.success) {\r\n        throw new Error(result.error);\r\n      }\r\n    },\r\n  });\r\n\r\n  const handleClose = () => {\r\n    resetForm();\r\n    resetOtp();\r\n    onClose();\r\n  };\r\n\r\n  const handleBackFromVerification = () => {\r\n    resetOtp();\r\n    handleBack();\r\n  };\r\n\r\n  return (\r\n    <Dialog open={open} onOpenChange={handleClose}>\r\n      <DialogContent\r\n        showCloseButton={false}\r\n        overlayClassName=\"z-[1002]\"\r\n        className=\"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-125 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%] z-[1003]\"\r\n      >\r\n        {showVerification ? (\r\n          <DialogHeader className=\"flex flex-row items-center justify-between px-4 py-3 border-b border-gray-200 lg:border-b-0\">\r\n            <Button variant=\"ghost\" className=\"size-8! p-0\" onClick={handleBackFromVerification}>\r\n              <IconChevronLeft size={20} className=\"text-gray-950\" />\r\n            </Button>\r\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950 text-center flex-1\">\r\n              {translate('common.account.changePhone.titleEdit')}\r\n            </DialogTitle>\r\n            <Button variant=\"ghost\" className=\"size-8! p-0\" onClick={handleClose}>\r\n              <IconX size={18} className=\"text-gray-500\" />\r\n            </Button>\r\n          </DialogHeader>\r\n        ) : (\r\n          <>\r\n            <DialogHeader className=\"sr-only\">\r\n              <DialogTitle>\r\n                {hasExistingPhone\r\n                  ? translate('common.account.changePhone.titleEdit')\r\n                  : translate('common.account.changePhone.titleAdd')}\r\n              </DialogTitle>\r\n            </DialogHeader>\r\n            <div className=\"flex items-center justify-center px-4 py-3 relative border-b border-gray-200 lg:border-b-0\">\r\n              <span className=\"paragraph-medium-semibold text-gray-950 text-center\">\r\n                {hasExistingPhone\r\n                  ? translate('common.account.changePhone.titleEdit')\r\n                  : translate('common.account.changePhone.titleAdd')}\r\n              </span>\r\n              <Button\r\n                variant=\"ghost\"\r\n                className=\"absolute right-2 size-8! p-0\"\r\n                onClick={handleClose}\r\n              >\r\n                <IconX size={18} className=\"text-gray-500\" />\r\n              </Button>\r\n            </div>\r\n          </>\r\n        )}\r\n\r\n        <div className={`${showVerification || !hasExistingPhone ? 'w-full' : 'w-1/2'} h-0.75 bg-primary`} />\r\n\r\n        {showVerification ? (\r\n          <form\r\n            onSubmit={(e) => {\r\n              e.preventDefault();\r\n              handleValidate();\r\n            }}\r\n            className=\"flex flex-col flex-1 lg:flex-none\"\r\n          >\r\n            <div className=\"px-4 lg:px-5 py-5 lg:py-6 flex flex-col gap-4 flex-1 lg:flex-none\">\r\n              <div className=\"flex items-center justify-center size-12 bg-white rounded-lg shadow-xs border border-gray-200\">\r\n                <IconMessage size={20} className=\"text-gray-950\" />\r\n              </div>\r\n\r\n              <div className=\"flex flex-col gap-1\">\r\n                <h3 className=\"paragraph-medium-semibold text-gray-950\">\r\n                  {translate('common.account.otp.validationCode')}\r\n                </h3>\r\n                <p className=\"paragraph-small-regular text-gray-600\">\r\n                  {translate.rich('common.account.changePhone.sentCodeTo', {\r\n                    phone: currentPhoneDisplay,\r\n                    b: (chunks) => <span className=\"font-semibold text-gray-950\">{chunks}</span>,\r\n                  })}\r\n                </p>\r\n              </div>\r\n\r\n              <div className=\"flex flex-col gap-2\">\r\n                <InputOTP maxLength={OTP_CODE_LENGTH} pattern={OTP_ALPHANUMERIC_PATTERN} value={code} onChange={handleCodeChange}>\r\n                  <InputOTPGroup className=\"flex flex-row gap-2\">\r\n                    {[...Array(OTP_CODE_LENGTH)].map((_, i) => (\r\n                      <InputOTPSlot\r\n                        key={i}\r\n                        index={i}\r\n                        className={`uppercase text-2xl font-medium w-11 lg:w-12 h-13 lg:h-14 rounded-lg border bg-white shadow-none [&_div.animate-caret-blink]:bg-gray-950 ${hasError ? 'border-red-500' : 'border-gray-200'}`}\r\n                      />\r\n                    ))}\r\n                  </InputOTPGroup>\r\n                </InputOTP>\r\n                {hasError && (\r\n                  <p className=\"paragraph-small-regular text-red-500\">\r\n                    {translate('common.account.otp.incorrectCode')}\r\n                  </p>\r\n                )}\r\n              </div>\r\n\r\n              {canResend ? (\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={handleResend}\r\n                  className=\"paragraph-small-medium text-gray-950 underline cursor-pointer hover:text-gray-700 w-fit\"\r\n                >\r\n                  {translate('common.account.otp.resend')}\r\n                </button>\r\n              ) : (\r\n                <p className=\"paragraph-small-regular text-gray-500\">\r\n                  {translate.rich('common.account.otp.resendIn', {\r\n                    time: formatTimer(timer),\r\n                    b: (chunks) => (\r\n                      <span className=\"paragraph-small-semibold text-gray-950\">{chunks}</span>\r\n                    ),\r\n                  })}\r\n                </p>\r\n              )}\r\n            </div>\r\n\r\n            <Separator />\r\n\r\n            <div className=\"flex items-center justify-between px-4 lg:px-5 py-4 lg:py-5 mt-auto lg:mt-0\">\r\n              <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\r\n                {translate('common.actions.cancel')}\r\n              </Button>\r\n              <Button className=\"h-10!\" type=\"submit\" disabled={!isValidLength || isLoading}>\r\n                {isLoading\r\n                  ? translate('common.account.otp.validating')\r\n                  : translate('common.account.changePhone.confirm')}\r\n              </Button>\r\n            </div>\r\n          </form>\r\n        ) : (\r\n          <form onSubmit={handleContinue} className=\"flex flex-col flex-1 lg:flex-none\">\r\n            <div className=\"flex flex-col gap-5 lg:gap-6 px-4 lg:px-5 py-5 lg:py-6 flex-1 lg:flex-none\">\r\n              <div className=\"flex flex-col gap-1\">\r\n                <span className=\"paragraph-medium-semibold text-gray-950\">\r\n                  {hasExistingPhone\r\n                    ? translate('common.account.changePhone.updateTitle')\r\n                    : translate('common.account.changePhone.addTitle')}\r\n                </span>\r\n                <span className=\"paragraph-small-regular text-gray-600\">\r\n                  {hasExistingPhone\r\n                    ? translate('common.account.changePhone.updateDescription')\r\n                    : translate('common.account.changePhone.addDescription')}\r\n                </span>\r\n              </div>\r\n\r\n              <PhoneInput\r\n                label={\r\n                  hasExistingPhone\r\n                    ? translate('common.account.changePhone.newNumber')\r\n                    : translate('common.account.changePhone.numberLabel')\r\n                }\r\n                placeholder=\"(00) 0 0000-0000\"\r\n                value={phoneValue}\r\n                onChange={handlePhoneChange}\r\n                error={!!phoneError}\r\n                errorMessage={phoneError}\r\n              />\r\n            </div>\r\n\r\n            <div className=\"flex items-center justify-between p-4 lg:p-5 border-t border-gray-200 mt-auto lg:mt-0\">\r\n              <Button variant=\"secondary\" className=\"h-10!\" type=\"button\" onClick={handleClose}>\r\n                {translate('common.actions.cancel')}\r\n              </Button>\r\n              <Button className=\"h-10!\" type=\"submit\" disabled={isSubmitting}>\r\n                {isSubmitting\r\n                  ? hasExistingPhone\r\n                    ? translate('common.actions.sending')\r\n                    : translate('common.actions.saving')\r\n                  : hasExistingPhone\r\n                    ? translate('common.actions.continue')\r\n                    : translate('common.actions.save')}\r\n              </Button>\r\n            </div>\r\n          </form>\r\n        )}\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/account/sections/ChangePhoneModal.tsx"],"sourcesContent":["'use client';\n\nimport { useTranslations } from 'next-intl';\nimport { IconChevronLeft, IconX, IconMessage } 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 PhoneInput from '../../ui/form/PhoneInput';\nimport { formatTimer, formatPhone } from '../../../utils/format/masks';\nimport { OTP_CODE_LENGTH, OTP_ALPHANUMERIC_PATTERN } from '../../../utils/validators/account';\nimport { useAuth } from '../../../providers/auth.provider';\nimport { useInvalidateUser } from '../../../modules/auth/hooks/useUserQuery';\nimport { confirmPhoneChangeAction } from '../../../modules/accounts/actions/account-management.action';\nimport useChangePhoneForm from '../hooks/useChangePhoneForm';\nimport useOtpVerification from '../hooks/useOtpVerification';\n\ninterface ChangePhoneModalProps {\n  open: boolean;\n  onClose: () => void;\n}\n\nexport function ChangePhoneModal({ open, onClose }: ChangePhoneModalProps) {\n  const translate = useTranslations();\n  const { user } = useAuth();\n  const invalidateUser = useInvalidateUser();\n\n  const hasExistingPhone = !!user?.phone;\n\n  const currentPhoneDisplay = user?.phone\n    ? formatPhone(\n        user.ddi && user.phone.startsWith(user.ddi) ? user.phone.slice(user.ddi.length) : user.phone\n      )\n    : '';\n\n  const handleDirectUpdateSuccess = () => {\n    invalidateUser();\n    onClose();\n  };\n\n  const {\n    showVerification,\n    phoneValue,\n    phoneError,\n    isSubmitting,\n    submittedPhone,\n    handlePhoneChange,\n    handleContinue,\n    handleBack,\n    resetForm,\n  } = useChangePhoneForm({\n    hasExistingPhone,\n    onDirectUpdateSuccess: handleDirectUpdateSuccess,\n  });\n\n  const handleSuccess = () => {\n    invalidateUser();\n    resetForm();\n    onClose();\n  };\n\n  const {\n    code,\n    isLoading,\n    hasError,\n    timer,\n    canResend,\n    isValidLength,\n    handleCodeChange,\n    handleValidate,\n    handleResend,\n    reset: resetOtp,\n  } = useOtpVerification({\n    onSuccess: handleSuccess,\n    successMessage: translate('common.account.changePhone.phoneChanged'),\n    validateFn: async (token) => {\n      const result = await confirmPhoneChangeAction(token, submittedPhone.local, submittedPhone.ddi);\n      return result.success;\n    },\n    resendFn: async () => {\n      const { requestPhoneChangeAction } = await import('../../../modules/accounts/actions/account-management.action');\n      const result = await requestPhoneChangeAction(submittedPhone.local, submittedPhone.ddi);\n      if (!result.success) {\n        throw new Error(result.error);\n      }\n    },\n  });\n\n  const handleClose = () => {\n    resetForm();\n    resetOtp();\n    onClose();\n  };\n\n  const handleBackFromVerification = () => {\n    resetOtp();\n    handleBack();\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={handleClose}>\n      <DialogContent\n        showCloseButton={false}\n        overlayClassName=\"z-[1002]\"\n        className=\"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-125 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%] z-[1003]\"\n      >\n        {showVerification ? (\n          <DialogHeader className=\"flex flex-row items-center justify-between px-4 py-3 border-b border-gray-200 lg:border-b-0\">\n            <Button variant=\"ghost\" className=\"size-8! p-0\" onClick={handleBackFromVerification}>\n              <IconChevronLeft size={20} className=\"text-gray-950\" />\n            </Button>\n            <DialogTitle className=\"paragraph-medium-semibold text-gray-950 text-center flex-1\">\n              {translate('common.account.changePhone.titleEdit')}\n            </DialogTitle>\n            <Button variant=\"ghost\" className=\"size-8! p-0\" onClick={handleClose}>\n              <IconX size={18} className=\"text-gray-500\" />\n            </Button>\n          </DialogHeader>\n        ) : (\n          <>\n            <DialogHeader className=\"sr-only\">\n              <DialogTitle>\n                {hasExistingPhone\n                  ? translate('common.account.changePhone.titleEdit')\n                  : translate('common.account.changePhone.titleAdd')}\n              </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                {hasExistingPhone\n                  ? translate('common.account.changePhone.titleEdit')\n                  : translate('common.account.changePhone.titleAdd')}\n              </span>\n              <Button\n                variant=\"ghost\"\n                className=\"absolute right-2 size-8! p-0\"\n                onClick={handleClose}\n              >\n                <IconX size={18} className=\"text-gray-500\" />\n              </Button>\n            </div>\n          </>\n        )}\n\n        <div className={`${showVerification || !hasExistingPhone ? 'w-full' : 'w-1/2'} h-0.75 bg-primary`} />\n\n        {showVerification ? (\n          <form\n            onSubmit={(e) => {\n              e.preventDefault();\n              handleValidate();\n            }}\n            className=\"flex flex-col flex-1 lg:flex-none\"\n          >\n            <div className=\"px-4 lg:px-5 py-5 lg:py-6 flex flex-col gap-4 flex-1 lg:flex-none\">\n              <div className=\"flex items-center justify-center size-12 bg-white rounded-lg shadow-xs border border-gray-200\">\n                <IconMessage size={20} className=\"text-gray-950\" />\n              </div>\n\n              <div className=\"flex flex-col gap-1\">\n                <h3 className=\"paragraph-medium-semibold text-gray-950\">\n                  {translate('common.account.otp.validationCode')}\n                </h3>\n                <p className=\"paragraph-small-regular text-gray-600\">\n                  {translate.rich('common.account.changePhone.sentCodeTo', {\n                    phone: currentPhoneDisplay,\n                    b: (chunks) => <span className=\"font-semibold text-gray-950\">{chunks}</span>,\n                  })}\n                </p>\n              </div>\n\n              <div className=\"flex flex-col gap-2\">\n                <InputOTP maxLength={OTP_CODE_LENGTH} pattern={OTP_ALPHANUMERIC_PATTERN} value={code} onChange={handleCodeChange}>\n                  <InputOTPGroup className=\"flex flex-row gap-2\">\n                    {[...Array(OTP_CODE_LENGTH)].map((_, i) => (\n                      <InputOTPSlot\n                        key={i}\n                        index={i}\n                        className={`uppercase text-2xl font-medium w-11 lg:w-12 h-13 lg:h-14 rounded-lg border bg-white shadow-none [&_div.animate-caret-blink]:bg-gray-950 ${hasError ? 'border-red-500' : 'border-gray-200'}`}\n                      />\n                    ))}\n                  </InputOTPGroup>\n                </InputOTP>\n                {hasError && (\n                  <p className=\"paragraph-small-regular text-red-500\">\n                    {translate('common.account.otp.incorrectCode')}\n                  </p>\n                )}\n              </div>\n\n              {canResend ? (\n                <button\n                  type=\"button\"\n                  onClick={handleResend}\n                  className=\"paragraph-small-medium text-gray-950 underline cursor-pointer hover:text-gray-700 w-fit\"\n                >\n                  {translate('common.account.otp.resend')}\n                </button>\n              ) : (\n                <p className=\"paragraph-small-regular text-gray-500\">\n                  {translate.rich('common.account.otp.resendIn', {\n                    time: formatTimer(timer),\n                    b: (chunks) => (\n                      <span className=\"paragraph-small-semibold text-gray-950\">{chunks}</span>\n                    ),\n                  })}\n                </p>\n              )}\n            </div>\n\n            <Separator />\n\n            <div className=\"flex items-center justify-between px-4 lg:px-5 py-4 lg:py-5 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=\"submit\" disabled={!isValidLength || isLoading}>\n                {isLoading\n                  ? translate('common.account.otp.validating')\n                  : translate('common.account.changePhone.confirm')}\n              </Button>\n            </div>\n          </form>\n        ) : (\n          <form onSubmit={handleContinue} className=\"flex flex-col flex-1 lg:flex-none\">\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-1\">\n                <span className=\"paragraph-medium-semibold text-gray-950\">\n                  {hasExistingPhone\n                    ? translate('common.account.changePhone.updateTitle')\n                    : translate('common.account.changePhone.addTitle')}\n                </span>\n                <span className=\"paragraph-small-regular text-gray-600\">\n                  {hasExistingPhone\n                    ? translate('common.account.changePhone.updateDescription')\n                    : translate('common.account.changePhone.addDescription')}\n                </span>\n              </div>\n\n              <PhoneInput\n                label={\n                  hasExistingPhone\n                    ? translate('common.account.changePhone.newNumber')\n                    : translate('common.account.changePhone.numberLabel')\n                }\n                placeholder=\"(00) 0 0000-0000\"\n                value={phoneValue}\n                onChange={handlePhoneChange}\n                error={!!phoneError}\n                errorMessage={phoneError}\n              />\n            </div>\n\n            <div className=\"flex items-center justify-between p-4 lg:p-5 border-t border-gray-200 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=\"submit\" disabled={isSubmitting}>\n                {isSubmitting\n                  ? hasExistingPhone\n                    ? translate('common.actions.sending')\n                    : translate('common.actions.saving')\n                  : hasExistingPhone\n                    ? translate('common.actions.continue')\n                    : translate('common.actions.save')}\n              </Button>\n            </div>\n          </form>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}