@rovela-ai/sdk 0.4.1 → 0.4.2

package/dist/products/api/product.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @rovela/sdk/products/api/product
+ *
+ * API route handler for single product endpoint.
+ * Provides GET /api/products/[slug] with variants.
+ *
+ * Usage in Next.js App Router:
+ * ```typescript
+ * // app/api/products/[slug]/route.ts
+ * export { GET } from '@rovela/sdk/products/api'
+ * ```
+ */
+import { NextRequest, NextResponse } from 'next/server';
+import { findProductBySlug, findProductVariants } from '../../core/db/queries';
+export interface ProductApiResponse {
+    product: NonNullable<Awaited<ReturnType<typeof findProductBySlug>>>;
+    variants: Awaited<ReturnType<typeof findProductVariants>>;
+}
+export interface ProductApiError {
+    error: string;
+    code: string;
+}
+/**
+ * GET /api/products/[slug]
+ *
+ * Route Parameters:
+ * - slug: string - Product slug
+ *
+ * Returns product with all variants
+ */
+export declare function GET(_request: NextRequest, { params }: {
+    params: Promise<{
+        slug: string;
+    }>;
+}): Promise<NextResponse<ProductApiResponse | ProductApiError>>;
+//# sourceMappingURL=product.d.ts.map

package/dist/products/api/product.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product.d.ts","sourceRoot":"","sources":["../../../src/products/api/product.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAM9E,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAA;IACnE,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAA;CAC1D;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAMD;;;;;;;GAOG;AACH,wBAAsB,GAAG,CACvB,QAAQ,EAAE,WAAW,EACrB,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAAE,GAChD,OAAO,CAAC,YAAY,CAAC,kBAAkB,GAAG,eAAe,CAAC,CAAC,CA0D7D"}

package/dist/products/api/product.js

@@ -0,0 +1,67 @@
+/**
+ * @rovela/sdk/products/api/product
+ *
+ * API route handler for single product endpoint.
+ * Provides GET /api/products/[slug] with variants.
+ *
+ * Usage in Next.js App Router:
+ * ```typescript
+ * // app/api/products/[slug]/route.ts
+ * export { GET } from '@rovela/sdk/products/api'
+ * ```
+ */
+import { NextResponse } from 'next/server';
+import { findProductBySlug, findProductVariants } from '../../core/db/queries';
+// =============================================================================
+// Handler
+// =============================================================================
+/**
+ * GET /api/products/[slug]
+ *
+ * Route Parameters:
+ * - slug: string - Product slug
+ *
+ * Returns product with all variants
+ */
+export async function GET(_request, { params }) {
+    try {
+        const { slug } = await params;
+        if (!slug) {
+            return NextResponse.json({
+                error: 'Product slug is required',
+                code: 'MISSING_SLUG',
+            }, { status: 400 });
+        }
+        // Find product by slug
+        const product = await findProductBySlug(slug);
+        if (!product) {
+            return NextResponse.json({
+                error: 'Product not found',
+                code: 'NOT_FOUND',
+            }, { status: 404 });
+        }
+        // Get variants if product has them
+        const variants = product.hasVariants
+            ? await findProductVariants(product.id)
+            : [];
+        return NextResponse.json({
+            product,
+            variants,
+        });
+    }
+    catch (error) {
+        console.error('[Product API] Error:', error);
+        // Handle tenant not set error gracefully
+        if (error instanceof Error && error.message.includes('Tenant ID not set')) {
+            return NextResponse.json({
+                error: 'Store not configured. Please set TENANT_ID environment variable.',
+                code: 'TENANT_NOT_SET',
+            }, { status: 500 });
+        }
+        return NextResponse.json({
+            error: 'Failed to fetch product',
+            code: 'INTERNAL_ERROR',
+        }, { status: 500 });
+    }
+}
+//# sourceMappingURL=product.js.map

