npm - @greatapps/common - Versions diffs - 1.1.789 → 1.1.791 - Mend

@greatapps/common 1.1.789 → 1.1.791

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (785) hide show

package/dist/components/layouts/UsersSelectorPopover.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/layouts/UsersSelectorPopover.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useTranslations } from \"next-intl\";\nimport { IconPlus, IconUser, IconUsers } from '@tabler/icons-react';\nimport { UserAvatar } from \"../ui/data-display/UserAvatar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/overlay/Popover\";\nimport { Button } from \"../ui/buttons/Button\";\nimport {\n Command,\n CommandEmpty,\n CommandInput,\n CommandItem,\n CommandList,\n} from \"../ui/overlay/Command\";\nimport { Checkbox } from \"../ui/form/Checkbox\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\";\nimport { cn } from \"../../infra/utils/clsx\";\nimport { useListProjectUsers } from \"../../modules/projects/hooks/list-project-users.hook\";\nimport { useListAllAccountUsers } from \"../../modules/projects/hooks/list-all-account-users.hook\";\nimport { useAddProjectUser } from \"../../modules/projects/hooks/add-project-user.hook\";\nimport { useRemoveProjectUser } from \"../../modules/projects/hooks/remove-project-user.hook\";\nimport { useWhitelabelUrls } from \"../../providers/whitelabel.provider\";\n\nexport interface UsersSelectorPopoverProps {\n projectId?: number;\n side?: \"top\" \| \"bottom\" \| \"left\" \| \"right\";\n align?: \"start\" \| \"center\" \| \"end\";\n contentClassName?: string;\n}\n\nfunction UserItemSkeleton() {\n return (\n <div className=\"flex items-center justify-between px-2 py-1.5 gap-2\">\n <div className=\"flex items-center gap-2 flex-1\">\n <div className=\"skeleton size-8 rounded-full shrink-0\" />\n <div className=\"skeleton h-3.5 w-28 rounded\" />\n </div>\n <div className=\"skeleton size-4 rounded shrink-0\" />\n </div>\n );\n}\n\nexport function UsersSelectorPopover({\n projectId,\n side,\n align,\n contentClassName,\n}: UsersSelectorPopoverProps) {\n const translate = useTranslations();\n const { accountsUrl } = useWhitelabelUrls();\n const [open, setOpen] = useState(false);\n const [hoveredId, setHoveredId] = useState<number \| null>(null);\n const [searchInput, setSearchInput] = useState(\"\");\n const [search, setSearch] = useState(\"\");\n\n const id = projectId ?? 0;\n\n useEffect(() => {\n const timer = setTimeout(() => setSearch(searchInput), 300);\n return () => clearTimeout(timer);\n }, [searchInput]);\n\n const accountUsers = useListAllAccountUsers(search, id \|\| undefined);\n const projectUsers = useListProjectUsers(id, \"\");\n const addMutation = useAddProjectUser(id);\n const removeMutation = useRemoveProjectUser(id);\n\n const allUsers = accountUsers.data?.pages.flatMap((p) => p.data) ?? [];\n const isLoading = accountUsers.isLoading;\n const isFetchingMore = accountUsers.isFetchingNextPage;\n const totalInProject = projectUsers.data?.pages[0]?.total ?? 0;\n\n const toggleUser = (userId: number, inProject: boolean, removable: boolean) => {\n if (inProject) {\n if (!removable) return;\n removeMutation.mutate(userId);\n } else {\n addMutation.mutate(userId);\n }\n };\n\n const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n const target = e.currentTarget;\n const nearBottom =\n target.scrollTop + target.clientHeight >= target.scrollHeight - 50;\n if (!nearBottom) return;\n if (accountUsers.hasNextPage && !accountUsers.isFetchingNextPage) {\n accountUsers.fetchNextPage();\n }\n };\n\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger className=\"cursor-pointer\">\n <div className=\"flex items-center gap-2 text-gray-950 px-3 py-2 border border-gray-200 rounded-full hover:border-gray-950\">\n <span className=\"paragraph-small-semibold\">{totalInProject}</span>\n <IconUser size={16} />\n </div>\n </PopoverTrigger>\n\n <PopoverContent\n className={cn(\n \"absolute right-0 md:right-[-88px] w-[296px] p-0 bg-white rounded-2xl shadow-md border border-gray-200\",\n contentClassName,\n )}\n side={side}\n align={align}\n sideOffset={8}\n >\n <div className=\"flex flex-col p-3 gap-2\">\n <div className=\"flex items-center justify-between\">\n <span className=\"paragraph-small-semibold\">{translate('common.layout.usersSelector.title')}</span>\n <div className=\"flex items-center gap-1.5\">\n <Button\n variant=\"secondary\"\n className=\"h-8 paragraph-small-semibold text-gray-950\"\n onClick={() => {\n window.location.href = `${accountsUrl}/my-teams?createNew=true`;\n }}\n >\n <IconPlus size={16} />\n {translate('common.layout.usersSelector.add')}\n </Button>\n </div>\n </div>\n\n <Command shouldFilter={false} className=\"gap-2\" value=\"\">\n <CommandInput\n placeholder={translate('common.layout.usersSelector.searchPlaceholder')}\n value={searchInput}\n onValueChange={setSearchInput}\n />\n <CommandList\n className=\"custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]\"\n onScroll={handleScroll}\n >\n {isLoading ? (\n <>\n <UserItemSkeleton />\n <UserItemSkeleton />\n <UserItemSkeleton />\n </>\n ) : allUsers.length === 0 ? (\n <div className=\"flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4\">\n <IconUsers size={28} className=\"text-gray-300\" />\n <span className=\"paragraph-small-medium text-center text-gray-500\">\n {translate('common.layout.usersSelector.empty')}\n </span>\n </div>\n ) : (\n <>\n <CommandEmpty>{translate('common.layout.usersSelector.noResults')}</CommandEmpty>\n {allUsers.map((user) => {\n const inProject = user.in_project ?? false;\n const removable =\n inProject &&\n user.profile !== \"owner\" &&\n user.profile !== \"admin\";\n const interactive = !inProject \|\| removable;\n\n return (\n <CommandItem\n key={user.id}\n value={user.name \|\| String(user.id)}\n autoFocus={false}\n onPointerEnter={() => setHoveredId(user.id)}\n onPointerLeave={() => setHoveredId(null)}\n onFocus={() => setHoveredId(user.id)}\n onBlur={() => setHoveredId(null)}\n onSelect={() => toggleUser(user.id, inProject, removable)}\n className={interactive ? \"cursor-pointer\" : \"cursor-default\"}\n >\n <div className=\"flex items-center justify-between w-full\">\n <div className=\"flex items-center gap-2 min-w-0\">\n <UserAvatar\n photo={user.photo}\n name={user.name ?? undefined}\n size={32}\n />\n <span className=\"truncate\">{user.name}</span>\n </div>\n <Tooltip open={interactive && hoveredId === user.id}>\n <TooltipTrigger asChild>\n <div\n onClick={(e) => e.stopPropagation()}\n onPointerDown={(e) => e.stopPropagation()}\n >\n <Checkbox\n checked={inProject}\n disabled={!interactive}\n onCheckedChange={() =>\n toggleUser(user.id, inProject, removable)\n }\n className={cn(\n interactive && hoveredId === user.id\n ? \"border-gray-950\"\n : \"\",\n \"disabled:opacity-10\",\n )}\n />\n </div>\n </TooltipTrigger>\n <TooltipContent>\n {inProject ? translate('common.layout.usersSelector.removeFromProject') : translate('common.layout.usersSelector.addToProject')}\n </TooltipContent>\n </Tooltip>\n </div>\n </CommandItem>\n );\n })}\n {isFetchingMore && (\n <>\n <UserItemSkeleton />\n <UserItemSkeleton />\n </>\n )}\n </>\n )}\n </CommandList>\n </Command>\n <div className=\"border-t border-gray-200\" />\n <Button\n variant=\"ghost\"\n className=\"h-10! paragraph-small-medium text-gray-600 hover:text-gray-950 hover:bg-zinc-50 w-full justify-center\"\n onClick={() => {\n window.location.href = `${accountsUrl}/my-teams`;\n }}\n >\n {translate('common.layout.usersSelector.manageTeam')}\n </Button>\n </div>\n </PopoverContent>\n </Popover>\n );\n}\n"],"mappings":"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","names":[]}
1	+ {"version":3,"sources":["../../../src/components/layouts/UsersSelectorPopover.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useTranslations } from \"next-intl\";\nimport { IconPlus, IconUser, IconUsers } from '@tabler/icons-react';\nimport { UserAvatar } from \"../ui/data-display/UserAvatar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/overlay/Popover\";\nimport { Button } from \"../ui/buttons/Button\";\nimport {\n Command,\n CommandEmpty,\n CommandInput,\n CommandItem,\n CommandList,\n} from \"../ui/overlay/Command\";\nimport { Checkbox } from \"../ui/form/Checkbox\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\";\nimport { cn } from \"../../infra/utils/clsx\";\nimport { useListProjectUsers } from \"../../modules/projects/hooks/list-project-users.hook\";\nimport { useListAllAccountUsers } from \"../../modules/projects/hooks/list-all-account-users.hook\";\nimport { useAddProjectUser } from \"../../modules/projects/hooks/add-project-user.hook\";\nimport { useRemoveProjectUser } from \"../../modules/projects/hooks/remove-project-user.hook\";\nimport { WorkspaceSectionType } from \"../../enums/WorkspaceSectionType\";\nimport useAccountHubActions from \"../account/hooks/useAccountHubActions\";\n\nexport interface UsersSelectorPopoverProps {\n projectId?: number;\n side?: \"top\" \| \"bottom\" \| \"left\" \| \"right\";\n align?: \"start\" \| \"center\" \| \"end\";\n contentClassName?: string;\n}\n\nfunction UserItemSkeleton() {\n return (\n <div className=\"flex items-center justify-between px-2 py-1.5 gap-2\">\n <div className=\"flex items-center gap-2 flex-1\">\n <div className=\"skeleton size-8 rounded-full shrink-0\" />\n <div className=\"skeleton h-3.5 w-28 rounded\" />\n </div>\n <div className=\"skeleton size-4 rounded shrink-0\" />\n </div>\n );\n}\n\nexport function UsersSelectorPopover({\n projectId,\n side,\n align,\n contentClassName,\n}: UsersSelectorPopoverProps) {\n const translate = useTranslations();\n const { openAddUser, openSection } = useAccountHubActions();\n const [open, setOpen] = useState(false);\n const [hoveredId, setHoveredId] = useState<number \| null>(null);\n const [searchInput, setSearchInput] = useState(\"\");\n const [search, setSearch] = useState(\"\");\n\n const id = projectId ?? 0;\n\n useEffect(() => {\n const timer = setTimeout(() => setSearch(searchInput), 300);\n return () => clearTimeout(timer);\n }, [searchInput]);\n\n const accountUsers = useListAllAccountUsers(search, id \|\| undefined);\n const projectUsers = useListProjectUsers(id, \"\");\n const addMutation = useAddProjectUser(id);\n const removeMutation = useRemoveProjectUser(id);\n\n const allUsers = accountUsers.data?.pages.flatMap((p) => p.data) ?? [];\n const isLoading = accountUsers.isLoading;\n const isFetchingMore = accountUsers.isFetchingNextPage;\n const totalInProject = projectUsers.data?.pages[0]?.total ?? 0;\n\n const toggleUser = (userId: number, inProject: boolean, removable: boolean) => {\n if (inProject) {\n if (!removable) return;\n removeMutation.mutate(userId);\n } else {\n addMutation.mutate(userId);\n }\n };\n\n const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n const target = e.currentTarget;\n const nearBottom =\n target.scrollTop + target.clientHeight >= target.scrollHeight - 50;\n if (!nearBottom) return;\n if (accountUsers.hasNextPage && !accountUsers.isFetchingNextPage) {\n accountUsers.fetchNextPage();\n }\n };\n\n return (\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger className=\"cursor-pointer\">\n <div className=\"flex items-center gap-2 text-gray-950 px-3 py-2 border border-gray-200 rounded-full hover:border-gray-950\">\n <span className=\"paragraph-small-semibold\">{totalInProject}</span>\n <IconUser size={16} />\n </div>\n </PopoverTrigger>\n\n <PopoverContent\n className={cn(\n \"absolute right-0 md:right-[-88px] w-[296px] p-0 bg-white rounded-2xl shadow-md border border-gray-200\",\n contentClassName,\n )}\n side={side}\n align={align}\n sideOffset={8}\n >\n <div className=\"flex flex-col p-3 gap-2\">\n <div className=\"flex items-center justify-between\">\n <span className=\"paragraph-small-semibold\">{translate('common.layout.usersSelector.title')}</span>\n <div className=\"flex items-center gap-1.5\">\n <Button\n variant=\"secondary\"\n className=\"h-8 paragraph-small-semibold text-gray-950\"\n onClick={() => {\n setOpen(false);\n openAddUser();\n }}\n >\n <IconPlus size={16} />\n {translate('common.layout.usersSelector.add')}\n </Button>\n </div>\n </div>\n\n <Command shouldFilter={false} className=\"gap-2\" value=\"\">\n <CommandInput\n placeholder={translate('common.layout.usersSelector.searchPlaceholder')}\n value={searchInput}\n onValueChange={setSearchInput}\n />\n <CommandList\n className=\"custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]\"\n onScroll={handleScroll}\n >\n {isLoading ? (\n <>\n <UserItemSkeleton />\n <UserItemSkeleton />\n <UserItemSkeleton />\n </>\n ) : allUsers.length === 0 ? (\n <div className=\"flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4\">\n <IconUsers size={28} className=\"text-gray-300\" />\n <span className=\"paragraph-small-medium text-center text-gray-500\">\n {translate('common.layout.usersSelector.empty')}\n </span>\n </div>\n ) : (\n <>\n <CommandEmpty>{translate('common.layout.usersSelector.noResults')}</CommandEmpty>\n {allUsers.map((user) => {\n const inProject = user.in_project ?? false;\n const removable =\n inProject &&\n user.profile !== \"owner\" &&\n user.profile !== \"admin\";\n const interactive = !inProject \|\| removable;\n\n return (\n <CommandItem\n key={user.id}\n value={user.name \|\| String(user.id)}\n autoFocus={false}\n onPointerEnter={() => setHoveredId(user.id)}\n onPointerLeave={() => setHoveredId(null)}\n onFocus={() => setHoveredId(user.id)}\n onBlur={() => setHoveredId(null)}\n onSelect={() => toggleUser(user.id, inProject, removable)}\n className={interactive ? \"cursor-pointer\" : \"cursor-default\"}\n >\n <div className=\"flex items-center justify-between w-full\">\n <div className=\"flex items-center gap-2 min-w-0\">\n <UserAvatar\n photo={user.photo}\n name={user.name ?? undefined}\n size={32}\n />\n <span className=\"truncate\">{user.name}</span>\n </div>\n <Tooltip open={interactive && hoveredId === user.id}>\n <TooltipTrigger asChild>\n <div\n onClick={(e) => e.stopPropagation()}\n onPointerDown={(e) => e.stopPropagation()}\n >\n <Checkbox\n checked={inProject}\n disabled={!interactive}\n onCheckedChange={() =>\n toggleUser(user.id, inProject, removable)\n }\n className={cn(\n interactive && hoveredId === user.id\n ? \"border-gray-950\"\n : \"\",\n \"disabled:opacity-10\",\n )}\n />\n </div>\n </TooltipTrigger>\n <TooltipContent>\n {inProject ? translate('common.layout.usersSelector.removeFromProject') : translate('common.layout.usersSelector.addToProject')}\n </TooltipContent>\n </Tooltip>\n </div>\n </CommandItem>\n );\n })}\n {isFetchingMore && (\n <>\n <UserItemSkeleton />\n <UserItemSkeleton />\n </>\n )}\n </>\n )}\n </CommandList>\n </Command>\n <div className=\"border-t border-gray-200\" />\n <Button\n variant=\"ghost\"\n className=\"h-10! paragraph-small-medium text-gray-600 hover:text-gray-950 hover:bg-zinc-50 w-full justify-center\"\n onClick={() => {\n setOpen(false);\n openSection(WorkspaceSectionType.TEAM);\n }}\n >\n {translate('common.layout.usersSelector.manageTeam')}\n </Button>\n </div>\n </PopoverContent>\n </Popover>\n );\n}\n"],"mappings":"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","names":[]}

