@greatapps/common 1.1.517 → 1.1.519

package/src/providers/auth.provider.tsx

@@ -1,162 +1,162 @@
-"use client";
-
-import {
-  createContext,
-  ReactNode,
-  useCallback,
-  useContext,
-  useMemo,
-} from "react";
-import { useQueryClient } from "@tanstack/react-query";
-import {
-  useUserQuery,
-  useSetUserData,
-  useUserValidateSession,
-} from "../modules/auth/hooks/useUserQuery";
-import { useLogin } from "../modules/auth/hooks/login.hook";
-import { useRegister } from "../modules/auth/hooks/register.hook";
-import { useLogout } from "../modules/auth/hooks/logout.hook";
-import {
-  AuthState,
-  LoginRequest,
-  RegisterRequest,
-} from "../modules/auth/schema";
-
-export type LoginResult =
-  | { result: "success" }
-  | { result: "two_factor_required"; cookie: string; twoFactorMode: "verify" | "setup" }
-  | { result: "error"; message: string };
-import {
-  useCurrentAccount,
-  ACCOUNT_QUERY_KEY,
-} from "../modules/accounts/hooks/current-account.hook";
-import { useWhitelabelUrls } from "./whitelabel.provider";
-import { useWlQueryKey } from "../hooks/useAuthQueryKey";
-
-interface AuthContextProps extends AuthState {
-  login: (credentials: LoginRequest) => Promise<LoginResult>;
-  register: (data: RegisterRequest) => Promise<void>;
-  logout: () => Promise<void>;
-}
-
-export const AuthContext = createContext<AuthContextProps | undefined>(
-  undefined,
-);
-
-interface AuthProviderProps {
-  children: ReactNode;
-}
-
-export function AuthProvider({ children }: AuthProviderProps) {
-  const { data: user, isLoading: isQueryLoading } = useUserQuery();
-  const { data: account, isLoading: isAccountLoading } = useCurrentAccount();
-  const { isLoading: isSessionLoading } = useUserValidateSession();
-
-  const queryClient = useQueryClient();
-  const setUserData = useSetUserData();
-  const { accountsUrl, pagesUrl } = useWhitelabelUrls();
-  const accountKey = useWlQueryKey([...ACCOUNT_QUERY_KEY]);
-
-  const { mutateAsync: loginMutate, isPending: isLogging } = useLogin();
-  const { mutateAsync: registerMutate, isPending: isRegistering } =
-    useRegister();
-  const { mutateAsync: logoutMutate, isPending: isLoggingOut } = useLogout();
-
-  const isAuthenticated = !!user;
-  const isLoading =
-    isLogging ||
-    isRegistering ||
-    isLoggingOut ||
-    isQueryLoading ||
-    isAccountLoading ||
-    isSessionLoading;
-
-  const login = useCallback(
-    async (credentials: LoginRequest): Promise<LoginResult> => {
-      try {
-        const data = await loginMutate(credentials);
-
-        if (data.result === "two_factor_required") {
-          return { result: "two_factor_required", cookie: data.cookie, twoFactorMode: data.twoFactorMode };
-        }
-
-        queryClient.clear();
-        setUserData(data.user);
-        queryClient.setQueryData(accountKey, data.account);
-
-        return { result: "success" };
-      } catch (error) {
-        const message =
-          error instanceof Error
-            ? error.message
-            : "Ocorreu um erro ao fazer login. Tente novamente.";
-        return { result: "error", message };
-      }
-    },
-    [queryClient, setUserData, accountKey],
-  );
-
-  const register = useCallback(
-    async (data: RegisterRequest): Promise<void> => {
-      await registerMutate(data, {
-        onSuccess: (data) => {
-          queryClient.clear();
-          setUserData(data.user);
-          queryClient.setQueryData(accountKey, data.account);
-        },
-      });
-    },
-    [queryClient, setUserData, accountKey],
-  );
-
-  const resolveLogoutRedirect = useCallback(() => {
-    try {
-      const currentOrigin = window.location.origin;
-      const pagesOrigin = pagesUrl ? new URL(pagesUrl).origin : "";
-
-      if (pagesOrigin && currentOrigin === pagesOrigin) {
-        return `${accountsUrl}/login?redirect=${encodeURIComponent(pagesUrl)}`;
-      }
-    } catch {
-      // fallback below
-    }
-
-    return `${accountsUrl}/login?redirect=${encodeURIComponent(pagesUrl || "/")}`;
-  }, [accountsUrl, pagesUrl]);
-
-  const logout = useCallback(async (): Promise<void> => {
-    try {
-      await logoutMutate(undefined);
-    } catch {
-      // cookie já removido no servidor mesmo se a API falhou
-    } finally {
-      queryClient.clear();
-      window.location.assign(resolveLogoutRedirect());
-    }
-  }, [queryClient, logoutMutate, resolveLogoutRedirect]);
-
-  const value: AuthContextProps = useMemo(
-    () => ({
-      user: user ?? null,
-      account: account ?? null,
-      isAuthenticated,
-      isLoading,
-      login,
-      register,
-      logout,
-    }),
-    [user, account, isAuthenticated, isLoading, login, register, logout],
-  );
-
-  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
-}
-
-export function useAuth(): AuthContextProps {
-  const context = useContext(AuthContext);
-
-  if (context === undefined) {
-    throw new Error("useAuth deve ser usado dentro de um AuthProvider");
-  }
-
-  return context;
-}
+"use client";
+
+import {
+  createContext,
+  ReactNode,
+  useCallback,
+  useContext,
+  useMemo,
+} from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import {
+  useUserQuery,
+  useSetUserData,
+  useUserValidateSession,
+} from "../modules/auth/hooks/useUserQuery";
+import { useLogin } from "../modules/auth/hooks/login.hook";
+import { useRegister } from "../modules/auth/hooks/register.hook";
+import { useLogout } from "../modules/auth/hooks/logout.hook";
+import {
+  AuthState,
+  LoginRequest,
+  RegisterRequest,
+} from "../modules/auth/schema";
+
+export type LoginResult =
+  | { result: "success" }
+  | { result: "two_factor_required"; cookie: string; twoFactorMode: "verify" | "setup" }
+  | { result: "error"; message: string };
+import {
+  useCurrentAccount,
+  ACCOUNT_QUERY_KEY,
+} from "../modules/accounts/hooks/current-account.hook";
+import { useWhitelabelUrls } from "./whitelabel.provider";
+import { useWlQueryKey } from "../hooks/useAuthQueryKey";
+
+interface AuthContextProps extends AuthState {
+  login: (credentials: LoginRequest) => Promise<LoginResult>;
+  register: (data: RegisterRequest) => Promise<void>;
+  logout: () => Promise<void>;
+}
+
+export const AuthContext = createContext<AuthContextProps | undefined>(
+  undefined,
+);
+
+interface AuthProviderProps {
+  children: ReactNode;
+}
+
+export function AuthProvider({ children }: AuthProviderProps) {
+  const { data: user, isLoading: isQueryLoading } = useUserQuery();
+  const { data: account, isLoading: isAccountLoading } = useCurrentAccount();
+  const { isLoading: isSessionLoading } = useUserValidateSession();
+
+  const queryClient = useQueryClient();
+  const setUserData = useSetUserData();
+  const { accountsUrl, pagesUrl } = useWhitelabelUrls();
+  const accountKey = useWlQueryKey([...ACCOUNT_QUERY_KEY]);
+
+  const { mutateAsync: loginMutate, isPending: isLogging } = useLogin();
+  const { mutateAsync: registerMutate, isPending: isRegistering } =
+    useRegister();
+  const { mutateAsync: logoutMutate, isPending: isLoggingOut } = useLogout();
+
+  const isAuthenticated = !!user;
+  const isLoading =
+    isLogging ||
+    isRegistering ||
+    isLoggingOut ||
+    isQueryLoading ||
+    isAccountLoading ||
+    isSessionLoading;
+
+  const login = useCallback(
+    async (credentials: LoginRequest): Promise<LoginResult> => {
+      try {
+        const data = await loginMutate(credentials);
+
+        if (data.result === "two_factor_required") {
+          return { result: "two_factor_required", cookie: data.cookie, twoFactorMode: data.twoFactorMode };
+        }
+
+        queryClient.clear();
+        setUserData(data.user);
+        queryClient.setQueryData(accountKey, data.account);
+
+        return { result: "success" };
+      } catch (error) {
+        const message =
+          error instanceof Error
+            ? error.message
+            : "Ocorreu um erro ao fazer login. Tente novamente.";
+        return { result: "error", message };
+      }
+    },
+    [queryClient, setUserData, accountKey],
+  );
+
+  const register = useCallback(
+    async (data: RegisterRequest): Promise<void> => {
+      await registerMutate(data, {
+        onSuccess: (data) => {
+          queryClient.clear();
+          setUserData(data.user);
+          queryClient.setQueryData(accountKey, data.account);
+        },
+      });
+    },
+    [queryClient, setUserData, accountKey],
+  );
+
+  const resolveLogoutRedirect = useCallback(() => {
+    try {
+      const currentOrigin = window.location.origin;
+      const pagesOrigin = pagesUrl ? new URL(pagesUrl).origin : "";
+
+      if (pagesOrigin && currentOrigin === pagesOrigin) {
+        return `${accountsUrl}/login?redirect=${encodeURIComponent(pagesUrl)}`;
+      }
+    } catch {
+      // fallback below
+    }
+
+    return `${accountsUrl}/login?redirect=${encodeURIComponent(pagesUrl || "/")}`;
+  }, [accountsUrl, pagesUrl]);
+
+  const logout = useCallback(async (): Promise<void> => {
+    try {
+      await logoutMutate(undefined);
+    } catch {
+      // cookie já removido no servidor mesmo se a API falhou
+    } finally {
+      queryClient.clear();
+      window.location.assign(resolveLogoutRedirect());
+    }
+  }, [queryClient, logoutMutate, resolveLogoutRedirect]);
+
+  const value: AuthContextProps = useMemo(
+    () => ({
+      user: user ?? null,
+      account: account ?? null,
+      isAuthenticated,
+      isLoading,
+      login,
+      register,
+      logout,
+    }),
+    [user, account, isAuthenticated, isLoading, login, register, logout],
+  );
+
+  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
+}
+
+export function useAuth(): AuthContextProps {
+  const context = useContext(AuthContext);
+
+  if (context === undefined) {
+    throw new Error("useAuth deve ser usado dentro de um AuthProvider");
+  }
+
+  return context;
+}

