@greatapps/common 1.1.71 → 1.1.75

package/dist/modules/users/action/mark-message-as-read.action.mjs

@@ -0,0 +1,9 @@
+"use server";
+import { messagesService } from "../services/messages.service";
+async function markMessageAsReadAction(messageId) {
+  return messagesService.markAsRead(messageId);
+}
+export {
+  markMessageAsReadAction
+};
+//# sourceMappingURL=mark-message-as-read.action.mjs.map

package/dist/modules/users/action/mark-message-as-read.action.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/modules/users/action/mark-message-as-read.action.ts"],"sourcesContent":["'use server';\r\n\r\nimport { messagesService } from '../services/messages.service';\r\nimport type { MarkAsReadApiResponse } from '../schema/messages.schema';\r\n\r\nexport async function markMessageAsReadAction(messageId: string): Promise<MarkAsReadApiResponse> {\r\n  return messagesService.markAsRead(messageId);\r\n}\r\n"],"mappings":";AAEA,SAAS,uBAAuB;AAGhC,eAAsB,wBAAwB,WAAmD;AAC/F,SAAO,gBAAgB,WAAW,SAAS;AAC7C;","names":[]}

package/dist/modules/users/hooks/messages.hook.mjs

@@ -0,0 +1,38 @@
+"use client";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { listMessagesAction } from "../action/list-messages.action";
+import { markMessageAsReadAction } from "../action/mark-message-as-read.action";
+import { markAllMessagesAsReadAction } from "../action/mark-all-messages-as-read.action";
+import { safeServerAction } from "../../../utils/safeServerAction";
+const MESSAGES_QUERY_KEY = ["messages"];
+function useMessages(params) {
+  return useQuery({
+    queryKey: [...MESSAGES_QUERY_KEY, params],
+    queryFn: () => safeServerAction(listMessagesAction, params)
+  });
+}
+function useMarkMessageAsRead() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (messageId) => safeServerAction(markMessageAsReadAction, messageId),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: MESSAGES_QUERY_KEY });
+    }
+  });
+}
+function useMarkAllMessagesAsRead() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: () => safeServerAction(markAllMessagesAsReadAction),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: MESSAGES_QUERY_KEY });
+    }
+  });
+}
+export {
+  MESSAGES_QUERY_KEY,
+  useMarkAllMessagesAsRead,
+  useMarkMessageAsRead,
+  useMessages
+};
+//# sourceMappingURL=messages.hook.mjs.map

package/dist/modules/users/hooks/messages.hook.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/modules/users/hooks/messages.hook.ts"],"sourcesContent":["'use client';\r\n\r\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\r\nimport { listMessagesAction } from '../action/list-messages.action';\r\nimport { markMessageAsReadAction } from '../action/mark-message-as-read.action';\r\nimport { markAllMessagesAsReadAction } from '../action/mark-all-messages-as-read.action';\r\nimport { safeServerAction } from '../../../utils/safeServerAction';\r\nimport type { FindMessagesParams } from '../schema/messages.schema';\r\n\r\nexport const MESSAGES_QUERY_KEY = ['messages'];\r\n\r\nexport function useMessages(params?: Partial<FindMessagesParams>) {\r\n  return useQuery({\r\n    queryKey: [...MESSAGES_QUERY_KEY, params],\r\n    queryFn: () => safeServerAction(listMessagesAction, params),\r\n  });\r\n}\r\n\r\nexport function useMarkMessageAsRead() {\r\n  const queryClient = useQueryClient();\r\n\r\n  return useMutation({\r\n    mutationFn: (messageId: string) => safeServerAction(markMessageAsReadAction, messageId),\r\n    onSuccess: () => {\r\n      queryClient.invalidateQueries({ queryKey: MESSAGES_QUERY_KEY });\r\n    },\r\n  });\r\n}\r\n\r\nexport function useMarkAllMessagesAsRead() {\r\n  const queryClient = useQueryClient();\r\n\r\n  return useMutation({\r\n    mutationFn: () => safeServerAction(markAllMessagesAsReadAction),\r\n    onSuccess: () => {\r\n      queryClient.invalidateQueries({ queryKey: MESSAGES_QUERY_KEY });\r\n    },\r\n  });\r\n}\r\n"],"mappings":";AAEA,SAAS,aAAa,UAAU,sBAAsB;AACtD,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AACxC,SAAS,mCAAmC;AAC5C,SAAS,wBAAwB;AAG1B,MAAM,qBAAqB,CAAC,UAAU;AAEtC,SAAS,YAAY,QAAsC;AAChE,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,GAAG,oBAAoB,MAAM;AAAA,IACxC,SAAS,MAAM,iBAAiB,oBAAoB,MAAM;AAAA,EAC5D,CAAC;AACH;AAEO,SAAS,uBAAuB;AACrC,QAAM,cAAc,eAAe;AAEnC,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,cAAsB,iBAAiB,yBAAyB,SAAS;AAAA,IACtF,WAAW,MAAM;AACf,kBAAY,kBAAkB,EAAE,UAAU,mBAAmB,CAAC;AAAA,IAChE;AAAA,EACF,CAAC;AACH;AAEO,SAAS,2BAA2B;AACzC,QAAM,cAAc,eAAe;AAEnC,SAAO,YAAY;AAAA,IACjB,YAAY,MAAM,iBAAiB,2BAA2B;AAAA,IAC9D,WAAW,MAAM;AACf,kBAAY,kBAAkB,EAAE,UAAU,mBAAmB,CAAC;AAAA,IAChE;AAAA,EACF,CAAC;AACH;","names":[]}

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