package/dist/components/modals/AccountDeletionWarningModal.mjs CHANGED Viewed

@@ -11,21 +11,20 @@ import {
   DialogHeader,
   DialogTitle
 } from "../ui/overlay/Dialog";
-import { useExternalContracting, useWhitelabelUrls } from "../../providers/whitelabel.provider";
 import { useAccountDeletionWarningModal } from "../../store/useAccountDeletionWarningModal";
+import useAccountHubActions from "../account/hooks/useAccountHubActions";
 function AccountDeletionWarningModal() {
   const translate = useTranslations();
   const { open, onReactivate, closeModal } = useAccountDeletionWarningModal();
-  const { accountsUrl } = useWhitelabelUrls();
-  const { redirectToExternal } = useExternalContracting();
+  const { openPlansCatalog } = useAccountHubActions();
   const handleReactivate = () => {
     if (onReactivate) {
       onReactivate();
       closeModal();
       return;
     }
-    if (redirectToExternal("plans")) return;
-    window.location.href = `${accountsUrl}/subscriptions?tab=plans`;
+    closeModal();
+    openPlansCatalog();
   };
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (nextOpen) => !nextOpen && closeModal(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col p-0 gap-0 md:w-[410px]! lg:w-[410px]! max-w-[410px]! max-[410px]:w-[calc(100%-32px)]", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { className: "gap-3 text-left p-5", children: [

package/dist/components/modals/AccountDeletionWarningModal.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/modals/AccountDeletionWarningModal.tsx"],"sourcesContent":["'use client';\n\nimport { IconAlertTriangle } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../ui/buttons/Button';\nimport { Separator } from '../ui/data-display/Separator';\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from '../ui/overlay/Dialog';\nimport { ~~useExternalContracting,~~ ~~useWhitelabelUrls~~ } from '../../~~providers~~/~~whitelabel.provider~~';\nimport { ~~useAccountDeletionWarningModal }~~ from '~~../../store~~/~~useAccountDeletionWarningModal~~';\n\nexport default function AccountDeletionWarningModal() {\n const translate = useTranslations();\n const { open, onReactivate, closeModal } = useAccountDeletionWarningModal();\n const { ~~accountsUrl~~ } = ~~useWhitelabelUrls~~();\n ~~const { redirectToExternal } = useExternalContracting();\n~~\n const handleReactivate = () => {\n if (onReactivate) {\n onReactivate();\n closeModal();\n return;\n }\n\n if (~~redirectToExternal('plans'~~)~~) return~~;\n ~~window.location.href = `${accountsUrl}/subscriptions?tab=plans`;\~~n };\n\n return (\n <Dialog open={open} onOpenChange={(nextOpen: boolean) => !nextOpen && closeModal()}>\n <DialogContent className=\"flex flex-col p-0 gap-0 md:w-[410px]! lg:w-[410px]! max-w-[410px]! max-[410px]:w-[calc(100%-32px)]\">\n <DialogHeader className=\"gap-3 text-left p-5\">\n <div className=\"flex items-center justify-center w-10 h-10 bg-red-50 rounded-lg\">\n <IconAlertTriangle size={20} className=\"text-red-500\" />\n </div>\n <div className=\"flex flex-col gap-2\">\n <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n {translate('common.account.deletionWarning.title')}\n </DialogTitle>\n <DialogDescription className=\"paragraph-small-regular text-zinc-600\" asChild>\n <div className=\"flex flex-col gap-3\">\n <p>{translate('common.account.deletionWarning.descriptionLine1')}</p>\n <p>{translate('common.account.deletionWarning.descriptionLine2')}</p>\n </div>\n </DialogDescription>\n </div>\n </DialogHeader>\n\n <Separator />\n\n <div className=\"flex items-center gap-2 p-5\">\n <Button className=\"w-fit h-10!\" onClick={handleReactivate}>\n {translate('common.account.deletionWarning.reactivate')}\n </Button>\n </div>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":";~~AAsCY~~,cAOE,YAPF;~~AApCZ~~,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,~~wBAAwB,yBAAyB~~;~~AAC1D~~,~~SAAS~~,~~sCAAsC~~;~~AAEhC~~,SAAR,8BAA+C;AACpD,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,MAAM,cAAc,WAAW,IAAI,+BAA+B;AAC1E,QAAM,EAAE,~~YAAY~~,IAAI,~~kBAAkB~~;~~AAC1C~~,QAAM,~~EAAE,~~mBAAmB,~~IAAI,uBAAuB;AAEtD,QAAM,mBAAmB,~~MAAM;AAC7B,QAAI,cAAc;AAChB,mBAAa;AACb,iBAAW;AACX;AAAA,IACF;AAEA,~~QAAI,mBAAmB,OAAO,EAAG~~;~~AACjC~~,~~WAAO,SAAS,OAAO,GAAG,WAAW~~;AAAA,~~EACvC~~;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,CAAC,aAAsB,CAAC,YAAY,WAAW,GAC/E,+BAAC,iBAAc,WAAU,sGACvB;AAAA,yBAAC,gBAAa,WAAU,uBACtB;AAAA,0BAAC,SAAI,WAAU,mEACb,8BAAC,qBAAkB,MAAM,IAAI,WAAU,gBAAe,GACxD;AAAA,MACA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,eAAY,WAAU,2CACpB,oBAAU,sCAAsC,GACnD;AAAA,QACA,oBAAC,qBAAkB,WAAU,yCAAwC,SAAO,MAC1E,+BAAC,SAAI,WAAU,uBACb;AAAA,8BAAC,OAAG,oBAAU,iDAAiD,GAAE;AAAA,UACjE,oBAAC,OAAG,oBAAU,iDAAiD,GAAE;AAAA,WACnE,GACF;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,aAAU;AAAA,IAEX,oBAAC,SAAI,WAAU,+BACb,8BAAC,UAAO,WAAU,eAAc,SAAS,kBACtC,oBAAU,2CAA2C,GACxD,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}
1	+ {"version":3,"sources":["../../../src/components/modals/AccountDeletionWarningModal.tsx"],"sourcesContent":["'use client';\n\nimport { IconAlertTriangle } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../ui/buttons/Button';\nimport { Separator } from '../ui/data-display/Separator';\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from '../ui/overlay/Dialog';\nimport { useAccountDeletionWarningModal } from '../../store/useAccountDeletionWarningModal';\nimport useAccountHubActions from '../account/hooks/useAccountHubActions';\n\nexport default function AccountDeletionWarningModal() {\n const translate = useTranslations();\n const { open, onReactivate, closeModal } = useAccountDeletionWarningModal();\n const { openPlansCatalog } = useAccountHubActions();\n\n const handleReactivate = () => {\n if (onReactivate) {\n onReactivate();\n closeModal();\n return;\n }\n\n closeModal();\n openPlansCatalog();\n };\n\n return (\n <Dialog open={open} onOpenChange={(nextOpen: boolean) => !nextOpen && closeModal()}>\n <DialogContent className=\"flex flex-col p-0 gap-0 md:w-[410px]! lg:w-[410px]! max-w-[410px]! max-[410px]:w-[calc(100%-32px)]\">\n <DialogHeader className=\"gap-3 text-left p-5\">\n <div className=\"flex items-center justify-center w-10 h-10 bg-red-50 rounded-lg\">\n <IconAlertTriangle size={20} className=\"text-red-500\" />\n </div>\n <div className=\"flex flex-col gap-2\">\n <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n {translate('common.account.deletionWarning.title')}\n </DialogTitle>\n <DialogDescription className=\"paragraph-small-regular text-zinc-600\" asChild>\n <div className=\"flex flex-col gap-3\">\n <p>{translate('common.account.deletionWarning.descriptionLine1')}</p>\n <p>{translate('common.account.deletionWarning.descriptionLine2')}</p>\n </div>\n </DialogDescription>\n </div>\n </DialogHeader>\n\n <Separator />\n\n <div className=\"flex items-center gap-2 p-5\">\n <Button className=\"w-fit h-10!\" onClick={handleReactivate}>\n {translate('common.account.deletionWarning.reactivate')}\n </Button>\n </div>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":";AAqCY,cAOE,YAPF;AAnCZ,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sCAAsC;AAC/C,OAAO,0BAA0B;AAElB,SAAR,8BAA+C;AACpD,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,MAAM,cAAc,WAAW,IAAI,+BAA+B;AAC1E,QAAM,EAAE,iBAAiB,IAAI,qBAAqB;AAElD,QAAM,mBAAmB,MAAM;AAC7B,QAAI,cAAc;AAChB,mBAAa;AACb,iBAAW;AACX;AAAA,IACF;AAEA,eAAW;AACX,qBAAiB;AAAA,EACnB;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,CAAC,aAAsB,CAAC,YAAY,WAAW,GAC/E,+BAAC,iBAAc,WAAU,sGACvB;AAAA,yBAAC,gBAAa,WAAU,uBACtB;AAAA,0BAAC,SAAI,WAAU,mEACb,8BAAC,qBAAkB,MAAM,IAAI,WAAU,gBAAe,GACxD;AAAA,MACA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,eAAY,WAAU,2CACpB,oBAAU,sCAAsC,GACnD;AAAA,QACA,oBAAC,qBAAkB,WAAU,yCAAwC,SAAO,MAC1E,+BAAC,SAAI,WAAU,uBACb;AAAA,8BAAC,OAAG,oBAAU,iDAAiD,GAAE;AAAA,UACjE,oBAAC,OAAG,oBAAU,iDAAiD,GAAE;AAAA,WACnE,GACF;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,aAAU;AAAA,IAEX,oBAAC,SAAI,WAAU,+BACb,8BAAC,UAAO,WAAU,eAAc,SAAS,kBACtC,oBAAU,2CAA2C,GACxD,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/modals/AccountFrozenModal.mjs CHANGED Viewed

@@ -16,9 +16,11 @@ import {
   DialogTitle
 } from "../ui/overlay/Dialog";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/overlay/Tooltip";
-import { useWhitelabelUrls, useExternalContracting } from "../../providers/whitelabel.provider";
+import { useExternalContracting } from "../../providers/whitelabel.provider";
 import { useModalManager } from "../../store/useModalManager";
 import { formatShortDate } from "../../infra/utils/date";
+import { WorkspaceSectionType } from "../../enums/WorkspaceSectionType";
+import useAccountHubActions from "../account/hooks/useAccountHubActions";
 const RESOURCE_GROUPS = [
   {
     icon: IconFile,
@@ -40,8 +42,8 @@ function AccountFrozenModal() {
   const translate = useTranslations();
   const { activeModal, closeModal, modalData } = useModalManager();
   const isOpen = activeModal === "accountFrozenModal";
-  const { accountsUrl } = useWhitelabelUrls();
   const { redirectToExternal } = useExternalContracting();
+  const { openSection } = useAccountHubActions();
   const data = modalData;
   const freezeDate = data?.freezeDate ?? null;
   const isWarning = Boolean(freezeDate);
@@ -56,7 +58,8 @@ function AccountFrozenModal() {
   );
   const handleRegularize = () => {
     if (redirectToExternal("plans")) return;
-    window.location.href = `${accountsUrl}/subscriptions`;
+    closeModal();
+    openSection(WorkspaceSectionType.SUBSCRIPTION);
   };
   return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: () => closeModal(), children: /* @__PURE__ */ jsxs(
     DialogContent,

package/dist/components/modals/AccountFrozenModal.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/modals/AccountFrozenModal.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n IconLock,\n IconFile,\n IconFolder,\n IconWorld,\n IconInfoCircle,\n type IconProps,\n} from '@tabler/icons-react';\nimport type { ComponentType } from 'react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../ui/buttons/Button';\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogTitle,\n} from '../ui/overlay/Dialog';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/overlay/Tooltip';\nimport { useWhitelabelUrls, useExternalContracting } from '../../providers/whitelabel.provider';\nimport { useModalManager } from '../../store/useModalManager';\nimport { formatShortDate } from '../../infra/utils/date';\n\nconst RESOURCE_GROUPS = [\n {\n icon: IconFile,\n titleKey: 'common.subscription.frozen.modal.resources.pages.title',\n descriptionKey: 'common.subscription.frozen.modal.resources.pages.description',\n },\n {\n icon: IconFolder,\n titleKey: 'common.subscription.frozen.modal.resources.projects.title',\n descriptionKey: 'common.subscription.frozen.modal.resources.projects.description',\n },\n {\n icon: IconWorld,\n titleKey: 'common.subscription.frozen.modal.resources.domains.title',\n descriptionKey: 'common.subscription.frozen.modal.resources.domains.description',\n },\n] as const satisfies readonly {\n icon: ComponentType<IconProps>;\n titleKey: string;\n descriptionKey: string;\n}[];\n\ninterface FrozenModalData {\n freezeDate?: Date \| string \| null;\n showResources?: boolean;\n}\n\nexport default function AccountFrozenModal() {\n const translate = useTranslations();\n const { activeModal, closeModal, modalData } = useModalManager();\n const isOpen = activeModal === 'accountFrozenModal';\n const { accountsUrl } = useWhitelabelUrls();\n const { redirectToExternal } = useExternalContracting();\n\n const data = modalData as FrozenModalData \| undefined;\n const freezeDate = data?.freezeDate ?? null;\n const isWarning = Boolean(freezeDate);\n const showResources = Boolean(data?.showResources);\n\n const title = isWarning\n ? translate('common.subscription.frozen.modal.warningTitle', {\n freezeDate: formatShortDate(freezeDate ? new Date(freezeDate) : null),\n })\n : translate('common.subscription.frozen.modal.title');\n\n const description = isWarning\n ? translate(\n showResources\n ? 'common.subscription.frozen.modal.warningDescriptionWithResources'\n : 'common.subscription.frozen.modal.warningDescription',\n )\n : translate(\n showResources\n ? 'common.subscription.frozen.modal.descriptionWithResources'\n : 'common.subscription.frozen.modal.description',\n );\n\n const handleRegularize = () => {\n if (redirectToExternal('plans')) return;\n window.location.href = `${accountsUrl}/subscriptions`;\n };\n\n return (\n <Dialog open={isOpen} onOpenChange={() => closeModal()}>\n <DialogContent\n showCloseButton\n onOpenAutoFocus={(event) => event.preventDefault()}\n className=\"flex flex-col p-0! gap-0! max-w-[calc(100%-2rem)]! w-full sm:max-w-[400px]! lg:max-w-[420px]! rounded-lg border\"\n >\n <div className=\"flex flex-col gap-5 p-4 lg:p-5\">\n <div className=\"flex items-center justify-center w-10 h-10 bg-zinc-50 rounded-lg\">\n <IconLock size={20} className=\"text-zinc-950\" />\n </div>\n\n <div className=\"flex flex-col gap-2\">\n <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n {title}\n </DialogTitle>\n <DialogDescription className=\"paragraph-small-regular text-zinc-500\">\n {description}\n </DialogDescription>\n </div>\n\n {showResources && (\n <>\n <div className=\"bg-white border border-zinc-100 rounded-lg\">\n {RESOURCE_GROUPS.map(({ titleKey, descriptionKey, icon: Icon }, index) => (\n <div key={titleKey}>\n {index > 0 && <div className=\"h-px bg-zinc-100\" />}\n <div className=\"flex items-center justify-between gap-3 p-4\">\n <div className=\"flex items-center gap-3\">\n <Icon size={20} className=\"text-zinc-950 shrink-0\" />\n <span className=\"paragraph-small-semibold text-zinc-950\">\n {translate(titleKey)}\n </span>\n </div>\n <Tooltip>\n <TooltipTrigger asChild>\n <button\n type=\"button\"\n aria-label={translate(titleKey)}\n className=\"flex items-center justify-center shrink-0 cursor-pointer\"\n >\n <IconInfoCircle className=\"size-4 text-zinc-400\" />\n </button>\n </TooltipTrigger>\n <TooltipContent\n side=\"top\"\n className=\"max-w-[240px]\"\n >\n {translate(descriptionKey)}\n </TooltipContent>\n </Tooltip>\n </div>\n </div>\n ))}\n </div>\n\n <div className=\"flex items-center gap-3 p-4 rounded-lg bg-cyan-50\">\n <IconInfoCircle className=\"size-4 text-zinc-950 shrink-0\" />\n <span className=\"paragraph-small-regular text-zinc-950\">\n {translate('common.subscription.frozen.modal.keepsWorking')}\n </span>\n </div>\n </>\n )}\n </div>\n\n <div className=\"h-px bg-zinc-200\" />\n\n <div className=\"flex items-center gap-2 p-4 lg:p-5\">\n <Button className=\"h-10 w-fit\" onClick={handleRegularize}>\n {translate('common.subscription.frozen.modal.cta')}\n </Button>\n </div>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":"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","names":[]}
1	+ {"version":3,"sources":["../../../src/components/modals/AccountFrozenModal.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n IconLock,\n IconFile,\n IconFolder,\n IconWorld,\n IconInfoCircle,\n type IconProps,\n} from '@tabler/icons-react';\nimport type { ComponentType } from 'react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../ui/buttons/Button';\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogTitle,\n} from '../ui/overlay/Dialog';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/overlay/Tooltip';\nimport { useExternalContracting } from '../../providers/whitelabel.provider';\nimport { useModalManager } from '../../store/useModalManager';\nimport { formatShortDate } from '../../infra/utils/date';\nimport { WorkspaceSectionType } from '../../enums/WorkspaceSectionType';\nimport useAccountHubActions from '../account/hooks/useAccountHubActions';\n\nconst RESOURCE_GROUPS = [\n {\n icon: IconFile,\n titleKey: 'common.subscription.frozen.modal.resources.pages.title',\n descriptionKey: 'common.subscription.frozen.modal.resources.pages.description',\n },\n {\n icon: IconFolder,\n titleKey: 'common.subscription.frozen.modal.resources.projects.title',\n descriptionKey: 'common.subscription.frozen.modal.resources.projects.description',\n },\n {\n icon: IconWorld,\n titleKey: 'common.subscription.frozen.modal.resources.domains.title',\n descriptionKey: 'common.subscription.frozen.modal.resources.domains.description',\n },\n] as const satisfies readonly {\n icon: ComponentType<IconProps>;\n titleKey: string;\n descriptionKey: string;\n}[];\n\ninterface FrozenModalData {\n freezeDate?: Date \| string \| null;\n showResources?: boolean;\n}\n\nexport default function AccountFrozenModal() {\n const translate = useTranslations();\n const { activeModal, closeModal, modalData } = useModalManager();\n const isOpen = activeModal === 'accountFrozenModal';\n const { redirectToExternal } = useExternalContracting();\n const { openSection } = useAccountHubActions();\n\n const data = modalData as FrozenModalData \| undefined;\n const freezeDate = data?.freezeDate ?? null;\n const isWarning = Boolean(freezeDate);\n const showResources = Boolean(data?.showResources);\n\n const title = isWarning\n ? translate('common.subscription.frozen.modal.warningTitle', {\n freezeDate: formatShortDate(freezeDate ? new Date(freezeDate) : null),\n })\n : translate('common.subscription.frozen.modal.title');\n\n const description = isWarning\n ? translate(\n showResources\n ? 'common.subscription.frozen.modal.warningDescriptionWithResources'\n : 'common.subscription.frozen.modal.warningDescription',\n )\n : translate(\n showResources\n ? 'common.subscription.frozen.modal.descriptionWithResources'\n : 'common.subscription.frozen.modal.description',\n );\n\n const handleRegularize = () => {\n if (redirectToExternal('plans')) return;\n closeModal();\n openSection(WorkspaceSectionType.SUBSCRIPTION);\n };\n\n return (\n <Dialog open={isOpen} onOpenChange={() => closeModal()}>\n <DialogContent\n showCloseButton\n onOpenAutoFocus={(event) => event.preventDefault()}\n className=\"flex flex-col p-0! gap-0! max-w-[calc(100%-2rem)]! w-full sm:max-w-[400px]! lg:max-w-[420px]! rounded-lg border\"\n >\n <div className=\"flex flex-col gap-5 p-4 lg:p-5\">\n <div className=\"flex items-center justify-center w-10 h-10 bg-zinc-50 rounded-lg\">\n <IconLock size={20} className=\"text-zinc-950\" />\n </div>\n\n <div className=\"flex flex-col gap-2\">\n <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n {title}\n </DialogTitle>\n <DialogDescription className=\"paragraph-small-regular text-zinc-500\">\n {description}\n </DialogDescription>\n </div>\n\n {showResources && (\n <>\n <div className=\"bg-white border border-zinc-100 rounded-lg\">\n {RESOURCE_GROUPS.map(({ titleKey, descriptionKey, icon: Icon }, index) => (\n <div key={titleKey}>\n {index > 0 && <div className=\"h-px bg-zinc-100\" />}\n <div className=\"flex items-center justify-between gap-3 p-4\">\n <div className=\"flex items-center gap-3\">\n <Icon size={20} className=\"text-zinc-950 shrink-0\" />\n <span className=\"paragraph-small-semibold text-zinc-950\">\n {translate(titleKey)}\n </span>\n </div>\n <Tooltip>\n <TooltipTrigger asChild>\n <button\n type=\"button\"\n aria-label={translate(titleKey)}\n className=\"flex items-center justify-center shrink-0 cursor-pointer\"\n >\n <IconInfoCircle className=\"size-4 text-zinc-400\" />\n </button>\n </TooltipTrigger>\n <TooltipContent\n side=\"top\"\n className=\"max-w-[240px]\"\n >\n {translate(descriptionKey)}\n </TooltipContent>\n </Tooltip>\n </div>\n </div>\n ))}\n </div>\n\n <div className=\"flex items-center gap-3 p-4 rounded-lg bg-cyan-50\">\n <IconInfoCircle className=\"size-4 text-zinc-950 shrink-0\" />\n <span className=\"paragraph-small-regular text-zinc-950\">\n {translate('common.subscription.frozen.modal.keepsWorking')}\n </span>\n </div>\n </>\n )}\n </div>\n\n <div className=\"h-px bg-zinc-200\" />\n\n <div className=\"flex items-center gap-2 p-4 lg:p-5\">\n <Button className=\"h-10 w-fit\" onClick={handleRegularize}>\n {translate('common.subscription.frozen.modal.cta')}\n </Button>\n </div>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":"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","names":[]}

package/dist/components/modals/Modals.mjs CHANGED Viewed

@@ -4,11 +4,11 @@ import { useEffect } from "react";
 import AccountModals from "../account/AccountModals";
 import { ModalManager } from "./ModalManager";
 import { useAccountModals } from "../../store/useAccountModals";
-function Modals({ registry, onGoToSubscription }) {
+function Modals({ registry, onGoToSubscription, workspaceActions }) {
   const { updateConfig } = useAccountModals();
   useEffect(() => {
-    updateConfig({ onGoToSubscription });
-  }, [onGoToSubscription, updateConfig]);
+    updateConfig({ onGoToSubscription, workspaceActions });
+  }, [onGoToSubscription, workspaceActions, updateConfig]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(AccountModals, {}),
     /* @__PURE__ */ jsx(ModalManager, { registry })

package/dist/components/modals/Modals.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/modals/Modals.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentType, useEffect } from 'react';\nimport AccountModals from '../account/AccountModals';\nimport { ModalManager } from './ModalManager';\nimport { useAccountModals } from '../../store/useAccountModals';\ninterface ModalsProps {\n registry: Record<string, ComponentType>;\n onGoToSubscription?: () => void;\n}\n\nexport function Modals({ registry, onGoToSubscription }: ModalsProps) {\n const { updateConfig } = useAccountModals();\n\n useEffect(() => {\n updateConfig({ onGoToSubscription });\n }, [onGoToSubscription, updateConfig]);\n\n return (\n <>\n <AccountModals />\n <ModalManager registry={registry} />\n </>\n );\n}\n"],"mappings":";~~AAmBI~~,mBACE,KADF;~~AAjBJ~~,SAAwB,iBAAiB;AACzC,OAAO,mBAAmB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;~~AAM1B~~,SAAS,OAAO,EAAE,UAAU,~~mBAAmB~~,GAAgB;~~AACpE~~,QAAM,EAAE,aAAa,IAAI,iBAAiB;AAE1C,YAAU,MAAM;AACd,iBAAa,EAAE,~~mBAAmB~~,CAAC;AAAA,~~EACrC~~,GAAG,CAAC,oBAAoB,YAAY,CAAC;~~AAErC~~,SACE,iCACE;AAAA,wBAAC,iBAAc;AAAA,IACf,oBAAC,gBAAa,UAAoB;AAAA,KACpC;AAEJ;","names":[]}
1	+ {"version":3,"sources":["../../../src/components/modals/Modals.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentType, useEffect } from 'react';\nimport AccountModals from '../account/AccountModals';\nimport { ModalManager } from './ModalManager';\nimport { useAccountModals } from '../../store/useAccountModals';\nimport type { WorkspaceActions } from '../account/types/workspace-actions.type';\ninterface ModalsProps {\n registry: Record<string, ComponentType>;\n onGoToSubscription?: () => void;\n /** Fluxos do app usados pelas abas do modal Minha conta (ver `WorkspaceActions`). */\n workspaceActions?: WorkspaceActions;\n}\n\nexport function Modals({ registry, onGoToSubscription, workspaceActions }: ModalsProps) {\n const { updateConfig } = useAccountModals();\n\n useEffect(() => {\n updateConfig({ onGoToSubscription, workspaceActions });\n }, [onGoToSubscription, workspaceActions, updateConfig]);\n\n return (\n <>\n <AccountModals />\n <ModalManager registry={registry} />\n </>\n );\n}\n"],"mappings":";AAsBI,mBACE,KADF;AApBJ,SAAwB,iBAAiB;AACzC,OAAO,mBAAmB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AAS1B,SAAS,OAAO,EAAE,UAAU,oBAAoB,iBAAiB,GAAgB;AACtF,QAAM,EAAE,aAAa,IAAI,iBAAiB;AAE1C,YAAU,MAAM;AACd,iBAAa,EAAE,oBAAoB,iBAAiB,CAAC;AAAA,EACvD,GAAG,CAAC,oBAAoB,kBAAkB,YAAY,CAAC;AAEvD,SACE,iCACE;AAAA,wBAAC,iBAAc;AAAA,IACf,oBAAC,gBAAa,UAAoB;AAAA,KACpC;AAEJ;","names":[]}

package/dist/components/modals/PaidPlanRequiredModal.mjs CHANGED Viewed

@@ -10,20 +10,19 @@ import {
   DialogHeader,
   DialogTitle
 } from "../ui/overlay/Dialog";
-import { useWhitelabelUrls, useExternalContracting } from "../../providers/whitelabel.provider";
 import { useModalManager } from "../../store/useModalManager";
+import useAccountHubActions from "../account/hooks/useAccountHubActions";
 function PaidPlanRequiredModal() {
   const translate = useTranslations();
   const { activeModal, modalData, closeModal } = useModalManager();
   const isOpen = activeModal === "paidPlanRequiredModal";
   const data = modalData;
-  const { accountsUrl } = useWhitelabelUrls();
-  const { redirectToExternal } = useExternalContracting();
+  const { openPlansCatalog } = useAccountHubActions();
   const title = data.title ?? translate("common.credits.paidPlanRequired.defaultTitle");
   const description = data.description ?? translate("common.credits.paidPlanRequired.defaultDescription");
   const handleKnowPlans = () => {
-    if (redirectToExternal("plans")) return;
-    window.location.href = `${accountsUrl}/subscriptions?tab=plans`;
+    closeModal();
+    openPlansCatalog();
   };
   return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: () => closeModal(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col p-0 gap-0 w-full md:w-[410px] lg:w-[410px]", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { className: "gap-3 text-left p-5", children: [

package/dist/components/modals/PaidPlanRequiredModal.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/modals/PaidPlanRequiredModal.tsx"],"sourcesContent":["\"use client\";\n\nimport { IconLock } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../ui/buttons/Button';\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from '../ui/overlay/Dialog';\nimport { ~~useWhitelabelUrls,~~ ~~useExternalContracting~~ } from '../../~~providers~~/~~whitelabel.provider~~';\nimport { ~~useModalManager~~ } from '../../store/useModalManager';\nimport ~~type~~ ~~{ ModalData }~~ from '~~../../store~~/~~useModalManager~~';\n\nexport default function PaidPlanRequiredModal() {\n const translate = useTranslations();\n const { activeModal, modalData, closeModal } = useModalManager();\n const isOpen = activeModal === 'paidPlanRequiredModal';\n const data = modalData as ModalData & { title?: string; description?: string };\n const { ~~accountsUrl~~ } = ~~useWhitelabelUrls~~();\n ~~const { redirectToExternal } = useExternalContracting();\n~~\n const title = (data.title as string) ?? translate('common.credits.paidPlanRequired.defaultTitle');\n const description = (data.description as string) ?? translate('common.credits.paidPlanRequired.defaultDescription');\n\n const handleKnowPlans = () => {\n if (~~redirectToExternal('plans'~~)~~) return~~;\n ~~window.location.href = `${accountsUrl}/subscriptions?tab=plans`;\~~n };\n\n return (\n <Dialog open={isOpen} onOpenChange={() => closeModal()}>\n <DialogContent className=\"flex flex-col p-0 gap-0 w-full md:w-[410px] lg:w-[410px]\">\n <DialogHeader className=\"gap-3 text-left p-5\">\n <div className=\"flex items-center justify-center w-10 h-10 bg-zinc-50 rounded-lg\">\n <IconLock size={24} className=\"text-zinc-950\" />\n </div>\n <div className=\"flex flex-col gap-2\">\n <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n {title}\n </DialogTitle>\n <DialogDescription className=\"paragraph-small-regular text-zinc-600\">\n {description}\n </DialogDescription>\n </div>\n </DialogHeader>\n <div className=\"flex items-center gap-2 p-5 border-t border-zinc-200\">\n <Button\n className=\"w-fit h-10!\"\n onClick={handleKnowPlans}\n >\n {translate('common.credits.paidPlanRequired.knowPlans')}\n </Button>\n </div>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":";~~AAqCwB~~,cAEJ,YAFI;~~AAnCxB~~,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,SAAS,~~mBAAmB,8BAA8B~~;~~AAC1D~~,~~SAAS~~,~~uBAAuB~~;~~AAGjB~~,SAAR,wBAAyC;AAC5C,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,aAAa,WAAW,WAAW,IAAI,gBAAgB;AAC/D,QAAM,SAAS,gBAAgB;AAC/B,QAAM,OAAO;AACb,QAAM,EAAE,~~YAAY~~,IAAI,~~kBAAkB~~;~~AAC1C~~,QAAM,~~EAAE,mBAAmB,IAAI,uBAAuB;AAEtD,QAAM,~~QAAS,KAAK,SAAoB,UAAU,8CAA8C;AAChG,QAAM,cAAe,KAAK,eAA0B,UAAU,oDAAoD;AAElH,QAAM,kBAAkB,MAAM;AAC1B,~~QAAI,mBAAmB,OAAO,EAAG~~;~~AACjC~~,~~WAAO,SAAS,OAAO,GAAG,WAAW~~;AAAA,~~EACzC~~;AAEA,SACI,oBAAC,UAAO,MAAM,QAAQ,cAAc,MAAM,WAAW,GACjD,+BAAC,iBAAc,WAAU,4DACrB;AAAA,yBAAC,gBAAa,WAAU,uBACpB;AAAA,0BAAC,SAAI,WAAU,oEACX,8BAAC,YAAS,MAAM,IAAI,WAAU,iBAAgB,GAClD;AAAA,MACA,qBAAC,SAAI,WAAU,uBACX;AAAA,4BAAC,eAAY,WAAU,2CAClB,iBACL;AAAA,QACA,oBAAC,qBAAkB,WAAU,yCACxB,uBACL;AAAA,SACJ;AAAA,OACJ;AAAA,IACA,oBAAC,SAAI,WAAU,wDACX;AAAA,MAAC;AAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS;AAAA,QAER,oBAAU,2CAA2C;AAAA;AAAA,IAC1D,GACJ;AAAA,KACJ,GACJ;AAER;","names":[]}
1	+ {"version":3,"sources":["../../../src/components/modals/PaidPlanRequiredModal.tsx"],"sourcesContent":["\"use client\";\n\nimport { IconLock } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../ui/buttons/Button';\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from '../ui/overlay/Dialog';\nimport { useModalManager } from '../../store/useModalManager';\nimport type { ModalData } from '../../store/useModalManager';\nimport useAccountHubActions from '../account/hooks/useAccountHubActions';\n\nexport default function PaidPlanRequiredModal() {\n const translate = useTranslations();\n const { activeModal, modalData, closeModal } = useModalManager();\n const isOpen = activeModal === 'paidPlanRequiredModal';\n const data = modalData as ModalData & { title?: string; description?: string };\n const { openPlansCatalog } = useAccountHubActions();\n\n const title = (data.title as string) ?? translate('common.credits.paidPlanRequired.defaultTitle');\n const description = (data.description as string) ?? translate('common.credits.paidPlanRequired.defaultDescription');\n\n const handleKnowPlans = () => {\n closeModal();\n openPlansCatalog();\n };\n\n return (\n <Dialog open={isOpen} onOpenChange={() => closeModal()}>\n <DialogContent className=\"flex flex-col p-0 gap-0 w-full md:w-[410px] lg:w-[410px]\">\n <DialogHeader className=\"gap-3 text-left p-5\">\n <div className=\"flex items-center justify-center w-10 h-10 bg-zinc-50 rounded-lg\">\n <IconLock size={24} className=\"text-zinc-950\" />\n </div>\n <div className=\"flex flex-col gap-2\">\n <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n {title}\n </DialogTitle>\n <DialogDescription className=\"paragraph-small-regular text-zinc-600\">\n {description}\n </DialogDescription>\n </div>\n </DialogHeader>\n <div className=\"flex items-center gap-2 p-5 border-t border-zinc-200\">\n <Button\n className=\"w-fit h-10!\"\n onClick={handleKnowPlans}\n >\n {translate('common.credits.paidPlanRequired.knowPlans')}\n </Button>\n </div>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":";AAoCwB,cAEJ,YAFI;AAlCxB,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,SAAS,uBAAuB;AAEhC,OAAO,0BAA0B;AAElB,SAAR,wBAAyC;AAC5C,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,aAAa,WAAW,WAAW,IAAI,gBAAgB;AAC/D,QAAM,SAAS,gBAAgB;AAC/B,QAAM,OAAO;AACb,QAAM,EAAE,iBAAiB,IAAI,qBAAqB;AAElD,QAAM,QAAS,KAAK,SAAoB,UAAU,8CAA8C;AAChG,QAAM,cAAe,KAAK,eAA0B,UAAU,oDAAoD;AAElH,QAAM,kBAAkB,MAAM;AAC1B,eAAW;AACX,qBAAiB;AAAA,EACrB;AAEA,SACI,oBAAC,UAAO,MAAM,QAAQ,cAAc,MAAM,WAAW,GACjD,+BAAC,iBAAc,WAAU,4DACrB;AAAA,yBAAC,gBAAa,WAAU,uBACpB;AAAA,0BAAC,SAAI,WAAU,oEACX,8BAAC,YAAS,MAAM,IAAI,WAAU,iBAAgB,GAClD;AAAA,MACA,qBAAC,SAAI,WAAU,uBACX;AAAA,4BAAC,eAAY,WAAU,2CAClB,iBACL;AAAA,QACA,oBAAC,qBAAkB,WAAU,yCACxB,uBACL;AAAA,SACJ;AAAA,OACJ;AAAA,IACA,oBAAC,SAAI,WAAU,wDACX;AAAA,MAAC;AAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS;AAAA,QAER,oBAAU,2CAA2C;AAAA;AAAA,IAC1D,GACJ;AAAA,KACJ,GACJ;AAER;","names":[]}

package/dist/components/modals/cards/AddFirstCardWarningModal.mjs ADDED Viewed

@@ -0,0 +1,63 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconAlertTriangle } from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../ui/buttons/Button";
+import { Separator } from "../../ui/data-display/Separator";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "../../ui/overlay/Dialog";
+import { useAddCardWithPaymentSwitch } from "../../account/hooks/useAddCardWithPaymentSwitch";
+import { useModalManager } from "../../../store/useModalManager";
+function AddFirstCardWarningModal() {
+  const translate = useTranslations();
+  const translateModal = useTranslations("common.account.workspace.subscription.addFirstCard");
+  const { activeModal, closeModal } = useModalManager();
+  const { openAddCard } = useAddCardWithPaymentSwitch();
+  const open = activeModal === "addFirstCardWarningModal";
+  const handleContinue = () => {
+    closeModal();
+    openAddCard();
+  };
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (nextOpen) => {
+        if (!nextOpen) closeModal();
+      },
+      children: /* @__PURE__ */ jsxs(
+        DialogContent,
+        {
+          onOpenAutoFocus: (event) => event.preventDefault(),
+          className: "flex flex-col p-0 gap-0 md:w-[410px]! lg:w-[410px]! max-w-[410px]! max-[410px]:w-[calc(100%-32px)] duration-0!",
+          children: [
+            /* @__PURE__ */ jsxs(DialogHeader, { className: "gap-3 text-left p-5", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-10 h-10 bg-zinc-100 rounded-lg", children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, className: "text-zinc-950" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950", children: translateModal("title") }),
+                /* @__PURE__ */ jsx(DialogDescription, { className: "paragraph-small-regular text-zinc-600", asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+                  /* @__PURE__ */ jsx("p", { children: translateModal("description1") }),
+                  /* @__PURE__ */ jsx("p", { children: translateModal("description2") })
+                ] }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-5", children: [
+              /* @__PURE__ */ jsx(Button, { className: "h-10! transition-colors", onClick: handleContinue, children: translateModal("continue") }),
+              /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "h-10! transition-colors", onClick: closeModal, children: translate("common.actions.cancel") })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  AddFirstCardWarningModal as default
+};
+//# sourceMappingURL=AddFirstCardWarningModal.mjs.map

package/dist/components/modals/cards/AddFirstCardWarningModal.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/modals/cards/AddFirstCardWarningModal.tsx"],"sourcesContent":["'use client';\n\nimport { IconAlertTriangle } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { Button } from '../../ui/buttons/Button';\nimport { Separator } from '../../ui/data-display/Separator';\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from '../../ui/overlay/Dialog';\nimport { useAddCardWithPaymentSwitch } from '../../account/hooks/useAddCardWithPaymentSwitch';\nimport { useModalManager } from '../../../store/useModalManager';\n\n/** Primeiro cartão da conta: avisa que ele passa a ser a forma de pagamento da assinatura. */\nexport default function AddFirstCardWarningModal() {\n const translate = useTranslations();\n const translateModal = useTranslations('common.account.workspace.subscription.addFirstCard');\n const { activeModal, closeModal } = useModalManager();\n const { openAddCard } = useAddCardWithPaymentSwitch();\n\n const open = activeModal === 'addFirstCardWarningModal';\n\n const handleContinue = () => {\n closeModal();\n openAddCard();\n };\n\n return (\n <Dialog\n open={open}\n onOpenChange={(nextOpen) => {\n if (!nextOpen) closeModal();\n }}\n >\n <DialogContent\n onOpenAutoFocus={(event) => event.preventDefault()}\n className=\"flex flex-col p-0 gap-0 md:w-[410px]! lg:w-[410px]! max-w-[410px]! max-[410px]:w-[calc(100%-32px)] duration-0!\"\n >\n <DialogHeader className=\"gap-3 text-left p-5\">\n <div className=\"flex items-center justify-center w-10 h-10 bg-zinc-100 rounded-lg\">\n <IconAlertTriangle size={20} className=\"text-zinc-950\" />\n </div>\n <div className=\"flex flex-col gap-2\">\n <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n {translateModal('title')}\n </DialogTitle>\n <DialogDescription className=\"paragraph-small-regular text-zinc-600\" asChild>\n <div className=\"flex flex-col gap-3\">\n <p>{translateModal('description1')}</p>\n <p>{translateModal('description2')}</p>\n </div>\n </DialogDescription>\n </div>\n </DialogHeader>\n\n <Separator />\n\n <div className=\"flex items-center gap-2 p-5\">\n <Button className=\"h-10! transition-colors\" onClick={handleContinue}>\n {translateModal('continue')}\n </Button>\n <Button variant=\"secondary\" className=\"h-10! transition-colors\" onClick={closeModal}>\n {translate('common.actions.cancel')}\n </Button>\n </div>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":";AA2CY,cAOE,YAPF;AAzCZ,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mCAAmC;AAC5C,SAAS,uBAAuB;AAGjB,SAAR,2BAA4C;AACjD,QAAM,YAAY,gBAAgB;AAClC,QAAM,iBAAiB,gBAAgB,oDAAoD;AAC3F,QAAM,EAAE,aAAa,WAAW,IAAI,gBAAgB;AACpD,QAAM,EAAE,YAAY,IAAI,4BAA4B;AAEpD,QAAM,OAAO,gBAAgB;AAE7B,QAAM,iBAAiB,MAAM;AAC3B,eAAW;AACX,gBAAY;AAAA,EACd;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc,CAAC,aAAa;AAC1B,YAAI,CAAC,SAAU,YAAW;AAAA,MAC5B;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,iBAAiB,CAAC,UAAU,MAAM,eAAe;AAAA,UACjD,WAAU;AAAA,UAEV;AAAA,iCAAC,gBAAa,WAAU,uBACtB;AAAA,kCAAC,SAAI,WAAU,qEACb,8BAAC,qBAAkB,MAAM,IAAI,WAAU,iBAAgB,GACzD;AAAA,cACA,qBAAC,SAAI,WAAU,uBACb;AAAA,oCAAC,eAAY,WAAU,2CACpB,yBAAe,OAAO,GACzB;AAAA,gBACA,oBAAC,qBAAkB,WAAU,yCAAwC,SAAO,MAC1E,+BAAC,SAAI,WAAU,uBACb;AAAA,sCAAC,OAAG,yBAAe,cAAc,GAAE;AAAA,kBACnC,oBAAC,OAAG,yBAAe,cAAc,GAAE;AAAA,mBACrC,GACF;AAAA,iBACF;AAAA,eACF;AAAA,YAEA,oBAAC,aAAU;AAAA,YAEX,qBAAC,SAAI,WAAU,+BACb;AAAA,kCAAC,UAAO,WAAU,2BAA0B,SAAS,gBAClD,yBAAe,UAAU,GAC5B;AAAA,cACA,oBAAC,UAAO,SAAQ,aAAY,WAAU,2BAA0B,SAAS,YACtE,oBAAU,uBAAuB,GACpC;AAAA,eACF;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/modals/cards/SwitchPaymentToCardModal.mjs ADDED Viewed

@@ -0,0 +1,187 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { IconCheck, IconCreditCard } from "@tabler/icons-react";
+import { useStripe } from "@stripe/react-stripe-js";
+import { useTranslations } from "next-intl";
+import { toast } from "sonner";
+import { Button } from "../../ui/buttons/Button";
+import { Separator } from "../../ui/data-display/Separator";
+import { Toast } from "../../ui/feedback/Toast";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "../../ui/overlay/Dialog";
+import { useCurrencyFormatter } from "../../../modules/accounts/hooks/use-currency-formatter.hook";
+import { useUpdateSubscriptionPayment } from "../../../modules/subscriptions/hooks/update-subscription-payment.hook";
+import {
+  confirmPaymentIfRequired,
+  PaymentAuthenticationError
+} from "../../../modules/subscriptions/utils/confirm-payment-if-required";
+import { useModalManager } from "../../../store/useModalManager";
+function SwitchPaymentToCardModal() {
+  const translate = useTranslations("common.account.workspace.subscription.switchPaymentToCard");
+  const stripe = useStripe();
+  const { activeModal, modalData, closeModal } = useModalManager();
+  const { formatCurrencyNumber } = useCurrencyFormatter();
+  const { mutateAsync: updatePayment } = useUpdateSubscriptionPayment();
+  const [isSwitching, setIsSwitching] = useState(false);
+  const open = activeModal === "switchPaymentToCardModal";
+  const cardId = modalData.cardId;
+  const subscriptionId = modalData.subscriptionId;
+  const currentPaymentMethod = modalData.currentPaymentMethod;
+  const previousCardsCount = modalData.previousCardsCount ?? 0;
+  const isChangingMethod = currentPaymentMethod === 2 || currentPaymentMethod === 3;
+  const methodName = translate(currentPaymentMethod === 3 ? "methodPix" : "methodBoleto");
+  const handleConfirm = useCallback(async () => {
+    if (!cardId || subscriptionId == null) return;
+    if (!stripe) {
+      toast.custom(
+        (toastId) => /* @__PURE__ */ jsx(Toast, { variant: "error", message: translate("errorToast"), toastId }),
+        { duration: 5e3 }
+      );
+      return;
+    }
+    setIsSwitching(true);
+    try {
+      const result = await updatePayment({
+        subscriptionId,
+        data: { payment_method: 1, id_card: cardId, charge_now: true }
+      });
+      if (result.applied === false) {
+        if (result.client_secret) {
+          await confirmPaymentIfRequired(
+            stripe,
+            { client_secret: result.client_secret },
+            translate("authError")
+          );
+        }
+        closeModal();
+        toast.custom(
+          (toastId) => /* @__PURE__ */ jsx(Toast, { variant: "warning", message: translate("pendingBlocked"), toastId }),
+          { duration: 8e3 }
+        );
+        return;
+      }
+      let outcome = result.charge_now?.outcome ?? "none";
+      if (outcome === "requires_action" && result.charge_now?.client_secret) {
+        await confirmPaymentIfRequired(
+          stripe,
+          { client_secret: result.charge_now.client_secret },
+          translate("authError")
+        );
+        outcome = "charged";
+      }
+      closeModal();
+      if (outcome === "declined") {
+        toast.custom(
+          (toastId) => /* @__PURE__ */ jsx(Toast, { variant: "warning", message: translate("switchedChargeFailed"), toastId }),
+          { duration: 8e3 }
+        );
+        return;
+      }
+      const amount = result.charge_now?.amount;
+      const successMessage = outcome === "charged" && typeof amount === "number" ? translate("successWithCharge", { value: formatCurrencyNumber(amount / 100) }) : translate("successToast");
+      toast.custom(
+        (toastId) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: successMessage, toastId }),
+        { duration: 5e3 }
+      );
+    } catch (error) {
+      const isAuthFailure = error instanceof PaymentAuthenticationError;
+      const message = error instanceof Error && error.message ? error.message : translate("errorToast");
+      toast.custom(
+        (toastId) => /* @__PURE__ */ jsx(
+          Toast,
+          {
+            variant: isAuthFailure ? "warning" : "error",
+            message,
+            toastId
+          }
+        ),
+        { duration: isAuthFailure ? 8e3 : 5e3 }
+      );
+    } finally {
+      setIsSwitching(false);
+    }
+  }, [
+    cardId,
+    subscriptionId,
+    updatePayment,
+    stripe,
+    translate,
+    closeModal,
+    formatCurrencyNumber
+  ]);
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (nextOpen) => {
+        if (!nextOpen) closeModal();
+      },
+      children: /* @__PURE__ */ jsxs(
+        DialogContent,
+        {
+          onOpenAutoFocus: (event) => event.preventDefault(),
+          className: "flex flex-col p-0 gap-0 md:w-[410px]! lg:w-[410px]! max-w-[410px]! max-[410px]:w-[calc(100%-32px)]",
+          children: [
+            /* @__PURE__ */ jsxs(DialogHeader, { className: "gap-3 text-left p-5", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-10 h-10 bg-zinc-100 rounded-lg", children: /* @__PURE__ */ jsx(IconCreditCard, { size: 20, className: "text-zinc-950" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx(DialogTitle, { className: "paragraph-medium-semibold text-zinc-950", children: translate("title") }),
+                /* @__PURE__ */ jsx(DialogDescription, { className: "paragraph-small-regular text-zinc-600", asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+                  /* @__PURE__ */ jsx("p", { children: previousCardsCount === 0 ? translate("introFirstCard") : translate("intro") }),
+                  /* @__PURE__ */ jsxs("ul", { className: "flex flex-col gap-2", children: [
+                    isChangingMethod && /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsx(IconCheck, { size: 16, className: "text-zinc-950 mt-0.5 shrink-0" }),
+                      /* @__PURE__ */ jsx("span", { children: translate("changeMethod", { method: methodName }) })
+                    ] }),
+                    /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsx(IconCheck, { size: 16, className: "text-zinc-950 mt-0.5 shrink-0" }),
+                      /* @__PURE__ */ jsx("span", { children: translate("changeDefault") })
+                    ] }),
+                    /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+                      /* @__PURE__ */ jsx(IconCheck, { size: 16, className: "text-zinc-950 mt-0.5 shrink-0" }),
+                      /* @__PURE__ */ jsx("span", { children: translate("chargeNow") })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx("p", { children: translate("declineHint") })
+                ] }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-5", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  className: "h-10! transition-colors",
+                  onClick: handleConfirm,
+                  disabled: isSwitching,
+                  loading: isSwitching,
+                  children: translate("confirm")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "secondary",
+                  className: "h-10! transition-colors",
+                  onClick: closeModal,
+                  disabled: isSwitching,
+                  children: translate("decline")
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  SwitchPaymentToCardModal as default
+};
+//# sourceMappingURL=SwitchPaymentToCardModal.mjs.map

package/dist/components/modals/cards/SwitchPaymentToCardModal.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/modals/cards/SwitchPaymentToCardModal.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useState } from 'react';\nimport { IconCheck, IconCreditCard } from '@tabler/icons-react';\nimport { useStripe } from '@stripe/react-stripe-js';\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport { Button } from '../../ui/buttons/Button';\nimport { Separator } from '../../ui/data-display/Separator';\nimport { Toast } from '../../ui/feedback/Toast';\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from '../../ui/overlay/Dialog';\nimport { useCurrencyFormatter } from '../../../modules/accounts/hooks/use-currency-formatter.hook';\nimport { useUpdateSubscriptionPayment } from '../../../modules/subscriptions/hooks/update-subscription-payment.hook';\nimport {\n confirmPaymentIfRequired,\n PaymentAuthenticationError,\n} from '../../../modules/subscriptions/utils/confirm-payment-if-required';\nimport { useModalManager } from '../../../store/useModalManager';\n\n/**\n * Pergunta, logo depois do cadastro do cartão, se a assinatura passa a ser cobrada nele.\n *\n * Cadastrar cartão e trocar a forma de pagamento eram passos separados que o cliente tinha de\n * descobrir sozinho: o cartão entrava, a conta seguia em boleto/pix (ou no cartão problemático)\n * e a cobrança seguinte falhava de novo. A lista do \"o que vai mudar\" sai do estado real da\n * conta — confirmação genérica vira um sim às cegas.\n */\nexport default function SwitchPaymentToCardModal() {\n const translate = useTranslations('common.account.workspace.subscription.switchPaymentToCard');\n const stripe = useStripe();\n const { activeModal, modalData, closeModal } = useModalManager();\n const { formatCurrencyNumber } = useCurrencyFormatter();\n const { mutateAsync: updatePayment } = useUpdateSubscriptionPayment();\n const [isSwitching, setIsSwitching] = useState(false);\n\n const open = activeModal === 'switchPaymentToCardModal';\n\n const cardId = modalData.cardId as string | undefined;\n const subscriptionId = modalData.subscriptionId as string | number | undefined;\n const currentPaymentMethod = modalData.currentPaymentMethod as number | null | undefined;\n const previousCardsCount = (modalData.previousCardsCount as number | undefined) ?? 0;\n\n const isChangingMethod = currentPaymentMethod === 2 || currentPaymentMethod === 3;\n const methodName = translate(currentPaymentMethod === 3 ? 'methodPix' : 'methodBoleto');\n\n const handleConfirm = useCallback(async () => {\n if (!cardId || subscriptionId == null) return;\n\n // Sem Stripe carregado não há como concluir um desafio, e `confirmPaymentIfRequired` viraria\n // no-op silencioso — a tela anunciaria pagamento aprovado sem ninguém ter autenticado nada.\n if (!stripe) {\n toast.custom(\n (toastId) => <Toast variant=\"error\" message={translate('errorToast')} toastId={toastId} />,\n { duration: 5000 }\n );\n return;\n }\n\n setIsSwitching(true);\n try {\n const result = await updatePayment({\n subscriptionId,\n data: { payment_method: 1, id_card: cardId, charge_now: true },\n });\n\n // A troca não foi aplicada: há pagamento pendente travando a assinatura e o backend devolve\n // o desafio em vez de trocar. Concluir o 3DS destrava, mas a troca ainda não aconteceu.\n if (result.applied === false) {\n if (result.client_secret) {\n await confirmPaymentIfRequired(\n stripe,\n { client_secret: result.client_secret },\n translate('authError')\n );\n }\n closeModal();\n toast.custom(\n (toastId) => (\n <Toast variant=\"warning\" message={translate('pendingBlocked')} toastId={toastId} />\n ),\n { duration: 8000 }\n );\n return;\n }\n\n // O desfecho sai do `outcome`: ler um booleano capturado ANTES do desafio anunciava falha\n // para pagamento que tinha acabado de completar.\n let outcome = result.charge_now?.outcome ?? 'none';\n\n if (outcome === 'requires_action' && result.charge_now?.client_secret) {\n // `confirmPaymentIfRequired` só retorna sem lançar quando o pagamento foi capturado.\n await confirmPaymentIfRequired(\n stripe,\n { client_secret: result.charge_now.client_secret },\n translate('authError')\n );\n outcome = 'charged';\n }\n\n closeModal();\n\n // Troca e cobrança têm desfechos independentes: anunciar só \"tudo certo\" esconderia uma\n // fatura que continua aberta.\n if (outcome === 'declined') {\n toast.custom(\n (toastId) => (\n <Toast variant=\"warning\" message={translate('switchedChargeFailed')} toastId={toastId} />\n ),\n { duration: 8000 }\n );\n return;\n }\n\n const amount = result.charge_now?.amount;\n const successMessage =\n outcome === 'charged' && typeof amount === 'number'\n ? translate('successWithCharge', { value: formatCurrencyNumber(amount / 100) })\n : translate('successToast');\n\n toast.custom(\n (toastId) => <Toast variant=\"success\" message={successMessage} toastId={toastId} />,\n { duration: 5000 }\n );\n } catch (error) {\n // Falha de autenticação e falha de API têm causas diferentes: no 3DS a troca já aconteceu\n // e só o pagamento ficou pendente.\n const isAuthFailure = error instanceof PaymentAuthenticationError;\n const message =\n error instanceof Error && error.message ? error.message : translate('errorToast');\n\n toast.custom(\n (toastId) => (\n <Toast\n variant={isAuthFailure ? 'warning' : 'error'}\n message={message}\n toastId={toastId}\n />\n ),\n { duration: isAuthFailure ? 8000 : 5000 }\n );\n } finally {\n setIsSwitching(false);\n }\n }, [\n cardId,\n subscriptionId,\n updatePayment,\n stripe,\n translate,\n closeModal,\n formatCurrencyNumber,\n ]);\n\n return (\n <Dialog\n open={open}\n onOpenChange={(nextOpen) => {\n if (!nextOpen) closeModal();\n }}\n >\n <DialogContent\n onOpenAutoFocus={(event) => event.preventDefault()}\n className=\"flex flex-col p-0 gap-0 md:w-[410px]! lg:w-[410px]! max-w-[410px]! max-[410px]:w-[calc(100%-32px)]\"\n >\n <DialogHeader className=\"gap-3 text-left p-5\">\n <div className=\"flex items-center justify-center w-10 h-10 bg-zinc-100 rounded-lg\">\n <IconCreditCard size={20} className=\"text-zinc-950\" />\n </div>\n <div className=\"flex flex-col gap-2\">\n <DialogTitle className=\"paragraph-medium-semibold text-zinc-950\">\n {translate('title')}\n </DialogTitle>\n <DialogDescription className=\"paragraph-small-regular text-zinc-600\" asChild>\n <div className=\"flex flex-col gap-3\">\n <p>{previousCardsCount === 0 ? translate('introFirstCard') : translate('intro')}</p>\n\n <ul className=\"flex flex-col gap-2\">\n {isChangingMethod && (\n <li className=\"flex items-start gap-2\">\n <IconCheck size={16} className=\"text-zinc-950 mt-0.5 shrink-0\" />\n <span>{translate('changeMethod', { method: methodName })}</span>\n </li>\n )}\n <li className=\"flex items-start gap-2\">\n <IconCheck size={16} className=\"text-zinc-950 mt-0.5 shrink-0\" />\n <span>{translate('changeDefault')}</span>\n </li>\n {/* Sem valor previsto: a consulta que alimentava a previsão era da conta\n inteira e incluía rascunho, então o modal anunciava um valor e a API cobrava\n outro. O valor cobrado vai no toast, vindo do `outcome`. */}\n <li className=\"flex items-start gap-2\">\n <IconCheck size={16} className=\"text-zinc-950 mt-0.5 shrink-0\" />\n <span>{translate('chargeNow')}</span>\n </li>\n </ul>\n\n <p>{translate('declineHint')}</p>\n </div>\n </DialogDescription>\n </div>\n </DialogHeader>\n\n <Separator />\n\n <div className=\"flex items-center gap-2 p-5\">\n <Button\n className=\"h-10! transition-colors\"\n onClick={handleConfirm}\n disabled={isSwitching}\n loading={isSwitching}\n >\n {translate('confirm')}\n </Button>\n <Button\n variant=\"secondary\"\n className=\"h-10! transition-colors\"\n onClick={closeModal}\n disabled={isSwitching}\n >\n {translate('decline')}\n </Button>\n </div>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":"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","names":[]}