@greatapps/common 1.1.259 → 1.1.261

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

@@ -8,10 +8,11 @@ function useConfigurationsModal({
   const [activeSection, setActiveSection] = useState(
     AccountSectionType.MY_PROFILE
   );
+  const isValidSection = (section) => Object.values(AccountSectionType).includes(section);
   useEffect(() => {
-    if (isOpen && initialSection) {
+    if (isOpen && isValidSection(initialSection)) {
       setActiveSection(initialSection);
-    } else if (isOpen && !initialSection) {
+    } else if (isOpen) {
       setActiveSection(AccountSectionType.MY_PROFILE);
     }
   }, [isOpen, initialSection]);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/hooks/useConfigurationsModal.ts"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useCallback, useEffect } from 'react';\r\nimport { AccountSectionType } from '../../../enums/AccountSectionType';\r\n\r\ninterface UseConfigurationsModalProps {\r\n  isOpen: boolean;\r\n  initialSection?: AccountSectionType;\r\n}\r\n\r\nexport default function useConfigurationsModal({\r\n  isOpen,\r\n  initialSection,\r\n}: UseConfigurationsModalProps) {\r\n  const [activeSection, setActiveSection] = useState<AccountSectionType>(\r\n    AccountSectionType.MY_PROFILE\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (isOpen && initialSection) {\r\n      setActiveSection(initialSection);\r\n    } else if (isOpen && !initialSection) {\r\n      setActiveSection(AccountSectionType.MY_PROFILE);\r\n    }\r\n  }, [isOpen, initialSection]);\r\n\r\n  const handleSectionChange = useCallback((section: AccountSectionType) => {\r\n    setActiveSection(section);\r\n  }, []);\r\n\r\n  const resetSection = useCallback(() => {\r\n    setActiveSection(AccountSectionType.MY_PROFILE);\r\n  }, []);\r\n\r\n  return {\r\n    activeSection,\r\n    setActiveSection: handleSectionChange,\r\n    resetSection,\r\n  };\r\n}\r\n"],"mappings":";AAEA,SAAS,UAAU,aAAa,iBAAiB;AACjD,SAAS,0BAA0B;AAOpB,SAAR,uBAAwC;AAAA,EAC7C;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,mBAAmB;AAAA,EACrB;AAEA,YAAU,MAAM;AACd,QAAI,UAAU,gBAAgB;AAC5B,uBAAiB,cAAc;AAAA,IACjC,WAAW,UAAU,CAAC,gBAAgB;AACpC,uBAAiB,mBAAmB,UAAU;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,cAAc,CAAC;AAE3B,QAAM,sBAAsB,YAAY,CAAC,YAAgC;AACvE,qBAAiB,OAAO;AAAA,EAC1B,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,YAAY,MAAM;AACrC,qBAAiB,mBAAmB,UAAU;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/account/hooks/useConfigurationsModal.ts"],"sourcesContent":["\"use client\";\r\n\r\nimport { useState, useCallback, useEffect } from \"react\";\r\nimport { AccountSectionType } from \"../../../enums/AccountSectionType\";\r\n\r\ninterface UseConfigurationsModalProps {\r\n  isOpen: boolean;\r\n  initialSection?: AccountSectionType;\r\n}\r\n\r\nexport default function useConfigurationsModal({\r\n  isOpen,\r\n  initialSection,\r\n}: UseConfigurationsModalProps) {\r\n  const [activeSection, setActiveSection] = useState<AccountSectionType>(\r\n    AccountSectionType.MY_PROFILE,\r\n  );\r\n\r\n  const isValidSection = (\r\n    section?: AccountSectionType,\r\n  ): section is AccountSectionType =>\r\n    Object.values(AccountSectionType).includes(section as AccountSectionType);\r\n\r\n  useEffect(() => {\r\n    if (isOpen && isValidSection(initialSection)) {\r\n      setActiveSection(initialSection);\r\n    } else if (isOpen) {\r\n      setActiveSection(AccountSectionType.MY_PROFILE);\r\n    }\r\n  }, [isOpen, initialSection]);\r\n\r\n  const handleSectionChange = useCallback((section: AccountSectionType) => {\r\n    setActiveSection(section);\r\n  }, []);\r\n\r\n  const resetSection = useCallback(() => {\r\n    setActiveSection(AccountSectionType.MY_PROFILE);\r\n  }, []);\r\n\r\n  return {\r\n    activeSection,\r\n    setActiveSection: handleSectionChange,\r\n    resetSection,\r\n  };\r\n}\r\n"],"mappings":";AAEA,SAAS,UAAU,aAAa,iBAAiB;AACjD,SAAS,0BAA0B;AAOpB,SAAR,uBAAwC;AAAA,EAC7C;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,mBAAmB;AAAA,EACrB;AAEA,QAAM,iBAAiB,CACrB,YAEA,OAAO,OAAO,kBAAkB,EAAE,SAAS,OAA6B;AAE1E,YAAU,MAAM;AACd,QAAI,UAAU,eAAe,cAAc,GAAG;AAC5C,uBAAiB,cAAc;AAAA,IACjC,WAAW,QAAQ;AACjB,uBAAiB,mBAAmB,UAAU;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,cAAc,CAAC;AAE3B,QAAM,sBAAsB,YAAY,CAAC,YAAgC;AACvE,qBAAiB,OAAO;AAAA,EAC1B,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,YAAY,MAAM;AACrC,qBAAiB,mBAAmB,UAAU;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,EACF;AACF;","names":[]}