@@ -0,0 +1,21 @@
+import { z } from "zod";
+const MessageSchema = z.object({
+  id: z.string(),
+  deleted: z.number(),
+  datetime_alt: z.string().nullable(),
+  datetime_del: z.string().nullable(),
+  datetime_add: z.string(),
+  id_wl: z.number(),
+  id_account: z.number(),
+  id_user: z.number(),
+  status: z.number().nullable(),
+  type: z.string(),
+  subject: z.string(),
+  message: z.string(),
+  to: z.string(),
+  url: z.string()
+});
+export {
+  MessageSchema
+};
+//# sourceMappingURL=messages.schema.mjs.map

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

@@ -0,0 +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  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/dist/modules/users/services/messages.service.mjs

@@ -0,0 +1,35 @@
+import "server-only";
+import { api } from "../../../infra/api/client";
+import { buildQueryParams } from "../../../infra/utils/params";
+import { getUserContext } from "../../auth/utils/get-user-context";
+class MessagesService {
+  async listMessages(params) {
+    const { id_account, id_user } = await getUserContext();
+    const query = buildQueryParams({
+      id_account,
+      id_user,
+      type: "notification",
+      limit: 20,
+      page: 1,
+      order: "desc",
+      ...params
+    });
+    const url = `/accounts/${id_account}/messages${query ? `?${query}` : ""}`;
+    return api.apps.get(url);
+  }
+  async markAsRead(messageId) {
+    const { id_account } = await getUserContext();
+    const url = `/accounts/${id_account}/messages/${messageId}/action/markAsRead`;
+    return api.apps.put(url);
+  }
+  async markAllAsRead() {
+    const { id_account, id_user } = await getUserContext();
+    const url = `/accounts/${id_account}/messages/action/markAllAsRead`;
+    return api.apps.put(url, { id_user });
+  }
+}
+const messagesService = new MessagesService();
+export {
+  messagesService
+};
+//# sourceMappingURL=messages.service.mjs.map

