@rovela-ai/sdk 0.4.1 → 0.4.2

package/dist/admin/components/InviteUserDialog.js

@@ -0,0 +1,126 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @rovela/sdk/admin/components/InviteUserDialog
+ *
+ * Admin invite dialog. Opens from the "Invite user" button in UsersTable.
+ *
+ * Role dropdown is filtered by `useAdminPermissions` — owners see all
+ * roles, administrators see only manager/user. Server-side `canManageUser`
+ * re-enforces the same rule; the client filter is purely for UX.
+ *
+ * After a successful invite, the dialog transitions to a "success" state
+ * that shows the invite URL with a copy button. This gives the owner a
+ * manual-share fallback if the email broker fails or is delayed — the
+ * invite is always actionable from the UI regardless of email delivery.
+ */
+import { useState, useCallback, useMemo } from 'react';
+import { UserPlus, Copy, CheckCircle2, Mail, AlertCircle, X } from 'lucide-react';
+import { useAdminUsers } from '../hooks/useAdminUsers';
+import { useAdminPermissions } from '../hooks/useAdminPermissions';
+import { roleLabel } from '../permissions';
+// =============================================================================
+// Role dropdown options (filtered by actor's permissions)
+// =============================================================================
+/**
+ * Build the list of roles the current actor can grant.
+ */
+function useGrantableRoles() {
+    const { canManageUser, isOwner } = useAdminPermissions();
+    return useMemo(() => {
+        const allRoles = ['owner', 'administrator', 'manager', 'user'];
+        return allRoles.filter((role) => {
+            // Only owners can invite other owners.
+            if (role === 'owner' && !isOwner)
+                return false;
+            // `canManageUser` rejects same-rank peers for administrators.
+            return canManageUser({ id: '__new_invitee__', role });
+        });
+    }, [canManageUser, isOwner]);
+}
+// =============================================================================
+// Component
+// =============================================================================
+export function InviteUserDialog({ isOpen, onClose, onInvited, className = '', }) {
+    const { invite } = useAdminUsers();
+    const grantableRoles = useGrantableRoles();
+    // Form state
+    const [email, setEmail] = useState('');
+    const [name, setName] = useState('');
+    const [role, setRole] = useState(grantableRoles[grantableRoles.length - 1] || 'user' // default to lowest grantable role
+    );
+    // Async + result state
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [error, setError] = useState(null);
+    const [successInviteUrl, setSuccessInviteUrl] = useState(null);
+    const [copied, setCopied] = useState(false);
+    const resetAndClose = useCallback(() => {
+        setEmail('');
+        setName('');
+        setError(null);
+        setSuccessInviteUrl(null);
+        setCopied(false);
+        setIsSubmitting(false);
+        onClose();
+    }, [onClose]);
+    const handleSubmit = useCallback(async (e) => {
+        e.preventDefault();
+        setError(null);
+        setIsSubmitting(true);
+        try {
+            const result = await invite({
+                email: email.trim(),
+                name: name.trim(),
+                role,
+            });
+            if (!result.success) {
+                setError(result.error || 'Failed to send invite. Please try again.');
+                return;
+            }
+            setSuccessInviteUrl(result.inviteUrl || null);
+            if (result.adminId && result.inviteUrl) {
+                onInvited?.({ adminId: result.adminId, inviteUrl: result.inviteUrl });
+            }
+        }
+        catch {
+            setError('Something went wrong. Please try again.');
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }, [invite, email, name, role, onInvited]);
+    const handleCopy = useCallback(() => {
+        if (!successInviteUrl)
+            return;
+        navigator.clipboard
+            .writeText(successInviteUrl)
+            .then(() => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        })
+            .catch(() => {
+            // Fallback if clipboard API blocked (iframe, etc.)
+        });
+    }, [successInviteUrl]);
+    if (!isOpen)
+        return null;
+    // --- Success view ---------------------------------------------------------
+    if (successInviteUrl) {
+        return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", style: { background: 'rgba(0,0,0,0.5)' }, onClick: resetAndClose, children: _jsxs("div", { className: `w-full max-w-md rounded-lg p-6 ${className}`, style: {
+                    background: 'hsl(var(--admin-card))',
+                    border: '1px solid hsl(var(--admin-border))',
+                }, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "flex items-start gap-3 mb-4", children: [_jsx("div", { className: "flex-shrink-0 h-10 w-10 rounded-full flex items-center justify-center", style: { background: 'hsl(var(--admin-primary) / 0.1)' }, children: _jsx(CheckCircle2, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-1", children: "Invite sent" }), _jsxs("p", { className: "text-sm admin-text-muted", children: ["We've emailed an invite to ", _jsx("strong", { children: email }), ". It expires in 72 hours."] })] })] }), _jsxs("div", { className: "mb-4", children: [_jsx("p", { className: "text-xs admin-text-muted mb-2", children: "If the email doesn't arrive, you can also share this link directly:" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "text", readOnly: true, value: successInviteUrl, className: "admin-input flex-1 text-xs font-mono", onClick: (e) => e.target.select() }), _jsx("button", { type: "button", onClick: handleCopy, className: "admin-btn admin-btn-secondary inline-flex items-center gap-1", children: copied ? (_jsxs(_Fragment, { children: [_jsx(CheckCircle2, { className: "h-4 w-4" }), "Copied"] })) : (_jsxs(_Fragment, { children: [_jsx(Copy, { className: "h-4 w-4" }), "Copy"] })) })] })] }), _jsx("div", { className: "flex justify-end", children: _jsx("button", { type: "button", onClick: resetAndClose, className: "admin-btn admin-btn-primary", children: "Done" }) })] }) }));
+    }
+    // --- Form view ------------------------------------------------------------
+    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", style: { background: 'rgba(0,0,0,0.5)' }, onClick: () => {
+            if (!isSubmitting)
+                resetAndClose();
+        }, children: _jsxs("div", { className: `w-full max-w-md rounded-lg p-6 ${className}`, style: {
+                background: 'hsl(var(--admin-card))',
+                border: '1px solid hsl(var(--admin-border))',
+            }, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "flex items-start justify-between mb-4", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex-shrink-0 h-10 w-10 rounded-full flex items-center justify-center", style: { background: 'hsl(var(--admin-primary) / 0.1)' }, children: _jsx(UserPlus, { className: "h-5 w-5 text-[hsl(var(--admin-primary))]" }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-1", children: "Invite user" }), _jsx("p", { className: "text-sm admin-text-muted", children: "They'll receive an email with a link to set their password and access the admin." })] })] }), _jsx("button", { type: "button", onClick: resetAndClose, disabled: isSubmitting, className: "rounded-md p-1 text-[hsl(var(--admin-foreground-muted))] hover:bg-[hsl(var(--admin-background-hover))]", "aria-label": "Close", children: _jsx(X, { className: "h-4 w-4" }) })] }), _jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [error && (_jsxs("div", { className: "admin-alert admin-alert-error flex items-start gap-2", children: [_jsx(AlertCircle, { className: "h-4 w-4 mt-0.5 flex-shrink-0" }), _jsx("div", { className: "admin-alert-description", children: error })] })), _jsxs("div", { children: [_jsx("label", { htmlFor: "invite-email", className: "admin-label admin-label-required", children: "Email" }), _jsxs("div", { className: "admin-input-with-icon", children: [_jsx(Mail, { className: "admin-input-with-icon-left h-4 w-4" }), _jsx("input", { id: "invite-email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), required: true, autoComplete: "email", disabled: isSubmitting, className: "admin-input w-full", placeholder: "jane@example.com" })] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "invite-name", className: "admin-label admin-label-required", children: "Name" }), _jsx("input", { id: "invite-name", type: "text", value: name, onChange: (e) => setName(e.target.value), required: true, minLength: 2, disabled: isSubmitting, className: "admin-input w-full", placeholder: "Jane Doe" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "invite-role", className: "admin-label", children: "Role" }), _jsx("select", { id: "invite-role", value: role, onChange: (e) => setRole(e.target.value), disabled: isSubmitting || grantableRoles.length === 0, className: "admin-input w-full", children: grantableRoles.map((r) => (_jsx("option", { value: r, children: roleLabel(r) }, r))) }), grantableRoles.length === 0 && (_jsx("p", { className: "text-xs admin-text-muted mt-1", children: "You don't have permission to invite any role." }))] }), _jsxs("div", { className: "flex items-center justify-end gap-2 pt-2", children: [_jsx("button", { type: "button", onClick: resetAndClose, disabled: isSubmitting, className: "admin-btn admin-btn-secondary", children: "Cancel" }), _jsx("button", { type: "submit", disabled: isSubmitting ||
+                                        grantableRoles.length === 0 ||
+                                        !email.trim() ||
+                                        !name.trim(), className: "admin-btn admin-btn-primary", children: isSubmitting ? (_jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "admin-spinner admin-spinner-sm" }), "Sending..."] })) : ('Send invite') })] })] })] }) }));
+}
+//# sourceMappingURL=InviteUserDialog.js.map

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

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

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