package/src/providers/whitelabel.provider.tsx

@@ -1,59 +1,59 @@
-"use client";
-
-import { createContext, ReactNode, useContext } from "react";
-import type { WhitelabelData, GeneralStyleJson, PageStyleJson, DashboardStyleJson } from "../modules/whitelabel/schema";
-
-interface WhitelabelContextProps {
-  whitelabel: WhitelabelData | null;
-}
-
-const WhitelabelContext = createContext<WhitelabelContextProps | undefined>(undefined);
-
-interface WhitelabelProviderProps {
-  children: ReactNode;
-  whitelabel: WhitelabelData | null;
-}
-
-export function WhitelabelProvider({
-  children,
-  whitelabel,
-}: WhitelabelProviderProps) {
-  return (
-    <WhitelabelContext.Provider value={{ whitelabel }}>
-      {children}
-    </WhitelabelContext.Provider>
-  );
-}
-
-export function useWhitelabel(): WhitelabelContextProps {
-  const context = useContext(WhitelabelContext);
-  if (context === undefined) {
-    throw new Error("useWhitelabel deve ser usado dentro de um WhitelabelProvider");
-  }
-  return context;
-}
-
-export function useWhitelabelStyles() {
-  const { whitelabel } = useWhitelabel();
-  return {
-    general: whitelabel?.general ?? null,
-    signin_page: whitelabel?.signin_page ?? null,
-    signup_page: whitelabel?.signup_page ?? null,
-    dashboard: whitelabel?.dashboard ?? null,
-  };
-}
-
-export function useIsDefaultWhitelabel(): boolean {
-  const context = useContext(WhitelabelContext);
-  return !context?.whitelabel || context.whitelabel.id === 1;
-}
-
-export function useWhitelabelUrls() {
-  const { whitelabel } = useWhitelabel();
-  return {
-    editorUrl: whitelabel?.editor_url ?? '',
-    pagesUrl: whitelabel?.pages_url ?? '',
-    accountsUrl: whitelabel?.accounts_url ?? '',
-    previewUrl: whitelabel?.pages_preview_url ?? '',
-  };
-}
+"use client";
+
+import { createContext, ReactNode, useContext } from "react";
+import type { WhitelabelData, GeneralStyleJson, PageStyleJson, DashboardStyleJson } from "../modules/whitelabel/schema";
+
+interface WhitelabelContextProps {
+  whitelabel: WhitelabelData | null;
+}
+
+const WhitelabelContext = createContext<WhitelabelContextProps | undefined>(undefined);
+
+interface WhitelabelProviderProps {
+  children: ReactNode;
+  whitelabel: WhitelabelData | null;
+}
+
+export function WhitelabelProvider({
+  children,
+  whitelabel,
+}: WhitelabelProviderProps) {
+  return (
+    <WhitelabelContext.Provider value={{ whitelabel }}>
+      {children}
+    </WhitelabelContext.Provider>
+  );
+}
+
+export function useWhitelabel(): WhitelabelContextProps {
+  const context = useContext(WhitelabelContext);
+  if (context === undefined) {
+    throw new Error("useWhitelabel deve ser usado dentro de um WhitelabelProvider");
+  }
+  return context;
+}
+
+export function useWhitelabelStyles() {
+  const { whitelabel } = useWhitelabel();
+  return {
+    general: whitelabel?.general ?? null,
+    signin_page: whitelabel?.signin_page ?? null,
+    signup_page: whitelabel?.signup_page ?? null,
+    dashboard: whitelabel?.dashboard ?? null,
+  };
+}
+
+export function useIsDefaultWhitelabel(): boolean {
+  const context = useContext(WhitelabelContext);
+  return !context?.whitelabel || context.whitelabel.id === 1;
+}
+
+export function useWhitelabelUrls() {
+  const { whitelabel } = useWhitelabel();
+  return {
+    editorUrl: whitelabel?.editor_url ?? '',
+    pagesUrl: whitelabel?.pages_url ?? '',
+    accountsUrl: whitelabel?.accounts_url ?? '',
+    previewUrl: whitelabel?.pages_preview_url ?? '',
+  };
+}