package/dist/modules/users/services/messages.service.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/modules/users/services/messages.service.ts"],"sourcesContent":["import 'server-only';\n\nimport { api } from '../../../infra/api/client';\nimport { buildQueryParams } from '../../../infra/utils/params';\nimport { getUserContext } from '../../auth/utils/get-user-context';\nimport {\n  FindMessagesParams,\n  ListMessagesApiResponse,\n  MarkAsReadApiResponse,\n  MarkAllAsReadApiResponse,\n} from '../schema/messages.schema';\n\nclass MessagesService {\n  async listMessages(\n    params?: Partial<FindMessagesParams>\n  ): Promise<ListMessagesApiResponse> {\n    const { id_account, id_user } = await getUserContext();\n\n    const query = buildQueryParams({\n      id_account,\n      id_user,\n      type: 'notification',\n      limit: 20,\n      page: 1,\n      order: 'desc',\n      ...params,\n    });\n\n    const url = `/accounts/${id_account}/messages${query ? `?${query}` : ''}`;\n    return api.apps.get<ListMessagesApiResponse>(url);\n  }\n\n  async markAsRead(messageId: string): Promise<MarkAsReadApiResponse> {\n    const { id_account } = await getUserContext();\n\n    const url = `/accounts/${id_account}/messages/${messageId}/action/markAsRead`;\n    return api.apps.put<MarkAsReadApiResponse>(url);\n  }\n\n  async markAllAsRead(): Promise<MarkAllAsReadApiResponse> {\n    const { id_account, id_user } = await getUserContext();\n\n    const url = `/accounts/${id_account}/messages/action/markAllAsRead`;\n    return api.apps.put<MarkAllAsReadApiResponse>(url, { id_user });\n  }\n}\n\nexport const messagesService = new MessagesService();\n"],"mappings":"AAAA,OAAO;AAEP,SAAS,WAAW;AACpB,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAQ/B,MAAM,gBAAgB;AAAA,EACpB,MAAM,aACJ,QACkC;AAClC,UAAM,EAAE,YAAY,QAAQ,IAAI,MAAM,eAAe;AAErD,UAAM,QAAQ,iBAAiB;AAAA,MAC7B;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,GAAG;AAAA,IACL,CAAC;AAED,UAAM,MAAM,aAAa,UAAU,YAAY,QAAQ,IAAI,KAAK,KAAK,EAAE;AACvE,WAAO,IAAI,KAAK,IAA6B,GAAG;AAAA,EAClD;AAAA,EAEA,MAAM,WAAW,WAAmD;AAClE,UAAM,EAAE,WAAW,IAAI,MAAM,eAAe;AAE5C,UAAM,MAAM,aAAa,UAAU,aAAa,SAAS;AACzD,WAAO,IAAI,KAAK,IAA2B,GAAG;AAAA,EAChD;AAAA,EAEA,MAAM,gBAAmD;AACvD,UAAM,EAAE,YAAY,QAAQ,IAAI,MAAM,eAAe;AAErD,UAAM,MAAM,aAAa,UAAU;AACnC,WAAO,IAAI,KAAK,IAA8B,KAAK,EAAE,QAAQ,CAAC;AAAA,EAChE;AACF;AAEO,MAAM,kBAAkB,IAAI,gBAAgB;","names":[]}

package/dist/providers/auth.provider.mjs

