@rovela-ai/sdk 0.4.1 → 0.4.2

package/dist/admin/components/CategoryForm.js

@@ -0,0 +1,152 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @rovela/sdk/admin/components/CategoryForm
+ *
+ * Category create/edit form component.
+ */
+import { useState, useCallback, useEffect, useMemo } from 'react';
+import { ImageUpload } from '../../media';
+import { fetchAdminApi } from '../hooks/fetchAdminApi';
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * Category form for create and edit.
+ *
+ * @example
+ * ```tsx
+ * // Create mode
+ * <CategoryForm onSuccess={() => router.push('/admin/categories')} />
+ *
+ * // Edit mode
+ * <CategoryForm
+ *   categoryId="123"
+ *   onSuccess={() => router.push('/admin/categories')}
+ * />
+ * ```
+ */
+export function CategoryForm({ categoryId, initialData, onSuccess, onCancel, className = '', }) {
+    const isEditMode = !!categoryId;
+    // Form state
+    const [formData, setFormData] = useState({
+        name: initialData?.name || '',
+        slug: initialData?.slug || '',
+        description: initialData?.description || '',
+        image: initialData?.image || '',
+        parentId: initialData?.parentId || '',
+        order: initialData?.order || 0,
+    });
+    // Categories for parent selector
+    const [categories, setCategories] = useState([]);
+    // UI state
+    const [isLoading, setIsLoading] = useState(false);
+    const [isFetching, setIsFetching] = useState(false);
+    const [error, setError] = useState(null);
+    // Auto-generate slug from name
+    const autoSlug = useMemo(() => {
+        return formData.name
+            .toLowerCase()
+            .replace(/[^a-z0-9]+/g, '-')
+            .replace(/^-|-$/g, '');
+    }, [formData.name]);
+    // Fetch categories for parent selector
+    useEffect(() => {
+        const load = async () => {
+            const res = await fetchAdminApi('/api/admin/categories?flat=true');
+            if (res.ok) {
+                setCategories(res.data.data || []);
+            }
+            // Silent on error — the parent dropdown stays empty if we can't load.
+        };
+        load();
+    }, []);
+    // Load category data in edit mode
+    // Pattern C — populate form state from async-loaded category data.
+    // Alternative is a data-fetching library (TanStack Query / SWR).
+    useEffect(() => {
+        if (!categoryId || initialData)
+            return;
+        let cancelled = false;
+        // eslint-disable-next-line react-hooks/set-state-in-effect
+        setIsFetching(true);
+        (async () => {
+            const res = await fetchAdminApi(`/api/admin/categories/${categoryId}`);
+            if (cancelled)
+                return;
+            setIsFetching(false);
+            if (!res.ok) {
+                setError(res.error);
+                return;
+            }
+            const cat = res.data.data;
+            setFormData({
+                name: cat.name,
+                slug: cat.slug,
+                description: cat.description || '',
+                image: cat.image || '',
+                parentId: cat.parentId || '',
+                order: cat.order,
+            });
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [categoryId, initialData]);
+    // Filter out self and descendants from parent options
+    const parentOptions = useMemo(() => {
+        if (!isEditMode)
+            return categories;
+        // Simple filter: just exclude self (circular reference check is on backend)
+        return categories.filter((cat) => cat.id !== categoryId);
+    }, [categories, categoryId, isEditMode]);
+    // Handle field changes
+    const handleChange = useCallback((e) => {
+        const { name, value, type } = e.target;
+        setFormData((prev) => ({
+            ...prev,
+            [name]: type === 'number' ? value : value, // Keep as string while editing
+        }));
+    }, []);
+    // Handle submit
+    const handleSubmit = useCallback(async (e) => {
+        e.preventDefault();
+        setError(null);
+        setIsLoading(true);
+        const data = {
+            name: formData.name,
+            slug: formData.slug || autoSlug,
+            description: formData.description || undefined,
+            image: formData.image || undefined,
+            parentId: formData.parentId || undefined,
+            order: parseInt(String(formData.order), 10) || 0,
+        };
+        const url = isEditMode
+            ? `/api/admin/categories/${categoryId}`
+            : '/api/admin/categories';
+        const res = await fetchAdminApi(url, {
+            method: isEditMode ? 'PUT' : 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(data),
+        });
+        setIsLoading(false);
+        if (!res.ok) {
+            setError(res.error);
+            return;
+        }
+        onSuccess?.(res.data.data.id);
+    }, [isEditMode, categoryId, formData, autoSlug, onSuccess]);
+    // Loading state
+    if (isFetching) {
+        return (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx("div", { className: "admin-spinner h-8 w-8" }) }));
+    }
+    return (_jsxs("form", { onSubmit: handleSubmit, className: `space-y-6 ${className}`, children: [error && (_jsx("div", { className: "admin-alert admin-alert-error", children: _jsx("div", { className: "admin-alert-description", children: error }) })), _jsxs("div", { className: "admin-card rounded-lg p-6", children: [_jsx("h3", { className: "admin-card-title mb-4", children: "Basic Information" }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "name", className: "admin-label admin-label-required", children: "Category Name" }), _jsx("input", { id: "name", name: "name", type: "text", value: formData.name, onChange: handleChange, required: true, placeholder: "e.g., Electronics, Clothing", className: "admin-input mt-1 w-full" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "slug", className: "admin-label", children: "URL Handle" }), _jsxs("div", { className: "admin-input-group mt-1 flex rounded-md", children: [_jsx("span", { className: "admin-input-prefix inline-flex items-center rounded-l-md px-3 text-sm", children: "/categories/" }), _jsx("input", { id: "slug", name: "slug", type: "text", value: formData.slug, onChange: handleChange, placeholder: autoSlug || 'auto-generated', className: "admin-input-inline flex-1 rounded-r-md border-0 px-3 py-2 text-sm outline-none" })] }), _jsx("p", { className: "admin-helper-text mt-1", children: "Leave blank to auto-generate from category name" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "description", className: "admin-label", children: "Description" }), _jsx("textarea", { id: "description", name: "description", value: formData.description, onChange: handleChange, rows: 3, placeholder: "Brief description of this category...", className: "admin-input admin-textarea mt-1 w-full" })] })] })] }), _jsxs("div", { className: "admin-card rounded-lg p-6", children: [_jsx("h3", { className: "admin-card-title mb-4", children: "Image" }), _jsx(ImageUpload, { value: formData.image || null, onChange: (url) => setFormData((prev) => ({ ...prev, image: url || '' })), onSave: categoryId ? async (url) => {
+                            // Auto-persist image to database in edit mode
+                            await fetchAdminApi(`/api/admin/categories/${categoryId}`, {
+                                method: 'PUT',
+                                headers: { 'Content-Type': 'application/json' },
+                                body: JSON.stringify({ image: url || null }),
+                            });
+                        } : undefined, folder: "categories", entityId: categoryId, placeholder: "Upload category image" })] }), _jsxs("div", { className: "admin-card rounded-lg p-6", children: [_jsx("h3", { className: "admin-card-title mb-4", children: "Organization" }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "parentId", className: "admin-label", children: "Parent Category" }), _jsxs("select", { id: "parentId", name: "parentId", value: formData.parentId, onChange: handleChange, className: "admin-input admin-select mt-1 w-full", children: [_jsx("option", { value: "", children: "None (Top Level)" }), parentOptions.map((cat) => (_jsx("option", { value: cat.id, children: cat.name }, cat.id)))] }), _jsx("p", { className: "admin-helper-text mt-1", children: "Make this a subcategory of another category" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "order", className: "admin-label", children: "Display Order" }), _jsx("input", { id: "order", name: "order", type: "number", min: "0", value: formData.order, onChange: handleChange, className: "admin-input mt-1 w-full" }), _jsx("p", { className: "admin-helper-text mt-1", children: "Lower numbers appear first" })] })] })] }), _jsxs("div", { className: "flex justify-end gap-4", children: [onCancel && (_jsx("button", { type: "button", onClick: onCancel, className: "admin-btn admin-btn-secondary", children: "Cancel" })), _jsx("button", { type: "submit", disabled: isLoading, className: "admin-btn admin-btn-primary disabled:opacity-50", children: isLoading ? 'Saving...' : isEditMode ? 'Save Changes' : 'Create Category' })] })] }));
+}
+//# sourceMappingURL=CategoryForm.js.map