package/src/store/useBuyCreditsModal.ts

@@ -1,21 +1,21 @@
-import { useModalManager } from './useModalManager';
-
-interface BuyCreditsModalData {
-  onConfirm?: (creditAmount: number, price: number) => void;
-}
-
-export const useBuyCreditsModal = () => {
-  const { activeModal, modalData, openModal, closeModal } = useModalManager();
-
-  const isOpen = activeModal === 'buyCreditsModal';
-  const data = modalData as BuyCreditsModalData;
-
-  return {
-    open: isOpen,
-    onConfirm: data?.onConfirm,
-
-    openModal: (onConfirm?: (creditAmount: number, price: number) => void) =>
-      openModal('buyCreditsModal', { onConfirm }),
-    closeModal,
-  };
-};
+import { useModalManager } from './useModalManager';
+
+interface BuyCreditsModalData {
+  onConfirm?: (creditAmount: number, price: number) => void;
+}
+
+export const useBuyCreditsModal = () => {
+  const { activeModal, modalData, openModal, closeModal } = useModalManager();
+
+  const isOpen = activeModal === 'buyCreditsModal';
+  const data = modalData as BuyCreditsModalData;
+
+  return {
+    open: isOpen,
+    onConfirm: data?.onConfirm,
+
+    openModal: (onConfirm?: (creditAmount: number, price: number) => void) =>
+      openModal('buyCreditsModal', { onConfirm }),
+    closeModal,
+  };
+};