@@ -39,15 +39,13 @@ function AuthProvider({ children }) {
   const login = useCallback(
     async (credentials) => {
       const data = await loginMutate(credentials);
-      if (data.status == 0)
-        return { status: "error", message: data.message || "Login failed" };
-      if (data.twoFactorRequired) {
-        return { status: "two_factor_required", cookie: data.cookie };
+      if (data.result === "two_factor_required") {
+        return { result: "two_factor_required", cookie: data.cookie };
       }
       invalidateUser();
       invalidateAccount();
       setUserData(data.user);
-      return { status: "success" };
+      return { result: "success" };
     },
     [setUserData, invalidateUser, invalidateAccount]
   );

package/dist/providers/auth.provider.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/providers/auth.provider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {\r\n  createContext,\r\n  ReactNode,\r\n  useCallback,\r\n  useContext,\r\n  useMemo,\r\n} from \"react\";\r\nimport {\r\n  useUserQuery,\r\n  useSetUserData,\r\n  useInvalidateUser,\r\n  useUserValidateSession,\r\n} from \"../modules/auth/hooks/useUserQuery\";\r\nimport { useLogin } from \"../modules/auth/hooks/login.hook\";\r\nimport { useRegister } from \"../modules/auth/hooks/register.hook\";\r\nimport { useLogout } from \"../modules/auth/hooks/logout.hook\";\r\nimport {\r\n  AuthState,\r\n  LoginRequest,\r\n  RegisterRequest,\r\n} from \"../modules/auth/schema\";\r\n\r\nexport type LoginResult =\r\n  | { status: \"success\" }\r\n  | { status: \"two_factor_required\"; cookie: string }\r\n  | { status: \"error\"; message: string };\r\nimport {\r\n  useCurrentAccount,\r\n  useInvalidateAccount,\r\n} from \"../modules/accounts/hooks/current-account.hook\";\r\nimport { useRouter } from \"next/navigation\";\r\n\r\ninterface AuthContextProps extends AuthState {\r\n  login: (credentials: LoginRequest) => Promise<LoginResult>;\r\n  register: (data: RegisterRequest) => Promise<void>;\r\n  logout: () => Promise<void>;\r\n}\r\n\r\nexport const AuthContext = createContext<AuthContextProps | undefined>(\r\n  undefined\r\n);\r\n\r\ninterface AuthProviderProps {\r\n  children: ReactNode;\r\n}\r\n\r\nexport function AuthProvider({ children }: AuthProviderProps) {\r\n  const { data: user, isLoading: isQueryLoading } = useUserQuery();\r\n  const { data: account, isLoading: isAccountLoading } = useCurrentAccount();\r\n  const { isLoading: isSessionLoading } = useUserValidateSession();\r\n\r\n  const setUserData = useSetUserData();\r\n  const invalidateUser = useInvalidateUser();\r\n  const invalidateAccount = useInvalidateAccount();\r\n\r\n  const router = useRouter();\r\n\r\n  const { mutateAsync: loginMutate, isPending: isLogging } = useLogin();\r\n  const { mutateAsync: registerMutate, isPending: isRegistering } =\r\n    useRegister();\r\n  const { mutateAsync: logoutMutate, isPending: isLoggingOut } = useLogout();\r\n\r\n  const isAuthenticated = !!user;\r\n  const isLoading =\r\n    isLogging ||\r\n    isRegistering ||\r\n    isLoggingOut ||\r\n    isQueryLoading ||\r\n    isAccountLoading ||\r\n    isSessionLoading;\r\n\r\n  const login = useCallback(\r\n    async (credentials: LoginRequest): Promise<LoginResult> => {\r\n      const data = await loginMutate(credentials);\r\n\r\n      if (data.status == 0)\r\n        return { status: \"error\", message: data.message || \"Login failed\" };\r\n\r\n      if (data.twoFactorRequired) {\r\n        return { status: \"two_factor_required\", cookie: data.cookie };\r\n      }\r\n\r\n      invalidateUser();\r\n      invalidateAccount();\r\n\r\n      setUserData(data.user);\r\n\r\n      return { status: \"success\" };\r\n    },\r\n    [setUserData, invalidateUser, invalidateAccount]\r\n  );\r\n\r\n  const register = useCallback(\r\n    async (data: RegisterRequest): Promise<void> => {\r\n      await registerMutate(data, {\r\n        onSuccess: (data) => {\r\n          invalidateUser();\r\n          invalidateAccount();\r\n          setUserData(data.user);\r\n        },\r\n      });\r\n    },\r\n    [setUserData, invalidateUser, invalidateAccount]\r\n  );\r\n\r\n  const logout = useCallback(async (): Promise<void> => {\r\n    await logoutMutate(undefined, {\r\n      onSuccess: () => {\r\n        invalidateUser();\r\n        router.push(\"/login\");\r\n      },\r\n    });\r\n  }, [setUserData]);\r\n\r\n  const value: AuthContextProps = useMemo(\r\n    () => ({\r\n      user: user ?? null,\r\n      account: account ?? null,\r\n      isAuthenticated,\r\n      isLoading,\r\n      login,\r\n      register,\r\n      logout,\r\n    }),\r\n    [user, isAuthenticated, isLoading, login, register, logout]\r\n  );\r\n\r\n  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;\r\n}\r\n\r\nexport function useAuth(): AuthContextProps {\r\n  const context = useContext(AuthContext);\r\n\r\n  if (context === undefined) {\r\n    throw new Error(\"useAuth deve ser usado dentro de um AuthProvider\");\r\n  }\r\n\r\n  return context;\r\n}\r\n"],"mappings":";AAiIS;AA/HT;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAW1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAQnB,MAAM,cAAc;AAAA,EACzB;AACF;AAMO,SAAS,aAAa,EAAE,SAAS,GAAsB;AAC5D,QAAM,EAAE,MAAM,MAAM,WAAW,eAAe,IAAI,aAAa;AAC/D,QAAM,EAAE,MAAM,SAAS,WAAW,iBAAiB,IAAI,kBAAkB;AACzE,QAAM,EAAE,WAAW,iBAAiB,IAAI,uBAAuB;AAE/D,QAAM,cAAc,eAAe;AACnC,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,oBAAoB,qBAAqB;AAE/C,QAAM,SAAS,UAAU;AAEzB,QAAM,EAAE,aAAa,aAAa,WAAW,UAAU,IAAI,SAAS;AACpE,QAAM,EAAE,aAAa,gBAAgB,WAAW,cAAc,IAC5D,YAAY;AACd,QAAM,EAAE,aAAa,cAAc,WAAW,aAAa,IAAI,UAAU;AAEzE,QAAM,kBAAkB,CAAC,CAAC;AAC1B,QAAM,YACJ,aACA,iBACA,gBACA,kBACA,oBACA;AAEF,QAAM,QAAQ;AAAA,IACZ,OAAO,gBAAoD;AACzD,YAAM,OAAO,MAAM,YAAY,WAAW;AAE1C,UAAI,KAAK,UAAU;AACjB,eAAO,EAAE,QAAQ,SAAS,SAAS,KAAK,WAAW,eAAe;AAEpE,UAAI,KAAK,mBAAmB;AAC1B,eAAO,EAAE,QAAQ,uBAAuB,QAAQ,KAAK,OAAO;AAAA,MAC9D;AAEA,qBAAe;AACf,wBAAkB;AAElB,kBAAY,KAAK,IAAI;AAErB,aAAO,EAAE,QAAQ,UAAU;AAAA,IAC7B;AAAA,IACA,CAAC,aAAa,gBAAgB,iBAAiB;AAAA,EACjD;AAEA,QAAM,WAAW;AAAA,IACf,OAAO,SAAyC;AAC9C,YAAM,eAAe,MAAM;AAAA,QACzB,WAAW,CAACA,UAAS;AACnB,yBAAe;AACf,4BAAkB;AAClB,sBAAYA,MAAK,IAAI;AAAA,QACvB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,aAAa,gBAAgB,iBAAiB;AAAA,EACjD;AAEA,QAAM,SAAS,YAAY,YAA2B;AACpD,UAAM,aAAa,QAAW;AAAA,MAC5B,WAAW,MAAM;AACf,uBAAe;AACf,eAAO,KAAK,QAAQ;AAAA,MACtB;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,QAA0B;AAAA,IAC9B,OAAO;AAAA,MACL,MAAM,QAAQ;AAAA,MACd,SAAS,WAAW;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,MAAM,iBAAiB,WAAW,OAAO,UAAU,MAAM;AAAA,EAC5D;AAEA,SAAO,oBAAC,YAAY,UAAZ,EAAqB,OAAe,UAAS;AACvD;AAEO,SAAS,UAA4B;AAC1C,QAAM,UAAU,WAAW,WAAW;AAEtC,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACpE;AAEA,SAAO;AACT;","names":["data"]}
+{"version":3,"sources":["../../src/providers/auth.provider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {\r\n  createContext,\r\n  ReactNode,\r\n  useCallback,\r\n  useContext,\r\n  useMemo,\r\n} from \"react\";\r\nimport {\r\n  useUserQuery,\r\n  useSetUserData,\r\n  useInvalidateUser,\r\n  useUserValidateSession,\r\n} from \"../modules/auth/hooks/useUserQuery\";\r\nimport { useLogin } from \"../modules/auth/hooks/login.hook\";\r\nimport { useRegister } from \"../modules/auth/hooks/register.hook\";\r\nimport { useLogout } from \"../modules/auth/hooks/logout.hook\";\r\nimport {\r\n  AuthState,\r\n  LoginRequest,\r\n  RegisterRequest,\r\n} from \"../modules/auth/schema\";\r\n\r\nexport type LoginResult =\r\n  | { result: \"success\" }\r\n  | { result: \"two_factor_required\"; cookie: string }\r\n  | { result: \"error\"; message: string };\r\nimport {\r\n  useCurrentAccount,\r\n  useInvalidateAccount,\r\n} from \"../modules/accounts/hooks/current-account.hook\";\r\nimport { useRouter } from \"next/navigation\";\r\n\r\ninterface AuthContextProps extends AuthState {\r\n  login: (credentials: LoginRequest) => Promise<LoginResult>;\r\n  register: (data: RegisterRequest) => Promise<void>;\r\n  logout: () => Promise<void>;\r\n}\r\n\r\nexport const AuthContext = createContext<AuthContextProps | undefined>(\r\n  undefined\r\n);\r\n\r\ninterface AuthProviderProps {\r\n  children: ReactNode;\r\n}\r\n\r\nexport function AuthProvider({ children }: AuthProviderProps) {\r\n  const { data: user, isLoading: isQueryLoading } = useUserQuery();\r\n  const { data: account, isLoading: isAccountLoading } = useCurrentAccount();\r\n  const { isLoading: isSessionLoading } = useUserValidateSession();\r\n\r\n  const setUserData = useSetUserData();\r\n  const invalidateUser = useInvalidateUser();\r\n  const invalidateAccount = useInvalidateAccount();\r\n\r\n  const router = useRouter();\r\n\r\n  const { mutateAsync: loginMutate, isPending: isLogging } = useLogin();\r\n  const { mutateAsync: registerMutate, isPending: isRegistering } =\r\n    useRegister();\r\n  const { mutateAsync: logoutMutate, isPending: isLoggingOut } = useLogout();\r\n\r\n  const isAuthenticated = !!user;\r\n  const isLoading =\r\n    isLogging ||\r\n    isRegistering ||\r\n    isLoggingOut ||\r\n    isQueryLoading ||\r\n    isAccountLoading ||\r\n    isSessionLoading;\r\n\r\n  const login = useCallback(\r\n    async (credentials: LoginRequest): Promise<LoginResult> => {\r\n      const data = await loginMutate(credentials);\r\n\r\n      if (data.result === \"two_factor_required\") {\r\n        return { result: \"two_factor_required\", cookie: data.cookie };\r\n      }\r\n\r\n      invalidateUser();\r\n      invalidateAccount();\r\n\r\n      setUserData(data.user);\r\n\r\n      return { result: \"success\" };\r\n    },\r\n    [setUserData, invalidateUser, invalidateAccount]\r\n  );\r\n\r\n  const register = useCallback(\r\n    async (data: RegisterRequest): Promise<void> => {\r\n      await registerMutate(data, {\r\n        onSuccess: (data) => {\r\n          invalidateUser();\r\n          invalidateAccount();\r\n          setUserData(data.user);\r\n        },\r\n      });\r\n    },\r\n    [setUserData, invalidateUser, invalidateAccount]\r\n  );\r\n\r\n  const logout = useCallback(async (): Promise<void> => {\r\n    await logoutMutate(undefined, {\r\n      onSuccess: () => {\r\n        invalidateUser();\r\n        router.push(\"/login\");\r\n      },\r\n    });\r\n  }, [setUserData]);\r\n\r\n  const value: AuthContextProps = useMemo(\r\n    () => ({\r\n      user: user ?? null,\r\n      account: account ?? null,\r\n      isAuthenticated,\r\n      isLoading,\r\n      login,\r\n      register,\r\n      logout,\r\n    }),\r\n    [user, isAuthenticated, isLoading, login, register, logout]\r\n  );\r\n\r\n  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;\r\n}\r\n\r\nexport function useAuth(): AuthContextProps {\r\n  const context = useContext(AuthContext);\r\n\r\n  if (context === undefined) {\r\n    throw new Error(\"useAuth deve ser usado dentro de um AuthProvider\");\r\n  }\r\n\r\n  return context;\r\n}\r\n"],"mappings":";AA8HS;AA5HT;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAW1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAQnB,MAAM,cAAc;AAAA,EACzB;AACF;AAMO,SAAS,aAAa,EAAE,SAAS,GAAsB;AAC5D,QAAM,EAAE,MAAM,MAAM,WAAW,eAAe,IAAI,aAAa;AAC/D,QAAM,EAAE,MAAM,SAAS,WAAW,iBAAiB,IAAI,kBAAkB;AACzE,QAAM,EAAE,WAAW,iBAAiB,IAAI,uBAAuB;AAE/D,QAAM,cAAc,eAAe;AACnC,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,oBAAoB,qBAAqB;AAE/C,QAAM,SAAS,UAAU;AAEzB,QAAM,EAAE,aAAa,aAAa,WAAW,UAAU,IAAI,SAAS;AACpE,QAAM,EAAE,aAAa,gBAAgB,WAAW,cAAc,IAC5D,YAAY;AACd,QAAM,EAAE,aAAa,cAAc,WAAW,aAAa,IAAI,UAAU;AAEzE,QAAM,kBAAkB,CAAC,CAAC;AAC1B,QAAM,YACJ,aACA,iBACA,gBACA,kBACA,oBACA;AAEF,QAAM,QAAQ;AAAA,IACZ,OAAO,gBAAoD;AACzD,YAAM,OAAO,MAAM,YAAY,WAAW;AAE1C,UAAI,KAAK,WAAW,uBAAuB;AACzC,eAAO,EAAE,QAAQ,uBAAuB,QAAQ,KAAK,OAAO;AAAA,MAC9D;AAEA,qBAAe;AACf,wBAAkB;AAElB,kBAAY,KAAK,IAAI;AAErB,aAAO,EAAE,QAAQ,UAAU;AAAA,IAC7B;AAAA,IACA,CAAC,aAAa,gBAAgB,iBAAiB;AAAA,EACjD;AAEA,QAAM,WAAW;AAAA,IACf,OAAO,SAAyC;AAC9C,YAAM,eAAe,MAAM;AAAA,QACzB,WAAW,CAACA,UAAS;AACnB,yBAAe;AACf,4BAAkB;AAClB,sBAAYA,MAAK,IAAI;AAAA,QACvB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,aAAa,gBAAgB,iBAAiB;AAAA,EACjD;AAEA,QAAM,SAAS,YAAY,YAA2B;AACpD,UAAM,aAAa,QAAW;AAAA,MAC5B,WAAW,MAAM;AACf,uBAAe;AACf,eAAO,KAAK,QAAQ;AAAA,MACtB;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,QAA0B;AAAA,IAC9B,OAAO;AAAA,MACL,MAAM,QAAQ;AAAA,MACd,SAAS,WAAW;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,MAAM,iBAAiB,WAAW,OAAO,UAAU,MAAM;AAAA,EAC5D;AAEA,SAAO,oBAAC,YAAY,UAAZ,EAAqB,OAAe,UAAS;AACvD;AAEO,SAAS,UAA4B;AAC1C,QAAM,UAAU,WAAW,WAAW;AAEtC,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACpE;AAEA,SAAO;AACT;","names":["data"]}

