payaza-storefront-layouts 1.0.0

package/dist/lib/api.js

@@ -0,0 +1,109 @@
+import axios from 'axios';
+const API_URL = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:4002';
+export class ApiError extends Error {
+    constructor(message, status, data) {
+        super(message);
+        this.message = message;
+        this.status = status;
+        this.data = data;
+        this.name = 'ApiError';
+    }
+}
+export const api = axios.create({
+    baseURL: `${API_URL}/api`,
+    headers: {
+        'Content-Type': 'application/json',
+        // Add test mode header if in test environment
+        ...(typeof window !== 'undefined' && window.__TEST_MODE__ ? { 'x-test-mode': 'true' } : {}),
+    },
+    timeout: 30000, // 30 seconds
+});
+// Request interceptor for auth token and session ID
+api.interceptors.request.use((config) => {
+    if (typeof window !== 'undefined') {
+        const token = localStorage.getItem('token');
+        if (token) {
+            config.headers.Authorization = `Bearer ${token}`;
+        }
+        // Add session ID for guest cart operations
+        let sessionId = sessionStorage.getItem('sessionId');
+        if (!sessionId) {
+            sessionId = `session-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+            sessionStorage.setItem('sessionId', sessionId);
+        }
+        config.headers['x-session-id'] = sessionId;
+        // Add test mode header if in test environment
+        if (window.__TEST_MODE__) {
+            config.headers['x-test-mode'] = 'true';
+        }
+        // For FormData requests, remove Content-Type header to let axios set it with boundary
+        if (config.data instanceof FormData) {
+            delete config.headers['Content-Type'];
+        }
+    }
+    return config;
+}, (error) => {
+    return Promise.reject(error);
+});
+// Response interceptor for error handling and token refresh
+api.interceptors.response.use((response) => {
+    return response;
+}, async (error) => {
+    const originalRequest = error.config;
+    // Handle 429 Too Many Requests - retry with exponential backoff
+    if (error.response?.status === 429 && originalRequest) {
+        const retryCount = originalRequest._retryCount || 0;
+        const maxRetries = 3;
+        const baseDelay = 1000; // 1 second
+        if (retryCount < maxRetries) {
+            originalRequest._retryCount = retryCount + 1;
+            originalRequest._retryDelay = baseDelay * Math.pow(2, retryCount); // Exponential backoff: 1s, 2s, 4s
+            // Wait before retrying
+            await new Promise(resolve => setTimeout(resolve, originalRequest._retryDelay));
+            console.log(`[API] Retrying request after rate limit (attempt ${retryCount + 1}/${maxRetries}, delay: ${originalRequest._retryDelay}ms)`);
+            return api(originalRequest);
+        }
+        else {
+            console.warn('[API] Max retries reached for rate-limited request');
+        }
+    }
+    // Handle 401 Unauthorized - try to refresh token
+    if (error.response?.status === 401 && !originalRequest._retry) {
+        originalRequest._retry = true;
+        try {
+            const refreshToken = localStorage.getItem('refreshToken');
+            if (refreshToken) {
+                const response = await axios.post(`${API_URL}/api/auth/refresh`, { refreshToken });
+                if (response.data.status === 'success' && response.data.data) {
+                    const { token, refreshToken: newRefreshToken } = response.data.data;
+                    localStorage.setItem('token', token);
+                    if (newRefreshToken) {
+                        localStorage.setItem('refreshToken', newRefreshToken);
+                    }
+                    if (originalRequest.headers) {
+                        originalRequest.headers.Authorization = `Bearer ${token}`;
+                    }
+                    return api(originalRequest);
+                }
+            }
+        }
+        catch (refreshError) {
+            // Refresh failed, clear tokens and redirect to login
+            localStorage.removeItem('token');
+            localStorage.removeItem('refreshToken');
+            localStorage.removeItem('storefront_user');
+            if (typeof window !== 'undefined') {
+                window.location.href = '/auth/login';
+            }
+            return Promise.reject(refreshError);
+        }
+    }
+    // Handle other errors
+    const errorMessage = error.response?.data?.message ||
+        error.message ||
+        'An error occurred';
+    // Create custom ApiError with status and data
+    const apiError = new ApiError(errorMessage, error.response?.status, error.response?.data?.data || error.response?.data // Fallback to full data if data property doesn't exist
+    );
+    return Promise.reject(apiError);
+});

package/dist/lib/auth-context.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export interface User {
+    id: string;
+    firstName: string;
+    lastName: string;
+    email: string;
+    phone?: string;
+    address?: string;
+    city?: string;
+    state?: string;
+    zipCode?: string;
+    country?: string;
+    avatar?: string;
+    createdAt?: string | Date;
+}
+interface AuthContextType {
+    user: User | null;
+    isAuthenticated: boolean;
+    isLoading: boolean;
+    login: (email: string, password?: string) => Promise<void>;
+    logout: () => void;
+    updateProfile: (data: Partial<User>) => Promise<void>;
+    updateUserState: (user: User) => void;
+}
+export declare function AuthProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const useAuth: () => AuthContextType;
+export {};
+//# sourceMappingURL=auth-context.d.ts.map

package/dist/lib/auth-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-context.d.ts","sourceRoot":"","sources":["../../src/lib/auth-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAK9E,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACvC;AAaD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CA2MvE;AAED,eAAO,MAAM,OAAO,uBAAgC,CAAC"}

package/dist/lib/auth-context.js

@@ -0,0 +1,207 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { authService } from './services/auth.service';
+import { customerService } from './services/customer.service';
+const AuthContext = createContext({
+    user: null,
+    isAuthenticated: false,
+    isLoading: true,
+    login: async () => { },
+    logout: () => { },
+    updateProfile: async () => { },
+    updateUserState: () => { },
+});
+export function AuthProvider({ children }) {
+    const [user, setUser] = useState(null);
+    const [isLoading, setIsLoading] = useState(true);
+    const router = useRouter();
+    useEffect(() => {
+        const loadUser = async () => {
+            try {
+                setIsLoading(true);
+                const token = localStorage.getItem('token');
+                if (token) {
+                    // Try to get current user from API
+                    try {
+                        const response = await authService.getCurrentUser();
+                        // Backend returns user object directly from auth service
+                        // Parse address if it exists (address may not be in API response)
+                        const addressData = response.address || {};
+                        const addressObj = typeof addressData === 'string' ? (addressData ? JSON.parse(addressData) : {}) : addressData;
+                        const user = {
+                            id: response.id,
+                            firstName: response.firstName,
+                            lastName: response.lastName,
+                            email: response.email,
+                            phone: response.phone,
+                            avatar: response.avatar,
+                            address: addressObj.address1 || addressObj.address || addressObj.street || '',
+                            city: addressObj.city || '',
+                            state: addressObj.state || '',
+                            zipCode: addressObj.zipCode || '',
+                            country: addressObj.country || '',
+                            createdAt: response.createdAt,
+                        };
+                        setUser(user);
+                        localStorage.setItem('storefront_user', JSON.stringify(user));
+                    }
+                    catch (error) {
+                        // API call failed - token may be invalid, clear everything
+                        console.error('Failed to load user from API:', error);
+                        localStorage.removeItem('storefront_user');
+                        localStorage.removeItem('token');
+                        localStorage.removeItem('refreshToken');
+                        setUser(null);
+                    }
+                }
+            }
+            catch (error) {
+                console.error('Failed to load user:', error);
+                setUser(null);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+        loadUser();
+    }, []);
+    const login = async (email, password) => {
+        setIsLoading(true);
+        try {
+            // Password is required for real API login
+            if (!password) {
+                throw new Error('Password is required');
+            }
+            // Real API login
+            const response = await authService.login(email, password);
+            // Parse address if it exists (address may not be in API response)
+            const addressData = response.user.address || {};
+            const addressObj = typeof addressData === 'string' ? (addressData ? JSON.parse(addressData) : {}) : addressData;
+            const user = {
+                id: response.user.id,
+                firstName: response.user.firstName,
+                lastName: response.user.lastName,
+                email: response.user.email,
+                phone: response.user.phone,
+                avatar: response.user.avatar,
+                address: addressObj.address1 || addressObj.address || addressObj.street || '',
+                city: addressObj.city || '',
+                state: addressObj.state || '',
+                zipCode: addressObj.zipCode || '',
+                country: addressObj.country || '',
+                createdAt: response.user.createdAt,
+            };
+            // Store tokens
+            localStorage.setItem('token', response.token);
+            if (response.refreshToken) {
+                localStorage.setItem('refreshToken', response.refreshToken);
+            }
+            localStorage.setItem('storefront_user', JSON.stringify(user));
+            // Clear guest user info since user is now authenticated
+            if (typeof window !== 'undefined') {
+                try {
+                    const { clearGuestUserInfo } = await import('./guest-user');
+                    clearGuestUserInfo();
+                }
+                catch (error) {
+                    console.error('Failed to clear guest user info:', error);
+                }
+            }
+            setUser(user);
+            // Trigger cart refresh after login - the backend will automatically merge session cart with user cart
+            // when the next cart operation happens, but we can trigger a refresh here to ensure cart is loaded
+            if (typeof window !== 'undefined') {
+                // Dispatch a custom event that store context can listen to for cart refresh
+                window.dispatchEvent(new CustomEvent('userLoggedIn'));
+            }
+        }
+        catch (error) {
+            console.error('Login failed:', error);
+            throw error;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    const logout = () => {
+        setUser(null);
+        localStorage.removeItem('storefront_user');
+        localStorage.removeItem('token');
+        localStorage.removeItem('refreshToken');
+        router.push('/');
+    };
+    const updateProfile = async (data) => {
+        setIsLoading(true);
+        try {
+            const token = localStorage.getItem('token');
+            if (!token) {
+                throw new Error('You must be logged in to update your profile');
+            }
+            // Use customer service API for profile updates
+            const updatedUser = await customerService.updateProfile(data);
+            // Parse address if it exists
+            const addressData = updatedUser.address || {};
+            const addressObj = typeof addressData === 'string' ? (addressData ? JSON.parse(addressData) : {}) : addressData;
+            const user = {
+                id: updatedUser.id,
+                firstName: updatedUser.firstName,
+                lastName: updatedUser.lastName,
+                email: updatedUser.email,
+                phone: updatedUser.phone,
+                avatar: updatedUser.avatar,
+                address: addressObj.address1 || addressObj.address || addressObj.street || '',
+                city: addressObj.city || '',
+                state: addressObj.state || '',
+                zipCode: addressObj.zipCode || '',
+                country: addressObj.country || '',
+            };
+            setUser(user);
+            localStorage.setItem('storefront_user', JSON.stringify(user));
+        }
+        catch (error) {
+            console.error('Failed to update profile:', error);
+            throw error;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    /**
+     * Update user state without triggering isLoading
+     * This is used for updating user state after profile save without showing full-page loading
+     */
+    const updateUserState = (user) => {
+        try {
+            // Validate required fields before updating
+            if (!user || !user.id || !user.firstName || !user.lastName || !user.email) {
+                console.error('Invalid user data provided to updateUserState:', user);
+                throw new Error('Invalid user data: missing required fields');
+            }
+            setUser(user);
+            // Safely update localStorage
+            try {
+                localStorage.setItem('storefront_user', JSON.stringify(user));
+            }
+            catch (storageError) {
+                console.error('Error updating localStorage:', storageError);
+                // Continue even if localStorage update fails
+            }
+        }
+        catch (error) {
+            console.error('Error in updateUserState:', error);
+            throw error;
+        }
+    };
+    return (_jsx(AuthContext.Provider, { value: {
+            user,
+            isAuthenticated: !!user,
+            isLoading,
+            login,
+            logout,
+            updateProfile,
+            updateUserState
+        }, children: children }));
+}
+export const useAuth = () => useContext(AuthContext);

package/dist/lib/content-selectors.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Content selectors for different route types
+ * Used to detect when page content is ready for display
+ */
+export type RouteType = 'product-detail' | 'products' | 'categories' | 'category-detail' | 'generic';
+export interface ContentSelectorConfig {
+    selectors: string[];
+    minElements?: number;
+    minPercentage?: number;
+    requiredSelectors?: string[];
+}
+export declare const CONTENT_SELECTORS: Record<RouteType, ContentSelectorConfig>;
+/**
+ * Get content selectors for a given route type
+ */
+export declare function getContentSelectors(routeType: RouteType): ContentSelectorConfig;
+/**
+ * Detect route type from pathname
+ */
+export declare function detectRouteType(pathname: string): RouteType;
+//# sourceMappingURL=content-selectors.d.ts.map

package/dist/lib/content-selectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-selectors.d.ts","sourceRoot":"","sources":["../../src/lib/content-selectors.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,SAAS,GAAG,gBAAgB,GAAG,UAAU,GAAG,YAAY,GAAG,iBAAiB,GAAG,SAAS,CAAC;AAErG,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,SAAS,EAAE,qBAAqB,CAyCtE,CAAC;AAEF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,SAAS,GAAG,qBAAqB,CAE/E;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAyB3D"}

package/dist/lib/content-selectors.js

@@ -0,0 +1,75 @@
+/**
+ * Content selectors for different route types
+ * Used to detect when page content is ready for display
+ */
+export const CONTENT_SELECTORS = {
+    'product-detail': {
+        selectors: [
+            '[data-product-name]',
+            '[data-product-image]',
+            '[data-product-price]',
+            '[data-add-to-cart]',
+        ],
+        requiredSelectors: [
+            '[data-product-name]',
+            '[data-product-image]',
+            '[data-product-price]',
+        ],
+        minPercentage: 75, // At least 75% of required elements must be present
+    },
+    'products': {
+        selectors: ['[data-product-card]'],
+        minElements: 3, // At least 3 product cards must be visible
+        minPercentage: 60, // Or 60% of expected cards
+    },
+    'categories': {
+        selectors: ['[data-category-card]'],
+        minElements: 2, // At least 2 category cards must be visible
+        minPercentage: 50, // Or 50% of expected cards
+    },
+    'category-detail': {
+        selectors: ['[data-product-card]'],
+        minElements: 2, // At least 2 product cards must be visible
+        minPercentage: 50,
+    },
+    'generic': {
+        selectors: [
+            '[data-content-ready]',
+            'h1, h2, h3', // Any heading
+            'main', // Main content area
+            'article', // Article content
+            '.container', // Container elements
+        ],
+        minElements: 1,
+        minPercentage: 30, // Lower threshold for generic pages
+    },
+};
+/**
+ * Get content selectors for a given route type
+ */
+export function getContentSelectors(routeType) {
+    return CONTENT_SELECTORS[routeType] || CONTENT_SELECTORS.generic;
+}
+/**
+ * Detect route type from pathname
+ */
+export function detectRouteType(pathname) {
+    const segments = pathname.split('/').filter(Boolean);
+    if (segments.length >= 2) {
+        const firstSegment = segments[1];
+        const secondSegment = segments[2];
+        if (firstSegment === 'products' && secondSegment) {
+            return 'product-detail';
+        }
+        if (firstSegment === 'products' && !secondSegment) {
+            return 'products';
+        }
+        if (firstSegment === 'categories' && secondSegment) {
+            return 'category-detail';
+        }
+        if (firstSegment === 'categories' && !secondSegment) {
+            return 'categories';
+        }
+    }
+    return 'generic';
+}

package/dist/lib/countries.d.ts

@@ -0,0 +1,11 @@
+export interface Country {
+    code: string;
+    name: string;
+    flag: string;
+}
+export declare const countries: Country[];
+export declare const getCountryByCode: (code: string) => Country | undefined;
+export declare const getCountryByName: (name: string) => Country | undefined;
+export declare const citiesByCountry: Record<string, string[]>;
+export declare const getCitiesByCountry: (countryName: string) => string[];
+//# sourceMappingURL=countries.d.ts.map

package/dist/lib/countries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"countries.d.ts","sourceRoot":"","sources":["../../src/lib/countries.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,SAAS,EAAE,OAAO,EA4De,CAAC;AAE/C,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,OAAO,GAAG,SAEzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,OAAO,GAAG,SAEzD,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAoLpD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,aAAa,MAAM,KAAG,MAAM,EAE9D,CAAC"}