@greatapps/common 1.1.69 → 1.1.70

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 (127) hide show
  1. package/dist/modules/auth/actions/verify-two-factor.action.mjs +1 -1
  2. package/dist/modules/auth/actions/verify-two-factor.action.mjs.map +1 -1
  3. package/dist/modules/auth/hooks/useUserQuery.mjs.map +1 -1
  4. package/dist/modules/auth/services/auth.service.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/src/modules/auth/actions/verify-two-factor.action.ts +2 -2
  7. package/src/modules/auth/hooks/useUserQuery.ts +1 -1
  8. package/src/modules/auth/schema.ts +1 -1
  9. package/src/modules/auth/services/auth.service.ts +1 -1
  10. package/dist/components/account/AccountModals.mjs +0 -18
  11. package/dist/components/account/AccountModals.mjs.map +0 -1
  12. package/dist/components/account/ConfigurationsMyAccountModal.mjs +0 -132
  13. package/dist/components/account/ConfigurationsMyAccountModal.mjs.map +0 -1
  14. package/dist/components/account/ConfirmDeleteAccountModal.mjs +0 -45
  15. package/dist/components/account/ConfirmDeleteAccountModal.mjs.map +0 -1
  16. package/dist/components/account/ConfirmGlobalPreferencesModal.mjs +0 -45
  17. package/dist/components/account/ConfirmGlobalPreferencesModal.mjs.map +0 -1
  18. package/dist/components/account/DeleteAccountModal.mjs +0 -123
  19. package/dist/components/account/DeleteAccountModal.mjs.map +0 -1
  20. package/dist/components/account/DisableTwoFactorAuthModal.mjs +0 -67
  21. package/dist/components/account/DisableTwoFactorAuthModal.mjs.map +0 -1
  22. package/dist/components/account/IsntPossibleDeleteAccountModal.mjs +0 -42
  23. package/dist/components/account/IsntPossibleDeleteAccountModal.mjs.map +0 -1
  24. package/dist/components/account/TwoFactorAuthModal.mjs +0 -190
  25. package/dist/components/account/TwoFactorAuthModal.mjs.map +0 -1
  26. package/dist/components/account/constants.mjs +0 -29
  27. package/dist/components/account/constants.mjs.map +0 -1
  28. package/dist/components/handlers/SearchParamsHandler.mjs +0 -24
  29. package/dist/components/handlers/SearchParamsHandler.mjs.map +0 -1
  30. package/dist/components/layouts/AppMobileNavBar.mjs +0 -53
  31. package/dist/components/layouts/AppMobileNavBar.mjs.map +0 -1
  32. package/dist/components/layouts/AppNavBar.mjs +0 -75
  33. package/dist/components/layouts/AppNavBar.mjs.map +0 -1
  34. package/dist/components/layouts/MainLayout.mjs +0 -60
  35. package/dist/components/layouts/MainLayout.mjs.map +0 -1
  36. package/dist/components/layouts/MdSideBarNavigation.mjs +0 -39
  37. package/dist/components/layouts/MdSideBarNavigation.mjs.map +0 -1
  38. package/dist/components/layouts/NavBar.mjs +0 -64
  39. package/dist/components/layouts/NavBar.mjs.map +0 -1
  40. package/dist/components/layouts/NavBarItem.mjs +0 -23
  41. package/dist/components/layouts/NavBarItem.mjs.map +0 -1
  42. package/dist/components/layouts/NotificationItem.mjs +0 -14
  43. package/dist/components/layouts/NotificationItem.mjs.map +0 -1
  44. package/dist/components/layouts/NotificationsPopover.mjs +0 -86
  45. package/dist/components/layouts/NotificationsPopover.mjs.map +0 -1
  46. package/dist/components/layouts/ProfilePopover.mjs +0 -150
  47. package/dist/components/layouts/ProfilePopover.mjs.map +0 -1
  48. package/dist/components/layouts/SideBarNavigation.mjs +0 -22
  49. package/dist/components/layouts/SideBarNavigation.mjs.map +0 -1
  50. package/dist/components/layouts/UsersSelectorPopover.mjs +0 -236
  51. package/dist/components/layouts/UsersSelectorPopover.mjs.map +0 -1
  52. package/dist/components/modals/ModalManager.mjs +0 -19
  53. package/dist/components/modals/ModalManager.mjs.map +0 -1
  54. package/dist/components/modals/Modals.mjs +0 -20
  55. package/dist/components/modals/Modals.mjs.map +0 -1
  56. package/dist/enums/AccountSectionType.mjs +0 -11
  57. package/dist/enums/AccountSectionType.mjs.map +0 -1
  58. package/dist/hooks/copy-to-clipboard.hook.mjs +0 -39
  59. package/dist/hooks/copy-to-clipboard.hook.mjs.map +0 -1
  60. package/dist/hooks/useCountdownTimer.mjs +0 -29
  61. package/dist/hooks/useCountdownTimer.mjs.map +0 -1
  62. package/dist/hooks/useIsMobile.mjs +0 -18
  63. package/dist/hooks/useIsMobile.mjs.map +0 -1
  64. package/dist/hooks/usePasswordVisibility.mjs +0 -13
  65. package/dist/hooks/usePasswordVisibility.mjs.map +0 -1
  66. package/dist/index.mjs +0 -304
  67. package/dist/index.mjs.map +0 -1
  68. package/dist/infra/api/client.mjs +0 -122
  69. package/dist/infra/api/client.mjs.map +0 -1
  70. package/dist/infra/api/types.mjs +0 -31
  71. package/dist/infra/api/types.mjs.map +0 -1
  72. package/dist/infra/utils/client-info.mjs +0 -27
  73. package/dist/infra/utils/client-info.mjs.map +0 -1
  74. package/dist/infra/utils/clsx.mjs +0 -9
  75. package/dist/infra/utils/clsx.mjs.map +0 -1
  76. package/dist/infra/utils/params.mjs +0 -21
  77. package/dist/infra/utils/params.mjs.map +0 -1
  78. package/dist/infra/utils/parser.mjs +0 -24
  79. package/dist/infra/utils/parser.mjs.map +0 -1
  80. package/dist/infra/utils/percentage.mjs +0 -20
  81. package/dist/infra/utils/percentage.mjs.map +0 -1
  82. package/dist/middlewares/chain.mjs +0 -37
  83. package/dist/middlewares/chain.mjs.map +0 -1
  84. package/dist/middlewares/create-auth-middleware.mjs +0 -28
  85. package/dist/middlewares/create-auth-middleware.mjs.map +0 -1
  86. package/dist/middlewares/types.mjs +0 -11
  87. package/dist/middlewares/types.mjs.map +0 -1
  88. package/dist/modules/accounts/types.mjs +0 -1
  89. package/dist/modules/accounts/types.mjs.map +0 -1
  90. package/dist/modules/auth/schema.mjs +0 -1
  91. package/dist/modules/auth/schema.mjs.map +0 -1
  92. package/dist/modules/ia-credits/types.mjs +0 -25
  93. package/dist/modules/ia-credits/types.mjs.map +0 -1
  94. package/dist/modules/projects/types.mjs +0 -22
  95. package/dist/modules/projects/types.mjs.map +0 -1
  96. package/dist/modules/subscriptions/types.mjs +0 -57
  97. package/dist/modules/subscriptions/types.mjs.map +0 -1
  98. package/dist/modules/users/schema.mjs +0 -11
  99. package/dist/modules/users/schema.mjs.map +0 -1
  100. package/dist/modules/whitelabel/schema.mjs +0 -1
  101. package/dist/modules/whitelabel/schema.mjs.map +0 -1
  102. package/dist/providers/auth.provider.mjs +0 -100
  103. package/dist/providers/auth.provider.mjs.map +0 -1
  104. package/dist/providers/query.provider.mjs +0 -41
  105. package/dist/providers/query.provider.mjs.map +0 -1
  106. package/dist/providers/whitelabel.provider.mjs +0 -34
  107. package/dist/providers/whitelabel.provider.mjs.map +0 -1
  108. package/dist/server.mjs +0 -74
  109. package/dist/server.mjs.map +0 -1
  110. package/dist/store/useAccountModals.mjs +0 -18
  111. package/dist/store/useAccountModals.mjs.map +0 -1
  112. package/dist/store/useMdSidebarStore.mjs +0 -11
  113. package/dist/store/useMdSidebarStore.mjs.map +0 -1
  114. package/dist/store/useModalManager.mjs +0 -75
  115. package/dist/store/useModalManager.mjs.map +0 -1
  116. package/dist/utils/browser/clipboard.mjs +0 -36
  117. package/dist/utils/browser/clipboard.mjs.map +0 -1
  118. package/dist/utils/file/index.mjs +0 -9
  119. package/dist/utils/file/index.mjs.map +0 -1
  120. package/dist/utils/format/masks.mjs +0 -56
  121. package/dist/utils/format/masks.mjs.map +0 -1
  122. package/dist/utils/intl/locales.mjs +0 -12
  123. package/dist/utils/intl/locales.mjs.map +0 -1
  124. package/dist/utils/validators/account.mjs +0 -26
  125. package/dist/utils/validators/account.mjs.map +0 -1
  126. package/dist/utils/validators/common.mjs +0 -47
  127. package/dist/utils/validators/common.mjs.map +0 -1
