@foxpixel/react 0.1.0

package/dist/index.mjs

@@ -0,0 +1,448 @@
+// src/context/FoxPixelContext.tsx
+import { createContext, useContext, useMemo } from "react";
+
+// src/client/http.ts
+import axios from "axios";
+var FoxPixelHttpClient = class {
+  constructor(config) {
+    const apiUrl = config.apiUrl || process.env.NEXT_PUBLIC_FOXPIXEL_API_URL || "https://api.foxpixel.com";
+    this.client = axios.create({
+      baseURL: apiUrl,
+      headers: {
+        "Content-Type": "application/json"
+      },
+      withCredentials: true
+      // Important for httpOnly cookies (End User auth)
+    });
+    this.apiKey = config.apiKey || process.env.FOXPIXEL_API_KEY;
+    this.tenantId = config.tenantId;
+    this.client.interceptors.request.use(
+      (config2) => {
+        if (this.endUserToken) {
+        } else if (this.apiKey) {
+          config2.headers["Authorization"] = `Bearer ${this.apiKey}`;
+        }
+        return config2;
+      },
+      (error) => Promise.reject(error)
+    );
+    this.client.interceptors.response.use(
+      (response) => response,
+      (error) => {
+        const apiError = {
+          message: "An error occurred",
+          status: error.response?.status
+        };
+        if (error.response?.data) {
+          const data = error.response.data;
+          apiError.message = data.message || data.error || apiError.message;
+          apiError.code = data.code;
+        }
+        const requestUrl = error.config?.url || "";
+        const isMeEndpoint = requestUrl.includes("/auth/end-user/me");
+        const isUnauthorized = error.response?.status === 401;
+        if (isMeEndpoint && isUnauthorized) {
+          apiError.expected = true;
+        }
+        return Promise.reject(apiError);
+      }
+    );
+  }
+  /**
+   * Set API Key (server-side only)
+   */
+  setApiKey(apiKey) {
+    this.apiKey = apiKey;
+  }
+  /**
+   * Set tenant ID
+   */
+  setTenantId(tenantId) {
+    this.tenantId = tenantId;
+  }
+  /**
+   * Set end user token (for client-side auth)
+   * Note: In practice, end user auth uses httpOnly cookies
+   */
+  setEndUserToken(token) {
+    this.endUserToken = token;
+  }
+  /**
+   * Clear end user token (logout)
+   */
+  clearEndUserToken() {
+    this.endUserToken = void 0;
+  }
+  /**
+   * Get underlying axios instance
+   */
+  getInstance() {
+    return this.client;
+  }
+  /**
+   * Make GET request
+   */
+  async get(url, config) {
+    const response = await this.client.get(url, config);
+    return response.data;
+  }
+  /**
+   * Make POST request
+   */
+  async post(url, data, config) {
+    const response = await this.client.post(url, data, config);
+    return response.data;
+  }
+  /**
+   * Make PUT request
+   */
+  async put(url, data, config) {
+    const response = await this.client.put(url, data, config);
+    return response.data;
+  }
+  /**
+   * Make DELETE request
+   */
+  async delete(url, config) {
+    const response = await this.client.delete(url, config);
+    return response.data;
+  }
+};
+
+// src/context/FoxPixelContext.tsx
+import { jsx } from "react/jsx-runtime";
+var FoxPixelContext = createContext(null);
+function FoxPixelProvider({ children, config = {} }) {
+  const client = useMemo(() => {
+    return new FoxPixelHttpClient(config);
+  }, [config.apiUrl, config.apiKey, config.tenantId]);
+  const value = useMemo(() => ({
+    client,
+    config
+  }), [client, config]);
+  return /* @__PURE__ */ jsx(FoxPixelContext.Provider, { value, children });
+}
+function useFoxPixelContext() {
+  const context = useContext(FoxPixelContext);
+  if (!context) {
+    throw new Error("useFoxPixelContext must be used within FoxPixelProvider");
+  }
+  return context;
+}
+
+// src/context/AuthContext.tsx
+import { createContext as createContext2, useContext as useContext2, useEffect, useState, useCallback } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var AuthContext = createContext2(null);
+function AuthProvider({
+  children,
+  loginPath = "/login",
+  accountPath = "/account"
+}) {
+  const { client } = useFoxPixelContext();
+  const [user, setUser] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchCurrentUser = useCallback(async () => {
+    try {
+      setIsLoading(true);
+      setError(null);
+      const response = await client.get("/api/v1/auth/end-user/me");
+      setUser(response);
+    } catch (err) {
+      const apiError = err;
+      if (apiError.status !== 401 && !apiError.expected) {
+        setError(apiError);
+      }
+      setUser(null);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [client]);
+  const login = useCallback(async (credentials) => {
+    try {
+      setIsLoading(true);
+      setError(null);
+      const response = await client.post(
+        "/api/v1/auth/end-user/login",
+        credentials
+      );
+      setUser(response.user);
+    } catch (err) {
+      const apiError = err;
+      setError(apiError);
+      setUser(null);
+      throw apiError;
+    } finally {
+      setIsLoading(false);
+    }
+  }, [client]);
+  const register = useCallback(async (data) => {
+    try {
+      setIsLoading(true);
+      setError(null);
+      const response = await client.post(
+        "/api/v1/auth/end-user/register",
+        data
+      );
+      setUser(response.user);
+    } catch (err) {
+      const apiError = err;
+      setError(apiError);
+      setUser(null);
+      throw apiError;
+    } finally {
+      setIsLoading(false);
+    }
+  }, [client]);
+  const updateProfile = useCallback(async (data) => {
+    try {
+      setIsLoading(true);
+      setError(null);
+      const response = await client.put(
+        "/api/v1/auth/end-user/me",
+        data
+      );
+      setUser(response);
+    } catch (err) {
+      const apiError = err;
+      setError(apiError);
+      throw apiError;
+    } finally {
+      setIsLoading(false);
+    }
+  }, [client]);
+  const logout = useCallback(async () => {
+    try {
+      setIsLoading(true);
+      setError(null);
+      await client.post("/api/v1/auth/end-user/logout", {});
+      setUser(null);
+    } catch (err) {
+      const apiError = err;
+      setError(apiError);
+      setUser(null);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [client]);
+  useEffect(() => {
+    fetchCurrentUser();
+  }, [fetchCurrentUser]);
+  const value = {
+    user,
+    isLoading,
+    isAuthenticated: user !== null,
+    error,
+    login,
+    logout,
+    register,
+    updateProfile,
+    refetch: fetchCurrentUser
+  };
+  return /* @__PURE__ */ jsx2(AuthContext.Provider, { value, children });
+}
+function useAuth() {
+  const context = useContext2(AuthContext);
+  if (!context) {
+    throw new Error("useAuth must be used within AuthProvider");
+  }
+  return context;
+}
+
+// src/components/ProtectedRoute.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
+function ProtectedRoute({
+  children,
+  loginPath = "/login",
+  loadingComponent
+}) {
+  const { isAuthenticated, isLoading } = useAuth();
+  const [isMounted, setIsMounted] = useState2(false);
+  useEffect2(() => {
+    setIsMounted(true);
+  }, []);
+  useEffect2(() => {
+    if (!isMounted || typeof window === "undefined") return;
+    if (!isLoading && !isAuthenticated) {
+      const returnUrl = window.location.pathname + window.location.search;
+      const url = `${loginPath}?returnUrl=${encodeURIComponent(returnUrl)}`;
+      window.location.href = url;
+    }
+  }, [isMounted, isLoading, isAuthenticated, loginPath]);
+  if (!isMounted || isLoading) {
+    return loadingComponent || /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx3("div", { className: "text-gray-500", children: "Carregando..." }) });
+  }
+  if (!isAuthenticated) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx3(Fragment, { children });
+}
+
+// src/components/GuestOnlyRoute.tsx
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
+var ACCOUNT_PREFIX = "/account";
+function isSafeRedirect(url) {
+  if (!url || url.startsWith("//") || url.includes(":")) return false;
+  return url.startsWith("/") && url.startsWith(ACCOUNT_PREFIX);
+}
+function GuestOnlyRoute({
+  children,
+  redirectTo = "/account",
+  loadingComponent
+}) {
+  const { isAuthenticated, isLoading } = useAuth();
+  const [isMounted, setIsMounted] = useState3(false);
+  useEffect3(() => {
+    setIsMounted(true);
+  }, []);
+  useEffect3(() => {
+    if (!isMounted || typeof window === "undefined") return;
+    if (isLoading) return;
+    if (!isAuthenticated) return;
+    const params = new URLSearchParams(window.location.search);
+    const returnUrl = params.get("returnUrl");
+    const destination = returnUrl && isSafeRedirect(returnUrl) ? returnUrl : redirectTo;
+    window.location.href = destination;
+  }, [isMounted, isLoading, isAuthenticated, redirectTo]);
+  if (!isMounted || isLoading) {
+    return loadingComponent || /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx4("div", { className: "text-gray-500", children: "Carregando..." }) });
+  }
+  if (isAuthenticated) {
+    return loadingComponent || /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx4("div", { className: "text-gray-500", children: "A redirecionar..." }) });
+  }
+  return /* @__PURE__ */ jsx4(Fragment2, { children });
+}
+
+// src/components/withAuth.tsx
+import { useEffect as useEffect4, useState as useState4 } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function withAuth(Component, options = {}) {
+  const { loginPath = "/login", loadingComponent } = options;
+  return function AuthenticatedComponent(props) {
+    const { isAuthenticated, isLoading } = useAuth();
+    const [isMounted, setIsMounted] = useState4(false);
+    useEffect4(() => {
+      setIsMounted(true);
+    }, []);
+    useEffect4(() => {
+      if (!isMounted || typeof window === "undefined") return;
+      if (!isLoading && !isAuthenticated) {
+        const returnUrl = window.location.pathname + window.location.search;
+        window.location.href = `${loginPath}?returnUrl=${encodeURIComponent(returnUrl)}`;
+      }
+    }, [isMounted, isLoading, isAuthenticated, loginPath]);
+    if (!isMounted || isLoading) {
+      return loadingComponent || /* @__PURE__ */ jsx5("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx5("div", { className: "text-gray-500", children: "Carregando..." }) });
+    }
+    if (!isAuthenticated) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx5(Component, { ...props });
+  };
+}
+
+// src/hooks/useServices.ts
+import { useState as useState5, useEffect as useEffect5 } from "react";
+function useServices(options = {}) {
+  const { client } = useFoxPixelContext();
+  const [services, setServices] = useState5(null);
+  const [isLoading, setIsLoading] = useState5(true);
+  const [error, setError] = useState5(null);
+  const fetchServices = async () => {
+    try {
+      setIsLoading(true);
+      setError(null);
+      const params = new URLSearchParams();
+      if (options.category) params.append("category", options.category);
+      if (options.active !== void 0) params.append("active", String(options.active));
+      const url = `/api/v1/services${params.toString() ? `?${params.toString()}` : ""}`;
+      const data = await client.get(url);
+      setServices(data);
+    } catch (err) {
+      setError(err);
+      setServices(null);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect5(() => {
+    fetchServices();
+  }, [options.category, options.active]);
+  return {
+    services,
+    isLoading,
+    error,
+    refetch: fetchServices
+  };
+}
+
+// src/hooks/useLeadCapture.ts
+import { useState as useState6 } from "react";
+function useLeadCapture() {
+  const { client } = useFoxPixelContext();
+  const [isLoading, setIsLoading] = useState6(false);
+  const [error, setError] = useState6(null);
+  const captureLead = async (data) => {
+    try {
+      setIsLoading(true);
+      setError(null);
+      const lead = await client.post("/api/v1/leads", data);
+      return lead;
+    } catch (err) {
+      const apiError = err;
+      setError(apiError);
+      throw apiError;
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return {
+    captureLead,
+    isLoading,
+    error
+  };
+}
+
+// src/hooks/useContactCapture.ts
+import { useState as useState7 } from "react";
+function useContactCapture() {
+  const { client } = useFoxPixelContext();
+  const [isLoading, setIsLoading] = useState7(false);
+  const [error, setError] = useState7(null);
+  const captureContact = async (data) => {
+    try {
+      setIsLoading(true);
+      setError(null);
+      const contact = await client.post("/api/v1/contacts", data);
+      return contact;
+    } catch (err) {
+      const apiError = err;
+      setError(apiError);
+      throw apiError;
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return {
+    captureContact,
+    isLoading,
+    error
+  };
+}
+export {
+  AuthProvider,
+  FoxPixelHttpClient,
+  FoxPixelProvider,
+  GuestOnlyRoute,
+  ProtectedRoute,
+  useAuth,
+  useContactCapture,
+  useFoxPixelContext,
+  useLeadCapture,
+  useServices,
+  withAuth
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context/FoxPixelContext.tsx","../src/client/http.ts","../src/context/AuthContext.tsx","../src/components/ProtectedRoute.tsx","../src/components/GuestOnlyRoute.tsx","../src/components/withAuth.tsx","../src/hooks/useServices.ts","../src/hooks/useLeadCapture.ts","../src/hooks/useContactCapture.ts"],"sourcesContent":["/**\n * React Context for FoxPixel SDK\n * Provides HTTP client and configuration to all hooks\n */\n\nimport React, { createContext, useContext, useMemo, ReactNode } from 'react';\nimport { FoxPixelHttpClient } from '../client/http';\nimport { FoxPixelConfig } from '../types';\n\ninterface FoxPixelContextValue {\n  client: FoxPixelHttpClient;\n  config: FoxPixelConfig;\n}\n\nconst FoxPixelContext = createContext<FoxPixelContextValue | null>(null);\n\nexport interface FoxPixelProviderProps {\n  children: ReactNode;\n  config?: FoxPixelConfig;\n}\n\n/**\n * FoxPixelProvider - Wraps your app and provides SDK functionality\n * \n * IMPORTANT: API Key should NEVER be passed from client-side.\n * Use server-side proxy (Next.js API routes) for API Key authentication.\n * \n * @example\n * ```tsx\n * // Client-side (no API Key)\n * <FoxPixelProvider>\n *   <App />\n * </FoxPixelProvider>\n * \n * // Server-side proxy (Next.js API route)\n * // pages/api/foxpixel/[...path].ts\n * export default async function handler(req, res) {\n *   const apiKey = process.env.FOXPIXEL_API_KEY;\n *   // Proxy request with API Key\n * }\n * ```\n */\nexport function FoxPixelProvider({ children, config = {} }: FoxPixelProviderProps) {\n  const client = useMemo(() => {\n    return new FoxPixelHttpClient(config);\n  }, [config.apiUrl, config.apiKey, config.tenantId]);\n\n  const value = useMemo(() => ({\n    client,\n    config,\n  }), [client, config]);\n\n  return (\n    <FoxPixelContext.Provider value={value}>\n      {children}\n    </FoxPixelContext.Provider>\n  );\n}\n\n/**\n * Hook to access FoxPixel context\n * @throws Error if used outside FoxPixelProvider\n */\nexport function useFoxPixelContext(): FoxPixelContextValue {\n  const context = useContext(FoxPixelContext);\n  \n  if (!context) {\n    throw new Error('useFoxPixelContext must be used within FoxPixelProvider');\n  }\n  \n  return context;\n}\n","/**\n * HTTP client for FoxPixel API\n * Handles authentication and request/response transformation\n */\n\nimport axios, { AxiosInstance, AxiosRequestConfig, AxiosError } from 'axios';\nimport { FoxPixelConfig, ApiError } from '../types';\n\nexport class FoxPixelHttpClient {\n  private client: AxiosInstance;\n  private apiKey?: string;\n  private tenantId?: string;\n  private endUserToken?: string;\n\n  constructor(config: FoxPixelConfig) {\n    const apiUrl = config.apiUrl || process.env.NEXT_PUBLIC_FOXPIXEL_API_URL || 'https://api.foxpixel.com';\n    \n    this.client = axios.create({\n      baseURL: apiUrl,\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      withCredentials: true, // Important for httpOnly cookies (End User auth)\n    });\n\n    this.apiKey = config.apiKey || process.env.FOXPIXEL_API_KEY;\n    this.tenantId = config.tenantId;\n\n    // Setup request interceptor\n    this.client.interceptors.request.use(\n      (config) => {\n        // If end user is logged in, use their token\n        // Otherwise, use API Key (server-side only)\n        if (this.endUserToken) {\n          // End user token is sent via httpOnly cookie automatically\n          // No need to set Authorization header\n        } else if (this.apiKey) {\n          // API Key should only be used server-side\n          // In production, this should be proxied through Next.js API routes\n          config.headers['Authorization'] = `Bearer ${this.apiKey}`;\n        }\n        return config;\n      },\n      (error) => Promise.reject(error)\n    );\n\n    // Setup response interceptor for error handling\n    this.client.interceptors.response.use(\n      (response) => response,\n      (error: AxiosError) => {\n        const apiError: ApiError = {\n          message: 'An error occurred',\n          status: error.response?.status,\n        };\n\n        if (error.response?.data) {\n          const data = error.response.data as any;\n          apiError.message = data.message || data.error || apiError.message;\n          apiError.code = data.code;\n        }\n\n        // Mark 401 on /me endpoint as \"expected\" (not an error)\n        // 401 is expected when checking if user is logged in (no cookie = not logged in)\n        // The hook (useAuth) will handle this gracefully by ignoring 401\n        const requestUrl = error.config?.url || '';\n        const isMeEndpoint = requestUrl.includes('/auth/end-user/me');\n        const isUnauthorized = error.response?.status === 401;\n\n        if (isMeEndpoint && isUnauthorized) {\n          // Mark as expected error (hook will handle silently)\n          apiError.expected = true;\n        }\n\n        return Promise.reject(apiError);\n      }\n    );\n  }\n\n  /**\n   * Set API Key (server-side only)\n   */\n  setApiKey(apiKey: string) {\n    this.apiKey = apiKey;\n  }\n\n  /**\n   * Set tenant ID\n   */\n  setTenantId(tenantId: string) {\n    this.tenantId = tenantId;\n  }\n\n  /**\n   * Set end user token (for client-side auth)\n   * Note: In practice, end user auth uses httpOnly cookies\n   */\n  setEndUserToken(token: string) {\n    this.endUserToken = token;\n  }\n\n  /**\n   * Clear end user token (logout)\n   */\n  clearEndUserToken() {\n    this.endUserToken = undefined;\n  }\n\n  /**\n   * Get underlying axios instance\n   */\n  getInstance(): AxiosInstance {\n    return this.client;\n  }\n\n  /**\n   * Make GET request\n   */\n  async get<T>(url: string, config?: AxiosRequestConfig): Promise<T> {\n    const response = await this.client.get<T>(url, config);\n    return response.data;\n  }\n\n  /**\n   * Make POST request\n   */\n  async post<T>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> {\n    const response = await this.client.post<T>(url, data, config);\n    return response.data;\n  }\n\n  /**\n   * Make PUT request\n   */\n  async put<T>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> {\n    const response = await this.client.put<T>(url, data, config);\n    return response.data;\n  }\n\n  /**\n   * Make DELETE request\n   */\n  async delete<T>(url: string, config?: AxiosRequestConfig): Promise<T> {\n    const response = await this.client.delete<T>(url, config);\n    return response.data;\n  }\n}\n","/**\n * Global Authentication Context\n * Manages authentication state across the entire application\n * Automatically handles session restoration on page reload\n */\n\nimport React, { createContext, useContext, useEffect, useState, useCallback, ReactNode } from 'react';\nimport { useFoxPixelContext } from './FoxPixelContext';\nimport { EndUser, EndUserLoginRequest, ApiError } from '../types';\n\ninterface AuthContextValue {\n  user: EndUser | null;\n  isLoading: boolean;\n  isAuthenticated: boolean;\n  error: ApiError | null;\n  login: (credentials: EndUserLoginRequest) => Promise<void>;\n  logout: () => Promise<void>;\n  register: (data: { email: string; password: string; fullName: string; phone?: string }) => Promise<void>;\n  updateProfile: (data: { fullName?: string; phone?: string }) => Promise<void>;\n  refetch: () => Promise<void>;\n}\n\nconst AuthContext = createContext<AuthContextValue | null>(null);\n\nexport interface AuthProviderProps {\n  children: ReactNode;\n  /**\n   * Redirect path when user is not authenticated\n   * Default: '/login'\n   */\n  loginPath?: string;\n  /**\n   * Redirect path after successful login\n   * Default: '/account'\n   */\n  accountPath?: string;\n}\n\n/**\n * AuthProvider - Manages authentication state globally\n * \n * Automatically:\n * - Restores session on mount (checks httpOnly cookie)\n * - Manages user state across the app\n * - Handles login/logout transparently\n * \n * @example\n * ```tsx\n * // In _app.tsx\n * <FoxPixelProvider>\n *   <AuthProvider>\n *     <Component {...pageProps} />\n *   </AuthProvider>\n * </FoxPixelProvider>\n * ```\n */\nexport function AuthProvider({ \n  children, \n  loginPath = '/login',\n  accountPath = '/account'\n}: AuthProviderProps) {\n  const { client } = useFoxPixelContext();\n  const [user, setUser] = useState<EndUser | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<ApiError | null>(null);\n\n  /**\n   * Fetch current user from backend\n   * Automatically called on mount to restore session\n   */\n  const fetchCurrentUser = useCallback(async () => {\n    try {\n      setIsLoading(true);\n      setError(null);\n\n      const response = await client.get<EndUser>('/api/v1/auth/end-user/me');\n      setUser(response);\n    } catch (err) {\n      const apiError = err as ApiError;\n      \n      // 401 is expected when not logged in (no cookie)\n      // Don't treat it as an error\n      if (apiError.status !== 401 && !apiError.expected) {\n        setError(apiError);\n      }\n      \n      setUser(null);\n    } finally {\n      setIsLoading(false);\n    }\n  }, [client]);\n\n  /**\n   * Login with email and password\n   * Token is automatically stored in httpOnly cookie by backend\n   */\n  const login = useCallback(async (credentials: EndUserLoginRequest) => {\n    try {\n      setIsLoading(true);\n      setError(null);\n\n      const response = await client.post<{ user: EndUser; message: string }>(\n        '/api/v1/auth/end-user/login',\n        credentials\n      );\n\n      setUser(response.user);\n    } catch (err) {\n      const apiError = err as ApiError;\n      setError(apiError);\n      setUser(null);\n      throw apiError;\n    } finally {\n      setIsLoading(false);\n    }\n  }, [client]);\n\n  /**\n   * Register new user\n   * Automatically logs in after registration (backend sets cookie)\n   */\n  const register = useCallback(async (data: { \n    email: string; \n    password: string; \n    fullName: string; \n    phone?: string \n  }) => {\n    try {\n      setIsLoading(true);\n      setError(null);\n\n      const response = await client.post<{ user: EndUser; message: string }>(\n        '/api/v1/auth/end-user/register',\n        data\n      );\n\n      // Backend automatically logs in after registration (cookie is set)\n      setUser(response.user);\n    } catch (err) {\n      const apiError = err as ApiError;\n      setError(apiError);\n      setUser(null);\n      throw apiError;\n    } finally {\n      setIsLoading(false);\n    }\n  }, [client]);\n\n  /**\n   * Update user profile (fullName, phone)\n   * Automatically refreshes user data after update\n   */\n  const updateProfile = useCallback(async (data: { fullName?: string; phone?: string }) => {\n    try {\n      setIsLoading(true);\n      setError(null);\n\n      const response = await client.put<EndUser>(\n        '/api/v1/auth/end-user/me',\n        data\n      );\n\n      // Update user state with new data\n      setUser(response);\n    } catch (err) {\n      const apiError = err as ApiError;\n      setError(apiError);\n      throw apiError;\n    } finally {\n      setIsLoading(false);\n    }\n  }, [client]);\n\n  /**\n   * Logout (removes httpOnly cookie)\n   */\n  const logout = useCallback(async () => {\n    try {\n      setIsLoading(true);\n      setError(null);\n\n      await client.post('/api/v1/auth/end-user/logout', {});\n      setUser(null);\n    } catch (err) {\n      const apiError = err as ApiError;\n      setError(apiError);\n      // Even if logout fails, clear user state\n      setUser(null);\n    } finally {\n      setIsLoading(false);\n    }\n  }, [client]);\n\n  // Restore session on mount (check if user is already logged in)\n  useEffect(() => {\n    fetchCurrentUser();\n  }, [fetchCurrentUser]);\n\n  const value: AuthContextValue = {\n    user,\n    isLoading,\n    isAuthenticated: user !== null,\n    error,\n    login,\n    logout,\n    register,\n    updateProfile,\n    refetch: fetchCurrentUser,\n  };\n\n  return (\n    <AuthContext.Provider value={value}>\n      {children}\n    </AuthContext.Provider>\n  );\n}\n\n/**\n * Hook to access authentication context\n * @throws Error if used outside AuthProvider\n */\nexport function useAuth(): AuthContextValue {\n  const context = useContext(AuthContext);\n  \n  if (!context) {\n    throw new Error('useAuth must be used within AuthProvider');\n  }\n  \n  return context;\n}\n","/**\n * ProtectedRoute - Automatically protects pages/routes\n * Redirects to login if user is not authenticated\n *\n * Does NOT use next/router (useRouter) to avoid \"NextRouter was not mounted\"\n * during SSR. Uses window.location for redirect instead.\n *\n * Usage:\n * ```tsx\n * export default function Dashboard() {\n *   return (\n *     <ProtectedRoute>\n *       <YourContent />\n *     </ProtectedRoute>\n *   );\n * }\n * ```\n */\n\nimport { ReactNode, useEffect, useState } from 'react';\nimport { useAuth } from '../context/AuthContext';\n\ninterface ProtectedRouteProps {\n  children: ReactNode;\n  /**\n   * Redirect path when not authenticated\n   * Default: '/login'\n   */\n  loginPath?: string;\n  /**\n   * Show loading spinner while checking auth\n   */\n  loadingComponent?: ReactNode;\n}\n\nexport function ProtectedRoute({\n  children,\n  loginPath = '/login',\n  loadingComponent,\n}: ProtectedRouteProps) {\n  const { isAuthenticated, isLoading } = useAuth();\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  useEffect(() => {\n    if (!isMounted || typeof window === 'undefined') return;\n    if (!isLoading && !isAuthenticated) {\n      const returnUrl = window.location.pathname + window.location.search;\n      const url = `${loginPath}?returnUrl=${encodeURIComponent(returnUrl)}`;\n      window.location.href = url;\n    }\n  }, [isMounted, isLoading, isAuthenticated, loginPath]);\n\n  // SSR or loading: show placeholder (no useRouter)\n  if (!isMounted || isLoading) {\n    return (\n      loadingComponent || (\n        <div className=\"flex items-center justify-center min-h-screen\">\n          <div className=\"text-gray-500\">Carregando...</div>\n        </div>\n      )\n    );\n  }\n\n  if (!isAuthenticated) {\n    return null;\n  }\n\n  return <>{children}</>;\n}\n","/**\n * GuestOnlyRoute - For login/register pages\n * If user is already authenticated, redirects to account (or returnUrl).\n * Otherwise renders children (login/register form).\n *\n * Does NOT use next/router (avoids SSR issues). Uses window.location.\n *\n * Usage:\n * ```tsx\n * export default function Login() {\n *   return (\n *     <GuestOnlyRoute>\n *       <LoginForm />\n *     </GuestOnlyRoute>\n *   );\n * }\n * ```\n */\n\nimport { ReactNode, useEffect, useState } from 'react';\nimport { useAuth } from '../context/AuthContext';\n\ninterface GuestOnlyRouteProps {\n  children: ReactNode;\n  /**\n   * Where to redirect when already authenticated.\n   * Default: '/account'\n   */\n  redirectTo?: string;\n  /**\n   * Show this while checking auth or redirecting.\n   */\n  loadingComponent?: ReactNode;\n}\n\n/** Base path for account area. returnUrl must start with this to be trusted. */\nconst ACCOUNT_PREFIX = '/account';\n\nfunction isSafeRedirect(url: string): boolean {\n  if (!url || url.startsWith('//') || url.includes(':')) return false;\n  return url.startsWith('/') && url.startsWith(ACCOUNT_PREFIX);\n}\n\nexport function GuestOnlyRoute({\n  children,\n  redirectTo = '/account',\n  loadingComponent,\n}: GuestOnlyRouteProps) {\n  const { isAuthenticated, isLoading } = useAuth();\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  useEffect(() => {\n    if (!isMounted || typeof window === 'undefined') return;\n    if (isLoading) return;\n    if (!isAuthenticated) return;\n\n    const params = new URLSearchParams(window.location.search);\n    const returnUrl = params.get('returnUrl');\n    const destination =\n      returnUrl && isSafeRedirect(returnUrl) ? returnUrl : redirectTo;\n    window.location.href = destination;\n  }, [isMounted, isLoading, isAuthenticated, redirectTo]);\n\n  if (!isMounted || isLoading) {\n    return (\n      loadingComponent || (\n        <div className=\"flex items-center justify-center min-h-screen\">\n          <div className=\"text-gray-500\">Carregando...</div>\n        </div>\n      )\n    );\n  }\n\n  if (isAuthenticated) {\n    return (\n      loadingComponent || (\n        <div className=\"flex items-center justify-center min-h-screen\">\n          <div className=\"text-gray-500\">A redirecionar...</div>\n        </div>\n      )\n    );\n  }\n\n  return <>{children}</>;\n}\n","/**\n * Higher-Order Component (HOC) to protect components\n * Automatically redirects to login if user is not authenticated\n *\n * Does NOT use next/router to avoid SSR \"NextRouter was not mounted\".\n * Uses window.location for redirect.\n *\n * Usage:\n * ```tsx\n * function MyProtectedPage() {\n *   return <div>Protected Content</div>;\n * }\n * export default withAuth(MyProtectedPage);\n * ```\n */\n\nimport { ComponentType, useEffect, useState, ReactNode } from 'react';\nimport { useAuth } from '../context/AuthContext';\n\ninterface WithAuthOptions {\n  loginPath?: string;\n  loadingComponent?: ReactNode;\n}\n\nexport function withAuth<P extends object>(\n  Component: ComponentType<P>,\n  options: WithAuthOptions = {}\n) {\n  const { loginPath = '/login', loadingComponent } = options;\n\n  return function AuthenticatedComponent(props: P) {\n    const { isAuthenticated, isLoading } = useAuth();\n    const [isMounted, setIsMounted] = useState(false);\n\n    useEffect(() => {\n      setIsMounted(true);\n    }, []);\n\n    useEffect(() => {\n      if (!isMounted || typeof window === 'undefined') return;\n      if (!isLoading && !isAuthenticated) {\n        const returnUrl = window.location.pathname + window.location.search;\n        window.location.href = `${loginPath}?returnUrl=${encodeURIComponent(returnUrl)}`;\n      }\n    }, [isMounted, isLoading, isAuthenticated, loginPath]);\n\n    if (!isMounted || isLoading) {\n      return (\n        loadingComponent || (\n          <div className=\"flex items-center justify-center min-h-screen\">\n            <div className=\"text-gray-500\">Carregando...</div>\n          </div>\n        )\n      );\n    }\n\n    if (!isAuthenticated) {\n      return null;\n    }\n\n    return <Component {...props} />;\n  };\n}\n","/**\n * Hook to fetch and manage services (Projects module)\n */\n\nimport { useState, useEffect } from 'react';\nimport { useFoxPixelContext } from '../context/FoxPixelContext';\nimport { ServiceCatalogResponse, ApiError } from '../types';\n\ninterface UseServicesOptions {\n  category?: string;\n  active?: boolean;\n}\n\ninterface UseServicesReturn {\n  services: ServiceCatalogResponse[] | null;\n  isLoading: boolean;\n  error: ApiError | null;\n  refetch: () => Promise<void>;\n}\n\n/**\n * Fetch services from Projects module\n * \n * @example\n * ```tsx\n * function ServicesPage() {\n *   const { services, isLoading, error } = useServices({ active: true });\n *   \n *   if (isLoading) return <div>Loading...</div>;\n *   if (error) return <div>Error: {error.message}</div>;\n *   \n *   return (\n *     <div>\n *       {services?.map(service => (\n *         <ServiceCard key={service.id} service={service} />\n *       ))}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useServices(options: UseServicesOptions = {}): UseServicesReturn {\n  const { client } = useFoxPixelContext();\n  const [services, setServices] = useState<ServiceCatalogResponse[] | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<ApiError | null>(null);\n\n  const fetchServices = async () => {\n    try {\n      setIsLoading(true);\n      setError(null);\n\n      const params = new URLSearchParams();\n      if (options.category) params.append('category', options.category);\n      if (options.active !== undefined) params.append('active', String(options.active));\n\n      const url = `/api/v1/services${params.toString() ? `?${params.toString()}` : ''}`;\n      const data = await client.get<ServiceCatalogResponse[]>(url);\n      \n      setServices(data);\n    } catch (err) {\n      setError(err as ApiError);\n      setServices(null);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    fetchServices();\n  }, [options.category, options.active]);\n\n  return {\n    services,\n    isLoading,\n    error,\n    refetch: fetchServices,\n  };\n}\n","/**\n * Hook to capture leads (CRM module)\n */\n\nimport { useState } from 'react';\nimport { useFoxPixelContext } from '../context/FoxPixelContext';\nimport { CreateLeadRequest, Lead, ApiError } from '../types';\n\ninterface UseLeadCaptureReturn {\n  captureLead: (data: CreateLeadRequest) => Promise<Lead>;\n  isLoading: boolean;\n  error: ApiError | null;\n}\n\n/**\n * Capture a lead (create lead in CRM)\n * \n * @example\n * ```tsx\n * function ContactForm() {\n *   const { captureLead, isLoading, error } = useLeadCapture();\n *   \n *   const handleSubmit = async (e) => {\n *     e.preventDefault();\n *     try {\n *       const lead = await captureLead({\n *         fullName: 'John Doe',\n *         email: 'john@example.com',\n *         phone: '+1234567890',\n *         source: 'website',\n *       });\n *       alert('Lead created!');\n *     } catch (err) {\n *       console.error('Error:', err);\n *     }\n *   };\n *   \n *   return <form onSubmit={handleSubmit}>...</form>;\n * }\n * ```\n */\nexport function useLeadCapture(): UseLeadCaptureReturn {\n  const { client } = useFoxPixelContext();\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<ApiError | null>(null);\n\n  const captureLead = async (data: CreateLeadRequest): Promise<Lead> => {\n    try {\n      setIsLoading(true);\n      setError(null);\n\n      const lead = await client.post<Lead>('/api/v1/leads', data);\n      \n      return lead;\n    } catch (err) {\n      const apiError = err as ApiError;\n      setError(apiError);\n      throw apiError;\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return {\n    captureLead,\n    isLoading,\n    error,\n  };\n}\n","/**\n * Hook to capture contacts (CRM module)\n */\n\nimport { useState } from 'react';\nimport { useFoxPixelContext } from '../context/FoxPixelContext';\n\ninterface Contact {\n  id: string;\n  fullName: string;\n  email?: string;\n  phone?: string;\n  company?: string;\n  notes?: string;\n  postalCode?: string;\n  address?: string;\n  city?: string;\n  createdAt: string;\n}\n\ninterface CreateContactRequest {\n  fullName: string;\n  email?: string;\n  phone?: string;\n  company?: string;\n  notes?: string;\n  nif?: string;\n  address?: string;\n  postalCode?: string;\n  city?: string;\n}\n\ninterface ApiError {\n  message: string;\n  status?: number;\n  code?: string;\n}\n\ninterface UseContactCaptureReturn {\n  captureContact: (data: CreateContactRequest) => Promise<Contact>;\n  isLoading: boolean;\n  error: ApiError | null;\n}\n\n/**\n * Capture a contact (create contact in CRM)\n * \n * The frontend/SDK decides which fields to fill.\n * This hook accepts any fields from CreateContactRequest.\n * \n * @example\n * ```tsx\n * function ContactForm() {\n *   const { captureContact, isLoading, error } = useContactCapture();\n *   \n *   const handleSubmit = async (e) => {\n *     e.preventDefault();\n *     try {\n *       const contact = await captureContact({\n *         fullName: 'John Doe',\n *         email: 'john@example.com',\n *         phone: '+1234567890',\n *         postalCode: '75001',\n *         notes: 'Interested in garden maintenance',\n *       });\n *       alert('Contact created!');\n *     } catch (err) {\n *       console.error('Error:', err);\n *     }\n *   };\n *   \n *   return <form onSubmit={handleSubmit}>...</form>;\n * }\n * ```\n */\nexport function useContactCapture(): UseContactCaptureReturn {\n  const { client } = useFoxPixelContext();\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<ApiError | null>(null);\n\n  const captureContact = async (data: CreateContactRequest): Promise<Contact> => {\n    try {\n      setIsLoading(true);\n      setError(null);\n\n      const contact = await client.post<Contact>('/api/v1/contacts', data);\n      \n      return contact;\n    } catch (err) {\n      const apiError = err as ApiError;\n      setError(apiError);\n      throw apiError;\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return {\n    captureContact,\n    isLoading,\n    error,\n  };\n}\n"],"mappings":"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","names":["config","createContext","useContext","jsx","createContext","useContext","useEffect","useState","jsx","useState","useEffect","useEffect","useState","Fragment","jsx","useState","useEffect","useEffect","useState","jsx","useState","useEffect","useState","useEffect","useState","useEffect","useState","useState","useState","useState"]}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@foxpixel/react",
+  "version": "0.1.0",
+  "description": "React SDK for FoxPixel API - Headless integration for custom sites and portals",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "type-check": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "foxpixel",
+    "react",
+    "sdk",
+    "headless",
+    "cms"
+  ],
+  "author": "FoxPixel",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "axios": "^1.6.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.0"
+  }
+}