package/dist/products/api/product.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product.js","sourceRoot":"","sources":["../../../src/products/api/product.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAe,YAAY,EAAE,MAAM,aAAa,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAgB9E,gFAAgF;AAChF,UAAU;AACV,gFAAgF;AAEhF;;;;;;;GAOG;AACH,MAAM,CAAC,KAAK,UAAU,GAAG,CACvB,QAAqB,EACrB,EAAE,MAAM,EAAyC;IAEjD,IAAI,CAAC;QACH,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAA;QAE7B,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,YAAY,CAAC,IAAI,CACtB;gBACE,KAAK,EAAE,0BAA0B;gBACjC,IAAI,EAAE,cAAc;aACrB,EACD,EAAE,MAAM,EAAE,GAAG,EAAE,CAChB,CAAA;QACH,CAAC;QAED,uBAAuB;QACvB,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,IAAI,CAAC,CAAA;QAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,YAAY,CAAC,IAAI,CACtB;gBACE,KAAK,EAAE,mBAAmB;gBAC1B,IAAI,EAAE,WAAW;aAClB,EACD,EAAE,MAAM,EAAE,GAAG,EAAE,CAChB,CAAA;QACH,CAAC;QAED,mCAAmC;QACnC,MAAM,QAAQ,GAAG,OAAO,CAAC,WAAW;YAClC,CAAC,CAAC,MAAM,mBAAmB,CAAC,OAAO,CAAC,EAAE,CAAC;YACvC,CAAC,CAAC,EAAE,CAAA;QAEN,OAAO,YAAY,CAAC,IAAI,CAAC;YACvB,OAAO;YACP,QAAQ;SACT,CAAC,CAAA;IACJ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAA;QAE5C,yCAAyC;QACzC,IAAI,KAAK,YAAY,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC;YAC1E,OAAO,YAAY,CAAC,IAAI,CACtB;gBACE,KAAK,EAAE,kEAAkE;gBACzE,IAAI,EAAE,gBAAgB;aACvB,EACD,EAAE,MAAM,EAAE,GAAG,EAAE,CAChB,CAAA;QACH,CAAC;QAED,OAAO,YAAY,CAAC,IAAI,CACtB;YACE,KAAK,EAAE,yBAAyB;YAChC,IAAI,EAAE,gBAAgB;SACvB,EACD,EAAE,MAAM,EAAE,GAAG,EAAE,CAChB,CAAA;IACH,CAAC;AACH,CAAC"}

package/dist/products/api/products.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @rovela/sdk/products/api/products
+ *
+ * API route handler for product listing endpoint.
+ * Provides GET /api/products with filtering, sorting, and pagination.
+ *
+ * Usage in Next.js App Router:
+ * ```typescript
+ * // app/api/products/route.ts
+ * export { GET } from '@rovela/sdk/products/api'
+ * ```
+ */
+import { NextRequest, NextResponse } from 'next/server';
+import { findProducts } from '../../core/db/queries';
+export interface ProductsApiResponse {
+    data: Awaited<ReturnType<typeof findProducts>>;
+    total: number;
+    page: number;
+    pageSize: number;
+    hasMore: boolean;
+}
+export interface ProductsApiError {
+    error: string;
+    code: string;
+}
+/**
+ * GET /api/products
+ *
+ * Query Parameters:
+ * - category: string - Filter by category ID
+ * - search: string - Search by product name
+ * - sort: 'newest' | 'price-asc' | 'price-desc' | 'name'
+ * - status: 'draft' | 'active' | 'archived' (defaults to 'active')
+ * - minPrice: number - Minimum price filter
+ * - maxPrice: number - Maximum price filter
+ * - limit: number - Page size (default 12, max 100)
+ * - page: number - Page number (1-based, default 1)
+ * - attributes: JSON string - Attribute filters { color: ['Red'], size: ['L'] }
+ */
+export declare function GET(request: NextRequest): Promise<NextResponse<ProductsApiResponse | ProductsApiError>>;
+//# sourceMappingURL=products.d.ts.map