package/dist/utils/safeServerAction.mjs

@@ -0,0 +1,22 @@
+class ServerActionError extends Error {
+  status;
+  constructor(message, status) {
+    super(message);
+    this.name = "ServerActionError";
+    this.status = status;
+  }
+}
+async function safeServerAction(action, ...args) {
+  const result = await action(...args);
+  if (result.status === 0 || result.result === "error" || result.error) {
+    const msg = result.message || result.error || "Erro na a\xE7\xE3o";
+    throw new ServerActionError(msg, result.status || 0);
+  }
+  const { error, ...successData } = result;
+  return successData;
+}
+export {
+  ServerActionError,
+  safeServerAction
+};
+//# sourceMappingURL=safeServerAction.mjs.map

package/dist/utils/safeServerAction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/safeServerAction.ts"],"sourcesContent":["export class ServerActionError extends Error {\n  status: number;\n\n  constructor(message: string, status: number) {\n    super(message);\n    this.name = 'ServerActionError';\n    this.status = status;\n  }\n}\n\nexport async function safeServerAction<\n  TArgs extends any[],\n  TResult extends Record<string, any>,\n>(\n  action: (...args: TArgs) => Promise<TResult>,\n  ...args: TArgs\n): Promise<Omit<TResult, 'error'>> {\n  const result: TResult = await action(...args);\n\n  if (result.status === 0 || result.result === 'error' || result.error) {\n    const msg = result.message || result.error || 'Erro na ação';\n    throw new ServerActionError(msg, result.status || 0);\n  }\n\n  const { error, ...successData } = result;\n  return successData as Omit<TResult, 'error'>;\n}\n"],"mappings":"AAAO,MAAM,0BAA0B,MAAM;AAAA,EAC3C;AAAA,EAEA,YAAY,SAAiB,QAAgB;AAC3C,UAAM,OAAO;AACb,SAAK,OAAO;AACZ,SAAK,SAAS;AAAA,EAChB;AACF;AAEA,eAAsB,iBAIpB,WACG,MAC8B;AACjC,QAAM,SAAkB,MAAM,OAAO,GAAG,IAAI;AAE5C,MAAI,OAAO,WAAW,KAAK,OAAO,WAAW,WAAW,OAAO,OAAO;AACpE,UAAM,MAAM,OAAO,WAAW,OAAO,SAAS;AAC9C,UAAM,IAAI,kBAAkB,KAAK,OAAO,UAAU,CAAC;AAAA,EACrD;AAEA,QAAM,EAAE,OAAO,GAAG,YAAY,IAAI;AAClC,SAAO;AACT;","names":[]}