package/dist/components/layouts/UsersSelectorPopover.mjs

@@ -78,7 +78,7 @@ function UsersSelectorPopover({
       PopoverContent,
       {
         className: cn(
-          "absolute right-4 md:right-[-88px] w-[273px] p-0 bg-white rounded-2xl shadow-md border border-gray-200",
+          "absolute right-0 md:right-[-88px] w-[273px] p-0 bg-white rounded-2xl shadow-md border border-gray-200",
           contentClassName
         ),
         side,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/UsersSelectorPopover.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { IconPlus, IconSettings, 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 { 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-4 md:right-[-88px] w-[273px] 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\">Usuários</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                Adicionar\n              </Button>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <Button\n                    variant=\"secondary\"\n                    className=\"p-0 size-8\"\n                    onClick={() => {\n                      window.location.href = `${accountsUrl}/my-teams`;\n                    }}\n                  >\n                    <IconSettings size={18} />\n                  </Button>\n                </TooltipTrigger>\n                <TooltipContent className=\"z-[1002]\">\n                  Visualizar todos usuários\n                </TooltipContent>\n              </Tooltip>\n            </div>\n          </div>\n\n          <Command shouldFilter={false} className=\"gap-2\" value=\"\">\n            <CommandInput\n              placeholder=\"Busque aqui\"\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                    Nenhum usuário encontrado.\n                  </span>\n                </div>\n              ) : (\n                <>\n                  <CommandEmpty>Nenhum resultado encontrado.</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\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                            </TooltipTrigger>\n                            <TooltipContent className=\"z-[1002]\">\n                              {inProject ? \"Remover do projeto\" : \"Adicionar ao projeto\"}\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>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/UsersSelectorPopover.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { IconPlus, IconSettings, 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 { 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-[273px] 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\">Usuários</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                Adicionar\n              </Button>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <Button\n                    variant=\"secondary\"\n                    className=\"p-0 size-8\"\n                    onClick={() => {\n                      window.location.href = `${accountsUrl}/my-teams`;\n                    }}\n                  >\n                    <IconSettings size={18} />\n                  </Button>\n                </TooltipTrigger>\n                <TooltipContent className=\"z-[1002]\">\n                  Visualizar todos usuários\n                </TooltipContent>\n              </Tooltip>\n            </div>\n          </div>\n\n          <Command shouldFilter={false} className=\"gap-2\" value=\"\">\n            <CommandInput\n              placeholder=\"Busque aqui\"\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                    Nenhum usuário encontrado.\n                  </span>\n                </div>\n              ) : (\n                <>\n                  <CommandEmpty>Nenhum resultado encontrado.</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\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                            </TooltipTrigger>\n                            <TooltipContent className=\"z-[1002]\">\n                              {inProject ? \"Remover do projeto\" : \"Adicionar ao projeto\"}\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>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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","names":[]}

package/package.json

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

package/src/components/account/hooks/useConfigurationsModal.ts

@@ -1,7 +1,7 @@
-'use client';
+"use client";
 
-import { useState, useCallback, useEffect } from 'react';
-import { AccountSectionType } from '../../../enums/AccountSectionType';
+import { useState, useCallback, useEffect } from "react";
+import { AccountSectionType } from "../../../enums/AccountSectionType";
 
 interface UseConfigurationsModalProps {
   isOpen: boolean;
@@ -13,13 +13,18 @@ export default function useConfigurationsModal({
   initialSection,
 }: UseConfigurationsModalProps) {
   const [activeSection, setActiveSection] = useState<AccountSectionType>(
-    AccountSectionType.MY_PROFILE
+    AccountSectionType.MY_PROFILE,
   );
 
+  const isValidSection = (
+    section?: AccountSectionType,
+  ): section is AccountSectionType =>
+    Object.values(AccountSectionType).includes(section as AccountSectionType);
+
   useEffect(() => {
-    if (isOpen && initialSection) {
+    if (isOpen && isValidSection(initialSection)) {
       setActiveSection(initialSection);
-    } else if (isOpen && !initialSection) {
+    } else if (isOpen) {
       setActiveSection(AccountSectionType.MY_PROFILE);
     }
   }, [isOpen, initialSection]);

package/src/components/layouts/UsersSelectorPopover.tsx

@@ -99,7 +99,7 @@ export function UsersSelectorPopover({
 
       <PopoverContent
         className={cn(
-          "absolute right-4 md:right-[-88px] w-[273px] p-0 bg-white rounded-2xl shadow-md border border-gray-200",
+          "absolute right-0 md:right-[-88px] w-[273px] p-0 bg-white rounded-2xl shadow-md border border-gray-200",
           contentClassName,
         )}
         side={side}