package/dist/products/api/products.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"products.d.ts","sourceRoot":"","sources":["../../../src/products/api/products.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AACvD,OAAO,EACL,YAAY,EAGb,MAAM,uBAAuB,CAAA;AAM9B,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAMD;;;;;;;;;;;;;GAaG;AACH,wBAAsB,GAAG,CACvB,OAAO,EAAE,WAAW,GACnB,OAAO,CAAC,YAAY,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAC,CAuE/D"}

package/dist/products/api/products.js

@@ -0,0 +1,99 @@
+/**
+ * @rovela/sdk/products/api/products
+ *
+ * API route handler for product listing endpoint.
+ * Provides GET /api/products with filtering, sorting, and pagination.
+ *
+ * Usage in Next.js App Router:
+ * ```typescript
+ * // app/api/products/route.ts
+ * export { GET } from '@rovela/sdk/products/api'
+ * ```
+ */
+import { NextResponse } from 'next/server';
+import { findProducts, countProducts, } from '../../core/db/queries';
+// =============================================================================
+// Handler
+// =============================================================================
+/**
+ * GET /api/products
+ *
+ * Query Parameters:
+ * - category: string - Filter by category ID
+ * - search: string - Search by product name
+ * - sort: 'newest' | 'price-asc' | 'price-desc' | 'name'
+ * - status: 'draft' | 'active' | 'archived' (defaults to 'active')
+ * - minPrice: number - Minimum price filter
+ * - maxPrice: number - Maximum price filter
+ * - limit: number - Page size (default 12, max 100)
+ * - page: number - Page number (1-based, default 1)
+ * - attributes: JSON string - Attribute filters { color: ['Red'], size: ['L'] }
+ */
+export async function GET(request) {
+    try {
+        const searchParams = request.nextUrl.searchParams;
+        // Parse pagination
+        const page = Math.max(1, parseInt(searchParams.get('page') || '1', 10));
+        const limit = Math.min(100, Math.max(1, parseInt(searchParams.get('limit') || '12', 10)));
+        const offset = (page - 1) * limit;
+        // Parse sort
+        const sortParam = searchParams.get('sort');
+        const sort = isValidSort(sortParam) ? sortParam : 'newest';
+        // Parse status (default to 'active' for public API)
+        const statusParam = searchParams.get('status');
+        const status = isValidStatus(statusParam) ? statusParam : 'active';
+        // Build query options
+        const options = {
+            categoryId: searchParams.get('category') || undefined,
+            search: searchParams.get('search') || undefined,
+            sort,
+            status,
+            limit,
+            offset,
+        };
+        // Execute queries in parallel
+        const [products, total] = await Promise.all([
+            findProducts(options),
+            countProducts({
+                categoryId: options.categoryId,
+                status: options.status,
+                search: options.search,
+            }),
+        ]);
+        const hasMore = offset + products.length < total;
+        return NextResponse.json({
+            data: products,
+            total,
+            page,
+            pageSize: limit,
+            hasMore,
+        });
+    }
+    catch (error) {
+        console.error('[Products API] Error:', error);
+        // Handle tenant not set error gracefully
+        if (error instanceof Error && error.message.includes('Tenant ID not set')) {
+            return NextResponse.json({
+                error: 'Store not configured. Please set TENANT_ID environment variable.',
+                code: 'TENANT_NOT_SET',
+            }, { status: 500 });
+        }
+        return NextResponse.json({
+            error: 'Failed to fetch products',
+            code: 'INTERNAL_ERROR',
+        }, { status: 500 });
+    }
+}
+// =============================================================================
+// Helpers
+// =============================================================================
+function isValidSort(value) {
+    return (value === 'newest' ||
+        value === 'price-asc' ||
+        value === 'price-desc' ||
+        value === 'name');
+}
+function isValidStatus(value) {
+    return value === 'draft' || value === 'active' || value === 'archived';
+}
+//# sourceMappingURL=products.js.map