package/package.json

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

package/src/components/layouts/AppNavBar.tsx

@@ -8,7 +8,6 @@ import { NotificationsPopover } from './NotificationsPopover';
 import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/overlay/Tooltip';
 import { useAccountModals } from '../../store/useAccountModals';
 import type { ProfileMenuItem } from './ProfilePopover';
-import type { NotificationData } from './NotificationsPopover';
 
 export interface AppNavBarProps {
   onLogoClick?: () => void;
@@ -21,7 +20,6 @@ export interface AppNavBarProps {
   onExpandClick?: () => void;
   menuItems?: ProfileMenuItem[];
   onCreditsClick?: () => void;
-  notifications?: NotificationData[];
   onNotificationsViewAll?: () => void;
 }
 
@@ -35,7 +33,6 @@ export function AppNavBar({
   onExpandClick,
   menuItems = [],
   onCreditsClick,
-  notifications,
   onNotificationsViewAll,
 }: AppNavBarProps) {
   const router = useRouter();
@@ -73,7 +70,6 @@ export function AppNavBar({
       }
     >
       <NotificationsPopover
-        notifications={notifications}
         onViewAll={onNotificationsViewAll}
       />
       <ProfilePopover

package/src/components/layouts/NotificationsPopover.tsx

@@ -1,22 +1,17 @@
 "use client";
 
-import { ReactNode, useState } from "react";
+import { useState } from "react";
 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";
-
-export interface NotificationData {
-  icon: ReactNode;
-  iconBgColor: string;
-  title: string;
-  time: string;
-}
+import { useMessages, useMarkAllMessagesAsRead } from "../../modules/users/hooks/messages.hook";
+import { formatDistanceToNow } from "date-fns";
+import { ptBR } from "date-fns/locale";
 
 export interface NotificationsPopoverProps {
-  notifications?: NotificationData[];
   onViewAll?: () => void;
   side?: "top" | "bottom" | "left" | "right";
   align?: "start" | "center" | "end";
@@ -25,7 +20,6 @@ export interface NotificationsPopoverProps {
 }
 
 function NotificationsPopover({
-  notifications = [],
   onViewAll,
   side,
   align,
@@ -33,11 +27,17 @@ function NotificationsPopover({
   badgeClassName = "bg-pages-400",
 }: NotificationsPopoverProps) {
   const [open, setOpen] = useState(false);
-  const [hasNewNotifications, setHasNewNotifications] = useState(true);
+  const { data: messagesData } = useMessages({ limit: 5 });
+  const { mutate: markAllAsRead } = useMarkAllMessagesAsRead();
+
+  const messages = messagesData?.data ?? [];
+  const totalUnread = messagesData?.totalUnread ?? 0;
 
   const handleOpenChange = (isOpen: boolean) => {
     setOpen(isOpen);
-    if (isOpen) setHasNewNotifications(false);
+    if (isOpen && totalUnread > 0) {
+      markAllAsRead();
+    }
   };
 
   return (
@@ -47,7 +47,7 @@ function NotificationsPopover({
           className={`relative rounded-full p-2.5 ${open ? "bg-gray-100" : "hover:bg-gray-100"}`}
         >
           <Bell size={20} className="text-gray-500" />
-          {hasNewNotifications && (
+          {totalUnread > 0 && (
             <span
               className={cn(
                 "absolute top-2 right-2 size-2.5 rounded-full",
@@ -60,7 +60,7 @@ function NotificationsPopover({
       <PopoverPrimitive.Portal>
         <PopoverPrimitive.Content
           className={cn(
-            "absolute bottom-2 left-[26px] w-[308px] p-0 pt-4 bg-white rounded-2xl shadow-md border border-gray-200",
+            "absolute bottom-2 left-[26px] z-[9999] w-[308px] p-0 pt-4 bg-white rounded-2xl shadow-md border border-gray-200",
             contentClassName,
           )}
           side={side}
@@ -71,15 +71,18 @@ function NotificationsPopover({
             Últimas notificações
           </span>
 
-          {notifications.length > 0 ? (
-            notifications.map((notification, index) => (
-              <NotificationItem
-                key={index}
-                icon={notification.icon}
-                iconBgColor={notification.iconBgColor}
-                title={notification.title}
-                time={notification.time}
-                showBorder={index < notifications.length - 1}
+          {messages.length > 0 ? (
+            messages.map((message, index) => (
+              <NotificationCard
+                key={message.id}
+                icon={<Bell size={16} />}
+                iconBgColor="bg-gray-100"
+                title={message.subject}
+                time={formatDistanceToNow(new Date(message.datetime_add), {
+                  addSuffix: true,
+                  locale: ptBR,
+                })}
+                showBorder={index < messages.length - 1}
               />
             ))
           ) : (

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 };