@@ -1,60 +0,0 @@
1
- "use client";
2
- import { jsx } from "react/jsx-runtime";
3
- import { cn } from "../../infra/utils/clsx";
4
- function MainLayout({ className, children, ...props }) {
5
- return /* @__PURE__ */ jsx(
6
- "div",
7
- {
8
- "data-slot": "main-layout",
9
- className: cn(
10
- "h-dvh md:h-screen lg:h-screen flex flex-col md:flex-row lg:flex-row md:overflow-hidden lg:overflow-hidden",
11
- className
12
- ),
13
- ...props,
14
- children
15
- }
16
- );
17
- }
18
- function MainLayoutContent({ className, children, ...props }) {
19
- return /* @__PURE__ */ jsx(
20
- "div",
21
- {
22
- "data-slot": "main-layout-content",
23
- className: cn("flex flex-col flex-1 min-h-0 md:overflow-hidden lg:overflow-hidden", className),
24
- ...props,
25
- children
26
- }
27
- );
28
- }
29
- function MainLayoutSpacer({ className, height, ...props }) {
30
- return /* @__PURE__ */ jsx(
31
- "div",
32
- {
33
- "data-slot": "main-layout-spacer",
34
- className: cn("md:hidden lg:hidden shrink-0", className),
35
- style: { height },
36
- ...props
37
- }
38
- );
39
- }
40
- function MainLayoutMain({ className, children, ...props }) {
41
- return /* @__PURE__ */ jsx(
42
- "main",
43
- {
44
- "data-slot": "main-layout-main",
45
- className: cn(
46
- "flex-1 min-h-0 overflow-y-auto overscroll-none md:overscroll-auto lg:overscroll-auto bg-(--color-base-light)",
47
- className
48
- ),
49
- ...props,
50
- children
51
- }
52
- );
53
- }
54
- export {
55
- MainLayout,
56
- MainLayoutContent,
57
- MainLayoutMain,
58
- MainLayoutSpacer
59
- };
60
- //# sourceMappingURL=MainLayout.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/layouts/MainLayout.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { cn } from \"../../infra/utils/clsx\"\r\n\r\nfunction MainLayout({ className, children, ...props }: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"main-layout\"\r\n className={cn(\r\n \"h-dvh md:h-screen lg:h-screen flex flex-col md:flex-row lg:flex-row md:overflow-hidden lg:overflow-hidden\",\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n )\r\n}\r\n\r\nfunction MainLayoutContent({ className, children, ...props }: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"main-layout-content\"\r\n className={cn(\"flex flex-col flex-1 min-h-0 md:overflow-hidden lg:overflow-hidden\", className)}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n )\r\n}\r\n\r\nfunction MainLayoutSpacer({ className, height, ...props }: React.ComponentProps<\"div\"> & { height: string }) {\r\n return (\r\n <div\r\n data-slot=\"main-layout-spacer\"\r\n className={cn(\"md:hidden lg:hidden shrink-0\", className)}\r\n style={{ height }}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nfunction MainLayoutMain({ className, children, ...props }: React.ComponentProps<\"main\">) {\r\n return (\r\n <main\r\n data-slot=\"main-layout-main\"\r\n className={cn(\r\n \"flex-1 min-h-0 overflow-y-auto overscroll-none md:overscroll-auto lg:overscroll-auto bg-(--color-base-light)\",\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </main>\r\n )\r\n}\r\n\r\nexport { MainLayout, MainLayoutContent, MainLayoutSpacer, MainLayoutMain }\r\n"],"mappings":";AAOQ;AAJR,SAAS,UAAU;AAEnB,SAAS,WAAW,EAAE,WAAW,UAAU,GAAG,MAAM,GAAgC;AAChF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACL;AAER;AAEA,SAAS,kBAAkB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAgC;AACvF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,sEAAsE,SAAS;AAAA,MAC5F,GAAG;AAAA,MAEH;AAAA;AAAA,EACL;AAER;AAEA,SAAS,iBAAiB,EAAE,WAAW,QAAQ,GAAG,MAAM,GAAqD;AACzG,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,gCAAgC,SAAS;AAAA,MACvD,OAAO,EAAE,OAAO;AAAA,MACf,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,eAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAiC;AACrF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACL;AAER;","names":[]}
@@ -1,39 +0,0 @@
1
- "use client";
2
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
- import { useMdSidebarStore } from "../../store/useMdSidebarStore";
4
- import { cn } from "../../infra/utils/clsx";
5
- function MdSideBarNavigation({
6
- className,
7
- children,
8
- ...props
9
- }) {
10
- const { isExpanded, collapse } = useMdSidebarStore();
11
- return /* @__PURE__ */ jsxs(Fragment, { children: [
12
- /* @__PURE__ */ jsx(
13
- "div",
14
- {
15
- className: `hidden md:block lg:hidden fixed inset-0 bg-black/50 z-20 transition-opacity duration-300 ${isExpanded ? "opacity-100" : "opacity-0 pointer-events-none"}`,
16
- onClick: collapse
17
- }
18
- ),
19
- /* @__PURE__ */ jsx(
20
- "div",
21
- {
22
- className: `hidden md:flex lg:hidden fixed top-0 bottom-0 left-[73px] z-30 transition-transform duration-300 ease-in-out overflow-visible ${isExpanded ? "translate-x-0" : "-translate-x-full"}`,
23
- children: /* @__PURE__ */ jsx(
24
- "div",
25
- {
26
- "data-slot": "md-sidebar-navigation",
27
- className: cn("w-[273px] h-full flex flex-col p-4 bg-white border-r border-gray-200", className),
28
- ...props,
29
- children
30
- }
31
- )
32
- }
33
- )
34
- ] });
35
- }
36
- export {
37
- MdSideBarNavigation
38
- };
39
- //# sourceMappingURL=MdSideBarNavigation.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/layouts/MdSideBarNavigation.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { useMdSidebarStore } from \"../../store/useMdSidebarStore\"\r\nimport { cn } from \"../../infra/utils/clsx\"\r\n\r\nfunction MdSideBarNavigation({\r\n className,\r\n children,\r\n ...props\r\n}: React.ComponentProps<\"div\">) {\r\n const { isExpanded, collapse } = useMdSidebarStore()\r\n\r\n return (\r\n <>\r\n <div\r\n className={`hidden md:block lg:hidden fixed inset-0 bg-black/50 z-20 transition-opacity duration-300 ${\r\n isExpanded ? \"opacity-100\" : \"opacity-0 pointer-events-none\"\r\n }`}\r\n onClick={collapse}\r\n />\r\n <div\r\n className={`hidden md:flex lg:hidden fixed top-0 bottom-0 left-[73px] z-30 transition-transform duration-300 ease-in-out overflow-visible ${\r\n isExpanded ? \"translate-x-0\" : \"-translate-x-full\"\r\n }`}\r\n >\r\n <div\r\n data-slot=\"md-sidebar-navigation\"\r\n className={cn(\"w-[273px] h-full flex flex-col p-4 bg-white border-r border-gray-200\", className)}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n </div>\r\n </>\r\n )\r\n}\r\n\r\nexport { MdSideBarNavigation };\r\n"],"mappings":";AAcQ,mBACI,KADJ;AAXR,SAAS,yBAAyB;AAClC,SAAS,UAAU;AAEnB,SAAS,oBAAoB;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAgC;AAC5B,QAAM,EAAE,YAAY,SAAS,IAAI,kBAAkB;AAEnD,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,4FACP,aAAa,gBAAgB,+BACjC;AAAA,QACA,SAAS;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,iIACP,aAAa,kBAAkB,mBACnC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACG,aAAU;AAAA,YACV,WAAW,GAAG,wEAAwE,SAAS;AAAA,YAC9F,GAAG;AAAA,YAEH;AAAA;AAAA,QACL;AAAA;AAAA,IACJ;AAAA,KACJ;AAER;","names":[]}
@@ -1,64 +0,0 @@
1
- "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import Image from "next/image";
4
- import { ChevronRight } from "lucide-react";
5
- import { Separator } from "../ui/data-display/Separator";
6
- import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/overlay/Tooltip";
7
- import { cn } from "../../infra/utils/clsx";
8
- function NavBar({
9
- onLogoClick,
10
- logoIndicatorClassName,
11
- showExpandButton = false,
12
- onExpandClick,
13
- appIconSlot,
14
- children,
15
- className
16
- }) {
17
- return /* @__PURE__ */ jsxs("div", { className: cn("hidden md:flex flex-col justify-between h-screen p-4 border-r border-gray-200 overflow-visible z-40 bg-white", className), children: [
18
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 items-center mt-[6.5px]", children: [
19
- /* @__PURE__ */ jsxs("div", { className: "relative", children: [
20
- /* @__PURE__ */ jsxs(Tooltip, { children: [
21
- /* @__PURE__ */ jsx(TooltipTrigger, { className: "cursor-pointer", asChild: true, onClick: onLogoClick, children: /* @__PURE__ */ jsx(
22
- Image,
23
- {
24
- src: "/icons/great-icon.svg",
25
- alt: "Great Icon",
26
- width: 28,
27
- height: 28
28
- }
29
- ) }),
30
- /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "GreatApps" })
31
- ] }),
32
- /* @__PURE__ */ jsx(
33
- "div",
34
- {
35
- className: cn(
36
- "absolute -left-[22px] top-1/2 -translate-y-1/2 w-[3px] h-5 bg-gray-950 rounded-r-xl transition-opacity duration-300",
37
- logoIndicatorClassName
38
- )
39
- }
40
- )
41
- ] }),
42
- /* @__PURE__ */ jsxs("div", { className: "relative w-full mt-[7.5px]", children: [
43
- /* @__PURE__ */ jsx(Separator, {}),
44
- showExpandButton && /* @__PURE__ */ jsxs(Tooltip, { children: [
45
- /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
46
- "button",
47
- {
48
- onClick: onExpandClick,
49
- className: "lg:hidden absolute top-1/2 -translate-y-1/2 right-0 translate-x-[calc(50%+1rem)] size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-10",
50
- children: /* @__PURE__ */ jsx(ChevronRight, { size: 16, className: "text-gray-500" })
51
- }
52
- ) }),
53
- /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Expandir menu" })
54
- ] })
55
- ] }),
56
- /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: appIconSlot })
57
- ] }),
58
- /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-2", children })
59
- ] });
60
- }
61
- export {
62
- NavBar
63
- };
64
- //# sourceMappingURL=NavBar.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/layouts/NavBar.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport Image from \"next/image\"\r\nimport { ChevronRight } from \"lucide-react\"\r\nimport { Separator } from \"../ui/data-display/Separator\"\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\"\r\nimport { cn } from \"../../infra/utils/clsx\"\r\n\r\ntype NavBarProps = {\r\n onLogoClick: () => void;\r\n logoIndicatorClassName?: string;\r\n showExpandButton?: boolean;\r\n onExpandClick?: () => void;\r\n appIconSlot: React.ReactNode;\r\n children?: React.ReactNode;\r\n className?: string;\r\n}\r\n\r\nfunction NavBar({\r\n onLogoClick,\r\n logoIndicatorClassName,\r\n showExpandButton = false,\r\n onExpandClick,\r\n appIconSlot,\r\n children,\r\n className,\r\n}: NavBarProps) {\r\n return (\r\n <div className={cn(\"hidden md:flex flex-col justify-between h-screen p-4 border-r border-gray-200 overflow-visible z-40 bg-white\", className)}>\r\n <div className=\"flex flex-col gap-4 items-center mt-[6.5px]\">\r\n <div className=\"relative\">\r\n <Tooltip>\r\n <TooltipTrigger className=\"cursor-pointer\" asChild onClick={onLogoClick}>\r\n <Image\r\n src=\"/icons/great-icon.svg\"\r\n alt=\"Great Icon\"\r\n width={28}\r\n height={28}\r\n />\r\n </TooltipTrigger>\r\n <TooltipContent side=\"right\">GreatApps</TooltipContent>\r\n </Tooltip>\r\n <div\r\n className={cn(\r\n \"absolute -left-[22px] top-1/2 -translate-y-1/2 w-[3px] h-5 bg-gray-950 rounded-r-xl transition-opacity duration-300\",\r\n logoIndicatorClassName\r\n )}\r\n />\r\n </div>\r\n <div className=\"relative w-full mt-[7.5px]\">\r\n <Separator />\r\n {showExpandButton && (\r\n <Tooltip>\r\n <TooltipTrigger asChild>\r\n <button\r\n onClick={onExpandClick}\r\n className=\"lg:hidden absolute top-1/2 -translate-y-1/2 right-0 translate-x-[calc(50%+1rem)] size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-10\"\r\n >\r\n <ChevronRight size={16} className=\"text-gray-500\" />\r\n </button>\r\n </TooltipTrigger>\r\n <TooltipContent side=\"right\">Expandir menu</TooltipContent>\r\n </Tooltip>\r\n )}\r\n </div>\r\n <div className=\"flex flex-col gap-2\">\r\n {appIconSlot}\r\n </div>\r\n </div>\r\n <div className=\"flex flex-col items-center gap-2\">\r\n {children}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport { NavBar };\r\nexport type { NavBarProps };\r\n"],"mappings":";AAgCoB,SAEQ,KAFR;AA7BpB,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,UAAU;AAYnB,SAAS,OAAO;AAAA,EACZ;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAgB;AACZ,SACI,qBAAC,SAAI,WAAW,GAAG,gHAAgH,SAAS,GACxI;AAAA,yBAAC,SAAI,WAAU,+CACX;AAAA,2BAAC,SAAI,WAAU,YACX;AAAA,6BAAC,WACG;AAAA,8BAAC,kBAAe,WAAU,kBAAiB,SAAO,MAAC,SAAS,aACxD;AAAA,YAAC;AAAA;AAAA,cACG,KAAI;AAAA,cACJ,KAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA;AAAA,UACZ,GACJ;AAAA,UACA,oBAAC,kBAAe,MAAK,SAAQ,uBAAS;AAAA,WAC1C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YACJ;AAAA;AAAA,QACJ;AAAA,SACJ;AAAA,MACA,qBAAC,SAAI,WAAU,8BACX;AAAA,4BAAC,aAAU;AAAA,QACV,oBACG,qBAAC,WACG;AAAA,8BAAC,kBAAe,SAAO,MACnB;AAAA,YAAC;AAAA;AAAA,cACG,SAAS;AAAA,cACT,WAAU;AAAA,cAEV,8BAAC,gBAAa,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,UACtD,GACJ;AAAA,UACA,oBAAC,kBAAe,MAAK,SAAQ,2BAAa;AAAA,WAC9C;AAAA,SAER;AAAA,MACA,oBAAC,SAAI,WAAU,uBACV,uBACL;AAAA,OACJ;AAAA,IACA,oBAAC,SAAI,WAAU,oCACV,UACL;AAAA,KACJ;AAER;","names":[]}
@@ -1,23 +0,0 @@
1
- "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import { cn } from "../../infra/utils/clsx";
4
- function NavBarItem({ icon, label, onClick, className, labelClassName }) {
5
- return /* @__PURE__ */ jsxs(
6
- "div",
7
- {
8
- className: cn(
9
- "rounded-lg flex items-center gap-2 px-2 py-2 h-10 cursor-pointer transition-colors bg-white hover:bg-gray-100 active:bg-gray-50",
10
- className
11
- ),
12
- onClick,
13
- children: [
14
- icon,
15
- /* @__PURE__ */ jsx("span", { className: cn("text-sm font-medium text-gray-950", labelClassName), children: label })
16
- ]
17
- }
18
- );
19
- }
20
- export {
21
- NavBarItem
22
- };
23
- //# sourceMappingURL=NavBarItem.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/layouts/NavBarItem.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { cn } from '../../infra/utils/clsx';\r\n\r\ntype NavBarItemProps = {\r\n icon?: React.ReactNode;\r\n label: string;\r\n onClick: () => void;\r\n className?: string;\r\n labelClassName?: string;\r\n}\r\n\r\nfunction NavBarItem({ icon, label, onClick, className, labelClassName }: NavBarItemProps) {\r\n return (\r\n <div\r\n className={cn(\r\n 'rounded-lg flex items-center gap-2 px-2 py-2 h-10 cursor-pointer transition-colors bg-white hover:bg-gray-100 active:bg-gray-50',\r\n className\r\n )}\r\n onClick={onClick}\r\n >\r\n {icon}\r\n <span className={cn('text-sm font-medium text-gray-950', labelClassName)}>{label}</span>\r\n </div>\r\n );\r\n}\r\n\r\nexport { NavBarItem };\r\nexport type { NavBarItemProps };\r\n"],"mappings":";AAcI,SAQE,KARF;AAZJ,SAAS,UAAU;AAUnB,SAAS,WAAW,EAAE,MAAM,OAAO,SAAS,WAAW,eAAe,GAAoB;AACxF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACD,oBAAC,UAAK,WAAW,GAAG,qCAAqC,cAAc,GAAI,iBAAM;AAAA;AAAA;AAAA,EACnF;AAEJ;","names":[]}
@@ -1,14 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- function NotificationItem({ icon, iconBgColor, title, time, showBorder = true }) {
3
- return /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-3 px-4 py-5 ${showBorder ? "border-b border-gray-200" : ""}`, children: [
4
- /* @__PURE__ */ jsx("div", { className: `flex items-center justify-center rounded-full ${iconBgColor} size-10`, children: icon }),
5
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
6
- /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-gray-950", children: title }),
7
- /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-500", children: time })
8
- ] })
9
- ] });
10
- }
11
- export {
12
- NotificationItem
13
- };
14
- //# sourceMappingURL=NotificationItem.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/layouts/NotificationItem.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\r\n\r\ntype NotificationItemProps = {\r\n icon: ReactNode;\r\n iconBgColor: string;\r\n title: string;\r\n time: string;\r\n showBorder?: boolean;\r\n}\r\n\r\nfunction NotificationItem({ icon, iconBgColor, title, time, showBorder = true }: NotificationItemProps) {\r\n return (\r\n <div className={`flex items-center gap-3 px-4 py-5 ${showBorder ? 'border-b border-gray-200' : ''}`}>\r\n <div className={`flex items-center justify-center rounded-full ${iconBgColor} size-10`}>\r\n {icon}\r\n </div>\r\n <div className=\"flex flex-col gap-1.5\">\r\n <span className=\"paragraph-small-semibold text-gray-950\">{title}</span>\r\n <span className=\"paragraph-xsmall-medium text-gray-500\">{time}</span>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport { NotificationItem };\r\nexport type { NotificationItemProps };\r\n"],"mappings":"AAaY,cAGA,YAHA;AAHZ,SAAS,iBAAiB,EAAE,MAAM,aAAa,OAAO,MAAM,aAAa,KAAK,GAA0B;AACpG,SACI,qBAAC,SAAI,WAAW,qCAAqC,aAAa,6BAA6B,EAAE,IAC7F;AAAA,wBAAC,SAAI,WAAW,iDAAiD,WAAW,YACvE,gBACL;AAAA,IACA,qBAAC,SAAI,WAAU,yBACX;AAAA,0BAAC,UAAK,WAAU,0CAA0C,iBAAM;AAAA,MAChE,oBAAC,UAAK,WAAU,yCAAyC,gBAAK;AAAA,OAClE;AAAA,KACJ;AAER;","names":[]}
@@ -1,86 +0,0 @@
1
- "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import { useState } from "react";
4
- import { Bell } from "lucide-react";
5
- import * as PopoverPrimitive from "@radix-ui/react-popover";
6
- import { Popover } from "../ui/overlay/Popover";
7
- import { Button } from "../ui/buttons/Button";
8
- import { NotificationItem } from "./NotificationItem";
9
- import { cn } from "../../infra/utils/clsx";
10
- function NotificationsPopover({
11
- notifications = [],
12
- onViewAll,
13
- side,
14
- align,
15
- contentClassName,
16
- badgeClassName = "bg-pages-400"
17
- }) {
18
- const [open, setOpen] = useState(false);
19
- const [hasNewNotifications, setHasNewNotifications] = useState(true);
20
- const handleOpenChange = (isOpen) => {
21
- setOpen(isOpen);
22
- if (isOpen) setHasNewNotifications(false);
23
- };
24
- return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
25
- /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { className: "cursor-pointer", children: /* @__PURE__ */ jsxs(
26
- "div",
27
- {
28
- className: `relative rounded-full p-2.5 ${open ? "bg-gray-100" : "hover:bg-gray-100"}`,
29
- children: [
30
- /* @__PURE__ */ jsx(Bell, { size: 20, className: "text-gray-500" }),
31
- hasNewNotifications && /* @__PURE__ */ jsx(
32
- "span",
33
- {
34
- className: cn(
35
- "absolute top-2 right-2 size-2.5 rounded-full",
36
- badgeClassName
37
- )
38
- }
39
- )
40
- ]
41
- }
42
- ) }),
43
- /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
44
- PopoverPrimitive.Content,
45
- {
46
- className: cn(
47
- "absolute bottom-2 left-[26px] w-[308px] p-0 pt-4 bg-white rounded-2xl shadow-md border border-gray-200",
48
- contentClassName
49
- ),
50
- side,
51
- align,
52
- sideOffset: 8,
53
- children: [
54
- /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-gray-950 px-4", children: "\xDAltimas notifica\xE7\xF5es" }),
55
- notifications.length > 0 ? notifications.map((notification, index) => /* @__PURE__ */ jsx(
56
- NotificationItem,
57
- {
58
- icon: notification.icon,
59
- iconBgColor: notification.iconBgColor,
60
- title: notification.title,
61
- time: notification.time,
62
- showBorder: index < notifications.length - 1
63
- },
64
- index
65
- )) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 pt-[41.5px] pb-[33.5px]", children: [
66
- /* @__PURE__ */ jsx("div", { className: "bg-gray-50 rounded-md p-2.5", children: /* @__PURE__ */ jsx(Bell, { size: 20, color: "var(--color-gray-950)" }) }),
67
- /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-gray-950", children: "Sem notifica\xE7\xF5es por enquanto" })
68
- ] }),
69
- onViewAll && /* @__PURE__ */ jsx(
70
- Button,
71
- {
72
- variant: "secondary",
73
- className: "h-8! mt-2 mb-4 mx-4 paragraph-small-semibold",
74
- onClick: onViewAll,
75
- children: "Todas as notifica\xE7\xF5es"
76
- }
77
- )
78
- ]
79
- }
80
- ) })
81
- ] });
82
- }
83
- export {
84
- NotificationsPopover
85
- };
86
- //# sourceMappingURL=NotificationsPopover.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/layouts/NotificationsPopover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactNode, useState } from \"react\";\r\nimport { Bell } from \"lucide-react\";\r\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\r\nimport { Popover } from \"../ui/overlay/Popover\";\r\nimport { Button } from \"../ui/buttons/Button\";\r\nimport { NotificationItem } from \"./NotificationItem\";\r\nimport { cn } from \"../../infra/utils/clsx\";\r\n\r\nexport interface NotificationData {\r\n icon: ReactNode;\r\n iconBgColor: string;\r\n title: string;\r\n time: string;\r\n}\r\n\r\nexport interface NotificationsPopoverProps {\r\n notifications?: NotificationData[];\r\n onViewAll?: () => void;\r\n side?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n align?: \"start\" | \"center\" | \"end\";\r\n contentClassName?: string;\r\n badgeClassName?: string;\r\n}\r\n\r\nfunction NotificationsPopover({\r\n notifications = [],\r\n onViewAll,\r\n side,\r\n align,\r\n contentClassName,\r\n badgeClassName = \"bg-pages-400\",\r\n}: NotificationsPopoverProps) {\r\n const [open, setOpen] = useState(false);\r\n const [hasNewNotifications, setHasNewNotifications] = useState(true);\r\n\r\n const handleOpenChange = (isOpen: boolean) => {\r\n setOpen(isOpen);\r\n if (isOpen) setHasNewNotifications(false);\r\n };\r\n\r\n return (\r\n <Popover open={open} onOpenChange={handleOpenChange}>\r\n <PopoverPrimitive.Trigger className=\"cursor-pointer\">\r\n <div\r\n className={`relative rounded-full p-2.5 ${open ? \"bg-gray-100\" : \"hover:bg-gray-100\"}`}\r\n >\r\n <Bell size={20} className=\"text-gray-500\" />\r\n {hasNewNotifications && (\r\n <span\r\n className={cn(\r\n \"absolute top-2 right-2 size-2.5 rounded-full\",\r\n badgeClassName,\r\n )}\r\n />\r\n )}\r\n </div>\r\n </PopoverPrimitive.Trigger>\r\n <PopoverPrimitive.Portal>\r\n <PopoverPrimitive.Content\r\n className={cn(\r\n \"absolute bottom-2 left-[26px] w-[308px] p-0 pt-4 bg-white rounded-2xl shadow-md border border-gray-200\",\r\n contentClassName,\r\n )}\r\n side={side}\r\n align={align}\r\n sideOffset={8}\r\n >\r\n <span className=\"paragraph-small-semibold text-gray-950 px-4\">\r\n Últimas notificações\r\n </span>\r\n\r\n {notifications.length > 0 ? (\r\n notifications.map((notification, index) => (\r\n <NotificationItem\r\n key={index}\r\n icon={notification.icon}\r\n iconBgColor={notification.iconBgColor}\r\n title={notification.title}\r\n time={notification.time}\r\n showBorder={index < notifications.length - 1}\r\n />\r\n ))\r\n ) : (\r\n <div className=\"flex flex-col items-center gap-4 pt-[41.5px] pb-[33.5px]\">\r\n <div className=\"bg-gray-50 rounded-md p-2.5\">\r\n <Bell size={20} color=\"var(--color-gray-950)\" />\r\n </div>\r\n <span className=\"paragraph-small-medium text-gray-950\">\r\n Sem notificações por enquanto\r\n </span>\r\n </div>\r\n )}\r\n\r\n {onViewAll && (\r\n <Button\r\n variant=\"secondary\"\r\n className=\"h-8! mt-2 mb-4 mx-4 paragraph-small-semibold\"\r\n onClick={onViewAll}\r\n >\r\n Todas as notificações\r\n </Button>\r\n )}\r\n </PopoverPrimitive.Content>\r\n </PopoverPrimitive.Portal>\r\n </Popover>\r\n );\r\n}\r\n\r\nexport { NotificationsPopover };\r\n"],"mappings":";AA6CQ,SAGE,KAHF;AA3CR,SAAoB,gBAAgB;AACpC,SAAS,YAAY;AACrB,YAAY,sBAAsB;AAClC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,UAAU;AAkBnB,SAAS,qBAAqB;AAAA,EAC5B,gBAAgB,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAA8B;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,IAAI;AAEnE,QAAM,mBAAmB,CAAC,WAAoB;AAC5C,YAAQ,MAAM;AACd,QAAI,OAAQ,wBAAuB,KAAK;AAAA,EAC1C;AAEA,SACE,qBAAC,WAAQ,MAAY,cAAc,kBACjC;AAAA,wBAAC,iBAAiB,SAAjB,EAAyB,WAAU,kBAClC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,+BAA+B,OAAO,gBAAgB,mBAAmB;AAAA,QAEpF;AAAA,8BAAC,QAAK,MAAM,IAAI,WAAU,iBAAgB;AAAA,UACzC,uBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ,GACF;AAAA,IACA,oBAAC,iBAAiB,QAAjB,EACC;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY;AAAA,QAEZ;AAAA,8BAAC,UAAK,WAAU,+CAA8C,2CAE9D;AAAA,UAEC,cAAc,SAAS,IACtB,cAAc,IAAI,CAAC,cAAc,UAC/B;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,aAAa;AAAA,cACnB,aAAa,aAAa;AAAA,cAC1B,OAAO,aAAa;AAAA,cACpB,MAAM,aAAa;AAAA,cACnB,YAAY,QAAQ,cAAc,SAAS;AAAA;AAAA,YALtC;AAAA,UAMP,CACD,IAED,qBAAC,SAAI,WAAU,4DACb;AAAA,gCAAC,SAAI,WAAU,+BACb,8BAAC,QAAK,MAAM,IAAI,OAAM,yBAAwB,GAChD;AAAA,YACA,oBAAC,UAAK,WAAU,wCAAuC,iDAEvD;AAAA,aACF;AAAA,UAGD,aACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,SAAS;AAAA,cACV;AAAA;AAAA,UAED;AAAA;AAAA;AAAA,IAEJ,GACF;AAAA,KACF;AAEJ;","names":[]}
@@ -1,150 +0,0 @@
1
- "use client";
2
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
- import { useState } from "react";
4
- import { useRouter } from "next/navigation";
5
- import * as PopoverPrimitive from "@radix-ui/react-popover";
6
- import { Popover } from "../ui/overlay/Popover";
7
- import { Button } from "../ui/buttons/Button";
8
- import { Progress } from "../ui/feedback/Progress";
9
- import { Separator } from "../ui/data-display/Separator";
10
- import { NavBarItem } from "./NavBarItem";
11
- import { UserAvatar } from "../ui/data-display/UserAvatar";
12
- import { LoadingOverlay } from "../ui/feedback/LoadingOverlay";
13
- import { useAuth } from "../../providers/auth.provider";
14
- import { cn } from "../../infra/utils/clsx";
15
- import { useIaCredits } from "../../modules/ia-credits/hooks/ia-credits.hook";
16
- function ProfilePopover({
17
- side = "top",
18
- align = "start",
19
- contentClassName = "absolute bottom-2 left-[26px]",
20
- onEditProfile,
21
- onCreditsClick,
22
- menuItems = [],
23
- logoutRedirect = "/login"
24
- }) {
25
- const router = useRouter();
26
- const { user, logout } = useAuth();
27
- const [isLoggingOut, setIsLoggingOut] = useState(false);
28
- const { summary, subscription, isSubscriptionLoading, isCreditsLoading } = useIaCredits();
29
- const handleLogout = async () => {
30
- try {
31
- setIsLoggingOut(true);
32
- await logout();
33
- router.push(logoutRedirect);
34
- } catch (error) {
35
- console.error("Erro ao fazer logout:", error);
36
- } finally {
37
- setIsLoggingOut(false);
38
- }
39
- };
40
- const hasSubscription = !isSubscriptionLoading && subscription !== null;
41
- const showCreditsSkeleton = hasSubscription && isCreditsLoading;
42
- const showCredits = hasSubscription && !isCreditsLoading;
43
- const creditsPercentage = showCredits && summary.totalCredits > 0 ? summary.usedCredits / summary.totalCredits * 100 : 0;
44
- return /* @__PURE__ */ jsxs(Fragment, { children: [
45
- /* @__PURE__ */ jsx(LoadingOverlay, { isLoading: isLoggingOut, message: "Saindo da sua conta..." }),
46
- /* @__PURE__ */ jsxs(Popover, { children: [
47
- /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { className: "cursor-pointer", children: user && /* @__PURE__ */ jsx(
48
- UserAvatar,
49
- {
50
- photo: user.photo,
51
- name: user.name,
52
- size: 40
53
- },
54
- user.id
55
- ) }),
56
- /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
57
- PopoverPrimitive.Content,
58
- {
59
- className: cn(
60
- "w-64.75 p-0 bg-white rounded-2xl shadow-md border border-gray-200 z-99",
61
- contentClassName
62
- ),
63
- side,
64
- align,
65
- sideOffset: 8,
66
- children: [
67
- /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[32px_1fr_auto] items-center gap-3 p-3 w-full", children: [
68
- user && /* @__PURE__ */ jsx(
69
- UserAvatar,
70
- {
71
- photo: user.photo,
72
- name: user.name,
73
- size: 32
74
- },
75
- user.id
76
- ),
77
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
78
- /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-gray-950 truncate", children: user?.name || "" }),
79
- /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-500 truncate", children: user?.email || "" })
80
- ] }),
81
- onEditProfile && /* @__PURE__ */ jsx(
82
- Button,
83
- {
84
- variant: "secondary",
85
- className: "paragraph-small-semibold h-8! whitespace-nowrap px-3 w-fit",
86
- onClick: onEditProfile,
87
- children: "Editar Perfil"
88
- }
89
- )
90
- ] }),
91
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 border-t border-gray-200 rounded-2xl p-1.5", children: [
92
- showCreditsSkeleton && /* @__PURE__ */ jsxs("div", { className: "flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4", children: [
93
- /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
94
- /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-semibold text-white truncate", children: "Cr\xE9ditos usados" }),
95
- /* @__PURE__ */ jsx("div", { className: "h-3.5 w-16 rounded bg-white/20 animate-pulse" })
96
- ] }),
97
- /* @__PURE__ */ jsx("div", { className: "h-1.5 w-full rounded-full bg-white/20 animate-pulse" })
98
- ] }),
99
- showCredits && /* @__PURE__ */ jsxs(
100
- "div",
101
- {
102
- className: cn(
103
- "flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4 transition-colors",
104
- onCreditsClick && "cursor-pointer hover:bg-gray-900"
105
- ),
106
- onClick: onCreditsClick,
107
- children: [
108
- /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
109
- /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-semibold text-white truncate", children: "Cr\xE9ditos usados" }),
110
- /* @__PURE__ */ jsxs("span", { className: "paragraph-xsmall-medium text-white/50", children: [
111
- summary.usedCredits.toLocaleString("pt-BR"),
112
- "/",
113
- summary.totalCredits.toLocaleString("pt-BR")
114
- ] })
115
- ] }),
116
- /* @__PURE__ */ jsx(
117
- Progress,
118
- {
119
- className: "bg-white/10",
120
- indicatorColor: "bg-white",
121
- value: creditsPercentage
122
- }
123
- )
124
- ]
125
- }
126
- ),
127
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
128
- menuItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: menuItems.map((item, index) => /* @__PURE__ */ jsx(
129
- NavBarItem,
130
- {
131
- icon: item.icon,
132
- label: item.label,
133
- onClick: item.onClick
134
- },
135
- index
136
- )) }),
137
- /* @__PURE__ */ jsx(Separator, {}),
138
- /* @__PURE__ */ jsx(NavBarItem, { label: "Sair", onClick: handleLogout })
139
- ] })
140
- ] })
141
- ]
142
- }
143
- ) })
144
- ] })
145
- ] });
146
- }
147
- export {
148
- ProfilePopover
149
- };
150
- //# sourceMappingURL=ProfilePopover.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/layouts/ProfilePopover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { useRouter } from \"next/navigation\";\r\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\r\nimport { Popover } from \"../ui/overlay/Popover\";\r\nimport { Button } from \"../ui/buttons/Button\";\r\nimport { Progress } from \"../ui/feedback/Progress\";\r\nimport { Separator } from \"../ui/data-display/Separator\";\r\nimport { NavBarItem } from \"./NavBarItem\";\r\nimport { UserAvatar } from \"../ui/data-display/UserAvatar\";\r\nimport { LoadingOverlay } from \"../ui/feedback/LoadingOverlay\";\r\nimport { useAuth } from \"../../providers/auth.provider\";\r\nimport { cn } from \"../../infra/utils/clsx\";\r\nimport { useIaCredits } from \"../../modules/ia-credits/hooks/ia-credits.hook\";\r\n\r\nexport interface ProfileMenuItem {\r\n icon?: React.ReactNode;\r\n label: string;\r\n onClick: () => void;\r\n}\r\n\r\nexport interface ProfilePopoverProps {\r\n side?: \"top\" | \"bottom\" | \"left\" | \"right\";\r\n align?: \"start\" | \"center\" | \"end\";\r\n contentClassName?: string;\r\n onEditProfile?: () => void;\r\n onCreditsClick?: () => void;\r\n menuItems?: ProfileMenuItem[];\r\n logoutRedirect?: string;\r\n}\r\n\r\nfunction ProfilePopover({\r\n side = \"top\",\r\n align = \"start\",\r\n contentClassName = \"absolute bottom-2 left-[26px]\",\r\n onEditProfile,\r\n onCreditsClick,\r\n menuItems = [],\r\n logoutRedirect = \"/login\",\r\n}: ProfilePopoverProps) {\r\n const router = useRouter();\r\n const { user, logout } = useAuth();\r\n const [isLoggingOut, setIsLoggingOut] = useState(false);\r\n\r\n const { summary, subscription, isSubscriptionLoading, isCreditsLoading } =\r\n useIaCredits();\r\n\r\n const handleLogout = async () => {\r\n try {\r\n setIsLoggingOut(true);\r\n await logout();\r\n router.push(logoutRedirect);\r\n } catch (error) {\r\n console.error(\"Erro ao fazer logout:\", error);\r\n } finally {\r\n setIsLoggingOut(false);\r\n }\r\n };\r\n\r\n const hasSubscription = !isSubscriptionLoading && subscription !== null;\r\n const showCreditsSkeleton = hasSubscription && isCreditsLoading;\r\n const showCredits =\r\n hasSubscription && !isCreditsLoading;\r\n const creditsPercentage =\r\n showCredits && summary.totalCredits > 0\r\n ? (summary.usedCredits / summary.totalCredits) * 100\r\n : 0;\r\n\r\n return (\r\n <>\r\n <LoadingOverlay isLoading={isLoggingOut} message=\"Saindo da sua conta...\" />\r\n <Popover>\r\n <PopoverPrimitive.Trigger className=\"cursor-pointer\">\r\n {user && (\r\n <UserAvatar\r\n key={user.id}\r\n photo={user.photo}\r\n name={user.name}\r\n size={40}\r\n />\r\n )}\r\n </PopoverPrimitive.Trigger>\r\n\r\n <PopoverPrimitive.Portal>\r\n <PopoverPrimitive.Content\r\n className={cn(\r\n \"w-64.75 p-0 bg-white rounded-2xl shadow-md border border-gray-200 z-99\",\r\n contentClassName,\r\n )}\r\n side={side}\r\n align={align}\r\n sideOffset={8}\r\n >\r\n <div className=\"grid grid-cols-[32px_1fr_auto] items-center gap-3 p-3 w-full\">\r\n {user && (\r\n <UserAvatar\r\n key={user.id}\r\n photo={user.photo}\r\n name={user.name}\r\n size={32}\r\n />\r\n )}\r\n\r\n <div className=\"flex flex-col gap-0.5 min-w-0\">\r\n <span className=\"paragraph-small-semibold text-gray-950 truncate\">\r\n {user?.name || \"\"}\r\n </span>\r\n <span className=\"paragraph-xsmall-medium text-gray-500 truncate\">\r\n {user?.email || \"\"}\r\n </span>\r\n </div>\r\n\r\n {onEditProfile && (\r\n <Button\r\n variant=\"secondary\"\r\n className=\"paragraph-small-semibold h-8! whitespace-nowrap px-3 w-fit\"\r\n onClick={onEditProfile}\r\n >\r\n Editar Perfil\r\n </Button>\r\n )}\r\n </div>\r\n\r\n <div className=\"flex flex-col gap-2 border-t border-gray-200 rounded-2xl p-1.5\">\r\n {showCreditsSkeleton && (\r\n <div className=\"flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4\">\r\n <div className=\"flex items-center justify-between gap-2\">\r\n <span className=\"paragraph-xsmall-semibold text-white truncate\">\r\n Créditos usados\r\n </span>\r\n <div className=\"h-3.5 w-16 rounded bg-white/20 animate-pulse\" />\r\n </div>\r\n <div className=\"h-1.5 w-full rounded-full bg-white/20 animate-pulse\" />\r\n </div>\r\n )}\r\n\r\n {showCredits && (\r\n <div\r\n className={cn(\r\n \"flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4 transition-colors\",\r\n onCreditsClick && \"cursor-pointer hover:bg-gray-900\",\r\n )}\r\n onClick={onCreditsClick}\r\n >\r\n <div className=\"flex items-center justify-between gap-2\">\r\n <span className=\"paragraph-xsmall-semibold text-white truncate\">\r\n Créditos usados\r\n </span>\r\n <span className=\"paragraph-xsmall-medium text-white/50\">\r\n {summary.usedCredits.toLocaleString(\"pt-BR\")}/\r\n {summary.totalCredits.toLocaleString(\"pt-BR\")}\r\n </span>\r\n </div>\r\n <Progress\r\n className=\"bg-white/10\"\r\n indicatorColor=\"bg-white\"\r\n value={creditsPercentage}\r\n />\r\n </div>\r\n )}\r\n\r\n <div className=\"flex flex-col gap-2\">\r\n {menuItems.length > 0 && (\r\n <div className=\"flex flex-col\">\r\n {menuItems.map((item, index) => (\r\n <NavBarItem\r\n key={index}\r\n icon={item.icon}\r\n label={item.label}\r\n onClick={item.onClick}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n <Separator />\r\n <NavBarItem label=\"Sair\" onClick={handleLogout} />\r\n </div>\r\n </div>\r\n </PopoverPrimitive.Content>\r\n </PopoverPrimitive.Portal>\r\n </Popover>\r\n </>\r\n );\r\n}\r\n\r\nexport { ProfilePopover };\r\n"],"mappings":";AAsEI,mBACE,KAiCQ,YAlCV;AApEJ,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,YAAY,sBAAsB;AAClC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AACxB,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAkB7B,SAAS,eAAe;AAAA,EACtB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,YAAY,CAAC;AAAA,EACb,iBAAiB;AACnB,GAAwB;AACtB,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,MAAM,OAAO,IAAI,QAAQ;AACjC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,EAAE,SAAS,cAAc,uBAAuB,iBAAiB,IACrE,aAAa;AAEf,QAAM,eAAe,YAAY;AAC/B,QAAI;AACF,sBAAgB,IAAI;AACpB,YAAM,OAAO;AACb,aAAO,KAAK,cAAc;AAAA,IAC5B,SAAS,OAAO;AACd,cAAQ,MAAM,yBAAyB,KAAK;AAAA,IAC9C,UAAE;AACA,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,yBAAyB,iBAAiB;AACnE,QAAM,sBAAsB,mBAAmB;AAC/C,QAAM,cACJ,mBAAmB,CAAC;AACtB,QAAM,oBACJ,eAAe,QAAQ,eAAe,IACjC,QAAQ,cAAc,QAAQ,eAAgB,MAC/C;AAEN,SACE,iCACE;AAAA,wBAAC,kBAAe,WAAW,cAAc,SAAQ,0BAAyB;AAAA,IAC1E,qBAAC,WACC;AAAA,0BAAC,iBAAiB,SAAjB,EAAyB,WAAU,kBACjC,kBACC;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,MAAM;AAAA;AAAA,QAHD,KAAK;AAAA,MAIZ,GAEJ;AAAA,MAEA,oBAAC,iBAAiB,QAAjB,EACC;AAAA,QAAC,iBAAiB;AAAA,QAAjB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY;AAAA,UAEZ;AAAA,iCAAC,SAAI,WAAU,gEACZ;AAAA,sBACC;AAAA,gBAAC;AAAA;AAAA,kBAEC,OAAO,KAAK;AAAA,kBACZ,MAAM,KAAK;AAAA,kBACX,MAAM;AAAA;AAAA,gBAHD,KAAK;AAAA,cAIZ;AAAA,cAGF,qBAAC,SAAI,WAAU,iCACb;AAAA,oCAAC,UAAK,WAAU,mDACb,gBAAM,QAAQ,IACjB;AAAA,gBACA,oBAAC,UAAK,WAAU,kDACb,gBAAM,SAAS,IAClB;AAAA,iBACF;AAAA,cAEC,iBACC;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,SAAS;AAAA,kBACV;AAAA;AAAA,cAED;AAAA,eAEJ;AAAA,YAEA,qBAAC,SAAI,WAAU,kEACZ;AAAA,qCACC,qBAAC,SAAI,WAAU,yDACb;AAAA,qCAAC,SAAI,WAAU,2CACb;AAAA,sCAAC,UAAK,WAAU,iDAAgD,gCAEhE;AAAA,kBACA,oBAAC,SAAI,WAAU,gDAA+C;AAAA,mBAChE;AAAA,gBACA,oBAAC,SAAI,WAAU,uDAAsD;AAAA,iBACvE;AAAA,cAGD,eACC;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,kBAAkB;AAAA,kBACpB;AAAA,kBACA,SAAS;AAAA,kBAET;AAAA,yCAAC,SAAI,WAAU,2CACb;AAAA,0CAAC,UAAK,WAAU,iDAAgD,gCAEhE;AAAA,sBACA,qBAAC,UAAK,WAAU,yCACb;AAAA,gCAAQ,YAAY,eAAe,OAAO;AAAA,wBAAE;AAAA,wBAC5C,QAAQ,aAAa,eAAe,OAAO;AAAA,yBAC9C;AAAA,uBACF;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV,gBAAe;AAAA,wBACf,OAAO;AAAA;AAAA,oBACT;AAAA;AAAA;AAAA,cACF;AAAA,cAGF,qBAAC,SAAI,WAAU,uBACZ;AAAA,0BAAU,SAAS,KAClB,oBAAC,SAAI,WAAU,iBACZ,oBAAU,IAAI,CAAC,MAAM,UACpB;AAAA,kBAAC;AAAA;AAAA,oBAEC,MAAM,KAAK;AAAA,oBACX,OAAO,KAAK;AAAA,oBACZ,SAAS,KAAK;AAAA;AAAA,kBAHT;AAAA,gBAIP,CACD,GACH;AAAA,gBAEF,oBAAC,aAAU;AAAA,gBACX,oBAAC,cAAW,OAAM,QAAO,SAAS,cAAc;AAAA,iBAClD;AAAA,eACF;AAAA;AAAA;AAAA,MACF,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
@@ -1,22 +0,0 @@
1
- "use client";
2
- import { jsx } from "react/jsx-runtime";
3
- import { cn } from "../../infra/utils/clsx";
4
- function SideBarNavigation({
5
- className,
6
- children,
7
- ...props
8
- }) {
9
- return /* @__PURE__ */ jsx(
10
- "div",
11
- {
12
- "data-slot": "sidebar-navigation",
13
- className: cn("hidden lg:flex flex-col h-screen p-4 border-r w-[273px] border-gray-200", className),
14
- ...props,
15
- children
16
- }
17
- );
18
- }
19
- export {
20
- SideBarNavigation
21
- };
22
- //# sourceMappingURL=SideBarNavigation.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/layouts/SideBarNavigation.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { cn } from \"../../infra/utils/clsx\"\r\n\r\nfunction SideBarNavigation({\r\n className,\r\n children,\r\n ...props\r\n}: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"sidebar-navigation\"\r\n className={cn(\"hidden lg:flex flex-col h-screen p-4 border-r w-[273px] border-gray-200\", className)}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n )\r\n}\r\n\r\nexport { SideBarNavigation };\r\n"],"mappings":";AAWQ;AARR,SAAS,UAAU;AAEnB,SAAS,kBAAkB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAgC;AAC5B,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,2EAA2E,SAAS;AAAA,MACjG,GAAG;AAAA,MAEH;AAAA;AAAA,EACL;AAER;","names":[]}