package/dist/products/api/products.js.map

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

package/dist/products/components/ProductCard.d.ts

@@ -0,0 +1,54 @@
+/**
+ * @rovela/sdk/products/components/ProductCard
+ *
+ * Product card component for catalog display.
+ */
+import { type ReactNode } from 'react';
+import type { Product } from '../../core/types';
+export interface ProductCardProps {
+    /** Product data */
+    product: Product;
+    /** Show quick add button */
+    showQuickAdd?: boolean;
+    /** Quick add handler */
+    onQuickAdd?: (product: Product) => void;
+    /** Image aspect ratio */
+    imageAspect?: 'square' | 'portrait' | 'landscape';
+    /** Custom className */
+    className?: string;
+    /** Currency for price formatting */
+    currency?: string;
+    /** Locale for price formatting */
+    locale?: string;
+    /** Custom quick add button content */
+    quickAddContent?: ReactNode;
+    /** Link href pattern (default: /products/[slug]) */
+    href?: string;
+    /** Show discount badge */
+    showDiscount?: boolean;
+}
+/**
+ * ProductCard component for displaying products in a grid.
+ *
+ * @example
+ * ```tsx
+ * import { ProductCard } from '@rovela/sdk/products'
+ *
+ * function ProductGrid({ products }) {
+ *   return (
+ *     <div className="grid grid-cols-3 gap-4">
+ *       {products.map(product => (
+ *         <ProductCard
+ *           key={product.id}
+ *           product={product}
+ *           showQuickAdd
+ *           onQuickAdd={handleQuickAdd}
+ *         />
+ *       ))}
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+export declare function ProductCard({ product, showQuickAdd, onQuickAdd, imageAspect, className, currency, locale, quickAddContent, href, showDiscount, }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductCard.d.ts.map

package/dist/products/components/ProductCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../src/products/components/ProductCard.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAM/C,MAAM,WAAW,gBAAgB;IAC/B,mBAAmB;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,wBAAwB;IACxB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,yBAAyB;IACzB,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAA;IACjD,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sCAAsC;IACtC,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0BAA0B;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAMD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,YAAoB,EACpB,UAAU,EACV,WAAsB,EACtB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,eAAe,EACf,IAAI,EACJ,YAAmB,GACpB,EAAE,gBAAgB,2CAoHlB"}

package/dist/products/components/ProductCard.js

@@ -0,0 +1,72 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import Link from 'next/link';
+import { ImageIcon } from 'lucide-react';
+import { cn, formatPrice } from '../../core/utils';
+import { useStoreSettingsOptional } from '../../core/StoreSettingsProvider';
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * ProductCard component for displaying products in a grid.
+ *
+ * @example
+ * ```tsx
+ * import { ProductCard } from '@rovela/sdk/products'
+ *
+ * function ProductGrid({ products }) {
+ *   return (
+ *     <div className="grid grid-cols-3 gap-4">
+ *       {products.map(product => (
+ *         <ProductCard
+ *           key={product.id}
+ *           product={product}
+ *           showQuickAdd
+ *           onQuickAdd={handleQuickAdd}
+ *         />
+ *       ))}
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+export function ProductCard({ product, showQuickAdd = false, onQuickAdd, imageAspect = 'square', className, currency, locale, quickAddContent, href, showDiscount = true, }) {
+    // Get currency from context if not provided via props
+    const storeSettings = useStoreSettingsOptional();
+    const resolvedCurrency = currency ?? storeSettings?.currency ?? 'USD';
+    const resolvedLocale = locale ?? storeSettings?.locale ?? 'en-US';
+    const aspectClasses = {
+        square: 'aspect-square',
+        portrait: 'aspect-[3/4]',
+        landscape: 'aspect-[4/3]',
+    };
+    const productHref = href || `/products/${product.slug}`;
+    const mainImage = product.images?.[0];
+    // Calculate discount percentage
+    const price = typeof product.price === 'string'
+        ? parseFloat(product.price)
+        : product.price;
+    const comparePrice = product.comparePrice
+        ? typeof product.comparePrice === 'string'
+            ? parseFloat(product.comparePrice)
+            : product.comparePrice
+        : null;
+    const discountPercent = comparePrice && comparePrice > price
+        ? Math.round(((comparePrice - price) / comparePrice) * 100)
+        : null;
+    const handleQuickAdd = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onQuickAdd?.(product);
+    };
+    return (_jsxs("article", { className: cn('group relative flex flex-col overflow-hidden rounded-lg border bg-card text-card-foreground transition-shadow hover:shadow-md', className), children: [_jsx(Link, { href: productHref, className: "relative block overflow-hidden", children: _jsxs("div", { className: cn('relative w-full bg-muted', aspectClasses[imageAspect]), children: [mainImage ? (
+                        // object-contain so the merchant's full photo is visible in the
+                        // grid — preserves aspect ratio (a portrait product reads as
+                        // portrait, not as a cropped center). Container at line 127
+                        // already has bg-muted, so letterbox reads as intentional. Hover
+                        // scale-105 still works identically. Tradeoff vs grid uniformity
+                        // accepted — merchant intent over visual lockstep.
+                        _jsx(Image, { src: mainImage, alt: product.name, fill: true, sizes: "(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw", className: "object-contain transition-transform duration-300 group-hover:scale-105" })) : (_jsx("div", { className: "absolute inset-0 flex items-center justify-center text-muted-foreground", children: _jsx(ImageIcon, { className: "h-12 w-12", strokeWidth: 1 }) })), showDiscount && discountPercent && (_jsxs("span", { className: "absolute left-2 top-2 rounded-full bg-destructive px-2 py-0.5 text-xs font-medium text-destructive-foreground", children: ["-", discountPercent, "%"] })), showQuickAdd && (_jsx("div", { className: "absolute inset-x-0 bottom-0 translate-y-full bg-gradient-to-t from-black/60 to-transparent p-4 opacity-0 transition-all duration-200 group-hover:translate-y-0 group-hover:opacity-100", children: _jsx("button", { onClick: handleQuickAdd, className: "w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90", children: quickAddContent || 'Quick Add' }) }))] }) }), _jsxs("div", { className: "flex flex-1 flex-col p-4", children: [_jsx(Link, { href: productHref, className: "flex-1", children: _jsx("h3", { className: "line-clamp-2 font-medium text-foreground transition-colors hover:text-primary", children: product.name }) }), _jsxs("div", { className: "mt-2 flex items-baseline gap-2", children: [_jsx("span", { className: "text-lg font-semibold text-foreground", children: formatPrice(price, { currency: resolvedCurrency, locale: resolvedLocale }) }), comparePrice && comparePrice > price && (_jsx("span", { className: "text-sm text-muted-foreground line-through", children: formatPrice(comparePrice, { currency: resolvedCurrency, locale: resolvedLocale }) }))] }), product.hasVariants && (_jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Multiple options available" }))] })] }));
+}
+//# sourceMappingURL=ProductCard.js.map

package/dist/products/components/ProductCard.js.map

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

package/dist/products/components/ProductDetails.d.ts

@@ -0,0 +1,63 @@
+/**
+ * @rovela/sdk/products/components/ProductDetails
+ *
+ * Full product details component for product pages.
+ */
+import { type ReactNode } from 'react';
+import type { Product, ProductVariant } from '../../core/types';
+export interface ProductDetailsProps {
+    /** Product data */
+    product: Product;
+    /** Product variants */
+    variants?: ProductVariant[];
+    /** Custom className */
+    className?: string;
+    /** Currency for price formatting */
+    currency?: string;
+    /** Locale for price formatting */
+    locale?: string;
+    /** Add to cart handler */
+    onAddToCart?: (product: Product, variant: ProductVariant | null, quantity: number) => void;
+    /** Buy now handler */
+    onBuyNow?: (product: Product, variant: ProductVariant | null, quantity: number) => void;
+    /** Custom add to cart button content */
+    addToCartContent?: ReactNode;
+    /** Custom buy now button content */
+    buyNowContent?: ReactNode;
+    /** Show buy now button */
+    showBuyNow?: boolean;
+    /** Show quantity selector */
+    showQuantity?: boolean;
+    /** Maximum quantity allowed */
+    maxQuantity?: number;
+    /** Show stock status */
+    showStock?: boolean;
+    /** Show variant selector labels */
+    variantLabels?: Record<string, string>;
+    /** Gallery position */
+    galleryPosition?: 'left' | 'top';
+    /** Children rendered after description */
+    children?: ReactNode;
+}
+/**
+ * ProductDetails component for product pages.
+ *
+ * @example
+ * ```tsx
+ * import { ProductDetails } from '@rovela/sdk/products'
+ *
+ * function ProductPage({ product, variants }) {
+ *   return (
+ *     <ProductDetails
+ *       product={product}
+ *       variants={variants}
+ *       onAddToCart={handleAddToCart}
+ *       showBuyNow
+ *       showStock
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare function ProductDetails({ product, variants, className, currency, locale, onAddToCart, onBuyNow, addToCartContent, buyNowContent, showBuyNow, showQuantity, maxQuantity, showStock, variantLabels, galleryPosition, children, }: ProductDetailsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductDetails.d.ts.map

package/dist/products/components/ProductDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductDetails.d.ts","sourceRoot":"","sources":["../../../src/products/components/ProductDetails.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIzD,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAQ/D,MAAM,WAAW,mBAAmB;IAClC,mBAAmB;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAA;IAC3B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0BAA0B;IAC1B,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1F,sBAAsB;IACtB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACvF,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,oCAAoC;IACpC,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,QAAa,EACb,SAAS,EACT,QAAQ,EACR,MAAM,EACN,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,UAAkB,EAClB,YAAmB,EACnB,WAAgB,EAChB,SAAiB,EACjB,aAAa,EACb,eAAwB,EACxB,QAAQ,GACT,EAAE,mBAAmB,2CA4QrB"}

package/dist/products/components/ProductDetails.js

@@ -0,0 +1,137 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @rovela/sdk/products/components/ProductDetails
+ *
+ * Full product details component for product pages.
+ */
+import { useState, useMemo } from 'react';
+import { Minus, Plus } from 'lucide-react';
+import { cn, formatPrice } from '../../core/utils';
+import { useStoreSettingsOptional } from '../../core/StoreSettingsProvider';
+import { VariantSelector } from './VariantSelector';
+import { ProductGallery } from './ProductGallery';
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * ProductDetails component for product pages.
+ *
+ * @example
+ * ```tsx
+ * import { ProductDetails } from '@rovela/sdk/products'
+ *
+ * function ProductPage({ product, variants }) {
+ *   return (
+ *     <ProductDetails
+ *       product={product}
+ *       variants={variants}
+ *       onAddToCart={handleAddToCart}
+ *       showBuyNow
+ *       showStock
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export function ProductDetails({ product, variants = [], className, currency, locale, onAddToCart, onBuyNow, addToCartContent, buyNowContent, showBuyNow = false, showQuantity = true, maxQuantity = 99, showStock = false, variantLabels, galleryPosition = 'left', children, }) {
+    const [selectedVariant, setSelectedVariant] = useState(null);
+    const [quantity, setQuantity] = useState(1);
+    // Get currency from context if not provided via props
+    const storeSettings = useStoreSettingsOptional();
+    const resolvedCurrency = currency ?? storeSettings?.currency ?? 'USD';
+    const resolvedLocale = locale ?? storeSettings?.locale ?? 'en-US';
+    // Calculate current price
+    const currentPrice = useMemo(() => {
+        if (selectedVariant?.price) {
+            return typeof selectedVariant.price === 'string'
+                ? parseFloat(selectedVariant.price)
+                : selectedVariant.price;
+        }
+        return typeof product.price === 'string'
+            ? parseFloat(product.price)
+            : product.price;
+    }, [product.price, selectedVariant]);
+    const comparePrice = product.comparePrice
+        ? typeof product.comparePrice === 'string'
+            ? parseFloat(product.comparePrice)
+            : product.comparePrice
+        : null;
+    // Calculate discount
+    const discountPercent = comparePrice && comparePrice > currentPrice
+        ? Math.round(((comparePrice - currentPrice) / comparePrice) * 100)
+        : null;
+    // Calculate stock
+    const currentStock = useMemo(() => {
+        if (selectedVariant) {
+            return selectedVariant.inventory;
+        }
+        // Sum all variant inventory or return -1 if no variants (unlimited)
+        if (variants.length > 0) {
+            return variants.reduce((sum, v) => sum + v.inventory, 0);
+        }
+        return -1; // No variants, no inventory tracking
+    }, [selectedVariant, variants]);
+    const isOutOfStock = currentStock === 0;
+    const isLowStock = currentStock > 0 && currentStock <= 5;
+    // Compute gallery: variant image + variant video first (if either is set),
+    // then product images, then product videos. Filter out duplicates so a
+    // variant image that also lives in `product.images` only appears once.
+    const galleryMedia = useMemo(() => {
+        const variantUrls = [
+            selectedVariant?.image,
+            selectedVariant?.video,
+        ].filter((u) => !!u);
+        const productImages = product.images ?? [];
+        const productVideos = product.videos ?? [];
+        if (variantUrls.length === 0) {
+            return [...productImages, ...productVideos];
+        }
+        const variantSet = new Set(variantUrls);
+        return [
+            ...variantUrls,
+            ...productImages.filter((u) => !variantSet.has(u)),
+            ...productVideos.filter((u) => !variantSet.has(u)),
+        ];
+    }, [product.images, product.videos, selectedVariant]);
+    // Generate a key to reset gallery when variant changes
+    const galleryKey = useMemo(() => {
+        return selectedVariant?.id || 'no-variant';
+    }, [selectedVariant]);
+    // Check if variant selection is required
+    const requiresVariant = product.hasVariants && variants.length > 0;
+    const canAddToCart = !requiresVariant || selectedVariant !== null;
+    // Handlers
+    const handleAddToCart = () => {
+        if (canAddToCart) {
+            onAddToCart?.(product, selectedVariant, quantity);
+        }
+    };
+    const handleBuyNow = () => {
+        if (canAddToCart) {
+            onBuyNow?.(product, selectedVariant, quantity);
+        }
+    };
+    const handleQuantityChange = (newQuantity) => {
+        const max = currentStock > 0 ? Math.min(currentStock, maxQuantity) : maxQuantity;
+        setQuantity(Math.max(1, Math.min(newQuantity, max)));
+    };
+    const containerClasses = cn('grid gap-8', galleryPosition === 'left'
+        ? 'lg:grid-cols-2'
+        : 'grid-cols-1', className);
+    return (_jsxs("div", { className: containerClasses, children: [_jsx("div", { className: galleryPosition === 'top' ? 'order-first' : '', children: _jsx(ProductGallery, { media: galleryMedia, alt: product.name }, galleryKey) }), _jsxs("div", { className: "flex flex-col", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight text-foreground sm:text-3xl", children: product.name }), _jsxs("div", { className: "mt-3 flex items-baseline gap-3", children: [_jsx("span", { className: "text-2xl font-semibold text-foreground", children: formatPrice(currentPrice, { currency: resolvedCurrency, locale: resolvedLocale }) }), comparePrice && comparePrice > currentPrice && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-lg text-muted-foreground line-through", children: formatPrice(comparePrice, { currency: resolvedCurrency, locale: resolvedLocale }) }), discountPercent && (_jsxs("span", { className: "rounded-full bg-destructive px-2 py-0.5 text-sm font-medium text-destructive-foreground", children: ["Save ", discountPercent, "%"] }))] }))] }), showStock && currentStock >= 0 && (_jsx("div", { className: "mt-3", children: isOutOfStock ? (_jsx("span", { className: "text-sm font-medium text-destructive", children: "Out of Stock" })) : isLowStock ? (_jsxs("span", { className: "text-sm font-medium text-warning", children: ["Only ", currentStock, " left in stock"] })) : (_jsxs("span", { className: "text-sm text-muted-foreground", children: ["In Stock (", currentStock, " available)"] })) })), _jsxs("div", { className: "mt-6", children: [_jsx("h2", { className: "sr-only", children: "Description" }), _jsx("p", { className: "text-base text-muted-foreground", children: product.description })] }), children, requiresVariant && (_jsx("div", { className: "mt-6", children: _jsx(VariantSelector, { variants: variants, selected: selectedVariant, onSelect: setSelectedVariant, labels: variantLabels, disableOutOfStock: true }) })), showQuantity && (_jsxs("div", { className: "mt-6", children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-foreground", children: "Quantity" }), _jsxs("div", { className: "flex w-32 items-center rounded-md border border-border", children: [_jsx("button", { type: "button", onClick: () => handleQuantityChange(quantity - 1), disabled: quantity <= 1, className: "flex h-10 w-10 items-center justify-center text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50", children: _jsx(Minus, { className: "h-4 w-4" }) }), _jsx("input", { type: "number", value: quantity, onChange: (e) => {
+                                            const val = e.target.value;
+                                            if (val === '')
+                                                return; // Allow empty during typing
+                                            handleQuantityChange(parseInt(val) || 1);
+                                        }, className: "h-10 w-full border-0 bg-transparent text-center text-sm focus:outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", min: 1, max: currentStock > 0 ? Math.min(currentStock, maxQuantity) : maxQuantity }), _jsx("button", { type: "button", onClick: () => handleQuantityChange(quantity + 1), disabled: currentStock > 0 ? quantity >= currentStock : quantity >= maxQuantity, className: "flex h-10 w-10 items-center justify-center text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50", children: _jsx(Plus, { className: "h-4 w-4" }) })] })] })), _jsxs("div", { className: "mt-8 flex flex-col gap-3 sm:flex-row", children: [_jsx("button", { type: "button", onClick: handleAddToCart, disabled: !canAddToCart || isOutOfStock, className: cn('flex-1 rounded-md px-6 py-3 text-base font-medium transition-colors', canAddToCart && !isOutOfStock
+                                    ? 'bg-primary text-primary-foreground hover:bg-primary/90'
+                                    : 'cursor-not-allowed bg-muted text-muted-foreground'), children: isOutOfStock
+                                    ? 'Out of Stock'
+                                    : !canAddToCart
+                                        ? 'Select Options'
+                                        : addToCartContent || 'Add to Cart' }), showBuyNow && (_jsx("button", { type: "button", onClick: handleBuyNow, disabled: !canAddToCart || isOutOfStock, className: cn('flex-1 rounded-md border px-6 py-3 text-base font-medium transition-colors', canAddToCart && !isOutOfStock
+                                    ? 'border-primary text-primary hover:bg-primary hover:text-primary-foreground'
+                                    : 'cursor-not-allowed border-muted text-muted-foreground'), children: buyNowContent || 'Buy Now' }))] }), requiresVariant && !selectedVariant && (_jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: "Please select all options to add to cart" }))] })] }));
+}
+//# sourceMappingURL=ProductDetails.js.map

package/dist/products/components/ProductDetails.js.map

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