package/src/store/useDesktopSidebarStore.ts

@@ -1,47 +1,47 @@
-import { create } from "zustand";
-import { useEffect } from "react";
-
-const STORAGE_KEY = "desktop-sidebar-expanded";
-
-type DesktopSidebarStore = {
-    isExpanded: boolean;
-    _hydrated: boolean;
-    toggle: () => void;
-    expand: () => void;
-    collapse: () => void;
-    _hydrate: () => void;
-};
-
-export const useDesktopSidebarStore = create<DesktopSidebarStore>((set) => ({
-    isExpanded: true,
-    _hydrated: false,
-    toggle: () => set((state) => {
-        const next = !state.isExpanded;
-        localStorage.setItem(STORAGE_KEY, String(next));
-        return { isExpanded: next };
-    }),
-    expand: () => {
-        localStorage.setItem(STORAGE_KEY, "true");
-        return set({ isExpanded: true });
-    },
-    collapse: () => {
-        localStorage.setItem(STORAGE_KEY, "false");
-        return set({ isExpanded: false });
-    },
-    _hydrate: () => {
-        const stored = localStorage.getItem(STORAGE_KEY);
-        const value = stored === null ? true : stored === "true";
-        set({ isExpanded: value, _hydrated: true });
-    },
-}));
-
-export function useDesktopSidebarHydration() {
-    const hydrate = useDesktopSidebarStore((s) => s._hydrate);
-    const hydrated = useDesktopSidebarStore((s) => s._hydrated);
-
-    useEffect(() => {
-        if (!hydrated) {
-            hydrate();
-        }
-    }, [hydrate, hydrated]);
-}
+import { create } from "zustand";
+import { useEffect } from "react";
+
+const STORAGE_KEY = "desktop-sidebar-expanded";
+
+type DesktopSidebarStore = {
+    isExpanded: boolean;
+    _hydrated: boolean;
+    toggle: () => void;
+    expand: () => void;
+    collapse: () => void;
+    _hydrate: () => void;
+};
+
+export const useDesktopSidebarStore = create<DesktopSidebarStore>((set) => ({
+    isExpanded: true,
+    _hydrated: false,
+    toggle: () => set((state) => {
+        const next = !state.isExpanded;
+        localStorage.setItem(STORAGE_KEY, String(next));
+        return { isExpanded: next };
+    }),
+    expand: () => {
+        localStorage.setItem(STORAGE_KEY, "true");
+        return set({ isExpanded: true });
+    },
+    collapse: () => {
+        localStorage.setItem(STORAGE_KEY, "false");
+        return set({ isExpanded: false });
+    },
+    _hydrate: () => {
+        const stored = localStorage.getItem(STORAGE_KEY);
+        const value = stored === null ? true : stored === "true";
+        set({ isExpanded: value, _hydrated: true });
+    },
+}));
+
+export function useDesktopSidebarHydration() {
+    const hydrate = useDesktopSidebarStore((s) => s._hydrate);
+    const hydrated = useDesktopSidebarStore((s) => s._hydrated);
+
+    useEffect(() => {
+        if (!hydrated) {
+            hydrate();
+        }
+    }, [hydrate, hydrated]);
+}

