@greatapps/common 1.1.556 → 1.1.558

package/dist/components/navigation/subcomponents/ProjectSelector.mjs

@@ -48,7 +48,7 @@ function ProjectSelector({
   }, [openProjectList, breakpoint, clearProjectList]);
   if (breakpoint === "desktop" || breakpoint === "md") {
     return /* @__PURE__ */ jsx("div", { className: cn(
-      whitelabel?.id != 1 ? "mt-[14.5px.5px] mb-[7px]" : "mt-[6.5px] mb-[3px]"
+      whitelabel?.id != 1 ? "mt-[14.5px] mb-[7px]" : "mt-[6.5px] mb-[3px]"
     ), children: /* @__PURE__ */ jsx("div", { className: "flex items-center h-7", children: /* @__PURE__ */ jsx(
       ProjectSelectorPopover,
       {

package/dist/components/navigation/subcomponents/ProjectSelector.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/navigation/subcomponents/ProjectSelector.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useRef, useEffect, useMemo, RefObject } from 'react';\nimport { useMobileNavbarSheet } from '../../../store/useMobileNavbarSheet';\nimport { useAppNavigationContext } from '../AppNavigationContext';\nimport { ProjectSelectorPopover } from '../ProjectSelectorPopover';\nimport { cn, Command, CommandEmpty, CommandInput, CommandItem, CommandList, UserAvatar, useWhitelabel, useDebounce } from '../../../index';\nimport { useInfiniteProjects } from '../../../modules/projects/hooks/list-infinite-projects.hook';\nimport { IconChevronDown } from '@tabler/icons-react';\nimport type { Project } from '../../../modules/projects/types';\n\nexport interface ProjectSelectorProps {\n  selectedProject: Project | null;\n  onSelectProject: (project: Project) => void;\n  onAddProject?: () => void;\n  onManageProjects?: () => void;\n}\n\nfunction ProjectItemSkeleton() {\n  return (\n    <div className=\"flex items-center gap-2 p-[8.8px]\">\n      <div className=\"skeleton size-9 rounded-lg shrink-0\" />\n      <div className=\"skeleton h-4 w-36 rounded\" />\n    </div>\n  );\n}\n\nexport function ProjectSelector({\n  selectedProject,\n  onSelectProject,\n  onManageProjects,\n}: ProjectSelectorProps) {\n  const { whitelabel } = useWhitelabel();\n  const { breakpoint } = useAppNavigationContext();\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false);\n  const [activeSection, setActiveSection] = useState<'projects' | null>(null);\n  const titleRef = useRef<HTMLDivElement>(null);\n  const { openProjectList, clearProjectList } = useMobileNavbarSheet();\n\n  const [search, setSearch] = useState('');\n  const debouncedSearch = useDebounce(search, 300);\n\n  const { data, isLoading, isFetching, isFetchingNextPage, hasNextPage, fetchNextPage } = useInfiniteProjects({\n    sort: 'title',\n    limit: 20,\n    ...(debouncedSearch ? { search: debouncedSearch } : {}),\n  });\n  const projects = useMemo(() => data?.pages.flatMap((page) => page.data) ?? [], [data]);\n  const showListSkeleton = isLoading || (isFetching && !isFetchingNextPage && !!debouncedSearch);\n\n  const handlePopoverOpenChange: typeof setIsPopoverOpen = (value) => {\n    setIsPopoverOpen((prev) => {\n      const next = typeof value === 'function' ? value(prev) : value;\n      if (!next) setSearch('');\n      return next;\n    });\n  };\n\n  useEffect(() => {\n    if (openProjectList && breakpoint === 'mobile') {\n      setActiveSection('projects');\n      clearProjectList();\n    }\n  }, [openProjectList, breakpoint, clearProjectList]);\n\n  // Desktop and md: title + popover (aligned with NavBar logo + separator)\n  if (breakpoint === 'desktop' || breakpoint === 'md') {\n    return (\n      <div className={cn(\n         whitelabel?.id != 1 ? \"mt-[14.5px.5px] mb-[7px]\" : \"mt-[6.5px] mb-[3px]\"\n        )}>\n        <div className=\"flex items-center h-7\">\n          <ProjectSelectorPopover\n            open={isPopoverOpen}\n            setOpen={handlePopoverOpenChange}\n            titleRef={titleRef as unknown as RefObject<HTMLSpanElement | null>}\n            projects={projects}\n            selectedProject={selectedProject}\n            isLoading={showListSkeleton}\n            isFetchingNextPage={isFetchingNextPage}\n            hasNextPage={hasNextPage}\n            onLoadMore={() => fetchNextPage()}\n            onSelectProject={onSelectProject}\n            onManageProjects={onManageProjects}\n            search={search}\n            onSearchChange={setSearch}\n          >\n            <div className=\"flex items-center gap-2 truncate select-none cursor-pointer\" ref={titleRef}>\n              {isLoading ? (\n                <div className=\"skeleton h-4 w-32 rounded\" />\n              ) : (\n                <span className=\"paragraph-medium-semibold text-gray-600 truncate max-w-[120px]\">\n                  {selectedProject?.title}\n                </span>\n              )}\n              <IconChevronDown\n                size={20}\n                className={`transition-transform duration-200 ${isPopoverOpen ? 'rotate-180 text-gray-950' : 'text-gray-400'}`}\n              />\n            </div>\n          </ProjectSelectorPopover>\n        </div>\n      </div>\n    );\n  }\n\n  // Mobile: inline collapsible accordion\n  return (\n    <div className=\"flex flex-col gap-2.5\">\n      <div className=\"flex items-center justify-between\">\n        <div\n          className=\"flex items-center gap-1 cursor-pointer\"\n          onClick={() => { const next = activeSection === 'projects' ? null : 'projects'; setActiveSection(next); if (!next) setSearch(''); }}\n        >\n          <span className=\"paragraph-medium-semibold text-gray-600\">{selectedProject?.title}</span>\n          <IconChevronDown\n            size={20}\n            className={`transition-transform duration-200 ${\n              activeSection === 'projects' ? 'rotate-180 text-gray-950' : 'text-gray-400'\n            }`}\n          />\n        </div>\n      </div>\n      {activeSection === 'projects' && (\n        <div className=\"flex flex-col p-3 gap-2 border border-gray-200 rounded-lg animate-in fade-in duration-400\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"paragraph-small-semibold\">Projetos</span>\n          </div>\n          <Command className=\"gap-2\" shouldFilter={false}>\n            <CommandInput placeholder=\"Busque aqui\" value={search} onValueChange={setSearch} />\n            <CommandList\n              className=\"custom-scrollbar paragraph-small-medium text-gray-600 h-[227px]\"\n              onScroll={(event) => {\n                if (!hasNextPage || isFetchingNextPage || !fetchNextPage) return;\n\n                const target = event.currentTarget;\n                const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;\n\n                if (distanceToBottom <= 80) {\n                  fetchNextPage();\n                }\n              }}\n            >\n              <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\n              {showListSkeleton ? (\n                <>\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                </>\n              ) : (\n                projects.map((project) => (\n                  <CommandItem\n                    key={project.id}\n                    value={`${project.title}-${project.id}`}\n                    keywords={[project.title]}\n                    className={selectedProject?.id === project.id ? 'bg-gray-50 min-h-[39px]' : 'min-h-[39px]'}\n                    onSelect={() => { onSelectProject(project); setActiveSection(null); setSearch(''); }}\n                  >\n                    <UserAvatar\n                      photo={project.photo}\n                      name={project.title}\n                      size={36}\n                    />\n                    {project.title}\n                  </CommandItem>\n                ))\n              )}\n              {isFetchingNextPage && (\n                <>\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                </>\n              )}\n            </CommandList>\n          </Command>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/navigation/subcomponents/ProjectSelector.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useRef, useEffect, useMemo, RefObject } from 'react';\nimport { useMobileNavbarSheet } from '../../../store/useMobileNavbarSheet';\nimport { useAppNavigationContext } from '../AppNavigationContext';\nimport { ProjectSelectorPopover } from '../ProjectSelectorPopover';\nimport { cn, Command, CommandEmpty, CommandInput, CommandItem, CommandList, UserAvatar, useWhitelabel, useDebounce } from '../../../index';\nimport { useInfiniteProjects } from '../../../modules/projects/hooks/list-infinite-projects.hook';\nimport { IconChevronDown } from '@tabler/icons-react';\nimport type { Project } from '../../../modules/projects/types';\n\nexport interface ProjectSelectorProps {\n  selectedProject: Project | null;\n  onSelectProject: (project: Project) => void;\n  onAddProject?: () => void;\n  onManageProjects?: () => void;\n}\n\nfunction ProjectItemSkeleton() {\n  return (\n    <div className=\"flex items-center gap-2 p-[8.8px]\">\n      <div className=\"skeleton size-9 rounded-lg shrink-0\" />\n      <div className=\"skeleton h-4 w-36 rounded\" />\n    </div>\n  );\n}\n\nexport function ProjectSelector({\n  selectedProject,\n  onSelectProject,\n  onManageProjects,\n}: ProjectSelectorProps) {\n  const { whitelabel } = useWhitelabel();\n  const { breakpoint } = useAppNavigationContext();\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false);\n  const [activeSection, setActiveSection] = useState<'projects' | null>(null);\n  const titleRef = useRef<HTMLDivElement>(null);\n  const { openProjectList, clearProjectList } = useMobileNavbarSheet();\n\n  const [search, setSearch] = useState('');\n  const debouncedSearch = useDebounce(search, 300);\n\n  const { data, isLoading, isFetching, isFetchingNextPage, hasNextPage, fetchNextPage } = useInfiniteProjects({\n    sort: 'title',\n    limit: 20,\n    ...(debouncedSearch ? { search: debouncedSearch } : {}),\n  });\n  const projects = useMemo(() => data?.pages.flatMap((page) => page.data) ?? [], [data]);\n  const showListSkeleton = isLoading || (isFetching && !isFetchingNextPage && !!debouncedSearch);\n\n  const handlePopoverOpenChange: typeof setIsPopoverOpen = (value) => {\n    setIsPopoverOpen((prev) => {\n      const next = typeof value === 'function' ? value(prev) : value;\n      if (!next) setSearch('');\n      return next;\n    });\n  };\n\n  useEffect(() => {\n    if (openProjectList && breakpoint === 'mobile') {\n      setActiveSection('projects');\n      clearProjectList();\n    }\n  }, [openProjectList, breakpoint, clearProjectList]);\n\n  // Desktop and md: title + popover (aligned with NavBar logo + separator)\n  if (breakpoint === 'desktop' || breakpoint === 'md') {\n    return (\n      <div className={cn(\n         whitelabel?.id != 1 ? \"mt-[14.5px] mb-[7px]\" : \"mt-[6.5px] mb-[3px]\"\n        )}>\n        <div className=\"flex items-center h-7\">\n          <ProjectSelectorPopover\n            open={isPopoverOpen}\n            setOpen={handlePopoverOpenChange}\n            titleRef={titleRef as unknown as RefObject<HTMLSpanElement | null>}\n            projects={projects}\n            selectedProject={selectedProject}\n            isLoading={showListSkeleton}\n            isFetchingNextPage={isFetchingNextPage}\n            hasNextPage={hasNextPage}\n            onLoadMore={() => fetchNextPage()}\n            onSelectProject={onSelectProject}\n            onManageProjects={onManageProjects}\n            search={search}\n            onSearchChange={setSearch}\n          >\n            <div className=\"flex items-center gap-2 truncate select-none cursor-pointer\" ref={titleRef}>\n              {isLoading ? (\n                <div className=\"skeleton h-4 w-32 rounded\" />\n              ) : (\n                <span className=\"paragraph-medium-semibold text-gray-600 truncate max-w-[120px]\">\n                  {selectedProject?.title}\n                </span>\n              )}\n              <IconChevronDown\n                size={20}\n                className={`transition-transform duration-200 ${isPopoverOpen ? 'rotate-180 text-gray-950' : 'text-gray-400'}`}\n              />\n            </div>\n          </ProjectSelectorPopover>\n        </div>\n      </div>\n    );\n  }\n\n  // Mobile: inline collapsible accordion\n  return (\n    <div className=\"flex flex-col gap-2.5\">\n      <div className=\"flex items-center justify-between\">\n        <div\n          className=\"flex items-center gap-1 cursor-pointer\"\n          onClick={() => { const next = activeSection === 'projects' ? null : 'projects'; setActiveSection(next); if (!next) setSearch(''); }}\n        >\n          <span className=\"paragraph-medium-semibold text-gray-600\">{selectedProject?.title}</span>\n          <IconChevronDown\n            size={20}\n            className={`transition-transform duration-200 ${\n              activeSection === 'projects' ? 'rotate-180 text-gray-950' : 'text-gray-400'\n            }`}\n          />\n        </div>\n      </div>\n      {activeSection === 'projects' && (\n        <div className=\"flex flex-col p-3 gap-2 border border-gray-200 rounded-lg animate-in fade-in duration-400\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"paragraph-small-semibold\">Projetos</span>\n          </div>\n          <Command className=\"gap-2\" shouldFilter={false}>\n            <CommandInput placeholder=\"Busque aqui\" value={search} onValueChange={setSearch} />\n            <CommandList\n              className=\"custom-scrollbar paragraph-small-medium text-gray-600 h-[227px]\"\n              onScroll={(event) => {\n                if (!hasNextPage || isFetchingNextPage || !fetchNextPage) return;\n\n                const target = event.currentTarget;\n                const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;\n\n                if (distanceToBottom <= 80) {\n                  fetchNextPage();\n                }\n              }}\n            >\n              <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\n              {showListSkeleton ? (\n                <>\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                </>\n              ) : (\n                projects.map((project) => (\n                  <CommandItem\n                    key={project.id}\n                    value={`${project.title}-${project.id}`}\n                    keywords={[project.title]}\n                    className={selectedProject?.id === project.id ? 'bg-gray-50 min-h-[39px]' : 'min-h-[39px]'}\n                    onSelect={() => { onSelectProject(project); setActiveSection(null); setSearch(''); }}\n                  >\n                    <UserAvatar\n                      photo={project.photo}\n                      name={project.title}\n                      size={36}\n                    />\n                    {project.title}\n                  </CommandItem>\n                ))\n              )}\n              {isFetchingNextPage && (\n                <>\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                </>\n              )}\n            </CommandList>\n          </Command>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/modules/auth/hooks/useManagementPermissions.mjs

@@ -14,10 +14,10 @@ function useManagementPermissions() {
     switch (permission) {
       case "manage_pages":
       case "manage_redirects":
+      case "manage_domains":
       case "manage_ab_tests":
       case "restore_pages":
         return !isViewer;
-      case "manage_domains":
       case "manage_projects":
       case "create_pages":
       case "update_pages":

package/dist/modules/auth/hooks/useManagementPermissions.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/auth/hooks/useManagementPermissions.ts"],"sourcesContent":["'use client';\n\nimport { UserProfile } from '../../users/schema';\nimport { useAuth } from '../../../providers/auth.provider';\nimport type { ManagementPermission } from '../types/management-permission.type';\n\nexport { type ManagementPermission } from '../types/management-permission.type';\n\nexport function useManagementPermissions() {\n  const { user } = useAuth();\n  const profile = user?.profile;\n\n  const isAdmin = profile === UserProfile.admin;\n  const isOwner = profile === UserProfile.owner;\n  const isOwnerOrAdmin = isOwner || isAdmin;\n  const isViewer = profile === UserProfile.viewer;\n  const isCollaborator = profile === UserProfile.collaborator;\n  const canManage = !isViewer;\n\n  const hasPermission = (permission: ManagementPermission) => {\n    switch (permission) {\n      case 'manage_pages':\n      case 'manage_redirects':\n      case 'manage_ab_tests':\n      case 'restore_pages':\n        return !isViewer;\n      case 'manage_domains':\n      case 'manage_projects':\n      case 'create_pages':\n      case 'update_pages':\n      case 'delete_pages':\n      case 'delete_leads':\n      case 'view_cards':\n      case 'manage_cards':\n      case 'manage_subscriptions':\n        return isOwnerOrAdmin;\n      default:\n        return false;\n    }\n  };\n\n  return {\n    profile,\n    isAdmin,\n    isOwner,\n    isOwnerOrAdmin,\n    isViewer,\n    isCollaborator,\n    canManage,\n    hasPermission,\n  };\n}\n"],"mappings":";AAEA,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAKjB,SAAS,2BAA2B;AACzC,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,UAAU,MAAM;AAEtB,QAAM,UAAU,YAAY,YAAY;AACxC,QAAM,UAAU,YAAY,YAAY;AACxC,QAAM,iBAAiB,WAAW;AAClC,QAAM,WAAW,YAAY,YAAY;AACzC,QAAM,iBAAiB,YAAY,YAAY;AAC/C,QAAM,YAAY,CAAC;AAEnB,QAAM,gBAAgB,CAAC,eAAqC;AAC1D,YAAQ,YAAY;AAAA,MAClB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,CAAC;AAAA,MACV,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/modules/auth/hooks/useManagementPermissions.ts"],"sourcesContent":["'use client';\n\nimport { UserProfile } from '../../users/schema';\nimport { useAuth } from '../../../providers/auth.provider';\nimport type { ManagementPermission } from '../types/management-permission.type';\n\nexport { type ManagementPermission } from '../types/management-permission.type';\n\nexport function useManagementPermissions() {\n  const { user } = useAuth();\n  const profile = user?.profile;\n\n  const isAdmin = profile === UserProfile.admin;\n  const isOwner = profile === UserProfile.owner;\n  const isOwnerOrAdmin = isOwner || isAdmin;\n  const isViewer = profile === UserProfile.viewer;\n  const isCollaborator = profile === UserProfile.collaborator;\n  const canManage = !isViewer;\n\n  const hasPermission = (permission: ManagementPermission) => {\n    switch (permission) {\n      case 'manage_pages':\n      case 'manage_redirects':\n      case 'manage_domains':\n      case 'manage_ab_tests':\n      case 'restore_pages':\n        return !isViewer;\n      case 'manage_projects':\n      case 'create_pages':\n      case 'update_pages':\n      case 'delete_pages':\n      case 'delete_leads':\n      case 'view_cards':\n      case 'manage_cards':\n      case 'manage_subscriptions':\n        return isOwnerOrAdmin;\n      default:\n        return false;\n    }\n  };\n\n  return {\n    profile,\n    isAdmin,\n    isOwner,\n    isOwnerOrAdmin,\n    isViewer,\n    isCollaborator,\n    canManage,\n    hasPermission,\n  };\n}\n"],"mappings":";AAEA,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAKjB,SAAS,2BAA2B;AACzC,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,UAAU,MAAM;AAEtB,QAAM,UAAU,YAAY,YAAY;AACxC,QAAM,UAAU,YAAY,YAAY;AACxC,QAAM,iBAAiB,WAAW;AAClC,QAAM,WAAW,YAAY,YAAY;AACzC,QAAM,iBAAiB,YAAY,YAAY;AAC/C,QAAM,YAAY,CAAC;AAEnB,QAAM,gBAAgB,CAAC,eAAqC;AAC1D,YAAQ,YAAY;AAAA,MAClB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,CAAC;AAAA,MACV,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/modules/auth/utils/assert-management-permission.mjs

@@ -19,13 +19,13 @@ async function assertManagementPermission(permission) {
   switch (permission) {
     case "manage_pages":
     case "manage_redirects":
+    case "manage_domains":
     case "manage_ab_tests":
     case "restore_pages":
       if (profile === UserProfile.viewer) {
         throw new ApiError("Voc\xEA n\xE3o tem permiss\xE3o para executar esta a\xE7\xE3o", "FORBIDDEN", 403);
       }
       break;
-    case "manage_domains":
     case "manage_projects":
     case "create_pages":
     case "update_pages":

package/dist/modules/auth/utils/assert-management-permission.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/auth/utils/assert-management-permission.ts"],"sourcesContent":["import 'server-only';\n\nimport { UserProfile } from '../../users/schema';\nimport { findUserById } from '../../users/action/find-user-by-id.action';\nimport { ApiError } from '../../../infra/api/types';\nimport { assertManagementSubscription } from './assert-management-subscription';\nimport type { ManagementPermission } from '../types/management-permission.type';\n\nasync function getCurrentUserProfile() {\n  const result = await findUserById();\n\n  if (!result.success || !result.data) {\n    throw new ApiError(\n      ('error' in result && result.error) || 'Não foi possível identificar o usuário autenticado',\n      'USER_CONTEXT_FAILED',\n      403\n    );\n  }\n\n  return result.data.profile;\n}\n\nexport async function assertManagementPermission(permission: ManagementPermission) {\n  const profile = await getCurrentUserProfile();\n\n  switch (permission) {\n    case 'manage_pages':\n    case 'manage_redirects':\n    case 'manage_ab_tests':\n    case 'restore_pages':\n      if (profile === UserProfile.viewer) {\n        throw new ApiError('Você não tem permissão para executar esta ação', 'FORBIDDEN', 403);\n      }\n      break;\n    case 'manage_domains':\n    case 'manage_projects':\n    case 'create_pages':\n    case 'update_pages':\n    case 'delete_pages':\n    case 'delete_leads':\n    case 'view_cards':\n    case 'manage_cards':\n    case 'manage_subscriptions':\n      if (profile !== UserProfile.owner && profile !== UserProfile.admin) {\n        throw new ApiError('Você não tem permissão para executar esta ação', 'FORBIDDEN', 403);\n      }\n      break;\n    default:\n      throw new ApiError('Permissão inválida', 'INVALID_PERMISSION', 500);\n  }\n\n  await assertManagementSubscription();\n}\n"],"mappings":"AAAA,OAAO;AAEP,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,oCAAoC;AAG7C,eAAe,wBAAwB;AACrC,QAAM,SAAS,MAAM,aAAa;AAElC,MAAI,CAAC,OAAO,WAAW,CAAC,OAAO,MAAM;AACnC,UAAM,IAAI;AAAA,MACP,WAAW,UAAU,OAAO,SAAU;AAAA,MACvC;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,OAAO,KAAK;AACrB;AAEA,eAAsB,2BAA2B,YAAkC;AACjF,QAAM,UAAU,MAAM,sBAAsB;AAE5C,UAAQ,YAAY;AAAA,IAClB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,UAAI,YAAY,YAAY,QAAQ;AAClC,cAAM,IAAI,SAAS,iEAAkD,aAAa,GAAG;AAAA,MACvF;AACA;AAAA,IACF,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,UAAI,YAAY,YAAY,SAAS,YAAY,YAAY,OAAO;AAClE,cAAM,IAAI,SAAS,iEAAkD,aAAa,GAAG;AAAA,MACvF;AACA;AAAA,IACF;AACE,YAAM,IAAI,SAAS,4BAAsB,sBAAsB,GAAG;AAAA,EACtE;AAEA,QAAM,6BAA6B;AACrC;","names":[]}
+{"version":3,"sources":["../../../../src/modules/auth/utils/assert-management-permission.ts"],"sourcesContent":["import 'server-only';\n\nimport { UserProfile } from '../../users/schema';\nimport { findUserById } from '../../users/action/find-user-by-id.action';\nimport { ApiError } from '../../../infra/api/types';\nimport { assertManagementSubscription } from './assert-management-subscription';\nimport type { ManagementPermission } from '../types/management-permission.type';\n\nasync function getCurrentUserProfile() {\n  const result = await findUserById();\n\n  if (!result.success || !result.data) {\n    throw new ApiError(\n      ('error' in result && result.error) || 'Não foi possível identificar o usuário autenticado',\n      'USER_CONTEXT_FAILED',\n      403\n    );\n  }\n\n  return result.data.profile;\n}\n\nexport async function assertManagementPermission(permission: ManagementPermission) {\n  const profile = await getCurrentUserProfile();\n\n  switch (permission) {\n    case 'manage_pages':\n    case 'manage_redirects':\n    case 'manage_domains':\n    case 'manage_ab_tests':\n    case 'restore_pages':\n      if (profile === UserProfile.viewer) {\n        throw new ApiError('Você não tem permissão para executar esta ação', 'FORBIDDEN', 403);\n      }\n      break;\n    case 'manage_projects':\n    case 'create_pages':\n    case 'update_pages':\n    case 'delete_pages':\n    case 'delete_leads':\n    case 'view_cards':\n    case 'manage_cards':\n    case 'manage_subscriptions':\n      if (profile !== UserProfile.owner && profile !== UserProfile.admin) {\n        throw new ApiError('Você não tem permissão para executar esta ação', 'FORBIDDEN', 403);\n      }\n      break;\n    default:\n      throw new ApiError('Permissão inválida', 'INVALID_PERMISSION', 500);\n  }\n\n  await assertManagementSubscription();\n}\n"],"mappings":"AAAA,OAAO;AAEP,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,oCAAoC;AAG7C,eAAe,wBAAwB;AACrC,QAAM,SAAS,MAAM,aAAa;AAElC,MAAI,CAAC,OAAO,WAAW,CAAC,OAAO,MAAM;AACnC,UAAM,IAAI;AAAA,MACP,WAAW,UAAU,OAAO,SAAU;AAAA,MACvC;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,OAAO,KAAK;AACrB;AAEA,eAAsB,2BAA2B,YAAkC;AACjF,QAAM,UAAU,MAAM,sBAAsB;AAE5C,UAAQ,YAAY;AAAA,IAClB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,UAAI,YAAY,YAAY,QAAQ;AAClC,cAAM,IAAI,SAAS,iEAAkD,aAAa,GAAG;AAAA,MACvF;AACA;AAAA,IACF,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,UAAI,YAAY,YAAY,SAAS,YAAY,YAAY,OAAO;AAClE,cAAM,IAAI,SAAS,iEAAkD,aAAa,GAAG;AAAA,MACvF;AACA;AAAA,IACF;AACE,YAAM,IAAI,SAAS,4BAAsB,sBAAsB,GAAG;AAAA,EACtE;AAEA,QAAM,6BAA6B;AACrC;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/common",
-  "version": "1.1.556",
+  "version": "1.1.558",
   "description": "Shared library for GreatApps frontend applications",
   "main": "./dist/index.mjs",
   "types": "./src/index.ts",

package/src/components/navigation/subcomponents/ProjectSelector.tsx

@@ -67,7 +67,7 @@ export function ProjectSelector({
   if (breakpoint === 'desktop' || breakpoint === 'md') {
     return (
       <div className={cn(
-         whitelabel?.id != 1 ? "mt-[14.5px.5px] mb-[7px]" : "mt-[6.5px] mb-[3px]"
+         whitelabel?.id != 1 ? "mt-[14.5px] mb-[7px]" : "mt-[6.5px] mb-[3px]"
         )}>
         <div className="flex items-center h-7">
           <ProjectSelectorPopover

package/src/modules/auth/hooks/useManagementPermissions.ts

@@ -21,10 +21,10 @@ export function useManagementPermissions() {
     switch (permission) {
       case 'manage_pages':
       case 'manage_redirects':
+      case 'manage_domains':
       case 'manage_ab_tests':
       case 'restore_pages':
         return !isViewer;
-      case 'manage_domains':
       case 'manage_projects':
       case 'create_pages':
       case 'update_pages':

package/src/modules/auth/utils/assert-management-permission.ts

@@ -26,13 +26,13 @@ export async function assertManagementPermission(permission: ManagementPermissio
   switch (permission) {
     case 'manage_pages':
     case 'manage_redirects':
+    case 'manage_domains':
     case 'manage_ab_tests':
     case 'restore_pages':
       if (profile === UserProfile.viewer) {
         throw new ApiError('Você não tem permissão para executar esta ação', 'FORBIDDEN', 403);
       }
       break;
-    case 'manage_domains':
     case 'manage_projects':
     case 'create_pages':
     case 'update_pages':