@greatapps/common 1.1.73 → 1.1.75

package/dist/components/layouts/NotificationsPopover.mjs

@@ -5,7 +5,7 @@ import { Bell } from "lucide-react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { Popover } from "../ui/overlay/Popover";
 import { Button } from "../ui/buttons/Button";
-import { NotificationItem } from "./NotificationItem";
+import NotificationCard from "../widgets/notifications/NotificationCard";
 import { cn } from "../../infra/utils/clsx";
 import { useMessages, useMarkAllMessagesAsRead } from "../../modules/users/hooks/messages.hook";
 import { formatDistanceToNow } from "date-fns";
@@ -18,7 +18,7 @@ function NotificationsPopover({
   badgeClassName = "bg-pages-400"
 }) {
   const [open, setOpen] = useState(false);
-  const { data: messagesData } = useMessages();
+  const { data: messagesData } = useMessages({ limit: 5 });
   const { mutate: markAllAsRead } = useMarkAllMessagesAsRead();
   const messages = messagesData?.data ?? [];
   const totalUnread = messagesData?.totalUnread ?? 0;
@@ -60,7 +60,7 @@ function NotificationsPopover({
         children: [
           /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-gray-950 px-4", children: "\xDAltimas notifica\xE7\xF5es" }),
           messages.length > 0 ? messages.map((message, index) => /* @__PURE__ */ jsx(
-            NotificationItem,
+            NotificationCard,
             {
               icon: /* @__PURE__ */ jsx(Bell, { size: 16 }),
               iconBgColor: "bg-gray-100",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/NotificationsPopover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { 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\nimport { useMessages, useMarkAllMessagesAsRead } from \"../../modules/users/hooks/messages.hook\";\r\nimport { formatDistanceToNow } from \"date-fns\";\r\nimport { ptBR } from \"date-fns/locale\";\r\n\r\nexport interface NotificationsPopoverProps {\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  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 { data: messagesData } = useMessages();\r\n  const { mutate: markAllAsRead } = useMarkAllMessagesAsRead();\r\n\r\n  const messages = messagesData?.data ?? [];\r\n  const totalUnread = messagesData?.totalUnread ?? 0;\r\n\r\n  const handleOpenChange = (isOpen: boolean) => {\r\n    setOpen(isOpen);\r\n    if (isOpen && totalUnread > 0) {\r\n      markAllAsRead();\r\n    }\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          {totalUnread > 0 && (\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] z-[9999] 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          {messages.length > 0 ? (\r\n            messages.map((message, index) => (\r\n              <NotificationItem\r\n                key={message.id}\r\n                icon={<Bell size={16} />}\r\n                iconBgColor=\"bg-gray-100\"\r\n                title={message.subject}\r\n                time={formatDistanceToNow(new Date(message.datetime_add), {\r\n                  addSuffix: true,\r\n                  locale: ptBR,\r\n                })}\r\n                showBorder={index < messages.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,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,YAAY,sBAAsB;AAClC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,UAAU;AACnB,SAAS,aAAa,gCAAgC;AACtD,SAAS,2BAA2B;AACpC,SAAS,YAAY;AAUrB,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAA8B;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,EAAE,MAAM,aAAa,IAAI,YAAY;AAC3C,QAAM,EAAE,QAAQ,cAAc,IAAI,yBAAyB;AAE3D,QAAM,WAAW,cAAc,QAAQ,CAAC;AACxC,QAAM,cAAc,cAAc,eAAe;AAEjD,QAAM,mBAAmB,CAAC,WAAoB;AAC5C,YAAQ,MAAM;AACd,QAAI,UAAU,cAAc,GAAG;AAC7B,oBAAc;AAAA,IAChB;AAAA,EACF;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,cAAc,KACb;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,SAAS,SAAS,IACjB,SAAS,IAAI,CAAC,SAAS,UACrB;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,oBAAC,QAAK,MAAM,IAAI;AAAA,cACtB,aAAY;AAAA,cACZ,OAAO,QAAQ;AAAA,cACf,MAAM,oBAAoB,IAAI,KAAK,QAAQ,YAAY,GAAG;AAAA,gBACxD,WAAW;AAAA,gBACX,QAAQ;AAAA,cACV,CAAC;AAAA,cACD,YAAY,QAAQ,SAAS,SAAS;AAAA;AAAA,YARjC,QAAQ;AAAA,UASf,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":[]}
+{"version":3,"sources":["../../../src/components/layouts/NotificationsPopover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { 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 NotificationCard from \"../widgets/notifications/NotificationCard\";\r\nimport { cn } from \"../../infra/utils/clsx\";\r\nimport { useMessages, useMarkAllMessagesAsRead } from \"../../modules/users/hooks/messages.hook\";\r\nimport { formatDistanceToNow } from \"date-fns\";\r\nimport { ptBR } from \"date-fns/locale\";\r\n\r\nexport interface NotificationsPopoverProps {\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  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 { data: messagesData } = useMessages({ limit: 5 });\r\n  const { mutate: markAllAsRead } = useMarkAllMessagesAsRead();\r\n\r\n  const messages = messagesData?.data ?? [];\r\n  const totalUnread = messagesData?.totalUnread ?? 0;\r\n\r\n  const handleOpenChange = (isOpen: boolean) => {\r\n    setOpen(isOpen);\r\n    if (isOpen && totalUnread > 0) {\r\n      markAllAsRead();\r\n    }\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          {totalUnread > 0 && (\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] z-[9999] 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          {messages.length > 0 ? (\r\n            messages.map((message, index) => (\r\n              <NotificationCard\r\n                key={message.id}\r\n                icon={<Bell size={16} />}\r\n                iconBgColor=\"bg-gray-100\"\r\n                title={message.subject}\r\n                time={formatDistanceToNow(new Date(message.datetime_add), {\r\n                  addSuffix: true,\r\n                  locale: ptBR,\r\n                })}\r\n                showBorder={index < messages.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,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,YAAY,sBAAsB;AAClC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,OAAO,sBAAsB;AAC7B,SAAS,UAAU;AACnB,SAAS,aAAa,gCAAgC;AACtD,SAAS,2BAA2B;AACpC,SAAS,YAAY;AAUrB,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAA8B;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,EAAE,MAAM,aAAa,IAAI,YAAY,EAAE,OAAO,EAAE,CAAC;AACvD,QAAM,EAAE,QAAQ,cAAc,IAAI,yBAAyB;AAE3D,QAAM,WAAW,cAAc,QAAQ,CAAC;AACxC,QAAM,cAAc,cAAc,eAAe;AAEjD,QAAM,mBAAmB,CAAC,WAAoB;AAC5C,YAAQ,MAAM;AACd,QAAI,UAAU,cAAc,GAAG;AAC7B,oBAAc;AAAA,IAChB;AAAA,EACF;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,cAAc,KACb;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,SAAS,SAAS,IACjB,SAAS,IAAI,CAAC,SAAS,UACrB;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,oBAAC,QAAK,MAAM,IAAI;AAAA,cACtB,aAAY;AAAA,cACZ,OAAO,QAAQ;AAAA,cACf,MAAM,oBAAoB,IAAI,KAAK,QAAQ,YAAY,GAAG;AAAA,gBACxD,WAAW;AAAA,gBACX,QAAQ;AAAA,cACV,CAAC;AAAA,cACD,YAAY,QAAQ,SAAS,SAAS;AAAA;AAAA,YARjC,QAAQ;AAAA,UASf,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":[]}

package/dist/components/pages/notifications/Notifications.mjs

@@ -0,0 +1,106 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Bell, Check } from "lucide-react";
+import { Button } from "../../ui/buttons/Button";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+} from "../../ui/data-display/Tabs";
+import { useMessages } from "../../../modules/users/hooks/messages.hook";
+import NotificationCard from "../../widgets/notifications/NotificationCard";
+import { formatDistanceToNow } from "date-fns";
+import { ptBR } from "date-fns/locale";
+function Notifications() {
+  const { data: unreadedNotifications } = useMessages({
+    page: 1,
+    limit: 10,
+    status: 1,
+    type: "notification",
+    order: "desc"
+  });
+  const { data: allNotifications } = useMessages({
+    page: 1,
+    limit: 10,
+    type: "notification",
+    order: "desc"
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 lg:gap-10 px-4 py-6 lg:px-20 lg:py-14", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("h1", { className: "paragraph-xlarge-semibold lg:title-large-semibold text-gray-950", children: "Notifica\xE7\xF5es" }),
+        /* @__PURE__ */ jsx("p", { className: "paragraph-medium-regular text-gray-600 hidden lg:block", children: "Tenha controle total sobre p\xE1ginas, experi\xEAncias e convers\xF5es." })
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { variant: "secondary", className: "h-10! lg:h-12! shrink-0", children: [
+        /* @__PURE__ */ jsx(Check, { size: 20 }),
+        /* @__PURE__ */ jsx("span", { className: "lg:block hidden", children: "Marcar todos como lidos" }),
+        /* @__PURE__ */ jsx("span", { className: "lg:hidden", children: "Marcar como lidos" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Tabs,
+      {
+        defaultValue: "all",
+        className: "flex flex-col w-full bg-transparent gap-6 lg:gap-8",
+        children: [
+          /* @__PURE__ */ jsxs(TabsList, { className: "h-auto pb-0 bg-transparent", children: [
+            /* @__PURE__ */ jsxs(TabsTrigger, { className: "gap-2", value: "all", children: [
+              "Todas as notifica\xE7\xF5es",
+              " ",
+              /* @__PURE__ */ jsxs("span", { className: "text-gray-500", children: [
+                "(",
+                allNotifications?.data.length,
+                ")"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(TabsTrigger, { className: "gap-2", value: "unreads", children: [
+              "N\xE3o lidas",
+              " ",
+              /* @__PURE__ */ jsxs("span", { className: "text-gray-500", children: [
+                "(",
+                unreadedNotifications?.data.length,
+                ")"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(TabsContent, { value: "all", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col border border-gray-200 rounded-lg w-full bg-white", children: allNotifications?.data.map((notification, index) => /* @__PURE__ */ jsx(
+            NotificationCard,
+            {
+              icon: /* @__PURE__ */ jsx(Bell, { size: 20, className: "text-pages-600" }),
+              iconBgColor: "bg-pages-100",
+              title: notification.subject,
+              description: notification.message,
+              time: formatDistanceToNow(new Date(notification.datetime_add), {
+                addSuffix: true,
+                locale: ptBR
+              }),
+              isUnread: notification.status === 1,
+              showBorder: index < allNotifications.data.length - 1
+            },
+            notification.id
+          )) }) }),
+          /* @__PURE__ */ jsx(TabsContent, { value: "unreads", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col border border-gray-200 rounded-lg w-full bg-white", children: unreadedNotifications?.data.map((notification, index) => /* @__PURE__ */ jsx(
+            NotificationCard,
+            {
+              icon: /* @__PURE__ */ jsx(Bell, { size: 20, className: "text-pages-600" }),
+              iconBgColor: "bg-pages-100",
+              title: notification.subject,
+              description: notification.message,
+              time: formatDistanceToNow(new Date(notification.datetime_add), {
+                addSuffix: true,
+                locale: ptBR
+              }),
+              isUnread: notification.status === 1,
+              showBorder: index < unreadedNotifications.data.length - 1
+            },
+            notification.id
+          )) }) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  Notifications
+};
+//# sourceMappingURL=Notifications.mjs.map

package/dist/components/pages/notifications/Notifications.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/pages/notifications/Notifications.tsx"],"sourcesContent":["import { Bell, Check } from \"lucide-react\";\nimport { Button } from \"../../ui/buttons/Button\";\nimport {\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from \"../../ui/data-display/Tabs\";\nimport { useMessages } from \"../../../modules/users/hooks/messages.hook\";\nimport NotificationCard from \"../../widgets/notifications/NotificationCard\";\nimport { formatDistanceToNow } from \"date-fns\";\nimport { ptBR } from \"date-fns/locale\";\n\nexport function Notifications() {\n  const { data: unreadedNotifications } = useMessages({\n    page: 1,\n    limit: 10,\n    status: 1,\n    type: \"notification\",\n    order: \"desc\",\n  });\n  const { data: allNotifications } = useMessages({\n    page: 1,\n    limit: 10,\n    type: \"notification\",\n    order: \"desc\",\n  });\n  return (\n    <div className=\"flex flex-col gap-6 lg:gap-10 px-4 py-6 lg:px-20 lg:py-14\">\n      <div className=\"flex items-center justify-between gap-4\">\n        <div className=\"flex flex-col gap-2\">\n          <h1 className=\"paragraph-xlarge-semibold lg:title-large-semibold text-gray-950\">\n            Notificações\n          </h1>\n          <p className=\"paragraph-medium-regular text-gray-600 hidden lg:block\">\n            Tenha controle total sobre páginas, experiências e conversões.\n          </p>\n        </div>\n        <Button variant={\"secondary\"} className=\"h-10! lg:h-12! shrink-0\">\n          <Check size={20} />\n          <span className=\"lg:block hidden\">Marcar todos como lidos</span>\n          <span className=\"lg:hidden\">Marcar como lidos</span>\n        </Button>\n      </div>\n      <Tabs\n        defaultValue=\"all\"\n        className=\"flex flex-col w-full bg-transparent gap-6 lg:gap-8\"\n      >\n        <TabsList className=\"h-auto pb-0 bg-transparent\">\n          <TabsTrigger className=\"gap-2\" value=\"all\">\n            Todas as notificações{\" \"}\n            <span className=\"text-gray-500\">\n              ({allNotifications?.data.length})\n            </span>\n          </TabsTrigger>\n          <TabsTrigger className=\"gap-2\" value=\"unreads\">\n            Não lidas{\" \"}\n            <span className=\"text-gray-500\">\n              ({unreadedNotifications?.data.length})\n            </span>\n          </TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"all\">\n          <div className=\"flex flex-col border border-gray-200 rounded-lg w-full bg-white\">\n            {allNotifications?.data.map((notification, index) => (\n              <NotificationCard\n                key={notification.id}\n                icon={<Bell size={20} className=\"text-pages-600\" />}\n                iconBgColor=\"bg-pages-100\"\n                title={notification.subject}\n                description={notification.message}\n                time={formatDistanceToNow(new Date(notification.datetime_add), {\n                  addSuffix: true,\n                  locale: ptBR,\n                })}\n                isUnread={notification.status === 1}\n                showBorder={index < allNotifications.data.length - 1}\n              />\n            ))}\n          </div>\n        </TabsContent>\n\n        <TabsContent value=\"unreads\">\n          <div className=\"flex flex-col border border-gray-200 rounded-lg w-full bg-white\">\n            {unreadedNotifications?.data.map((notification, index) => (\n              <NotificationCard\n                key={notification.id}\n                icon={<Bell size={20} className=\"text-pages-600\" />}\n                iconBgColor=\"bg-pages-100\"\n                title={notification.subject}\n                description={notification.message}\n                time={formatDistanceToNow(new Date(notification.datetime_add), {\n                  addSuffix: true,\n                  locale: ptBR,\n                })}\n                isUnread={notification.status === 1}\n                showBorder={index < unreadedNotifications.data.length - 1}\n              />\n            ))}\n          </div>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/widgets/notifications/NotificationCard.mjs

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Clock } from "lucide-react";
+import { cn } from "../../../infra/utils/clsx";
+function NotificationCard({
+  icon,
+  iconBgColor,
+  title,
+  description,
+  time,
+  actions,
+  isUnread = false,
+  showBorder = true,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col lg:flex-row items-start p-4 lg:p-6 gap-4 lg:gap-5 relative",
+        showBorder && "border-b border-gray-200",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-center size-10 rounded-full shrink-0",
+              iconBgColor
+            ),
+            children: icon
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-gray-950", children: title }),
+            description && /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-gray-600", children: description })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(Clock, { size: 14, className: "text-gray-400" }),
+            /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-600", children: time })
+          ] }),
+          actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actions })
+        ] }),
+        isUnread && /* @__PURE__ */ jsx("div", { className: "size-2 bg-pages-400 rounded-full shrink-0 mt-1" })
+      ]
+    }
+  );
+}
+export {
+  NotificationCard as default
+};
+//# sourceMappingURL=NotificationCard.mjs.map

package/dist/components/widgets/notifications/NotificationCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/widgets/notifications/NotificationCard.tsx"],"sourcesContent":["import { Clock } from 'lucide-react';\r\nimport { ReactNode } from 'react';\r\nimport { cn } from '../../../infra/utils/clsx';\r\n\r\ntype NotificationCardProps = {\r\n  icon: ReactNode;\r\n  iconBgColor?: string;\r\n  title: string;\r\n  description?: string;\r\n  time: string;\r\n  actions?: ReactNode;\r\n  isUnread?: boolean;\r\n  showBorder?: boolean;\r\n  className?: string;\r\n};\r\n\r\nexport default function NotificationCard({\r\n  icon,\r\n  iconBgColor,\r\n  title,\r\n  description,\r\n  time,\r\n  actions,\r\n  isUnread = false,\r\n  showBorder = true,\r\n  className,\r\n}: NotificationCardProps) {\r\n  return (\r\n    <div\r\n      className={cn(\r\n        'flex flex-col lg:flex-row items-start p-4 lg:p-6 gap-4 lg:gap-5 relative',\r\n        showBorder && 'border-b border-gray-200',\r\n        className\r\n      )}\r\n    >\r\n      <div\r\n        className={cn(\r\n          'flex items-center justify-center size-10 rounded-full shrink-0',\r\n          iconBgColor\r\n        )}\r\n      >\r\n        {icon}\r\n      </div>\r\n\r\n      <div className=\"flex flex-col gap-4 flex-1\">\r\n        <div className=\"flex flex-col gap-1\">\r\n          <span className=\"paragraph-small-semibold text-gray-950\">{title}</span>\r\n          {description && (\r\n            <span className=\"paragraph-small-regular text-gray-600\">{description}</span>\r\n          )}\r\n        </div>\r\n\r\n        <div className=\"flex items-center gap-1.5\">\r\n          <Clock size={14} className=\"text-gray-400\" />\r\n          <span className=\"paragraph-xsmall-medium text-gray-600\">{time}</span>\r\n        </div>\r\n\r\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\r\n      </div>\r\n\r\n      {isUnread && <div className=\"size-2 bg-pages-400 rounded-full shrink-0 mt-1\" />}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport type { NotificationCardProps };\r\n"],"mappings":"AAmCM,cAUE,YAVF;AAnCN,SAAS,aAAa;AAEtB,SAAS,UAAU;AAcJ,SAAR,iBAAkC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb;AACF,GAA0B;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,cAAc;AAAA,QACd;AAAA,MACF;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAEA,qBAAC,SAAI,WAAU,8BACb;AAAA,+BAAC,SAAI,WAAU,uBACb;AAAA,gCAAC,UAAK,WAAU,0CAA0C,iBAAM;AAAA,YAC/D,eACC,oBAAC,UAAK,WAAU,yCAAyC,uBAAY;AAAA,aAEzE;AAAA,UAEA,qBAAC,SAAI,WAAU,6BACb;AAAA,gCAAC,SAAM,MAAM,IAAI,WAAU,iBAAgB;AAAA,YAC3C,oBAAC,UAAK,WAAU,yCAAyC,gBAAK;AAAA,aAChE;AAAA,UAEC,WAAW,oBAAC,SAAI,WAAU,2BAA2B,mBAAQ;AAAA,WAChE;AAAA,QAEC,YAAY,oBAAC,SAAI,WAAU,kDAAiD;AAAA;AAAA;AAAA,EAC/E;AAEJ;","names":[]}

package/dist/index.mjs

@@ -52,14 +52,14 @@ import { AppNavBar } from "./components/layouts/AppNavBar";
 import { AppMobileNavBar } from "./components/layouts/AppMobileNavBar";
 import { SideBarNavigation } from "./components/layouts/SideBarNavigation";
 import { MdSideBarNavigation } from "./components/layouts/MdSideBarNavigation";
-import { NotificationItem } from "./components/layouts/NotificationItem";
+import { default as default2 } from "./components/widgets/notifications/NotificationCard";
 import { NotificationsPopover } from "./components/layouts/NotificationsPopover";
 import { UsersSelectorPopover } from "./components/layouts/UsersSelectorPopover";
 import { ProfilePopover } from "./components/layouts/ProfilePopover";
 import { NavBarItem } from "./components/layouts/NavBarItem";
 import { Button, buttonVariants } from "./components/ui/buttons/Button";
 import { CopyButton } from "./components/ui/buttons/CopyButton";
-import { default as default2 } from "./components/ui/buttons/CancelButton";
+import { default as default3 } from "./components/ui/buttons/CancelButton";
 import {
   Accordion,
   AccordionItem,
@@ -104,8 +104,8 @@ import {
   TabsContent
 } from "./components/ui/data-display/Tabs";
 import { UserAvatar } from "./components/ui/data-display/UserAvatar";
-import { default as default3 } from "./components/ui/feedback/CircularProgress";
-import { default as default4 } from "./components/ui/feedback/DefaultCircularProgress";
+import { default as default4 } from "./components/ui/feedback/CircularProgress";
+import { default as default5 } from "./components/ui/feedback/DefaultCircularProgress";
 import { Progress } from "./components/ui/feedback/Progress";
 import { LoadingOverlay } from "./components/ui/feedback/LoadingOverlay";
 import {
@@ -187,9 +187,9 @@ import {
 import { useMdSidebarStore } from "./store/useMdSidebarStore";
 import { useModalManager } from "./store/useModalManager";
 import { AccountSectionType } from "./enums/AccountSectionType";
-import { default as default5 } from "./hooks/usePasswordVisibility";
-import { default as default6 } from "./hooks/useCountdownTimer";
-import { default as default7 } from "./hooks/useIsMobile";
+import { default as default6 } from "./hooks/usePasswordVisibility";
+import { default as default7 } from "./hooks/useCountdownTimer";
+import { default as default8 } from "./hooks/useIsMobile";
 import {
   formatPhone,
   formatTimer,
@@ -206,8 +206,8 @@ import { copyToClipboard, readFromClipboard } from "./utils/browser/clipboard";
 import { FormField } from "./components/ui/form/FormField";
 import { SelectField } from "./components/ui/form/SelectField";
 import { ComboboxField } from "./components/ui/form/ComboboxField";
-import { default as default8 } from "./components/ui/form/PhoneInput";
-import { default as default9 } from "./components/ui/form/SwitchOptionFieldWithIcon";
+import { default as default9 } from "./components/ui/form/PhoneInput";
+import { default as default10 } from "./components/ui/form/SwitchOptionFieldWithIcon";
 import { TextAreaField } from "./components/ui/form/TextAreaField";
 import {
   useUpdateAccount,
@@ -216,13 +216,13 @@ import {
   useDeleteAccountUser,
   useDeleteAccount
 } from "./modules/accounts/hooks/useAccountManagement";
-import { default as default10 } from "./components/account/AccountModals";
+import { default as default11 } from "./components/account/AccountModals";
 import { useAccountModals } from "./store/useAccountModals";
 import { ModalManager } from "./components/modals/ModalManager";
 import { Modals } from "./components/modals/Modals";
-import { default as default11 } from "./components/account/TwoFactorAuthModal";
-import { default as default12 } from "./components/account/DisableTwoFactorAuthModal";
-import { default as default13 } from "./components/account/ConfirmGlobalPreferencesModal";
+import { default as default12 } from "./components/account/TwoFactorAuthModal";
+import { default as default13 } from "./components/account/DisableTwoFactorAuthModal";
+import { default as default14 } from "./components/account/ConfirmGlobalPreferencesModal";
 import { MyProfileSection } from "./components/account/sections/MyProfileSection";
 import { PreferencesSection } from "./components/account/sections/PreferencesSection";
 import { SecuritySection } from "./components/account/sections/SecuritySection";
@@ -242,7 +242,7 @@ export {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-  default10 as AccountModals,
+  default11 as AccountModals,
   AccountSectionType,
   AppMobileNavBar,
   AppNavBar,
@@ -251,7 +251,7 @@ export {
   CURRENCY_OPTIONS,
   Calendar,
   CalendarDayButton,
-  default2 as CancelButton,
+  default3 as CancelButton,
   Card,
   CardAction,
   CardContent,
@@ -263,7 +263,7 @@ export {
   ChangePasswordSection,
   ChangePhoneModal,
   Checkbox,
-  default3 as CircularProgress,
+  default4 as CircularProgress,
   ComboboxField,
   Command,
   CommandDialog,
@@ -274,11 +274,11 @@ export {
   CommandList,
   CommandSeparator,
   CommandShortcut,
-  default13 as ConfirmGlobalPreferencesModal,
+  default14 as ConfirmGlobalPreferencesModal,
   CopyButton,
   DatePicker,
   DateRangePicker,
-  default4 as DefaultCircularProgress,
+  default5 as DefaultCircularProgress,
   Dialog,
   DialogClose,
   DialogContent,
@@ -289,7 +289,7 @@ export {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
-  default12 as DisableTwoFactorAuthModal,
+  default13 as DisableTwoFactorAuthModal,
   FormField,
   GENDER_OPTIONS,
   Input,
@@ -315,7 +315,7 @@ export {
   NOTIFICATION_TYPES,
   NavBar,
   NavBarItem,
-  NotificationItem,
+  default2 as NotificationCard,
   NotificationsPopover,
   Pagination,
   PaginationContent,
@@ -324,7 +324,7 @@ export {
   PaginationLink,
   PaginationNext,
   PaginationPrevious,
-  default8 as PhoneInput,
+  default9 as PhoneInput,
   Popover,
   PopoverAnchor,
   PopoverContent,
@@ -363,7 +363,7 @@ export {
   SubscriptionItemSchema,
   SubscriptionSchema,
   Switch,
-  default9 as SwitchOptionFieldWithIcon,
+  default10 as SwitchOptionFieldWithIcon,
   TIME_FORMAT_OPTIONS,
   Table,
   TableBody,
@@ -384,7 +384,7 @@ export {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-  default11 as TwoFactorAuthModal,
+  default12 as TwoFactorAuthModal,
   USER_QUERY_KEY,
   UserAvatar,
   UsersSelectorPopover,
@@ -411,17 +411,17 @@ export {
   toastVariants,
   useAccountModals,
   useActiveSubscription,
-  default6 as useCountdownTimer,
+  default7 as useCountdownTimer,
   useDeleteAccount,
   useDeleteAccountUser,
   useIaCredits,
   useInvalidateUser,
-  default7 as useIsMobile,
+  default8 as useIsMobile,
   useListAvailableUsers,
   useListProjectUsers,
   useMdSidebarStore,
   useModalManager,
-  default5 as usePasswordVisibility,
+  default6 as usePasswordVisibility,
   useSetUserData,
   useSubscriptions,
   useTwoFactorVerify,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// Types\nexport * from \"./modules/auth/schema\";\nexport * from \"./modules/users/schema\";\nexport * from \"./modules/whitelabel/schema\";\nexport * from \"./infra/api/types\";\n\n// Contexts\nexport * from \"./providers/query.provider\";\nexport * from \"./providers/auth.provider\";\nexport * from \"./providers/whitelabel.provider\";\n\n// Hooks\nexport {\n  useListProjectUsers,\n  LIST_PROJECT_USERS_QUERY_KEY,\n  LIST_PROJECT_USERS_BASE_KEY,\n} from \"./modules/projects/hooks/list-project-users.hook\";\nexport {\n  useListAvailableUsers,\n  LIST_AVAILABLE_USERS_QUERY_KEY,\n  LIST_AVAILABLE_USERS_BASE_KEY,\n} from \"./modules/projects/hooks/list-available-users.hook\";\nexport type {\n  ProjectUser,\n  AccountUser,\n  AddRemoveProjectUsersParams,\n  ListUsersParams,\n  UsersPage,\n} from \"./modules/projects/types\";\nexport {\n  useUserQuery,\n  useUserValidateSession,\n  useInvalidateUser,\n  useSetUserData,\n  useTwoFactorVerify,\n  USER_QUERY_KEY,\n} from \"./modules/auth/hooks/useUserQuery\";\nexport {\n  useSubscriptions,\n  SUBSCRIPTIONS_QUERY_KEY,\n} from \"./modules/subscriptions/hooks/list-subscriptions.hook\";\nexport { useActiveSubscription } from \"./modules/subscriptions/hooks/find-active-subscription.hook\";\nexport { useIaCredits } from \"./modules/ia-credits/hooks/ia-credits.hook\";\nexport type {\n  IaCreditsSummary,\n  IaCreditOperation,\n} from \"./modules/ia-credits/types\";\nexport type {\n  Subscription,\n  SubscriptionItem,\n  FindSubscriptionsParams,\n} from \"./modules/subscriptions/types\";\nexport {\n  SubscriptionSchema,\n  SubscriptionItemSchema,\n} from \"./modules/subscriptions/types\";\nexport { ADDON_IDS } from \"./modules/subscriptions/constants/addons.constants\";\nexport type { AddonKindEnum } from \"./modules/subscriptions/constants/addons.constants\";\n\n// Providers\nexport { QueryProvider } from \"./providers/query.provider\";\n\n// Middleware\nexport { createAuthMiddleware } from \"./middlewares/create-auth-middleware\";\nexport { createMiddlewareChain } from \"./middlewares/chain\";\nexport { continueChain, stopChain } from \"./middlewares/types\";\nexport type {\n  MiddlewareFunction,\n  MiddlewareConfig,\n  MiddlewareResult,\n} from \"./middlewares/types\";\n\n// Utils\nexport { cn } from \"./infra/utils/clsx\";\nexport { buildQueryParams } from \"./infra/utils/params\";\nexport { parseSchema, parseResult } from \"./infra/utils/parser\";\n\n// Layout\nexport {\n  MainLayout,\n  MainLayoutContent,\n  MainLayoutSpacer,\n  MainLayoutMain,\n} from \"./components/layouts/MainLayout\";\nexport { NavBar } from \"./components/layouts/NavBar\";\nexport type { NavBarProps } from \"./components/layouts/NavBar\";\nexport { AppNavBar } from \"./components/layouts/AppNavBar\";\nexport type { AppNavBarProps } from \"./components/layouts/AppNavBar\";\nexport { AppMobileNavBar } from \"./components/layouts/AppMobileNavBar\";\nexport type { AppMobileNavBarProps } from \"./components/layouts/AppMobileNavBar\";\nexport { SideBarNavigation } from \"./components/layouts/SideBarNavigation\";\nexport { MdSideBarNavigation } from \"./components/layouts/MdSideBarNavigation\";\nexport { NotificationItem } from \"./components/layouts/NotificationItem\";\nexport type { NotificationItemProps } from \"./components/layouts/NotificationItem\";\nexport { NotificationsPopover } from \"./components/layouts/NotificationsPopover\";\nexport type { NotificationsPopoverProps } from \"./components/layouts/NotificationsPopover\";\nexport { UsersSelectorPopover } from \"./components/layouts/UsersSelectorPopover\";\nexport type { UsersSelectorPopoverProps } from \"./components/layouts/UsersSelectorPopover\";\nexport { ProfilePopover } from \"./components/layouts/ProfilePopover\";\nexport type {\n  ProfilePopoverProps,\n  ProfileMenuItem,\n} from \"./components/layouts/ProfilePopover\";\nexport { NavBarItem } from \"./components/layouts/NavBarItem\";\nexport type { NavBarItemProps } from \"./components/layouts/NavBarItem\";\n\n// UI - Buttons\nexport { Button, buttonVariants } from \"./components/ui/buttons/Button\";\nexport { CopyButton } from \"./components/ui/buttons/CopyButton\";\nexport { default as CancelButton } from \"./components/ui/buttons/CancelButton\";\n\n// UI - Data Display\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n} from \"./components/ui/data-display/Accordion\";\nexport { Badge, badgeVariants } from \"./components/ui/data-display/Badge\";\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n} from \"./components/ui/data-display/Card\";\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n} from \"./components/ui/data-display/Pagination\";\nexport { ScrollArea, ScrollBar } from \"./components/ui/data-display/ScrollArea\";\nexport { Separator } from \"./components/ui/data-display/Separator\";\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n} from \"./components/ui/data-display/Table\";\nexport {\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n} from \"./components/ui/data-display/Tabs\";\nexport { UserAvatar } from \"./components/ui/data-display/UserAvatar\";\nexport type { UserAvatarProps } from \"./components/ui/data-display/UserAvatar\";\n\n// UI - Feedback\nexport { default as CircularProgress } from \"./components/ui/feedback/CircularProgress\";\nexport { default as DefaultCircularProgress } from \"./components/ui/feedback/DefaultCircularProgress\";\nexport { Progress } from \"./components/ui/feedback/Progress\";\nexport { LoadingOverlay } from \"./components/ui/feedback/LoadingOverlay\";\nexport {\n  Toast,\n  toastVariants,\n  toastIconContainerVariants,\n} from \"./components/ui/feedback/Toast\";\nexport type { ToastProps } from \"./components/ui/feedback/Toast\";\n\n// UI - Form\nexport { Calendar, CalendarDayButton } from \"./components/ui/form/Calendar\";\nexport { Checkbox } from \"./components/ui/form/Checkbox\";\nexport { DatePicker } from \"./components/ui/form/DatePicker\";\nexport { DateRangePicker } from \"./components/ui/form/DateRangePicker\";\nexport { Input } from \"./components/ui/form/Input\";\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n} from \"./components/ui/form/InputOtp\";\nexport { RadioGroup, RadioGroupItem } from \"./components/ui/form/RadioGroup\";\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n} from \"./components/ui/form/Select\";\nexport { Switch } from \"./components/ui/form/Switch\";\nexport { Textarea } from \"./components/ui/form/Textarea\";\n\n// UI - Overlay\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n} from \"./components/ui/overlay/Command\";\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n} from \"./components/ui/overlay/Dialog\";\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverAnchor,\n} from \"./components/ui/overlay/Popover\";\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n} from \"./components/ui/overlay/Sheet\";\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n} from \"./components/ui/overlay/Tooltip\";\n\n// Store\nexport { useMdSidebarStore } from \"./store/useMdSidebarStore\";\nexport { useModalManager } from \"./store/useModalManager\";\nexport type { ModalData } from \"./store/useModalManager\";\n\n// Enums\nexport { AccountSectionType } from \"./enums/AccountSectionType\";\n\n// Hooks\nexport { default as usePasswordVisibility } from \"./hooks/usePasswordVisibility\";\nexport { default as useCountdownTimer } from \"./hooks/useCountdownTimer\";\nexport { default as useIsMobile } from \"./hooks/useIsMobile\";\n\n// Utils\nexport {\n  formatPhone,\n  formatTimer,\n  formatFullName,\n  formatCPF,\n  formatCardNumber,\n} from \"./utils/format/masks\";\nexport { timezoneService } from \"./modules/accounts/services/timezone.service\";\nexport type { TimezoneOption } from \"./modules/accounts/services/timezone.service\";\nexport {\n  buildLocaleOptions,\n  LANGUAGE_OPTIONS as LOCALE_LANGUAGE_OPTIONS,\n} from \"./utils/intl/locales\";\nexport type { LocaleOption } from \"./utils/intl/locales\";\nexport { copyToClipboard, readFromClipboard } from \"./utils/browser/clipboard\";\n\n// UI - Form (new widgets)\nexport { FormField } from \"./components/ui/form/FormField\";\nexport { SelectField } from \"./components/ui/form/SelectField\";\nexport { ComboboxField } from \"./components/ui/form/ComboboxField\";\nexport type { ComboboxOption } from \"./components/ui/form/ComboboxField\";\nexport { default as PhoneInput } from \"./components/ui/form/PhoneInput\";\nexport { default as SwitchOptionFieldWithIcon } from \"./components/ui/form/SwitchOptionFieldWithIcon\";\nexport { TextAreaField } from \"./components/ui/form/TextAreaField\";\n\n// Account Module - Hooks\nexport {\n  useUpdateAccount,\n  useUpdateAccountUser,\n  useUpdateAccountUserById,\n  useDeleteAccountUser,\n  useDeleteAccount,\n} from \"./modules/accounts/hooks/useAccountManagement\";\n\n// Account Types\nexport type {\n  UpdateAccountRequest,\n  UpdateAccountUserRequest,\n  ChangePasswordRequest,\n  DeleteAccountActionResult,\n  DeleteUserActionResult,\n  UpdateAccountActionResult,\n  UpdateUserActionResult,\n  TwoFactorGenerateResult,\n  TwoFactorActionResult,\n  ContactResetResult,\n} from \"./modules/accounts/types\";\n\nexport { default as AccountModals } from \"./components/account/AccountModals\";\nexport { useAccountModals } from \"./store/useAccountModals\";\nexport type { AccountModalsConfig } from \"./store/useAccountModals\";\n\nexport { ModalManager } from \"./components/modals/ModalManager\";\nexport { Modals } from \"./components/modals/Modals\";\n\nexport { default as TwoFactorAuthModal } from \"./components/account/TwoFactorAuthModal\";\nexport { default as DisableTwoFactorAuthModal } from \"./components/account/DisableTwoFactorAuthModal\";\nexport { default as ConfirmGlobalPreferencesModal } from \"./components/account/ConfirmGlobalPreferencesModal\";\nexport { MyProfileSection } from \"./components/account/sections/MyProfileSection\";\nexport { PreferencesSection } from \"./components/account/sections/PreferencesSection\";\nexport { SecuritySection } from \"./components/account/sections/SecuritySection\";\nexport { ChangePasswordSection } from \"./components/account/sections/ChangePasswordSection\";\nexport { ChangeEmailModal } from \"./components/account/sections/ChangeEmailModal\";\nexport { ChangePhoneModal } from \"./components/account/sections/ChangePhoneModal\";\n\n// Account Constants\nexport {\n  GENDER_OPTIONS,\n  CURRENCY_OPTIONS,\n  TIME_FORMAT_OPTIONS,\n  NOTIFICATION_TYPES,\n  LANGUAGE_OPTIONS,\n} from \"./components/account/constants\";\n"],"mappings":"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","names":["default","LANGUAGE_OPTIONS"]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// Types\nexport * from \"./modules/auth/schema\";\nexport * from \"./modules/users/schema\";\nexport * from \"./modules/whitelabel/schema\";\nexport * from \"./infra/api/types\";\n\n// Contexts\nexport * from \"./providers/query.provider\";\nexport * from \"./providers/auth.provider\";\nexport * from \"./providers/whitelabel.provider\";\n\n// Hooks\nexport {\n  useListProjectUsers,\n  LIST_PROJECT_USERS_QUERY_KEY,\n  LIST_PROJECT_USERS_BASE_KEY,\n} from \"./modules/projects/hooks/list-project-users.hook\";\nexport {\n  useListAvailableUsers,\n  LIST_AVAILABLE_USERS_QUERY_KEY,\n  LIST_AVAILABLE_USERS_BASE_KEY,\n} from \"./modules/projects/hooks/list-available-users.hook\";\nexport type {\n  ProjectUser,\n  AccountUser,\n  AddRemoveProjectUsersParams,\n  ListUsersParams,\n  UsersPage,\n} from \"./modules/projects/types\";\nexport {\n  useUserQuery,\n  useUserValidateSession,\n  useInvalidateUser,\n  useSetUserData,\n  useTwoFactorVerify,\n  USER_QUERY_KEY,\n} from \"./modules/auth/hooks/useUserQuery\";\nexport {\n  useSubscriptions,\n  SUBSCRIPTIONS_QUERY_KEY,\n} from \"./modules/subscriptions/hooks/list-subscriptions.hook\";\nexport { useActiveSubscription } from \"./modules/subscriptions/hooks/find-active-subscription.hook\";\nexport { useIaCredits } from \"./modules/ia-credits/hooks/ia-credits.hook\";\nexport type {\n  IaCreditsSummary,\n  IaCreditOperation,\n} from \"./modules/ia-credits/types\";\nexport type {\n  Subscription,\n  SubscriptionItem,\n  FindSubscriptionsParams,\n} from \"./modules/subscriptions/types\";\nexport {\n  SubscriptionSchema,\n  SubscriptionItemSchema,\n} from \"./modules/subscriptions/types\";\nexport { ADDON_IDS } from \"./modules/subscriptions/constants/addons.constants\";\nexport type { AddonKindEnum } from \"./modules/subscriptions/constants/addons.constants\";\n\n// Providers\nexport { QueryProvider } from \"./providers/query.provider\";\n\n// Middleware\nexport { createAuthMiddleware } from \"./middlewares/create-auth-middleware\";\nexport { createMiddlewareChain } from \"./middlewares/chain\";\nexport { continueChain, stopChain } from \"./middlewares/types\";\nexport type {\n  MiddlewareFunction,\n  MiddlewareConfig,\n  MiddlewareResult,\n} from \"./middlewares/types\";\n\n// Utils\nexport { cn } from \"./infra/utils/clsx\";\nexport { buildQueryParams } from \"./infra/utils/params\";\nexport { parseSchema, parseResult } from \"./infra/utils/parser\";\n\n// Layout\nexport {\n  MainLayout,\n  MainLayoutContent,\n  MainLayoutSpacer,\n  MainLayoutMain,\n} from \"./components/layouts/MainLayout\";\nexport { NavBar } from \"./components/layouts/NavBar\";\nexport type { NavBarProps } from \"./components/layouts/NavBar\";\nexport { AppNavBar } from \"./components/layouts/AppNavBar\";\nexport type { AppNavBarProps } from \"./components/layouts/AppNavBar\";\nexport { AppMobileNavBar } from \"./components/layouts/AppMobileNavBar\";\nexport type { AppMobileNavBarProps } from \"./components/layouts/AppMobileNavBar\";\nexport { SideBarNavigation } from \"./components/layouts/SideBarNavigation\";\nexport { MdSideBarNavigation } from \"./components/layouts/MdSideBarNavigation\";\nexport { default as NotificationCard } from \"./components/widgets/notifications/NotificationCard\";\nexport type { NotificationCardProps } from \"./components/widgets/notifications/NotificationCard\";\nexport { NotificationsPopover } from \"./components/layouts/NotificationsPopover\";\nexport type { NotificationsPopoverProps } from \"./components/layouts/NotificationsPopover\";\nexport { UsersSelectorPopover } from \"./components/layouts/UsersSelectorPopover\";\nexport type { UsersSelectorPopoverProps } from \"./components/layouts/UsersSelectorPopover\";\nexport { ProfilePopover } from \"./components/layouts/ProfilePopover\";\nexport type {\n  ProfilePopoverProps,\n  ProfileMenuItem,\n} from \"./components/layouts/ProfilePopover\";\nexport { NavBarItem } from \"./components/layouts/NavBarItem\";\nexport type { NavBarItemProps } from \"./components/layouts/NavBarItem\";\n\n// UI - Buttons\nexport { Button, buttonVariants } from \"./components/ui/buttons/Button\";\nexport { CopyButton } from \"./components/ui/buttons/CopyButton\";\nexport { default as CancelButton } from \"./components/ui/buttons/CancelButton\";\n\n// UI - Data Display\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n} from \"./components/ui/data-display/Accordion\";\nexport { Badge, badgeVariants } from \"./components/ui/data-display/Badge\";\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n} from \"./components/ui/data-display/Card\";\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n} from \"./components/ui/data-display/Pagination\";\nexport { ScrollArea, ScrollBar } from \"./components/ui/data-display/ScrollArea\";\nexport { Separator } from \"./components/ui/data-display/Separator\";\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n} from \"./components/ui/data-display/Table\";\nexport {\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n} from \"./components/ui/data-display/Tabs\";\nexport { UserAvatar } from \"./components/ui/data-display/UserAvatar\";\nexport type { UserAvatarProps } from \"./components/ui/data-display/UserAvatar\";\n\n// UI - Feedback\nexport { default as CircularProgress } from \"./components/ui/feedback/CircularProgress\";\nexport { default as DefaultCircularProgress } from \"./components/ui/feedback/DefaultCircularProgress\";\nexport { Progress } from \"./components/ui/feedback/Progress\";\nexport { LoadingOverlay } from \"./components/ui/feedback/LoadingOverlay\";\nexport {\n  Toast,\n  toastVariants,\n  toastIconContainerVariants,\n} from \"./components/ui/feedback/Toast\";\nexport type { ToastProps } from \"./components/ui/feedback/Toast\";\n\n// UI - Form\nexport { Calendar, CalendarDayButton } from \"./components/ui/form/Calendar\";\nexport { Checkbox } from \"./components/ui/form/Checkbox\";\nexport { DatePicker } from \"./components/ui/form/DatePicker\";\nexport { DateRangePicker } from \"./components/ui/form/DateRangePicker\";\nexport { Input } from \"./components/ui/form/Input\";\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n} from \"./components/ui/form/InputOtp\";\nexport { RadioGroup, RadioGroupItem } from \"./components/ui/form/RadioGroup\";\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n} from \"./components/ui/form/Select\";\nexport { Switch } from \"./components/ui/form/Switch\";\nexport { Textarea } from \"./components/ui/form/Textarea\";\n\n// UI - Overlay\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n} from \"./components/ui/overlay/Command\";\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n} from \"./components/ui/overlay/Dialog\";\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverAnchor,\n} from \"./components/ui/overlay/Popover\";\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n} from \"./components/ui/overlay/Sheet\";\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n} from \"./components/ui/overlay/Tooltip\";\n\n// Store\nexport { useMdSidebarStore } from \"./store/useMdSidebarStore\";\nexport { useModalManager } from \"./store/useModalManager\";\nexport type { ModalData } from \"./store/useModalManager\";\n\n// Enums\nexport { AccountSectionType } from \"./enums/AccountSectionType\";\n\n// Hooks\nexport { default as usePasswordVisibility } from \"./hooks/usePasswordVisibility\";\nexport { default as useCountdownTimer } from \"./hooks/useCountdownTimer\";\nexport { default as useIsMobile } from \"./hooks/useIsMobile\";\n\n// Utils\nexport {\n  formatPhone,\n  formatTimer,\n  formatFullName,\n  formatCPF,\n  formatCardNumber,\n} from \"./utils/format/masks\";\nexport { timezoneService } from \"./modules/accounts/services/timezone.service\";\nexport type { TimezoneOption } from \"./modules/accounts/services/timezone.service\";\nexport {\n  buildLocaleOptions,\n  LANGUAGE_OPTIONS as LOCALE_LANGUAGE_OPTIONS,\n} from \"./utils/intl/locales\";\nexport type { LocaleOption } from \"./utils/intl/locales\";\nexport { copyToClipboard, readFromClipboard } from \"./utils/browser/clipboard\";\n\n// UI - Form (new widgets)\nexport { FormField } from \"./components/ui/form/FormField\";\nexport { SelectField } from \"./components/ui/form/SelectField\";\nexport { ComboboxField } from \"./components/ui/form/ComboboxField\";\nexport type { ComboboxOption } from \"./components/ui/form/ComboboxField\";\nexport { default as PhoneInput } from \"./components/ui/form/PhoneInput\";\nexport { default as SwitchOptionFieldWithIcon } from \"./components/ui/form/SwitchOptionFieldWithIcon\";\nexport { TextAreaField } from \"./components/ui/form/TextAreaField\";\n\n// Account Module - Hooks\nexport {\n  useUpdateAccount,\n  useUpdateAccountUser,\n  useUpdateAccountUserById,\n  useDeleteAccountUser,\n  useDeleteAccount,\n} from \"./modules/accounts/hooks/useAccountManagement\";\n\n// Account Types\nexport type {\n  UpdateAccountRequest,\n  UpdateAccountUserRequest,\n  ChangePasswordRequest,\n  DeleteAccountActionResult,\n  DeleteUserActionResult,\n  UpdateAccountActionResult,\n  UpdateUserActionResult,\n  TwoFactorGenerateResult,\n  TwoFactorActionResult,\n  ContactResetResult,\n} from \"./modules/accounts/types\";\n\nexport { default as AccountModals } from \"./components/account/AccountModals\";\nexport { useAccountModals } from \"./store/useAccountModals\";\nexport type { AccountModalsConfig } from \"./store/useAccountModals\";\n\nexport { ModalManager } from \"./components/modals/ModalManager\";\nexport { Modals } from \"./components/modals/Modals\";\n\nexport { default as TwoFactorAuthModal } from \"./components/account/TwoFactorAuthModal\";\nexport { default as DisableTwoFactorAuthModal } from \"./components/account/DisableTwoFactorAuthModal\";\nexport { default as ConfirmGlobalPreferencesModal } from \"./components/account/ConfirmGlobalPreferencesModal\";\nexport { MyProfileSection } from \"./components/account/sections/MyProfileSection\";\nexport { PreferencesSection } from \"./components/account/sections/PreferencesSection\";\nexport { SecuritySection } from \"./components/account/sections/SecuritySection\";\nexport { ChangePasswordSection } from \"./components/account/sections/ChangePasswordSection\";\nexport { ChangeEmailModal } from \"./components/account/sections/ChangeEmailModal\";\nexport { ChangePhoneModal } from \"./components/account/sections/ChangePhoneModal\";\n\n// Account Constants\nexport {\n  GENDER_OPTIONS,\n  CURRENCY_OPTIONS,\n  TIME_FORMAT_OPTIONS,\n  NOTIFICATION_TYPES,\n  LANGUAGE_OPTIONS,\n} from \"./components/account/constants\";\n"],"mappings":"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","names":["default","LANGUAGE_OPTIONS"]}

package/dist/modules/users/schema/messages.schema.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/users/schema/messages.schema.ts"],"sourcesContent":["import { z } from 'zod';\r\n\r\nexport const MessageSchema = z.object({\r\n  id: z.string(),\r\n  deleted: z.number(),\r\n  datetime_alt: z.string().nullable(),\r\n  datetime_del: z.string().nullable(),\r\n  datetime_add: z.string(),\r\n  id_wl: z.number(),\r\n  id_account: z.number(),\r\n  id_user: z.number(),\r\n  status: z.number().nullable(),\r\n  type: z.string(),\r\n  subject: z.string(),\r\n  message: z.string(),\r\n  to: z.string(),\r\n  url: z.string(),\r\n});\r\n\r\nexport type Message = z.infer<typeof MessageSchema>;\r\n\r\nexport interface FindMessagesParams {\r\n  id_user: number;\r\n  type: string;\r\n  limit: number;\r\n  page: number;\r\n  order: 'asc' | 'desc';\r\n}\r\n\r\nexport interface ListMessagesApiResponse {\r\n  status: 0 | 1;\r\n  total: number;\r\n  data: Message[];\r\n  totalUnread: number;\r\n  message?: string;\r\n}\r\n\r\nexport interface MarkAsReadApiResponse {\r\n  status: 0 | 1;\r\n  message?: string;\r\n}\r\n\r\nexport interface MarkAllAsReadApiResponse {\r\n  status: 0 | 1;\r\n  message?: string;\r\n}\r\n"],"mappings":"AAAA,SAAS,SAAS;AAEX,MAAM,gBAAgB,EAAE,OAAO;AAAA,EACpC,IAAI,EAAE,OAAO;AAAA,EACb,SAAS,EAAE,OAAO;AAAA,EAClB,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,cAAc,EAAE,OAAO;AAAA,EACvB,OAAO,EAAE,OAAO;AAAA,EAChB,YAAY,EAAE,OAAO;AAAA,EACrB,SAAS,EAAE,OAAO;AAAA,EAClB,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,MAAM,EAAE,OAAO;AAAA,EACf,SAAS,EAAE,OAAO;AAAA,EAClB,SAAS,EAAE,OAAO;AAAA,EAClB,IAAI,EAAE,OAAO;AAAA,EACb,KAAK,EAAE,OAAO;AAChB,CAAC;","names":[]}
+{"version":3,"sources":["../../../../src/modules/users/schema/messages.schema.ts"],"sourcesContent":["import { z } from 'zod';\r\n\r\nexport const MessageSchema = z.object({\r\n  id: z.string(),\r\n  deleted: z.number(),\r\n  datetime_alt: z.string().nullable(),\r\n  datetime_del: z.string().nullable(),\r\n  datetime_add: z.string(),\r\n  id_wl: z.number(),\r\n  id_account: z.number(),\r\n  id_user: z.number(),\r\n  status: z.number().nullable(),\r\n  type: z.string(),\r\n  subject: z.string(),\r\n  message: z.string(),\r\n  to: z.string(),\r\n  url: z.string(),\r\n});\r\n\r\nexport type Message = z.infer<typeof MessageSchema>;\r\n\r\nexport interface FindMessagesParams {\r\n  id_user: number;\r\n  type: string;\r\n  limit: number;\r\n  page: number;\r\n  status: number;\r\n  order: 'asc' | 'desc';\r\n}\r\n\r\nexport interface ListMessagesApiResponse {\r\n  status: 0 | 1;\r\n  total: number;\r\n  data: Message[];\r\n  totalUnread: number;\r\n  message?: string;\r\n}\r\n\r\nexport interface MarkAsReadApiResponse {\r\n  status: 0 | 1;\r\n  message?: string;\r\n}\r\n\r\nexport interface MarkAllAsReadApiResponse {\r\n  status: 0 | 1;\r\n  message?: string;\r\n}\r\n"],"mappings":"AAAA,SAAS,SAAS;AAEX,MAAM,gBAAgB,EAAE,OAAO;AAAA,EACpC,IAAI,EAAE,OAAO;AAAA,EACb,SAAS,EAAE,OAAO;AAAA,EAClB,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,cAAc,EAAE,OAAO,EAAE,SAAS;AAAA,EAClC,cAAc,EAAE,OAAO;AAAA,EACvB,OAAO,EAAE,OAAO;AAAA,EAChB,YAAY,EAAE,OAAO;AAAA,EACrB,SAAS,EAAE,OAAO;AAAA,EAClB,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,MAAM,EAAE,OAAO;AAAA,EACf,SAAS,EAAE,OAAO;AAAA,EAClB,SAAS,EAAE,OAAO;AAAA,EAClB,IAAI,EAAE,OAAO;AAAA,EACb,KAAK,EAAE,OAAO;AAChB,CAAC;","names":[]}

package/package.json

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

package/src/components/layouts/NotificationsPopover.tsx

@@ -5,7 +5,7 @@ import { Bell } from "lucide-react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { Popover } from "../ui/overlay/Popover";
 import { Button } from "../ui/buttons/Button";
-import { NotificationItem } from "./NotificationItem";
+import NotificationCard from "../widgets/notifications/NotificationCard";
 import { cn } from "../../infra/utils/clsx";
 import { useMessages, useMarkAllMessagesAsRead } from "../../modules/users/hooks/messages.hook";
 import { formatDistanceToNow } from "date-fns";
@@ -27,7 +27,7 @@ function NotificationsPopover({
   badgeClassName = "bg-pages-400",
 }: NotificationsPopoverProps) {
   const [open, setOpen] = useState(false);
-  const { data: messagesData } = useMessages();
+  const { data: messagesData } = useMessages({ limit: 5 });
   const { mutate: markAllAsRead } = useMarkAllMessagesAsRead();
 
   const messages = messagesData?.data ?? [];
@@ -73,7 +73,7 @@ function NotificationsPopover({
 
           {messages.length > 0 ? (
             messages.map((message, index) => (
-              <NotificationItem
+              <NotificationCard
                 key={message.id}
                 icon={<Bell size={16} />}
                 iconBgColor="bg-gray-100"

package/src/components/pages/notifications/Notifications.tsx

@@ -0,0 +1,106 @@
+import { Bell, Check } from "lucide-react";
+import { Button } from "../../ui/buttons/Button";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "../../ui/data-display/Tabs";
+import { useMessages } from "../../../modules/users/hooks/messages.hook";
+import NotificationCard from "../../widgets/notifications/NotificationCard";
+import { formatDistanceToNow } from "date-fns";
+import { ptBR } from "date-fns/locale";
+
+export function Notifications() {
+  const { data: unreadedNotifications } = useMessages({
+    page: 1,
+    limit: 10,
+    status: 1,
+    type: "notification",
+    order: "desc",
+  });
+  const { data: allNotifications } = useMessages({
+    page: 1,
+    limit: 10,
+    type: "notification",
+    order: "desc",
+  });
+  return (
+    <div className="flex flex-col gap-6 lg:gap-10 px-4 py-6 lg:px-20 lg:py-14">
+      <div className="flex items-center justify-between gap-4">
+        <div className="flex flex-col gap-2">
+          <h1 className="paragraph-xlarge-semibold lg:title-large-semibold text-gray-950">
+            Notificações
+          </h1>
+          <p className="paragraph-medium-regular text-gray-600 hidden lg:block">
+            Tenha controle total sobre páginas, experiências e conversões.
+          </p>
+        </div>
+        <Button variant={"secondary"} className="h-10! lg:h-12! shrink-0">
+          <Check size={20} />
+          <span className="lg:block hidden">Marcar todos como lidos</span>
+          <span className="lg:hidden">Marcar como lidos</span>
+        </Button>
+      </div>
+      <Tabs
+        defaultValue="all"
+        className="flex flex-col w-full bg-transparent gap-6 lg:gap-8"
+      >
+        <TabsList className="h-auto pb-0 bg-transparent">
+          <TabsTrigger className="gap-2" value="all">
+            Todas as notificações{" "}
+            <span className="text-gray-500">
+              ({allNotifications?.data.length})
+            </span>
+          </TabsTrigger>
+          <TabsTrigger className="gap-2" value="unreads">
+            Não lidas{" "}
+            <span className="text-gray-500">
+              ({unreadedNotifications?.data.length})
+            </span>
+          </TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="all">
+          <div className="flex flex-col border border-gray-200 rounded-lg w-full bg-white">
+            {allNotifications?.data.map((notification, index) => (
+              <NotificationCard
+                key={notification.id}
+                icon={<Bell size={20} className="text-pages-600" />}
+                iconBgColor="bg-pages-100"
+                title={notification.subject}
+                description={notification.message}
+                time={formatDistanceToNow(new Date(notification.datetime_add), {
+                  addSuffix: true,
+                  locale: ptBR,
+                })}
+                isUnread={notification.status === 1}
+                showBorder={index < allNotifications.data.length - 1}
+              />
+            ))}
+          </div>
+        </TabsContent>
+
+        <TabsContent value="unreads">
+          <div className="flex flex-col border border-gray-200 rounded-lg w-full bg-white">
+            {unreadedNotifications?.data.map((notification, index) => (
+              <NotificationCard
+                key={notification.id}
+                icon={<Bell size={20} className="text-pages-600" />}
+                iconBgColor="bg-pages-100"
+                title={notification.subject}
+                description={notification.message}
+                time={formatDistanceToNow(new Date(notification.datetime_add), {
+                  addSuffix: true,
+                  locale: ptBR,
+                })}
+                isUnread={notification.status === 1}
+                showBorder={index < unreadedNotifications.data.length - 1}
+              />
+            ))}
+          </div>
+        </TabsContent>
+      </Tabs>
+    </div>
+  );
+}

package/src/components/widgets/notifications/NotificationCard.tsx

@@ -0,0 +1,66 @@
+import { Clock } from 'lucide-react';
+import { ReactNode } from 'react';
+import { cn } from '../../../infra/utils/clsx';
+
+type NotificationCardProps = {
+  icon: ReactNode;
+  iconBgColor?: string;
+  title: string;
+  description?: string;
+  time: string;
+  actions?: ReactNode;
+  isUnread?: boolean;
+  showBorder?: boolean;
+  className?: string;
+};
+
+export default function NotificationCard({
+  icon,
+  iconBgColor,
+  title,
+  description,
+  time,
+  actions,
+  isUnread = false,
+  showBorder = true,
+  className,
+}: NotificationCardProps) {
+  return (
+    <div
+      className={cn(
+        'flex flex-col lg:flex-row items-start p-4 lg:p-6 gap-4 lg:gap-5 relative',
+        showBorder && 'border-b border-gray-200',
+        className
+      )}
+    >
+      <div
+        className={cn(
+          'flex items-center justify-center size-10 rounded-full shrink-0',
+          iconBgColor
+        )}
+      >
+        {icon}
+      </div>
+
+      <div className="flex flex-col gap-4 flex-1">
+        <div className="flex flex-col gap-1">
+          <span className="paragraph-small-semibold text-gray-950">{title}</span>
+          {description && (
+            <span className="paragraph-small-regular text-gray-600">{description}</span>
+          )}
+        </div>
+
+        <div className="flex items-center gap-1.5">
+          <Clock size={14} className="text-gray-400" />
+          <span className="paragraph-xsmall-medium text-gray-600">{time}</span>
+        </div>
+
+        {actions && <div className="flex items-center gap-2">{actions}</div>}
+      </div>
+
+      {isUnread && <div className="size-2 bg-pages-400 rounded-full shrink-0 mt-1" />}
+    </div>
+  );
+}
+
+export type { NotificationCardProps };

package/src/index.ts

@@ -90,8 +90,8 @@ export { AppMobileNavBar } from "./components/layouts/AppMobileNavBar";
 export type { AppMobileNavBarProps } from "./components/layouts/AppMobileNavBar";
 export { SideBarNavigation } from "./components/layouts/SideBarNavigation";
 export { MdSideBarNavigation } from "./components/layouts/MdSideBarNavigation";
-export { NotificationItem } from "./components/layouts/NotificationItem";
-export type { NotificationItemProps } from "./components/layouts/NotificationItem";
+export { default as NotificationCard } from "./components/widgets/notifications/NotificationCard";
+export type { NotificationCardProps } from "./components/widgets/notifications/NotificationCard";
 export { NotificationsPopover } from "./components/layouts/NotificationsPopover";
 export type { NotificationsPopoverProps } from "./components/layouts/NotificationsPopover";
 export { UsersSelectorPopover } from "./components/layouts/UsersSelectorPopover";

package/src/modules/users/schema/messages.schema.ts

@@ -24,6 +24,7 @@ export interface FindMessagesParams {
   type: string;
   limit: number;
   page: number;
+  status: number;
   order: 'asc' | 'desc';
 }
 

package/dist/components/layouts/NotificationItem.mjs

@@ -1,11 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-function NotificationItem({ icon, iconBgColor, title, time, showBorder = true }) {
-  return /* @__PURE__ */ jsx("div", { className: `flex items-center gap-3 px-4 py-5 ${showBorder ? "border-b border-gray-200" : ""}`, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold text-gray-950", children: title }),
-    /* @__PURE__ */ jsx("span", { className: "paragraph-xsmall-medium text-gray-500", children: time })
-  ] }) });
-}
-export {
-  NotificationItem
-};
-//# sourceMappingURL=NotificationItem.mjs.map

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

@@ -1 +0,0 @@
-{"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":"AAgBY,SACI,KADJ;AANZ,SAAS,iBAAiB,EAAE,MAAM,aAAa,OAAO,MAAM,aAAa,KAAK,GAA0B;AACpG,SACI,oBAAC,SAAI,WAAW,qCAAqC,aAAa,6BAA6B,EAAE,IAI7F,+BAAC,SAAI,WAAU,yBACX;AAAA,wBAAC,UAAK,WAAU,0CAA0C,iBAAM;AAAA,IAChE,oBAAC,UAAK,WAAU,yCAAyC,gBAAK;AAAA,KAClE,GACJ;AAER;","names":[]}

package/src/components/layouts/NotificationItem.tsx

@@ -1,26 +0,0 @@
-import { ReactNode } from "react";
-
-type NotificationItemProps = {
-    icon: ReactNode;
-    iconBgColor: string;
-    title: string;
-    time: string;
-    showBorder?: boolean;
-}
-
-function NotificationItem({ icon, iconBgColor, title, time, showBorder = true }: NotificationItemProps) {
-    return (
-        <div className={`flex items-center gap-3 px-4 py-5 ${showBorder ? 'border-b border-gray-200' : ''}`}>
-            {/* <div className={`flex items-center justify-center rounded-full ${iconBgColor} size-10`}>
-                {icon}
-            </div> */}
-            <div className="flex flex-col gap-1.5">
-                <span className="paragraph-small-semibold text-gray-950">{title}</span>
-                <span className="paragraph-xsmall-medium text-gray-500">{time}</span>
-            </div>
-        </div>
-    );
-}
-
-export { NotificationItem };
-export type { NotificationItemProps };