package/dist/admin/components/CategoryForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryForm.js","sourceRoot":"","sources":["../../../src/admin/components/CategoryForm.tsx"],"names":[],"mappings":"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"}

package/dist/admin/components/CategorySelect.d.ts

@@ -0,0 +1,32 @@
+export interface CategorySelectProps {
+    /** Currently selected category ID */
+    value?: string | null;
+    /** Callback when category is selected */
+    onChange: (categoryId: string | null) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Show "Add new category" option */
+    showAddNew?: boolean;
+    /** Callback when "Add new" is clicked */
+    onAddNew?: () => void;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Category selector with hierarchical dropdown.
+ *
+ * @example
+ * ```tsx
+ * <CategorySelect
+ *   value={categoryId}
+ *   onChange={setCategoryId}
+ *   placeholder="Select a category"
+ *   showAddNew
+ *   onAddNew={() => setShowCategoryModal(true)}
+ * />
+ * ```
+ */
+export declare function CategorySelect({ value, onChange, placeholder, showAddNew, onAddNew, disabled, className, }: CategorySelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CategorySelect.d.ts.map

package/dist/admin/components/CategorySelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategorySelect.d.ts","sourceRoot":"","sources":["../../../src/admin/components/CategorySelect.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,yCAAyC;IACzC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAWD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAA+B,EAC/B,UAAkB,EAClB,QAAQ,EACR,QAAgB,EAChB,SAAc,GACf,EAAE,mBAAmB,2CA6NrB"}

package/dist/admin/components/CategorySelect.js

@@ -0,0 +1,139 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @rovela/sdk/admin/components/CategorySelect
+ *
+ * Category dropdown selector with tree structure and search.
+ * Styled with Rovela admin theme.
+ */
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { ChevronDown, X, FolderOpen, Plus, Search } from 'lucide-react';
+import { fetchAdminApi } from '../hooks/fetchAdminApi';
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * Category selector with hierarchical dropdown.
+ *
+ * @example
+ * ```tsx
+ * <CategorySelect
+ *   value={categoryId}
+ *   onChange={setCategoryId}
+ *   placeholder="Select a category"
+ *   showAddNew
+ *   onAddNew={() => setShowCategoryModal(true)}
+ * />
+ * ```
+ */
+export function CategorySelect({ value, onChange, placeholder = 'Select category', showAddNew = false, onAddNew, disabled = false, className = '', }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [search, setSearch] = useState('');
+    const [categories, setCategories] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const containerRef = useRef(null);
+    const searchInputRef = useRef(null);
+    // Fetch categories
+    useEffect(() => {
+        const load = async () => {
+            setIsLoading(true);
+            const res = await fetchAdminApi('/api/admin/categories?flat=true');
+            setIsLoading(false);
+            if (res.ok) {
+                setCategories(res.data.data || []);
+            }
+            // Silent on error — this is a background dropdown load. If the user
+            // doesn't have permission, the dropdown stays empty.
+        };
+        load();
+    }, []);
+    // Build tree with levels
+    const buildTreeWithLevels = useCallback((items) => {
+        const map = new Map();
+        const roots = [];
+        // First pass: create nodes
+        for (const cat of items) {
+            map.set(cat.id, { ...cat, children: [], level: 0 });
+        }
+        // Second pass: build tree and assign levels
+        for (const cat of items) {
+            const node = map.get(cat.id);
+            if (cat.parentId && map.has(cat.parentId)) {
+                const parent = map.get(cat.parentId);
+                node.level = parent.level + 1;
+                parent.children.push(node);
+            }
+            else {
+                roots.push(node);
+            }
+        }
+        // Sort by order
+        const sortByOrder = (a, b) => a.order - b.order;
+        roots.sort(sortByOrder);
+        for (const node of map.values()) {
+            node.children.sort(sortByOrder);
+        }
+        return roots;
+    }, []);
+    // Flatten tree for display
+    const flattenTree = useCallback((tree) => {
+        const result = [];
+        const traverse = (nodes) => {
+            for (const node of nodes) {
+                result.push(node);
+                traverse(node.children);
+            }
+        };
+        traverse(tree);
+        return result;
+    }, []);
+    // Get flat list with levels
+    const flatListWithLevels = flattenTree(buildTreeWithLevels(categories));
+    // Filter by search
+    const filteredCategories = search
+        ? flatListWithLevels.filter((cat) => cat.name.toLowerCase().includes(search.toLowerCase()))
+        : flatListWithLevels;
+    // Get selected category
+    const selectedCategory = categories.find((cat) => cat.id === value);
+    // Close on outside click
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (containerRef.current && !containerRef.current.contains(event.target)) {
+                setIsOpen(false);
+                setSearch('');
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    // Focus search input when opened
+    useEffect(() => {
+        if (isOpen && searchInputRef.current) {
+            searchInputRef.current.focus();
+        }
+    }, [isOpen]);
+    // Handle keyboard navigation
+    const handleKeyDown = (e) => {
+        if (e.key === 'Escape') {
+            setIsOpen(false);
+            setSearch('');
+        }
+    };
+    return (_jsxs("div", { ref: containerRef, className: `relative ${className}`, onKeyDown: handleKeyDown, children: [_jsxs("button", { type: "button", onClick: () => !disabled && setIsOpen(!isOpen), disabled: disabled, className: `admin-select-trigger flex w-full items-center justify-between gap-2 rounded-md px-3 py-2 text-sm ${disabled ? 'admin-select-trigger-disabled' : ''}`, children: [_jsx("span", { className: selectedCategory ? 'admin-text' : 'admin-text-muted', children: isLoading ? ('Loading...') : selectedCategory ? (_jsxs("span", { className: "flex items-center gap-2", children: [_jsx(FolderOpen, { className: "h-4 w-4 admin-icon-muted" }), selectedCategory.name] })) : (placeholder) }), _jsxs("div", { className: "flex items-center gap-1", children: [selectedCategory && !disabled && (_jsx("span", { role: "button", tabIndex: 0, onClick: (e) => {
+                                    e.stopPropagation();
+                                    onChange(null);
+                                }, onKeyDown: (e) => {
+                                    if (e.key === 'Enter' || e.key === ' ') {
+                                        e.stopPropagation();
+                                        onChange(null);
+                                    }
+                                }, className: "admin-icon-muted rounded p-0.5 cursor-pointer transition-colors hover:opacity-70", children: _jsx(X, { className: "h-3 w-3" }) })), _jsx(ChevronDown, { className: `h-4 w-4 admin-icon-muted transition-transform ${isOpen ? 'rotate-180' : ''}` })] })] }), isOpen && (_jsxs("div", { className: "admin-select-dropdown absolute z-50 mt-1 w-full rounded-md shadow-lg", children: [_jsx("div", { className: "admin-summary-divider p-2", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 admin-icon-muted" }), _jsx("input", { ref: searchInputRef, type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search categories...", className: "admin-input w-full rounded-md py-1.5 pl-9 pr-3 text-sm" })] }) }), _jsx("div", { className: "max-h-60 overflow-auto p-1", children: filteredCategories.length === 0 ? (_jsx("div", { className: "admin-text-muted px-3 py-6 text-center text-sm", children: search ? 'No categories found' : 'No categories yet' })) : (filteredCategories.map((category) => (_jsxs("button", { type: "button", onClick: () => {
+                                onChange(category.id);
+                                setIsOpen(false);
+                                setSearch('');
+                            }, className: `admin-select-item flex w-full items-center gap-2 rounded-md px-3 py-2 text-left text-sm transition-colors ${category.id === value ? 'admin-select-item-selected' : ''}`, style: { paddingLeft: `${12 + category.level * 16}px` }, children: [_jsx(FolderOpen, { className: "h-4 w-4 admin-icon-muted" }), category.name] }, category.id)))) }), showAddNew && onAddNew && (_jsx("div", { className: "admin-select-footer p-1", children: _jsxs("button", { type: "button", onClick: () => {
+                                onAddNew();
+                                setIsOpen(false);
+                            }, className: "admin-text-primary flex w-full items-center gap-2 rounded-md px-3 py-2 text-left text-sm transition-colors hover:opacity-80", children: [_jsx(Plus, { className: "h-4 w-4" }), "Add new category"] }) }))] }))] }));
+}
+//# sourceMappingURL=CategorySelect.js.map