package/src/store/useMdSidebarStore.ts

@@ -1,34 +1,34 @@
-import { create } from "zustand";
-
-const STORAGE_KEY = "md-sidebar-expanded";
-
-function getInitialState(): boolean {
-    if (typeof window === "undefined") return false;
-    const stored = localStorage.getItem(STORAGE_KEY);
-    if (stored === null) return false;
-    return stored === "true";
-}
-
-type MdSidebarStore = {
-    isExpanded: boolean;
-    toggle: () => void;
-    expand: () => void;
-    collapse: () => void;
-};
-
-export const useMdSidebarStore = create<MdSidebarStore>((set) => ({
-    isExpanded: getInitialState(),
-    toggle: () => set((state) => {
-        const next = !state.isExpanded;
-        localStorage.setItem(STORAGE_KEY, String(next));
-        return { isExpanded: next };
-    }),
-    expand: () => {
-        localStorage.setItem(STORAGE_KEY, "true");
-        return set({ isExpanded: true });
-    },
-    collapse: () => {
-        localStorage.setItem(STORAGE_KEY, "false");
-        return set({ isExpanded: false });
-    },
-}));
+import { create } from "zustand";
+
+const STORAGE_KEY = "md-sidebar-expanded";
+
+function getInitialState(): boolean {
+    if (typeof window === "undefined") return false;
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored === null) return false;
+    return stored === "true";
+}
+
+type MdSidebarStore = {
+    isExpanded: boolean;
+    toggle: () => void;
+    expand: () => void;
+    collapse: () => void;
+};
+
+export const useMdSidebarStore = create<MdSidebarStore>((set) => ({
+    isExpanded: getInitialState(),
+    toggle: () => set((state) => {
+        const next = !state.isExpanded;
+        localStorage.setItem(STORAGE_KEY, String(next));
+        return { isExpanded: next };
+    }),
+    expand: () => {
+        localStorage.setItem(STORAGE_KEY, "true");
+        return set({ isExpanded: true });
+    },
+    collapse: () => {
+        localStorage.setItem(STORAGE_KEY, "false");
+        return set({ isExpanded: false });
+    },
+}));