@@ -0,0 +1,22 @@
+export interface LogoUploadProps {
+    /** Callback when logo is successfully uploaded */
+    onUpload?: (url: string) => void;
+    /** Callback when logo is successfully deleted */
+    onDelete?: () => void;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Logo upload component for store branding.
+ * Self-contained: fetches logo status on mount.
+ *
+ * @example
+ * ```tsx
+ * <LogoUpload
+ *   onUpload={(url) => console.log('Uploaded:', url)}
+ *   onDelete={() => console.log('Deleted')}
+ * />
+ * ```
+ */
+export declare function LogoUpload({ onUpload, onDelete, className, }: LogoUploadProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LogoUpload.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogoUpload.d.ts","sourceRoot":"","sources":["../../../src/admin/components/LogoUpload.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,eAAe;IAC9B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAsBD;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,SAAc,GACf,EAAE,eAAe,2CAuUjB"}

package/dist/admin/components/LogoUpload.js

@@ -0,0 +1,210 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @rovela/sdk/admin/components/LogoUpload
+ *
+ * Self-contained logo upload component for store branding.
+ * Fetches logo status on mount, handles upload/delete via /api/admin/branding/logo.
+ * Styled with Rovela admin theme.
+ */
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { fetchAdminApi } from '../hooks/fetchAdminApi';
+// =============================================================================
+// Constants
+// =============================================================================
+const ALLOWED_TYPES = ['image/png', 'image/jpeg', 'image/jpg', 'image/webp', 'image/svg+xml'];
+const MAX_SIZE = 2 * 1024 * 1024; // 2MB
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * Logo upload component for store branding.
+ * Self-contained: fetches logo status on mount.
+ *
+ * @example
+ * ```tsx
+ * <LogoUpload
+ *   onUpload={(url) => console.log('Uploaded:', url)}
+ *   onDelete={() => console.log('Deleted')}
+ * />
+ * ```
+ */
+export function LogoUpload({ onUpload, onDelete, className = '', }) {
+    const [logo, setLogo] = useState({
+        exists: false,
+        url: null,
+        isLoading: true,
+        isUploading: false,
+        isDeleting: false,
+        error: null,
+    });
+    const [logoPreview, setLogoPreview] = useState(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const [successMessage, setSuccessMessage] = useState(null);
+    const [cacheBuster, setCacheBuster] = useState(() => Date.now());
+    const fileInputRef = useRef(null);
+    // Fetch logo status on mount
+    useEffect(() => {
+        async function fetchLogo() {
+            const res = await fetchAdminApi('/api/admin/branding/logo');
+            if (!res.ok) {
+                setLogo((prev) => ({
+                    ...prev,
+                    isLoading: false,
+                    error: res.error,
+                }));
+                return;
+            }
+            setLogo({
+                exists: res.data.data.exists,
+                url: res.data.data.url,
+                isLoading: false,
+                isUploading: false,
+                isDeleting: false,
+                error: null,
+            });
+        }
+        fetchLogo();
+    }, []);
+    // Upload logo. Hoisted above handleFileSelect so it can be listed as a
+    // dependency. Wrapped in useCallback so the closure captures stable refs
+    // and consumers (handleFileSelect) can include it in their deps array.
+    const uploadLogo = useCallback(async (file) => {
+        setLogo((prev) => ({ ...prev, isUploading: true, error: null }));
+        const formData = new FormData();
+        formData.append('logo', file);
+        const res = await fetchAdminApi('/api/admin/branding/logo', { method: 'POST', body: formData });
+        if (!res.ok) {
+            setLogo((prev) => ({
+                ...prev,
+                isUploading: false,
+                error: res.error,
+            }));
+            setLogoPreview(null);
+            return;
+        }
+        setCacheBuster(Date.now());
+        setLogo({
+            exists: true,
+            url: res.data.data.url,
+            isLoading: false,
+            isUploading: false,
+            isDeleting: false,
+            error: null,
+        });
+        setLogoPreview(null);
+        setSuccessMessage('Logo uploaded successfully!');
+        setTimeout(() => setSuccessMessage(null), 3000);
+        onUpload?.(res.data.data.url);
+    }, [onUpload]);
+    // Handle file selection
+    const handleFileSelect = useCallback((file) => {
+        setLogo((prev) => ({ ...prev, error: null }));
+        setSuccessMessage(null);
+        // Validate file type
+        if (!ALLOWED_TYPES.includes(file.type)) {
+            setLogo((prev) => ({
+                ...prev,
+                error: 'Invalid file type. Use PNG, JPG, WebP, or SVG.',
+            }));
+            return;
+        }
+        // Validate file size
+        if (file.size > MAX_SIZE) {
+            setLogo((prev) => ({
+                ...prev,
+                error: 'File too large. Maximum size is 2MB.',
+            }));
+            return;
+        }
+        // Show preview
+        const reader = new FileReader();
+        reader.onload = (e) => {
+            setLogoPreview(e.target?.result);
+        };
+        reader.readAsDataURL(file);
+        // Upload
+        uploadLogo(file);
+    }, [uploadLogo]);
+    // Delete logo
+    const handleDelete = async () => {
+        if (!logo.exists)
+            return;
+        setLogo((prev) => ({ ...prev, isDeleting: true, error: null }));
+        setSuccessMessage(null);
+        const res = await fetchAdminApi('/api/admin/branding/logo', {
+            method: 'DELETE',
+        });
+        if (!res.ok) {
+            setLogo((prev) => ({
+                ...prev,
+                isDeleting: false,
+                error: res.error,
+            }));
+            return;
+        }
+        setLogo({
+            exists: false,
+            url: null,
+            isLoading: false,
+            isUploading: false,
+            isDeleting: false,
+            error: null,
+        });
+        setSuccessMessage('Logo removed successfully!');
+        setTimeout(() => setSuccessMessage(null), 3000);
+        onDelete?.();
+    };
+    // Handle file input change
+    const handleFileInputChange = (e) => {
+        const file = e.target.files?.[0];
+        if (file) {
+            handleFileSelect(file);
+        }
+        // Reset input for re-upload of same file
+        if (fileInputRef.current) {
+            fileInputRef.current.value = '';
+        }
+    };
+    // Drag events
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        setIsDragging(true);
+    };
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        setIsDragging(false);
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        setIsDragging(false);
+        const file = e.dataTransfer.files?.[0];
+        if (file) {
+            handleFileSelect(file);
+        }
+    };
+    // Get display URL
+    const getDisplayUrl = () => {
+        if (logoPreview)
+            return logoPreview;
+        if (logo.url)
+            return `${logo.url}?v=${cacheBuster}`;
+        return null;
+    };
+    const displayUrl = getDisplayUrl();
+    const isWorking = logo.isLoading || logo.isUploading || logo.isDeleting;
+    return (_jsxs("div", { className: className, children: [_jsx("label", { className: "admin-label", children: "Store Logo" }), _jsx("p", { className: "admin-helper-text mb-3", children: "Your logo appears in the header and emails. Recommended: 200x80px." }), logo.error && (_jsx("div", { className: "admin-alert admin-alert-error mb-3", children: _jsx("div", { className: "admin-alert-description text-sm", children: logo.error }) })), successMessage && (_jsx("div", { className: "admin-alert admin-alert-success mb-3", children: _jsx("div", { className: "admin-alert-description text-sm", children: successMessage }) })), displayUrl ? (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "relative rounded-lg border border-[hsl(var(--admin-border))] bg-[hsl(var(--admin-background-subtle))] p-4", children: [_jsx("div", { className: "flex items-center justify-center min-h-[80px]", children: _jsx("img", { src: displayUrl, alt: "Store logo", className: "max-h-[80px] max-w-full object-contain" }) }), logo.isUploading && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-[hsl(var(--admin-background))]/80 rounded-lg", children: _jsxs("div", { className: "flex items-center gap-2 text-sm admin-text-muted", children: [_jsx("div", { className: "admin-spinner h-4 w-4" }), "Uploading..."] }) }))] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("input", { ref: fileInputRef, type: "file", accept: "image/png,image/jpeg,image/jpg,image/webp,image/svg+xml", onChange: handleFileInputChange, className: "hidden" }), _jsx("button", { type: "button", onClick: () => fileInputRef.current?.click(), disabled: isWorking, className: "admin-btn admin-btn-secondary admin-btn-sm disabled:opacity-50", children: "Replace" }), _jsx("button", { type: "button", onClick: handleDelete, disabled: isWorking, className: "admin-btn admin-btn-destructive admin-btn-sm disabled:opacity-50", children: logo.isDeleting ? 'Removing...' : 'Remove' })] })] })) : (
+            /* Upload dropzone */
+            _jsxs("div", { onClick: () => !isWorking && fileInputRef.current?.click(), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, className: `
+            relative flex min-h-[120px] cursor-pointer flex-col items-center justify-center
+            rounded-lg border-2 border-dashed transition-all
+            ${isDragging
+                    ? 'border-[hsl(var(--admin-primary))] bg-[hsl(var(--admin-primary)/0.05)]'
+                    : 'border-[hsl(var(--admin-border))] hover:border-[hsl(var(--admin-primary)/0.5)]'}
+            ${isWorking ? 'opacity-50 cursor-not-allowed' : ''}
+          `, children: [_jsx("input", { ref: fileInputRef, type: "file", accept: "image/png,image/jpeg,image/jpg,image/webp,image/svg+xml", onChange: handleFileInputChange, className: "hidden" }), logo.isLoading ? (_jsxs("div", { className: "flex items-center gap-2 admin-text-muted", children: [_jsx("div", { className: "admin-spinner h-5 w-5" }), _jsx("span", { className: "text-sm", children: "Checking..." })] })) : (_jsxs("div", { className: "flex flex-col items-center gap-2 p-4 text-center", children: [_jsx("div", { className: `
+                  flex h-10 w-10 items-center justify-center rounded-full transition-colors
+                  ${isDragging ? 'bg-[hsl(var(--admin-primary)/0.2)]' : 'bg-[hsl(var(--admin-background-subtle))]'}
+                `, children: _jsx("svg", { className: `h-5 w-5 transition-colors ${isDragging ? 'text-[hsl(var(--admin-primary))]' : 'admin-icon-muted'}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium admin-text", children: isDragging ? 'Drop here' : 'Click or drag to upload' }), _jsx("p", { className: "admin-helper-text mt-1", children: "PNG, JPG, WebP, SVG (max 2MB)" })] })] }))] }))] }));
+}
+//# sourceMappingURL=LogoUpload.js.map

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

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

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

@@ -0,0 +1,11 @@
+import type { LowStockAlertProps } from '../types';
+/**
+ * Low stock alert widget for dashboard with Rovela admin styling.
+ *
+ * @example
+ * ```tsx
+ * <LowStockAlert threshold={10} viewAllHref="/admin/products?filter=low-stock" />
+ * ```
+ */
+export declare function LowStockAlert({ threshold, viewAllHref, className, }: LowStockAlertProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LowStockAlert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LowStockAlert.d.ts","sourceRoot":"","sources":["../../../src/admin/components/LowStockAlert.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAMlD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAc,EACd,WAA+B,EAC/B,SAAc,GACf,EAAE,kBAAkB,2CAoHpB"}

package/dist/admin/components/LowStockAlert.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @rovela/sdk/admin/components/LowStockAlert
+ *
+ * Low stock inventory warning widget with Rovela admin theme styling.
+ * Uses pure CSS for hover states - no React state handlers.
+ */
+import { AlertTriangle, CheckCircle, ChevronRight } from 'lucide-react';
+import { useAdminStats } from '../hooks/useAdminStats';
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * Low stock alert widget for dashboard with Rovela admin styling.
+ *
+ * @example
+ * ```tsx
+ * <LowStockAlert threshold={10} viewAllHref="/admin/products?filter=low-stock" />
+ * ```
+ */
+export function LowStockAlert({ threshold = 10, viewAllHref = '/admin/products', className = '', }) {
+    const { lowStock, isLoading } = useAdminStats({
+        lowStockThreshold: threshold,
+    });
+    const isHealthy = !isLoading && lowStock.length === 0;
+    return (_jsxs("div", { className: `admin-card ${className}`, children: [_jsxs("div", { className: "admin-widget-header", children: [_jsxs("div", { className: "flex items-center gap-3", children: [isHealthy ? (_jsx("div", { className: "admin-status-icon admin-status-icon-success", children: _jsx(CheckCircle, { className: "h-5 w-5" }) })) : (_jsx("div", { className: "admin-status-icon admin-status-icon-warning", children: _jsx(AlertTriangle, { className: "h-5 w-5" }) })), _jsxs("div", { children: [_jsx("h3", { className: "admin-widget-title", children: isHealthy ? 'Inventory Healthy' : 'Low Stock Alert' }), _jsx("p", { className: "admin-widget-subtitle", children: isHealthy
+                                            ? 'All products are well stocked'
+                                            : `${lowStock.length} item${lowStock.length !== 1 ? 's' : ''} need attention` })] })] }), lowStock.length > 0 && (_jsxs("a", { href: viewAllHref, className: "admin-view-all-link", children: ["View all", _jsx(ChevronRight, { className: "h-4 w-4" })] }))] }), _jsxs("div", { children: [isLoading ? (_jsx("div", { className: "p-6", children: _jsx("div", { className: "space-y-4", children: [...Array(3)].map((_, i) => (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "admin-skeleton admin-skeleton-md w-32 rounded" }), _jsx("div", { className: "admin-skeleton admin-skeleton-sm w-20 rounded" })] }), _jsx("div", { className: "admin-skeleton admin-skeleton-lg w-16 rounded" })] }, i))) }) })) : lowStock.length === 0 ? (_jsxs("div", { className: "admin-empty-state py-12", children: [_jsx("div", { className: "admin-status-icon admin-status-icon-success p-4", children: _jsx(CheckCircle, { className: "h-8 w-8" }) }), _jsx("p", { className: "admin-empty-text mt-4 text-sm font-medium", children: "All stocked up!" }), _jsxs("p", { className: "admin-empty-subtext text-xs", children: ["No products below ", threshold, " units in stock"] })] })) : (_jsx("div", { children: lowStock.slice(0, 5).map((item) => (_jsxs("div", { className: "admin-inventory-item", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("a", { href: `/admin/products/${item.productId}${item.variantId ? `?variant=${item.variantId}` : ''}`, className: "admin-inventory-item-link", children: item.productName }), _jsx("p", { className: "admin-inventory-item-variant", children: item.variantName })] }), _jsx("div", { className: "ml-4 flex-shrink-0", children: _jsx("span", { className: `admin-badge ${item.inventory === 0
+                                            ? 'admin-badge-out-of-stock'
+                                            : 'admin-badge-low-stock'}`, children: item.inventory === 0 ? 'Out of stock' : `${item.inventory} left` }) })] }, item.variantId))) })), !isLoading && lowStock.length > 5 && (_jsx("div", { className: "admin-card-footer text-center", children: _jsxs("a", { href: viewAllHref, className: "admin-link-primary text-sm", children: ["+", lowStock.length - 5, " more items"] }) }))] })] }));
+}
+//# sourceMappingURL=LowStockAlert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LowStockAlert.js","sourceRoot":"","sources":["../../../src/admin/components/LowStockAlert.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;GAKG;AAEH,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAGtD,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,iBAAiB,EAC/B,SAAS,GAAG,EAAE,GACK;IACnB,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC;QAC5C,iBAAiB,EAAE,SAAS;KAC7B,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,CAAC,SAAS,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAA;IAErD,OAAO,CACL,eAAK,SAAS,EAAE,cAAc,SAAS,EAAE,aAEvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAK,SAAS,EAAC,yBAAyB,aACrC,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,6CAA6C,YAC1D,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,GAAG,GAC/B,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,6CAA6C,YAC1D,KAAC,aAAa,IAAC,SAAS,EAAC,SAAS,GAAG,GACjC,CACP,EACD,0BACE,aAAI,SAAS,EAAC,oBAAoB,YAC/B,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,GACjD,EACL,YAAG,SAAS,EAAC,uBAAuB,YACjC,SAAS;4CACR,CAAC,CAAC,+BAA+B;4CACjC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,QAAQ,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,iBAAiB,GAE7E,IACA,IACF,EACL,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACtB,aAAG,IAAI,EAAE,WAAW,EAAE,SAAS,EAAC,qBAAqB,yBAEnD,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG,IAClC,CACL,IACG,EAGN,0BACG,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,KAAK,YAClB,cAAK,SAAS,EAAC,WAAW,YACvB,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,eAAa,SAAS,EAAC,mCAAmC,aACxD,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,+CAA+C,GAAG,EACjE,cAAK,SAAS,EAAC,+CAA+C,GAAG,IAC7D,EACN,cAAK,SAAS,EAAC,+CAA+C,GAAG,KALzD,CAAC,CAML,CACP,CAAC,GACE,GACF,CACP,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC1B,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,iDAAiD,YAC9D,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,GAAG,GAC/B,EACN,YAAG,SAAS,EAAC,2CAA2C,gCAEpD,EACJ,aAAG,SAAS,EAAC,6BAA6B,mCACrB,SAAS,uBAC1B,IACA,CACP,CAAC,CAAC,CAAC,CACF,wBACG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClC,eAA0B,SAAS,EAAC,sBAAsB,aACxD,eAAK,SAAS,EAAC,gBAAgB,aAM7B,YACE,IAAI,EAAE,mBAAmB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9F,SAAS,EAAC,2BAA2B,YAEpC,IAAI,CAAC,WAAW,GACf,EACJ,YAAG,SAAS,EAAC,8BAA8B,YACxC,IAAI,CAAC,WAAW,GACf,IACA,EACN,cAAK,SAAS,EAAC,oBAAoB,YACjC,eACE,SAAS,EAAE,eACT,IAAI,CAAC,SAAS,KAAK,CAAC;4CAClB,CAAC,CAAC,0BAA0B;4CAC5B,CAAC,CAAC,uBACN,EAAE,YAED,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,OAAO,GAC5D,GACH,KA3BE,IAAI,CAAC,SAAS,CA4BlB,CACP,CAAC,GACE,CACP,EAGA,CAAC,SAAS,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACpC,cAAK,SAAS,EAAC,+BAA+B,YAC5C,aAAG,IAAI,EAAE,WAAW,EAAE,SAAS,EAAC,4BAA4B,kBACxD,QAAQ,CAAC,MAAM,GAAG,CAAC,mBACnB,GACA,CACP,IACG,IACF,CACP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { OrderDetailsProps } from '../types';
+/**
+ * Order details view with items and actions.
+ *
+ * @example
+ * ```tsx
+ * <OrderDetails
+ *   orderId="123"
+ *   onRefund={() => setShowRefundDialog(true)}
+ * />
+ * ```
+ */
+export declare function OrderDetails({ orderId, onRefund, onBack, className, }: OrderDetailsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OrderDetails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderDetails.d.ts","sourceRoot":"","sources":["../../../src/admin/components/OrderDetails.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAgC,MAAM,UAAU,CAAA;AAgC/E;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAc,GACf,EAAE,iBAAiB,2CAgoBnB"}