package/dist/admin/components/CategorySelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategorySelect.js","sourceRoot":"","sources":["../../../src/admin/components/CategorySelect.tsx"],"names":[],"mappings":"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"}

package/dist/admin/components/CustomerDetails.d.ts

@@ -0,0 +1,15 @@
+import type { CustomerDetailsProps } from '../types';
+/**
+ * Customer details view with order history and actions.
+ *
+ * @example
+ * ```tsx
+ * <CustomerDetails
+ *   customerId="123"
+ *   onBack={() => router.push('/admin/customers')}
+ *   onDelete={() => router.push('/admin/customers')}
+ * />
+ * ```
+ */
+export declare function CustomerDetails({ customerId, onBack, onDelete, className, }: CustomerDetailsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CustomerDetails.d.ts.map

package/dist/admin/components/CustomerDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerDetails.d.ts","sourceRoot":"","sources":["../../../src/admin/components/CustomerDetails.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,oBAAoB,EAAuB,MAAM,UAAU,CAAA;AA6DzE;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAc,GACf,EAAE,oBAAoB,2CAkatB"}

package/dist/admin/components/CustomerDetails.js

@@ -0,0 +1,177 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @rovela/sdk/admin/components/CustomerDetails
+ *
+ * Full customer details view with order history and actions.
+ */
+import { useState, useEffect, useCallback } from 'react';
+import { useAdminCustomers } from '../hooks/useAdminCustomers';
+import { useStoreSettingsOptional } from '../../core/StoreSettingsProvider';
+import { DeleteConfirmDialog } from './DeleteConfirmDialog';
+import { ArrowLeft, Mail, User, Calendar, CheckCircle, Clock, CreditCard, ShoppingBag, DollarSign, Pencil, Trash2, X, Check, } from 'lucide-react';
+// =============================================================================
+// Status Badges - Pure CSS Classes
+// =============================================================================
+function VerificationBadge({ verified }) {
+    if (verified) {
+        return (_jsxs("span", { className: "admin-badge admin-badge-verified inline-flex items-center gap-1", children: [_jsx(CheckCircle, { className: "h-3 w-3" }), "Verified"] }));
+    }
+    return (_jsxs("span", { className: "admin-badge admin-badge-unverified inline-flex items-center gap-1", children: [_jsx(Clock, { className: "h-3 w-3" }), "Pending"] }));
+}
+const orderStatusBadgeClass = {
+    pending: 'admin-badge-pending',
+    paid: 'admin-badge-paid',
+    shipped: 'admin-badge-shipped',
+    delivered: 'admin-badge-delivered',
+    cancelled: 'admin-badge-cancelled',
+    refunded: 'admin-badge-refunded',
+};
+function OrderStatusBadge({ status }) {
+    const badgeClass = orderStatusBadgeClass[status] || 'admin-badge-neutral';
+    return (_jsx("span", { className: `admin-badge ${badgeClass}`, children: status.charAt(0).toUpperCase() + status.slice(1) }));
+}
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * Customer details view with order history and actions.
+ *
+ * @example
+ * ```tsx
+ * <CustomerDetails
+ *   customerId="123"
+ *   onBack={() => router.push('/admin/customers')}
+ *   onDelete={() => router.push('/admin/customers')}
+ * />
+ * ```
+ */
+export function CustomerDetails({ customerId, onBack, onDelete, className = '', }) {
+    const { getCustomer, updateCustomer, deleteCustomer } = useAdminCustomers();
+    const [customer, setCustomer] = useState(null);
+    const [isLoading, setIsLoading] = useState(true);
+    // Edit state
+    const [isEditing, setIsEditing] = useState(false);
+    const [editName, setEditName] = useState('');
+    const [editEmail, setEditEmail] = useState('');
+    const [isSaving, setIsSaving] = useState(false);
+    const [editError, setEditError] = useState(null);
+    // Delete state
+    const [showDeleteDialog, setShowDeleteDialog] = useState(false);
+    const [isDeleting, setIsDeleting] = useState(false);
+    const [deleteError, setDeleteError] = useState(null);
+    // Get locale/currency from context
+    const storeSettings = useStoreSettingsOptional();
+    const resolvedCurrency = storeSettings?.currency ?? 'USD';
+    const resolvedLocale = storeSettings?.locale ?? 'en-US';
+    // Fetch customer data.
+    // Pattern C — populate state from async-loaded data.
+    // Alternative is a data-fetching library (TanStack Query / SWR).
+    useEffect(() => {
+        if (customerId) {
+            // eslint-disable-next-line react-hooks/set-state-in-effect
+            setIsLoading(true);
+            getCustomer(customerId).then((data) => {
+                setCustomer(data);
+                setIsLoading(false);
+            });
+        }
+    }, [customerId, getCustomer]);
+    // Format helpers
+    const formatDate = (dateString) => {
+        return new Date(dateString).toLocaleDateString(resolvedLocale, {
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric',
+        });
+    };
+    const formatDateTime = (dateString) => {
+        return new Date(dateString).toLocaleDateString(resolvedLocale, {
+            year: 'numeric',
+            month: 'short',
+            day: 'numeric',
+            hour: '2-digit',
+            minute: '2-digit',
+        });
+    };
+    const formatCurrency = (value) => {
+        const numValue = typeof value === 'string' ? parseFloat(value) : value;
+        return new Intl.NumberFormat(resolvedLocale, {
+            style: 'currency',
+            currency: resolvedCurrency,
+        }).format(numValue);
+    };
+    // Edit handlers
+    const handleEditStart = useCallback(() => {
+        if (customer) {
+            setEditName(customer.name || '');
+            setEditEmail(customer.email);
+            setEditError(null);
+            setIsEditing(true);
+        }
+    }, [customer]);
+    const handleEditCancel = useCallback(() => {
+        setIsEditing(false);
+        setEditError(null);
+    }, []);
+    const handleEditSave = useCallback(async () => {
+        if (!customer)
+            return;
+        setIsSaving(true);
+        setEditError(null);
+        const result = await updateCustomer(customer.id, {
+            name: editName || undefined,
+            email: editEmail,
+        });
+        setIsSaving(false);
+        if (result.success && result.data) {
+            setCustomer((prev) => prev
+                ? {
+                    ...prev,
+                    name: result.data.name,
+                    email: result.data.email,
+                }
+                : null);
+            setIsEditing(false);
+        }
+        else {
+            setEditError(result.error || 'Failed to update customer');
+        }
+    }, [customer, editName, editEmail, updateCustomer]);
+    // Delete handlers
+    const handleDeleteClick = useCallback(() => {
+        setDeleteError(null);
+        setShowDeleteDialog(true);
+    }, []);
+    const handleDeleteConfirm = useCallback(async () => {
+        if (!customer)
+            return;
+        setIsDeleting(true);
+        setDeleteError(null);
+        const result = await deleteCustomer(customer.id);
+        setIsDeleting(false);
+        if (result.success) {
+            setShowDeleteDialog(false);
+            onDelete?.();
+        }
+        else {
+            setDeleteError(result.error ?? 'Failed to delete customer. Please try again.');
+        }
+    }, [customer, deleteCustomer, onDelete]);
+    const handleDeleteCancel = useCallback(() => {
+        if (!isDeleting) {
+            setShowDeleteDialog(false);
+            setDeleteError(null);
+        }
+    }, [isDeleting]);
+    // Loading state
+    if (isLoading) {
+        return (_jsxs("div", { className: `space-y-6 ${className}`, children: [_jsx("div", { className: "admin-skeleton admin-skeleton-lg w-48 rounded" }), _jsxs("div", { className: "grid gap-6 lg:grid-cols-3", children: [_jsx("div", { className: "lg:col-span-2 space-y-6", children: _jsx("div", { className: "admin-card p-6", children: _jsx("div", { className: "space-y-4", children: [...Array(4)].map((_, i) => (_jsx("div", { className: "admin-skeleton admin-skeleton-md w-full rounded" }, i))) }) }) }), _jsx("div", { className: "space-y-6", children: _jsx("div", { className: "admin-card p-6", children: _jsx("div", { className: "space-y-3", children: [...Array(3)].map((_, i) => (_jsx("div", { className: "admin-skeleton admin-skeleton-md w-full rounded" }, i))) }) }) })] })] }));
+    }
+    // Not found state
+    if (!customer) {
+        return (_jsxs("div", { className: `admin-card p-12 text-center ${className}`, children: [_jsx(User, { className: "mx-auto h-12 w-12 admin-empty-icon" }), _jsx("p", { className: "mt-4 admin-empty-text", children: "Customer not found" }), onBack && (_jsx("button", { onClick: onBack, className: "mt-4 admin-link-primary text-sm", children: "Go back" }))] }));
+    }
+    return (_jsxs("div", { className: `space-y-6 ${className}`, children: [onBack && (_jsx("div", { className: "flex items-center justify-between", children: _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("button", { onClick: onBack, className: "admin-btn admin-btn-secondary p-2", children: _jsx(ArrowLeft, { className: "h-4 w-4" }) }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h1", { className: "admin-page-title", children: customer.name || 'Unnamed Customer' }), _jsx(VerificationBadge, { verified: !!customer.emailVerified })] }), _jsx("p", { className: "admin-page-subtitle", children: customer.email })] })] }) })), _jsxs("div", { className: "grid gap-6 lg:grid-cols-3", children: [_jsxs("div", { className: "lg:col-span-2 space-y-6", children: [_jsxs("div", { className: "admin-card overflow-hidden", children: [_jsxs("div", { className: "admin-card-header flex items-center justify-between", children: [_jsx("h2", { className: "admin-card-title", children: "Customer Information" }), !isEditing && (_jsxs("button", { onClick: handleEditStart, className: "admin-action-link inline-flex items-center gap-1", children: [_jsx(Pencil, { className: "h-3 w-3" }), "Edit"] }))] }), _jsx("div", { className: "p-6", children: isEditing ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: "admin-label", children: "Name" }), _jsx("input", { type: "text", value: editName, onChange: (e) => setEditName(e.target.value), placeholder: "Customer name", className: "admin-input w-full" })] }), _jsxs("div", { children: [_jsx("label", { className: "admin-label", children: "Email" }), _jsx("input", { type: "email", value: editEmail, onChange: (e) => setEditEmail(e.target.value), placeholder: "customer@example.com", className: "admin-input w-full" })] }), editError && (_jsx("p", { className: "admin-error-text text-sm", children: editError })), _jsxs("div", { className: "flex gap-2", children: [_jsxs("button", { onClick: handleEditSave, disabled: isSaving, className: "admin-btn admin-btn-primary admin-btn-sm inline-flex items-center gap-1 disabled:opacity-50", children: [_jsx(Check, { className: "h-3 w-3" }), isSaving ? 'Saving...' : 'Save'] }), _jsxs("button", { onClick: handleEditCancel, disabled: isSaving, className: "admin-btn admin-btn-secondary admin-btn-sm inline-flex items-center gap-1 disabled:opacity-50", children: [_jsx(X, { className: "h-3 w-3" }), "Cancel"] })] })] })) : (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Mail, { className: "h-4 w-4 admin-text-muted" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm admin-text-muted", children: "Email" }), _jsx("p", { children: customer.email })] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(User, { className: "h-4 w-4 admin-text-muted" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm admin-text-muted", children: "Name" }), _jsx("p", { children: customer.name || 'Not provided' })] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Calendar, { className: "h-4 w-4 admin-text-muted" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm admin-text-muted", children: "Joined" }), _jsx("p", { children: formatDate(customer.createdAt) })] })] }), customer.stripeCustomerId && (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(CreditCard, { className: "h-4 w-4 admin-text-muted" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm admin-text-muted", children: "Stripe Customer ID" }), _jsx("p", { className: "font-mono text-sm", children: customer.stripeCustomerId })] })] }))] })) })] }), _jsxs("div", { className: "admin-card overflow-hidden", children: [_jsx("div", { className: "admin-card-header", children: _jsx("h2", { className: "admin-card-title", children: "Order History" }) }), customer.orders && customer.orders.length > 0 ? (_jsx("div", { className: "admin-card-divider-y", children: customer.orders.map((order) => (_jsxs("a", { href: `/admin/orders/${order.id}`, className: "admin-inventory-item flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "admin-image-placeholder h-10 w-10 rounded", children: _jsx(ShoppingBag, { className: "h-5 w-5" }) }), _jsxs("div", { children: [_jsxs("p", { className: "admin-inventory-item-link", children: ["Order #", order.id.slice(-8).toUpperCase()] }), _jsx("p", { className: "text-sm admin-text-muted", children: formatDateTime(order.createdAt) })] })] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(OrderStatusBadge, { status: order.status }), _jsx("span", { className: "font-medium", children: formatCurrency(order.total) })] })] }, order.id))) })) : (_jsxs("div", { className: "admin-empty-state py-12", children: [_jsx(ShoppingBag, { className: "mx-auto h-8 w-8 admin-empty-icon" }), _jsx("p", { className: "mt-2 admin-empty-text text-sm", children: "No orders yet" })] }))] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "admin-card p-6", children: [_jsx("h2", { className: "admin-card-title mb-4", children: "Customer Stats" }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2 admin-text-muted", children: [_jsx(ShoppingBag, { className: "h-4 w-4" }), _jsx("span", { className: "text-sm", children: "Total Orders" })] }), _jsx("span", { className: "font-medium", children: customer.stats?.totalOrders ?? 0 })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2 admin-text-muted", children: [_jsx(DollarSign, { className: "h-4 w-4" }), _jsx("span", { className: "text-sm", children: "Total Spent" })] }), _jsx("span", { className: "font-medium", children: formatCurrency(customer.stats?.totalSpent ?? 0) })] })] })] }), _jsxs("div", { className: "admin-card p-6", children: [_jsx("h2", { className: "admin-card-title mb-4", children: "Actions" }), _jsxs("div", { className: "space-y-3", children: [_jsxs("button", { onClick: handleDeleteClick, className: "admin-btn admin-btn-destructive w-full inline-flex items-center justify-center gap-2", children: [_jsx(Trash2, { className: "h-4 w-4" }), "Delete Customer"] }), _jsx("p", { className: "text-xs admin-text-muted", children: "Deleting a customer anonymizes their data while preserving order history." })] })] })] })] }), _jsx(DeleteConfirmDialog, { isOpen: showDeleteDialog, title: "Delete Customer", itemName: customer.name || customer.email, itemType: "customer", isDeleting: isDeleting, error: deleteError, onConfirm: handleDeleteConfirm, onCancel: handleDeleteCancel })] }));
+}
+//# sourceMappingURL=CustomerDetails.js.map

package/dist/admin/components/CustomerDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerDetails.js","sourceRoot":"","sources":["../../../src/admin/components/CustomerDetails.tsx"],"names":[],"mappings":"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"}

package/dist/admin/components/CustomerTable.d.ts

@@ -0,0 +1,13 @@
+import type { CustomerTableProps } from '../types';
+/**
+ * Customers data table with search and pagination.
+ *
+ * @example
+ * ```tsx
+ * <CustomerTable
+ *   onCustomerClick={(id) => router.push(`/admin/customers/${id}`)}
+ * />
+ * ```
+ */
+export declare function CustomerTable({ pageSize, onCustomerClick, className, }: CustomerTableProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CustomerTable.d.ts.map

package/dist/admin/components/CustomerTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerTable.d.ts","sourceRoot":"","sources":["../../../src/admin/components/CustomerTable.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAyB,MAAM,UAAU,CAAA;AAsFzE;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAa,EACb,eAAe,EACf,SAAc,GACf,EAAE,kBAAkB,2CAqNpB"}