@rovela-ai/sdk 0.1.18 → 0.1.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/admin/api/auth.js +5 -11
- package/dist/admin/api/auth.js.map +1 -1
- package/dist/admin/api/categories.js +43 -50
- package/dist/admin/api/categories.js.map +1 -1
- package/dist/admin/api/check.js +6 -9
- package/dist/admin/api/check.js.map +1 -1
- package/dist/admin/api/customers.js +17 -21
- package/dist/admin/api/customers.js.map +1 -1
- package/dist/admin/api/index.js +10 -38
- package/dist/admin/api/index.js.map +1 -1
- package/dist/admin/api/orders.js +30 -35
- package/dist/admin/api/orders.js.map +1 -1
- package/dist/admin/api/products.js +56 -66
- package/dist/admin/api/products.js.map +1 -1
- package/dist/admin/api/refund.js +26 -29
- package/dist/admin/api/refund.js.map +1 -1
- package/dist/admin/api/settings.js +17 -21
- package/dist/admin/api/settings.js.map +1 -1
- package/dist/admin/api/setup.js +17 -20
- package/dist/admin/api/setup.js.map +1 -1
- package/dist/admin/api/stats.js +14 -17
- package/dist/admin/api/stats.js.map +1 -1
- package/dist/admin/components/AdminGuard.js +13 -17
- package/dist/admin/components/AdminGuard.js.map +1 -1
- package/dist/admin/components/AdminHeader.js +8 -11
- package/dist/admin/components/AdminHeader.js.map +1 -1
- package/dist/admin/components/AdminLayout.js +5 -8
- package/dist/admin/components/AdminLayout.js.map +1 -1
- package/dist/admin/components/AdminLoginForm.js +11 -14
- package/dist/admin/components/AdminLoginForm.js.map +1 -1
- package/dist/admin/components/AdminNav.d.ts.map +1 -1
- package/dist/admin/components/AdminNav.js +16 -14
- package/dist/admin/components/AdminNav.js.map +1 -1
- package/dist/admin/components/AdminSetupForm.js +11 -14
- package/dist/admin/components/AdminSetupForm.js.map +1 -1
- package/dist/admin/components/CategoryForm.d.ts +30 -0
- package/dist/admin/components/CategoryForm.d.ts.map +1 -0
- package/dist/admin/components/CategoryForm.js +153 -0
- package/dist/admin/components/CategoryForm.js.map +1 -0
- package/dist/admin/components/CategorySelect.d.ts +32 -0
- package/dist/admin/components/CategorySelect.d.ts.map +1 -0
- package/dist/admin/components/CategorySelect.js +148 -0
- package/dist/admin/components/CategorySelect.js.map +1 -0
- package/dist/admin/components/InventoryEditor.js +16 -19
- package/dist/admin/components/InventoryEditor.js.map +1 -1
- package/dist/admin/components/LowStockAlert.js +6 -9
- package/dist/admin/components/LowStockAlert.js.map +1 -1
- package/dist/admin/components/OrderDetails.js +15 -18
- package/dist/admin/components/OrderDetails.js.map +1 -1
- package/dist/admin/components/OrderTable.js +13 -16
- package/dist/admin/components/OrderTable.js.map +1 -1
- package/dist/admin/components/ProductForm.d.ts +2 -2
- package/dist/admin/components/ProductForm.d.ts.map +1 -1
- package/dist/admin/components/ProductForm.js +140 -27
- package/dist/admin/components/ProductForm.js.map +1 -1
- package/dist/admin/components/ProductTable.js +15 -18
- package/dist/admin/components/ProductTable.js.map +1 -1
- package/dist/admin/components/RecentOrders.js +6 -9
- package/dist/admin/components/RecentOrders.js.map +1 -1
- package/dist/admin/components/RefundDialog.js +12 -15
- package/dist/admin/components/RefundDialog.js.map +1 -1
- package/dist/admin/components/SEOPreview.d.ts +32 -0
- package/dist/admin/components/SEOPreview.d.ts.map +1 -0
- package/dist/admin/components/SEOPreview.js +30 -0
- package/dist/admin/components/SEOPreview.js.map +1 -0
- package/dist/admin/components/StatsCards.js +7 -10
- package/dist/admin/components/StatsCards.js.map +1 -1
- package/dist/admin/components/StoreSettings.js +10 -13
- package/dist/admin/components/StoreSettings.js.map +1 -1
- package/dist/admin/components/TagInput.d.ts +29 -0
- package/dist/admin/components/TagInput.d.ts.map +1 -0
- package/dist/admin/components/TagInput.js +73 -0
- package/dist/admin/components/TagInput.js.map +1 -0
- package/dist/admin/components/VariantManager.d.ts +42 -0
- package/dist/admin/components/VariantManager.d.ts.map +1 -0
- package/dist/admin/components/VariantManager.js +175 -0
- package/dist/admin/components/VariantManager.js.map +1 -0
- package/dist/admin/components/index.d.ts +5 -0
- package/dist/admin/components/index.d.ts.map +1 -1
- package/dist/admin/components/index.js +27 -35
- package/dist/admin/components/index.js.map +1 -1
- package/dist/admin/config.js +12 -54
- package/dist/admin/config.js.map +1 -1
- package/dist/admin/hooks/index.d.ts +2 -0
- package/dist/admin/hooks/index.d.ts.map +1 -1
- package/dist/admin/hooks/index.js +5 -11
- package/dist/admin/hooks/index.js.map +1 -1
- package/dist/admin/hooks/useAdminAuth.js +9 -12
- package/dist/admin/hooks/useAdminAuth.js.map +1 -1
- package/dist/admin/hooks/useAdminCategories.d.ts +36 -0
- package/dist/admin/hooks/useAdminCategories.d.ts.map +1 -0
- package/dist/admin/hooks/useAdminCategories.js +217 -0
- package/dist/admin/hooks/useAdminCategories.js.map +1 -0
- package/dist/admin/hooks/useAdminOrders.js +11 -14
- package/dist/admin/hooks/useAdminOrders.js.map +1 -1
- package/dist/admin/hooks/useAdminProducts.js +13 -16
- package/dist/admin/hooks/useAdminProducts.js.map +1 -1
- package/dist/admin/hooks/useAdminStats.js +11 -14
- package/dist/admin/hooks/useAdminStats.js.map +1 -1
- package/dist/admin/index.d.ts +3 -2
- package/dist/admin/index.d.ts.map +1 -1
- package/dist/admin/index.js +17 -66
- package/dist/admin/index.js.map +1 -1
- package/dist/admin/server/admin-service.js +39 -83
- package/dist/admin/server/admin-service.js.map +1 -1
- package/dist/admin/server/index.js +3 -13
- package/dist/admin/server/index.js.map +1 -1
- package/dist/admin/types.js +1 -2
- package/dist/admin/types.js.map +1 -1
- package/dist/auth/api/auth.js +6 -14
- package/dist/auth/api/auth.js.map +1 -1
- package/dist/auth/api/forgot-password.js +8 -11
- package/dist/auth/api/forgot-password.js.map +1 -1
- package/dist/auth/api/index.js +6 -18
- package/dist/auth/api/index.js.map +1 -1
- package/dist/auth/api/register.js +17 -20
- package/dist/auth/api/register.js.map +1 -1
- package/dist/auth/api/resend-verification.js +9 -12
- package/dist/auth/api/resend-verification.js.map +1 -1
- package/dist/auth/api/reset-password.js +18 -22
- package/dist/auth/api/reset-password.js.map +1 -1
- package/dist/auth/api/verify-email.js +14 -18
- package/dist/auth/api/verify-email.js.map +1 -1
- package/dist/auth/components/AuthGuard.js +13 -17
- package/dist/auth/components/AuthGuard.js.map +1 -1
- package/dist/auth/components/ForgotPasswordForm.js +11 -14
- package/dist/auth/components/ForgotPasswordForm.js.map +1 -1
- package/dist/auth/components/ResetPasswordForm.js +18 -21
- package/dist/auth/components/ResetPasswordForm.js.map +1 -1
- package/dist/auth/components/SignInForm.js +13 -16
- package/dist/auth/components/SignInForm.js.map +1 -1
- package/dist/auth/components/SignUpForm.js +15 -18
- package/dist/auth/components/SignUpForm.js.map +1 -1
- package/dist/auth/components/UserMenu.js +13 -16
- package/dist/auth/components/UserMenu.js.map +1 -1
- package/dist/auth/components/VerifyEmailNotice.js +10 -13
- package/dist/auth/components/VerifyEmailNotice.js.map +1 -1
- package/dist/auth/components/index.js +7 -18
- package/dist/auth/components/index.js.map +1 -1
- package/dist/auth/config.js +9 -49
- package/dist/auth/config.js.map +1 -1
- package/dist/auth/hooks/index.js +1 -5
- package/dist/auth/hooks/index.js.map +1 -1
- package/dist/auth/hooks/useAuth.js +14 -17
- package/dist/auth/hooks/useAuth.js.map +1 -1
- package/dist/auth/index.js +15 -37
- package/dist/auth/index.js.map +1 -1
- package/dist/auth/server/customer-service.js +39 -83
- package/dist/auth/server/customer-service.js.map +1 -1
- package/dist/auth/server/email-sender.js +11 -17
- package/dist/auth/server/email-sender.js.map +1 -1
- package/dist/auth/server/index.js +5 -36
- package/dist/auth/server/index.js.map +1 -1
- package/dist/auth/server/password-reset-service.js +30 -70
- package/dist/auth/server/password-reset-service.js.map +1 -1
- package/dist/auth/server/password.js +9 -18
- package/dist/auth/server/password.js.map +1 -1
- package/dist/auth/server/verification-service.js +35 -76
- package/dist/auth/server/verification-service.js.map +1 -1
- package/dist/auth/types.js +1 -2
- package/dist/auth/types.js.map +1 -1
- package/dist/cart/CartProvider.js +13 -17
- package/dist/cart/CartProvider.js.map +1 -1
- package/dist/cart/components/AddToCartButton.js +16 -19
- package/dist/cart/components/AddToCartButton.js.map +1 -1
- package/dist/cart/components/CartDrawer.js +17 -23
- package/dist/cart/components/CartDrawer.js.map +1 -1
- package/dist/cart/components/CartIcon.js +9 -12
- package/dist/cart/components/CartIcon.js.map +1 -1
- package/dist/cart/components/CartItem.js +7 -13
- package/dist/cart/components/CartItem.js.map +1 -1
- package/dist/cart/components/CartSummary.js +12 -15
- package/dist/cart/components/CartSummary.js.map +1 -1
- package/dist/cart/components/QuantitySelector.js +9 -12
- package/dist/cart/components/QuantitySelector.js.map +1 -1
- package/dist/cart/components/index.js +6 -15
- package/dist/cart/components/index.js.map +1 -1
- package/dist/cart/index.js +3 -17
- package/dist/cart/index.js.map +1 -1
- package/dist/cart/store.js +8 -13
- package/dist/cart/store.js.map +1 -1
- package/dist/checkout/api/checkout.js +12 -15
- package/dist/checkout/api/checkout.js.map +1 -1
- package/dist/checkout/api/index.js +2 -7
- package/dist/checkout/api/index.js.map +1 -1
- package/dist/checkout/api/webhook.js +8 -11
- package/dist/checkout/api/webhook.js.map +1 -1
- package/dist/checkout/components/CheckoutButton.js +8 -11
- package/dist/checkout/components/CheckoutButton.js.map +1 -1
- package/dist/checkout/components/CheckoutSuccess.js +11 -14
- package/dist/checkout/components/CheckoutSuccess.js.map +1 -1
- package/dist/checkout/components/OrderSummary.js +8 -11
- package/dist/checkout/components/OrderSummary.js.map +1 -1
- package/dist/checkout/components/ShippingForm.js +14 -17
- package/dist/checkout/components/ShippingForm.js.map +1 -1
- package/dist/checkout/components/index.js +4 -11
- package/dist/checkout/components/index.js.map +1 -1
- package/dist/checkout/hooks/index.js +1 -6
- package/dist/checkout/hooks/index.js.map +1 -1
- package/dist/checkout/hooks/useCheckout.js +10 -19
- package/dist/checkout/hooks/useCheckout.js.map +1 -1
- package/dist/checkout/index.js +7 -28
- package/dist/checkout/index.js.map +1 -1
- package/dist/checkout/server/create-checkout-session.js +11 -16
- package/dist/checkout/server/create-checkout-session.js.map +1 -1
- package/dist/checkout/server/handle-webhook.js +21 -24
- package/dist/checkout/server/handle-webhook.js.map +1 -1
- package/dist/checkout/server/index.js +3 -13
- package/dist/checkout/server/index.js.map +1 -1
- package/dist/checkout/server/order-service.js +11 -16
- package/dist/checkout/server/order-service.js.map +1 -1
- package/dist/checkout/stripe/client.js +13 -29
- package/dist/checkout/stripe/client.js.map +1 -1
- package/dist/checkout/stripe/index.js +1 -15
- package/dist/checkout/stripe/index.js.map +1 -1
- package/dist/checkout/types.js +1 -2
- package/dist/checkout/types.js.map +1 -1
- package/dist/core/StoreSettingsProvider.d.ts +104 -0
- package/dist/core/StoreSettingsProvider.d.ts.map +1 -0
- package/dist/core/StoreSettingsProvider.js +195 -0
- package/dist/core/StoreSettingsProvider.js.map +1 -0
- package/dist/core/api/index.d.ts +7 -0
- package/dist/core/api/index.d.ts.map +1 -0
- package/dist/core/api/index.js +7 -0
- package/dist/core/api/index.js.map +1 -0
- package/dist/core/api/settings.d.ts +42 -0
- package/dist/core/api/settings.d.ts.map +1 -0
- package/dist/core/api/settings.js +74 -0
- package/dist/core/api/settings.js.map +1 -0
- package/dist/core/config.js +12 -57
- package/dist/core/config.js.map +1 -1
- package/dist/core/db/client.js +16 -62
- package/dist/core/db/client.js.map +1 -1
- package/dist/core/db/index.js +14 -93
- package/dist/core/db/index.js.map +1 -1
- package/dist/core/db/queries.d.ts +6 -6
- package/dist/core/db/queries.js +207 -284
- package/dist/core/db/queries.js.map +1 -1
- package/dist/core/db/schema.js +179 -182
- package/dist/core/db/schema.js.map +1 -1
- package/dist/core/index.d.ts +2 -0
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +14 -42
- package/dist/core/index.js.map +1 -1
- package/dist/core/server/index.js +16 -68
- package/dist/core/server/index.js.map +1 -1
- package/dist/core/types.js +1 -2
- package/dist/core/types.js.map +1 -1
- package/dist/core/utils.js +26 -51
- package/dist/core/utils.js.map +1 -1
- package/dist/emails/config.js +13 -21
- package/dist/emails/config.js.map +1 -1
- package/dist/emails/index.js +10 -72
- package/dist/emails/index.js.map +1 -1
- package/dist/emails/send/auth.js +26 -34
- package/dist/emails/send/auth.js.map +1 -1
- package/dist/emails/send/index.js +2 -21
- package/dist/emails/send/index.js.map +1 -1
- package/dist/emails/send/orders.js +38 -50
- package/dist/emails/send/orders.js.map +1 -1
- package/dist/emails/sender.js +7 -12
- package/dist/emails/sender.js.map +1 -1
- package/dist/emails/templates/base.js +37 -53
- package/dist/emails/templates/base.js.map +1 -1
- package/dist/emails/templates/email-verification.js +12 -16
- package/dist/emails/templates/email-verification.js.map +1 -1
- package/dist/emails/templates/index.js +9 -43
- package/dist/emails/templates/index.js.map +1 -1
- package/dist/emails/templates/order-cancelled.js +18 -22
- package/dist/emails/templates/order-cancelled.js.map +1 -1
- package/dist/emails/templates/order-confirmation.js +30 -34
- package/dist/emails/templates/order-confirmation.js.map +1 -1
- package/dist/emails/templates/order-delivered.js +20 -24
- package/dist/emails/templates/order-delivered.js.map +1 -1
- package/dist/emails/templates/order-shipped.js +19 -23
- package/dist/emails/templates/order-shipped.js.map +1 -1
- package/dist/emails/templates/password-reset.js +12 -16
- package/dist/emails/templates/password-reset.js.map +1 -1
- package/dist/emails/templates/refund-processed.js +17 -21
- package/dist/emails/templates/refund-processed.js.map +1 -1
- package/dist/emails/templates/welcome.js +11 -15
- package/dist/emails/templates/welcome.js.map +1 -1
- package/dist/emails/types.js +1 -2
- package/dist/emails/types.js.map +1 -1
- package/dist/emails/utils.js +9 -20
- package/dist/emails/utils.js.map +1 -1
- package/dist/index.js +24 -176
- package/dist/index.js.map +1 -1
- package/dist/products/api/categories.js +7 -10
- package/dist/products/api/categories.js.map +1 -1
- package/dist/products/api/index.js +3 -9
- package/dist/products/api/index.js.map +1 -1
- package/dist/products/api/product.js +10 -13
- package/dist/products/api/product.js.map +1 -1
- package/dist/products/api/products.js +8 -11
- package/dist/products/api/products.js.map +1 -1
- package/dist/products/components/CategoryNav.js +20 -26
- package/dist/products/components/CategoryNav.js.map +1 -1
- package/dist/products/components/ProductBreadcrumb.js +7 -13
- package/dist/products/components/ProductBreadcrumb.js.map +1 -1
- package/dist/products/components/ProductCard.js +6 -12
- package/dist/products/components/ProductCard.js.map +1 -1
- package/dist/products/components/ProductDetails.js +14 -17
- package/dist/products/components/ProductDetails.js.map +1 -1
- package/dist/products/components/ProductFilters.js +15 -18
- package/dist/products/components/ProductFilters.js.map +1 -1
- package/dist/products/components/ProductGallery.js +17 -23
- package/dist/products/components/ProductGallery.js.map +1 -1
- package/dist/products/components/ProductGrid.js +10 -13
- package/dist/products/components/ProductGrid.js.map +1 -1
- package/dist/products/components/ProductSearch.js +14 -17
- package/dist/products/components/ProductSearch.js.map +1 -1
- package/dist/products/components/ProductSort.js +8 -11
- package/dist/products/components/ProductSort.js.map +1 -1
- package/dist/products/components/VariantSelector.js +16 -19
- package/dist/products/components/VariantSelector.js.map +1 -1
- package/dist/products/components/index.js +10 -23
- package/dist/products/components/index.js.map +1 -1
- package/dist/products/hooks/index.js +4 -11
- package/dist/products/hooks/index.js.map +1 -1
- package/dist/products/hooks/useCategories.js +12 -15
- package/dist/products/hooks/useCategories.js.map +1 -1
- package/dist/products/hooks/useProduct.js +9 -12
- package/dist/products/hooks/useProduct.js.map +1 -1
- package/dist/products/hooks/useProductAttributes.js +10 -13
- package/dist/products/hooks/useProductAttributes.js.map +1 -1
- package/dist/products/hooks/useProducts.js +15 -18
- package/dist/products/hooks/useProducts.js.map +1 -1
- package/dist/products/index.js +6 -23
- package/dist/products/index.js.map +1 -1
- package/dist/theme/ThemeProvider.js +12 -14
- package/dist/theme/ThemeProvider.js.map +1 -1
- package/dist/theme/colors.js +3 -8
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/defaults.js +27 -30
- package/dist/theme/defaults.js.map +1 -1
- package/dist/theme/fonts.js +12 -18
- package/dist/theme/fonts.js.map +1 -1
- package/dist/theme/generator.js +63 -69
- package/dist/theme/generator.js.map +1 -1
- package/dist/theme/hooks.js +11 -16
- package/dist/theme/hooks.js.map +1 -1
- package/dist/theme/index.js +6 -42
- package/dist/theme/index.js.map +1 -1
- package/package.json +35 -30
|
@@ -1,19 +1,13 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
'use client';
|
|
3
|
-
|
|
4
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.ProductGallery = ProductGallery;
|
|
8
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
3
|
/**
|
|
10
4
|
* @rovela/sdk/products/components/ProductGallery
|
|
11
5
|
*
|
|
12
6
|
* Image gallery component for product pages.
|
|
13
7
|
*/
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
8
|
+
import { useState, useCallback } from 'react';
|
|
9
|
+
import Image from 'next/image';
|
|
10
|
+
import { cn } from '../../core/utils';
|
|
17
11
|
// =============================================================================
|
|
18
12
|
// Component
|
|
19
13
|
// =============================================================================
|
|
@@ -36,16 +30,16 @@ const utils_1 = require("../../core/utils");
|
|
|
36
30
|
* }
|
|
37
31
|
* ```
|
|
38
32
|
*/
|
|
39
|
-
function ProductGallery({ images, alt, className, thumbnailPosition = 'bottom', aspectRatio = 'square', enableZoom = false, showArrows = true, }) {
|
|
40
|
-
const [activeIndex, setActiveIndex] =
|
|
41
|
-
const [isZoomed, setIsZoomed] =
|
|
33
|
+
export function ProductGallery({ images, alt, className, thumbnailPosition = 'bottom', aspectRatio = 'square', enableZoom = false, showArrows = true, }) {
|
|
34
|
+
const [activeIndex, setActiveIndex] = useState(0);
|
|
35
|
+
const [isZoomed, setIsZoomed] = useState(false);
|
|
42
36
|
const aspectClasses = {
|
|
43
37
|
square: 'aspect-square',
|
|
44
38
|
portrait: 'aspect-[3/4]',
|
|
45
39
|
landscape: 'aspect-[4/3]',
|
|
46
40
|
};
|
|
47
41
|
// Handle keyboard navigation
|
|
48
|
-
const handleKeyDown =
|
|
42
|
+
const handleKeyDown = useCallback((e) => {
|
|
49
43
|
if (e.key === 'ArrowLeft') {
|
|
50
44
|
setActiveIndex((prev) => (prev > 0 ? prev - 1 : images.length - 1));
|
|
51
45
|
}
|
|
@@ -53,28 +47,28 @@ function ProductGallery({ images, alt, className, thumbnailPosition = 'bottom',
|
|
|
53
47
|
setActiveIndex((prev) => (prev < images.length - 1 ? prev + 1 : 0));
|
|
54
48
|
}
|
|
55
49
|
}, [images.length]);
|
|
56
|
-
const goToPrevious =
|
|
50
|
+
const goToPrevious = useCallback(() => {
|
|
57
51
|
setActiveIndex((prev) => (prev > 0 ? prev - 1 : images.length - 1));
|
|
58
52
|
}, [images.length]);
|
|
59
|
-
const goToNext =
|
|
53
|
+
const goToNext = useCallback(() => {
|
|
60
54
|
setActiveIndex((prev) => (prev < images.length - 1 ? prev + 1 : 0));
|
|
61
55
|
}, [images.length]);
|
|
62
|
-
const handleThumbnailClick =
|
|
56
|
+
const handleThumbnailClick = useCallback((index) => {
|
|
63
57
|
setActiveIndex(index);
|
|
64
58
|
}, []);
|
|
65
|
-
const handleMainImageClick =
|
|
59
|
+
const handleMainImageClick = useCallback(() => {
|
|
66
60
|
if (enableZoom) {
|
|
67
61
|
setIsZoomed(!isZoomed);
|
|
68
62
|
}
|
|
69
63
|
}, [enableZoom, isZoomed]);
|
|
70
64
|
// Empty state
|
|
71
65
|
if (!images || images.length === 0) {
|
|
72
|
-
return ((
|
|
66
|
+
return (_jsx("div", { className: cn('relative overflow-hidden rounded-lg bg-muted', aspectClasses[aspectRatio], className), children: _jsx("div", { className: "absolute inset-0 flex items-center justify-center text-muted-foreground", children: _jsx("svg", { className: "h-16 w-16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1, 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" }) }) }) }));
|
|
73
67
|
}
|
|
74
|
-
const containerClasses =
|
|
75
|
-
const thumbnailContainerClasses =
|
|
76
|
-
return ((
|
|
68
|
+
const containerClasses = cn('flex gap-4', thumbnailPosition === 'left' ? 'flex-row' : 'flex-col', className);
|
|
69
|
+
const thumbnailContainerClasses = cn('flex gap-2', thumbnailPosition === 'left' ? 'flex-col' : 'flex-row', thumbnailPosition === 'left' ? 'order-first w-20' : 'order-last');
|
|
70
|
+
return (_jsxs("div", { className: containerClasses, onKeyDown: handleKeyDown, tabIndex: 0, children: [_jsxs("div", { className: "relative flex-1", children: [_jsx("div", { className: cn('relative overflow-hidden rounded-lg bg-muted', aspectClasses[aspectRatio], enableZoom && 'cursor-zoom-in'), onClick: handleMainImageClick, children: _jsx(Image, { src: images[activeIndex], alt: `${alt} - Image ${activeIndex + 1}`, fill: true, sizes: "(max-width: 768px) 100vw, 50vw", className: cn('object-cover transition-transform duration-300', isZoomed && 'scale-150 cursor-zoom-out'), priority: activeIndex === 0 }) }), showArrows && images.length > 1 && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: goToPrevious, className: "absolute left-2 top-1/2 -translate-y-1/2 rounded-full bg-background/80 p-2 shadow-sm transition-colors hover:bg-background", "aria-label": "Previous image", children: _jsx("svg", { className: "h-5 w-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }), _jsx("button", { type: "button", onClick: goToNext, className: "absolute right-2 top-1/2 -translate-y-1/2 rounded-full bg-background/80 p-2 shadow-sm transition-colors hover:bg-background", "aria-label": "Next image", children: _jsx("svg", { className: "h-5 w-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })] })), images.length > 1 && (_jsxs("div", { className: "absolute bottom-2 right-2 rounded-full bg-background/80 px-2 py-1 text-xs font-medium", children: [activeIndex + 1, " / ", images.length] }))] }), images.length > 1 && (_jsx("div", { className: thumbnailContainerClasses, children: images.map((image, index) => (_jsx("button", { type: "button", onClick: () => handleThumbnailClick(index), className: cn('relative aspect-square overflow-hidden rounded-md transition-all', thumbnailPosition === 'left' ? 'w-full' : 'w-16 sm:w-20', activeIndex === index
|
|
77
71
|
? 'ring-2 ring-primary ring-offset-2'
|
|
78
|
-
: 'opacity-70 hover:opacity-100'), "aria-label": `View image ${index + 1}`, "aria-current": activeIndex === index ? 'true' : 'false', children: (
|
|
72
|
+
: 'opacity-70 hover:opacity-100'), "aria-label": `View image ${index + 1}`, "aria-current": activeIndex === index ? 'true' : 'false', children: _jsx(Image, { src: image, alt: `${alt} thumbnail ${index + 1}`, fill: true, sizes: "80px", className: "object-cover" }) }, index))) })), isZoomed && enableZoom && (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80", onClick: () => setIsZoomed(false), children: [_jsx("button", { className: "absolute right-4 top-4 rounded-full bg-white/10 p-2 text-white transition-colors hover:bg-white/20", onClick: () => setIsZoomed(false), "aria-label": "Close zoom", children: _jsx("svg", { className: "h-6 w-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }), _jsx("div", { className: "relative h-[90vh] w-[90vw]", children: _jsx(Image, { src: images[activeIndex], alt: `${alt} - Zoomed`, fill: true, sizes: "90vw", className: "object-contain" }) })] }))] }));
|
|
79
73
|
}
|
|
80
74
|
//# sourceMappingURL=ProductGallery.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductGallery.js","sourceRoot":"","sources":["../../../src/products/components/ProductGallery.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProductGallery.js","sourceRoot":"","sources":["../../../src/products/components/ProductGallery.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
'use client';
|
|
3
|
-
|
|
4
|
-
exports.ProductGrid = ProductGrid;
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
3
|
/**
|
|
7
4
|
* @rovela/sdk/products/components/ProductGrid
|
|
8
5
|
*
|
|
9
6
|
* Responsive grid layout for product cards.
|
|
10
7
|
*/
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
import { cn } from '../../core/utils';
|
|
9
|
+
import { ProductCard } from './ProductCard';
|
|
13
10
|
// =============================================================================
|
|
14
11
|
// Component
|
|
15
12
|
// =============================================================================
|
|
@@ -37,7 +34,7 @@ const ProductCard_1 = require("./ProductCard");
|
|
|
37
34
|
* }
|
|
38
35
|
* ```
|
|
39
36
|
*/
|
|
40
|
-
function ProductGrid({ products, columns = { sm: 2, md: 3, lg: 4 }, gap = 'md', className, cardProps, emptyState, isLoading = false, skeletonCount = 8, }) {
|
|
37
|
+
export function ProductGrid({ products, columns = { sm: 2, md: 3, lg: 4 }, gap = 'md', className, cardProps, emptyState, isLoading = false, skeletonCount = 8, }) {
|
|
41
38
|
const columnClasses = {
|
|
42
39
|
sm: {
|
|
43
40
|
1: 'grid-cols-1',
|
|
@@ -60,24 +57,24 @@ function ProductGrid({ products, columns = { sm: 2, md: 3, lg: 4 }, gap = 'md',
|
|
|
60
57
|
md: 'gap-4 md:gap-6',
|
|
61
58
|
lg: 'gap-6 md:gap-8',
|
|
62
59
|
};
|
|
63
|
-
const gridClassName =
|
|
60
|
+
const gridClassName = cn('grid', columnClasses.sm[columns.sm || 2], columnClasses.md[columns.md || 3], columnClasses.lg[columns.lg || 4], gapClasses[gap], className);
|
|
64
61
|
// Loading state with skeletons
|
|
65
62
|
if (isLoading) {
|
|
66
|
-
return ((
|
|
63
|
+
return (_jsx("div", { className: gridClassName, children: Array.from({ length: skeletonCount }).map((_, i) => (_jsx(ProductCardSkeleton, {}, i))) }));
|
|
67
64
|
}
|
|
68
65
|
// Empty state
|
|
69
66
|
if (products.length === 0) {
|
|
70
67
|
if (emptyState) {
|
|
71
|
-
return (
|
|
68
|
+
return _jsx(_Fragment, { children: emptyState });
|
|
72
69
|
}
|
|
73
|
-
return ((
|
|
70
|
+
return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [_jsx("svg", { className: "mb-4 h-12 w-12 text-muted-foreground", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1, d: "M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" }) }), _jsx("h3", { className: "text-lg font-medium text-foreground", children: "No products found" }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Try adjusting your filters or search terms." })] }));
|
|
74
71
|
}
|
|
75
|
-
return ((
|
|
72
|
+
return (_jsx("div", { className: gridClassName, children: products.map((product) => (_jsx(ProductCard, { product: product, ...cardProps }, product.id))) }));
|
|
76
73
|
}
|
|
77
74
|
// =============================================================================
|
|
78
75
|
// Skeleton Component
|
|
79
76
|
// =============================================================================
|
|
80
77
|
function ProductCardSkeleton() {
|
|
81
|
-
return ((
|
|
78
|
+
return (_jsxs("div", { className: "animate-pulse overflow-hidden rounded-lg border bg-card", children: [_jsx("div", { className: "aspect-square w-full bg-muted" }), _jsxs("div", { className: "p-4", children: [_jsx("div", { className: "h-4 w-3/4 rounded bg-muted" }), _jsx("div", { className: "mt-2 h-4 w-1/2 rounded bg-muted" }), _jsx("div", { className: "mt-3 h-5 w-1/3 rounded bg-muted" })] })] }));
|
|
82
79
|
}
|
|
83
80
|
//# sourceMappingURL=ProductGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductGrid.js","sourceRoot":"","sources":["../../../src/products/components/ProductGrid.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProductGrid.js","sourceRoot":"","sources":["../../../src/products/components/ProductGrid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
'use client';
|
|
3
|
-
|
|
4
|
-
exports.ProductSearch = ProductSearch;
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
3
|
/**
|
|
7
4
|
* @rovela/sdk/products/components/ProductSearch
|
|
8
5
|
*
|
|
9
6
|
* Search input component for product discovery.
|
|
10
7
|
*/
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
import { useState, useCallback, useRef, useEffect } from 'react';
|
|
9
|
+
import { cn } from '../../core/utils';
|
|
13
10
|
// =============================================================================
|
|
14
11
|
// Component
|
|
15
12
|
// =============================================================================
|
|
@@ -34,22 +31,22 @@ const utils_1 = require("../../core/utils");
|
|
|
34
31
|
* }
|
|
35
32
|
* ```
|
|
36
33
|
*/
|
|
37
|
-
function ProductSearch({ value = '', onSearch, placeholder = 'Search products...', className, debounceMs = 300, showClear = true, autoFocus = false, size = 'md', showIcon = true, }) {
|
|
38
|
-
const [localValue, setLocalValue] =
|
|
39
|
-
const debounceRef =
|
|
40
|
-
const inputRef =
|
|
34
|
+
export function ProductSearch({ value = '', onSearch, placeholder = 'Search products...', className, debounceMs = 300, showClear = true, autoFocus = false, size = 'md', showIcon = true, }) {
|
|
35
|
+
const [localValue, setLocalValue] = useState(value);
|
|
36
|
+
const debounceRef = useRef(undefined);
|
|
37
|
+
const inputRef = useRef(null);
|
|
41
38
|
// Sync local value with controlled value
|
|
42
|
-
|
|
39
|
+
useEffect(() => {
|
|
43
40
|
setLocalValue(value);
|
|
44
41
|
}, [value]);
|
|
45
42
|
// Auto focus
|
|
46
|
-
|
|
43
|
+
useEffect(() => {
|
|
47
44
|
if (autoFocus && inputRef.current) {
|
|
48
45
|
inputRef.current.focus();
|
|
49
46
|
}
|
|
50
47
|
}, [autoFocus]);
|
|
51
48
|
// Handle input change with debounce
|
|
52
|
-
const handleChange =
|
|
49
|
+
const handleChange = useCallback((e) => {
|
|
53
50
|
const newValue = e.target.value;
|
|
54
51
|
setLocalValue(newValue);
|
|
55
52
|
// Clear existing timeout
|
|
@@ -62,13 +59,13 @@ function ProductSearch({ value = '', onSearch, placeholder = 'Search products...
|
|
|
62
59
|
}, debounceMs);
|
|
63
60
|
}, [onSearch, debounceMs]);
|
|
64
61
|
// Handle clear
|
|
65
|
-
const handleClear =
|
|
62
|
+
const handleClear = useCallback(() => {
|
|
66
63
|
setLocalValue('');
|
|
67
64
|
onSearch('');
|
|
68
65
|
inputRef.current?.focus();
|
|
69
66
|
}, [onSearch]);
|
|
70
67
|
// Handle form submit (prevent page reload)
|
|
71
|
-
const handleSubmit =
|
|
68
|
+
const handleSubmit = useCallback((e) => {
|
|
72
69
|
e.preventDefault();
|
|
73
70
|
// Clear timeout and trigger search immediately
|
|
74
71
|
if (debounceRef.current) {
|
|
@@ -77,7 +74,7 @@ function ProductSearch({ value = '', onSearch, placeholder = 'Search products...
|
|
|
77
74
|
onSearch(localValue);
|
|
78
75
|
}, [localValue, onSearch]);
|
|
79
76
|
// Cleanup timeout on unmount
|
|
80
|
-
|
|
77
|
+
useEffect(() => {
|
|
81
78
|
return () => {
|
|
82
79
|
if (debounceRef.current) {
|
|
83
80
|
clearTimeout(debounceRef.current);
|
|
@@ -94,6 +91,6 @@ function ProductSearch({ value = '', onSearch, placeholder = 'Search products...
|
|
|
94
91
|
md: 'h-5 w-5',
|
|
95
92
|
lg: 'h-5 w-5',
|
|
96
93
|
};
|
|
97
|
-
return ((
|
|
94
|
+
return (_jsxs("form", { onSubmit: handleSubmit, className: cn('relative', className), children: [showIcon && (_jsx("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3", children: _jsx("svg", { className: cn('text-muted-foreground', iconSizeClasses[size]), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) })), _jsx("input", { ref: inputRef, type: "search", value: localValue, onChange: handleChange, placeholder: placeholder, className: cn('w-full rounded-md border border-border bg-background transition-colors', 'focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary', 'placeholder:text-muted-foreground', sizeClasses[size], showIcon ? 'pl-10' : 'pl-4', showClear && localValue ? 'pr-10' : 'pr-4', '[&::-webkit-search-cancel-button]:hidden') }), showClear && localValue && (_jsx("button", { type: "button", onClick: handleClear, className: "absolute inset-y-0 right-0 flex items-center pr-3 text-muted-foreground hover:text-foreground", children: _jsx("svg", { className: iconSizeClasses[size], fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }));
|
|
98
95
|
}
|
|
99
96
|
//# sourceMappingURL=ProductSearch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductSearch.js","sourceRoot":"","sources":["../../../src/products/components/ProductSearch.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProductSearch.js","sourceRoot":"","sources":["../../../src/products/components/ProductSearch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
'use client';
|
|
3
|
-
|
|
4
|
-
exports.ProductSort = ProductSort;
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
2
|
+
import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
6
3
|
/**
|
|
7
4
|
* @rovela/sdk/products/components/ProductSort
|
|
8
5
|
*
|
|
9
6
|
* Sort dropdown component for product listings.
|
|
10
7
|
*/
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
import { useState, useCallback } from 'react';
|
|
9
|
+
import { cn } from '../../core/utils';
|
|
13
10
|
// =============================================================================
|
|
14
11
|
// Default Options
|
|
15
12
|
// =============================================================================
|
|
@@ -42,19 +39,19 @@ const defaultOptions = [
|
|
|
42
39
|
* }
|
|
43
40
|
* ```
|
|
44
41
|
*/
|
|
45
|
-
function ProductSort({ value, onChange, className, options = defaultOptions, label = 'Sort by', showLabel = false, variant = 'select', }) {
|
|
46
|
-
const [isOpen, setIsOpen] =
|
|
42
|
+
export function ProductSort({ value, onChange, className, options = defaultOptions, label = 'Sort by', showLabel = false, variant = 'select', }) {
|
|
43
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
47
44
|
const selectedOption = options.find((opt) => opt.value === value) || options[0];
|
|
48
|
-
const handleSelect =
|
|
45
|
+
const handleSelect = useCallback((newValue) => {
|
|
49
46
|
onChange(newValue);
|
|
50
47
|
setIsOpen(false);
|
|
51
48
|
}, [onChange]);
|
|
52
49
|
if (variant === 'buttons') {
|
|
53
|
-
return ((
|
|
50
|
+
return (_jsxs("div", { className: cn('flex items-center gap-2', className), children: [showLabel && (_jsxs("span", { className: "text-sm text-muted-foreground", children: [label, ":"] })), _jsx("div", { className: "flex gap-1", children: options.map((option) => (_jsx("button", { onClick: () => handleSelect(option.value), className: cn('rounded-md px-3 py-1.5 text-sm transition-colors', value === option.value
|
|
54
51
|
? 'bg-primary text-primary-foreground'
|
|
55
52
|
: 'bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground'), children: option.label }, option.value))) })] }));
|
|
56
53
|
}
|
|
57
|
-
return ((
|
|
54
|
+
return (_jsxs("div", { className: cn('relative', className), children: [_jsxs("div", { className: "flex items-center gap-2", children: [showLabel && (_jsxs("label", { className: "text-sm text-muted-foreground", children: [label, ":"] })), _jsxs("button", { onClick: () => setIsOpen(!isOpen), className: "flex items-center gap-2 rounded-md border border-border bg-background px-3 py-2 text-sm transition-colors hover:bg-muted", children: [_jsx("span", { children: selectedOption.label }), _jsx("svg", { className: cn('h-4 w-4 text-muted-foreground transition-transform', isOpen && 'rotate-180'), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] })] }), isOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-10", onClick: () => setIsOpen(false) }), _jsx("div", { className: "absolute right-0 z-20 mt-1 min-w-[180px] rounded-md border border-border bg-background py-1 shadow-lg", children: options.map((option) => (_jsx("button", { onClick: () => handleSelect(option.value), className: cn('block w-full px-4 py-2 text-left text-sm transition-colors', value === option.value
|
|
58
55
|
? 'bg-primary/10 text-primary'
|
|
59
56
|
: 'text-foreground hover:bg-muted'), children: option.label }, option.value))) })] }))] }));
|
|
60
57
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductSort.js","sourceRoot":"","sources":["../../../src/products/components/ProductSort.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProductSort.js","sourceRoot":"","sources":["../../../src/products/components/ProductSort.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
'use client';
|
|
3
|
-
|
|
4
|
-
exports.VariantSelector = VariantSelector;
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
3
|
/**
|
|
7
4
|
* @rovela/sdk/products/components/VariantSelector
|
|
8
5
|
*
|
|
9
6
|
* Dynamic variant selector based on product variant attributes.
|
|
10
7
|
*/
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
import { useState, useMemo, useCallback, useEffect } from 'react';
|
|
9
|
+
import { cn } from '../../core/utils';
|
|
13
10
|
// =============================================================================
|
|
14
11
|
// Component
|
|
15
12
|
// =============================================================================
|
|
@@ -35,9 +32,9 @@ const utils_1 = require("../../core/utils");
|
|
|
35
32
|
* }
|
|
36
33
|
* ```
|
|
37
34
|
*/
|
|
38
|
-
function VariantSelector({ variants, selected, onSelect, className, showInventory = false, disableOutOfStock = true, labels = {}, display = 'buttons', }) {
|
|
35
|
+
export function VariantSelector({ variants, selected, onSelect, className, showInventory = false, disableOutOfStock = true, labels = {}, display = 'buttons', }) {
|
|
39
36
|
// Extract all unique attribute names and their values
|
|
40
|
-
const attributeGroups =
|
|
37
|
+
const attributeGroups = useMemo(() => {
|
|
41
38
|
const groups = new Map();
|
|
42
39
|
variants.forEach((variant) => {
|
|
43
40
|
if (variant.attributes) {
|
|
@@ -57,15 +54,15 @@ function VariantSelector({ variants, selected, onSelect, className, showInventor
|
|
|
57
54
|
}));
|
|
58
55
|
}, [variants, labels]);
|
|
59
56
|
// Track selected attributes
|
|
60
|
-
const [selectedAttributes, setSelectedAttributes] =
|
|
57
|
+
const [selectedAttributes, setSelectedAttributes] = useState({});
|
|
61
58
|
// Initialize from selected variant
|
|
62
|
-
|
|
59
|
+
useEffect(() => {
|
|
63
60
|
if (selected?.attributes) {
|
|
64
61
|
setSelectedAttributes(selected.attributes);
|
|
65
62
|
}
|
|
66
63
|
}, [selected]);
|
|
67
64
|
// Find variant matching selected attributes
|
|
68
|
-
const findMatchingVariant =
|
|
65
|
+
const findMatchingVariant = useCallback((attrs) => {
|
|
69
66
|
return (variants.find((variant) => {
|
|
70
67
|
if (!variant.attributes)
|
|
71
68
|
return false;
|
|
@@ -73,7 +70,7 @@ function VariantSelector({ variants, selected, onSelect, className, showInventor
|
|
|
73
70
|
}) || null);
|
|
74
71
|
}, [variants]);
|
|
75
72
|
// Check if a specific attribute value is available given other selections
|
|
76
|
-
const isValueAvailable =
|
|
73
|
+
const isValueAvailable = useCallback((attributeName, value) => {
|
|
77
74
|
const testAttrs = { ...selectedAttributes, [attributeName]: value };
|
|
78
75
|
const matchingVariants = variants.filter((variant) => {
|
|
79
76
|
if (!variant.attributes)
|
|
@@ -92,7 +89,7 @@ function VariantSelector({ variants, selected, onSelect, className, showInventor
|
|
|
92
89
|
return matchingVariants.some((v) => v.inventory > 0);
|
|
93
90
|
}, [variants, selectedAttributes, disableOutOfStock]);
|
|
94
91
|
// Handle attribute selection
|
|
95
|
-
const handleAttributeSelect =
|
|
92
|
+
const handleAttributeSelect = useCallback((attributeName, value) => {
|
|
96
93
|
const newAttrs = { ...selectedAttributes, [attributeName]: value };
|
|
97
94
|
setSelectedAttributes(newAttrs);
|
|
98
95
|
// Try to find matching variant
|
|
@@ -100,7 +97,7 @@ function VariantSelector({ variants, selected, onSelect, className, showInventor
|
|
|
100
97
|
onSelect(matchingVariant);
|
|
101
98
|
}, [selectedAttributes, findMatchingVariant, onSelect]);
|
|
102
99
|
// Get variant for display info (inventory, etc.)
|
|
103
|
-
const getVariantForValue =
|
|
100
|
+
const getVariantForValue = useCallback((attributeName, value) => {
|
|
104
101
|
const testAttrs = { ...selectedAttributes, [attributeName]: value };
|
|
105
102
|
return variants.find((variant) => {
|
|
106
103
|
if (!variant.attributes)
|
|
@@ -111,21 +108,21 @@ function VariantSelector({ variants, selected, onSelect, className, showInventor
|
|
|
111
108
|
if (variants.length === 0 || attributeGroups.length === 0) {
|
|
112
109
|
return null;
|
|
113
110
|
}
|
|
114
|
-
return ((
|
|
111
|
+
return (_jsx("div", { className: cn('space-y-4', className), children: attributeGroups.map((group) => (_jsxs("div", { children: [_jsxs("label", { className: "mb-2 block text-sm font-medium text-foreground", children: [group.label, selectedAttributes[group.name] && (_jsx("span", { className: "ml-2 font-normal text-muted-foreground", children: selectedAttributes[group.name] }))] }), display === 'buttons' ? (_jsx("div", { className: "flex flex-wrap gap-2", children: group.values.map((value) => {
|
|
115
112
|
const isSelected = selectedAttributes[group.name] === value;
|
|
116
113
|
const isAvailable = isValueAvailable(group.name, value);
|
|
117
114
|
const variant = getVariantForValue(group.name, value);
|
|
118
115
|
const isOutOfStock = variant && variant.inventory <= 0;
|
|
119
|
-
return ((
|
|
116
|
+
return (_jsxs("button", { type: "button", disabled: !isAvailable || (disableOutOfStock && isOutOfStock), onClick: () => handleAttributeSelect(group.name, value), className: cn('relative min-w-[3rem] rounded-md border px-3 py-2 text-sm font-medium transition-colors', isSelected
|
|
120
117
|
? 'border-primary bg-primary text-primary-foreground'
|
|
121
118
|
: 'border-border bg-background text-foreground hover:border-primary', !isAvailable && 'cursor-not-allowed opacity-50', isOutOfStock &&
|
|
122
119
|
disableOutOfStock &&
|
|
123
|
-
'cursor-not-allowed opacity-50 line-through'), children: [value, showInventory && variant && ((
|
|
124
|
-
}) })) : ((
|
|
120
|
+
'cursor-not-allowed opacity-50 line-through'), children: [value, showInventory && variant && (_jsxs("span", { className: "ml-1 text-xs text-muted-foreground", children: ["(", variant.inventory, ")"] }))] }, value));
|
|
121
|
+
}) })) : (_jsxs("select", { value: selectedAttributes[group.name] || '', onChange: (e) => handleAttributeSelect(group.name, e.target.value), className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary", children: [_jsxs("option", { value: "", children: ["Select ", group.label] }), group.values.map((value) => {
|
|
125
122
|
const isAvailable = isValueAvailable(group.name, value);
|
|
126
123
|
const variant = getVariantForValue(group.name, value);
|
|
127
124
|
const isOutOfStock = variant && variant.inventory <= 0;
|
|
128
|
-
return ((
|
|
125
|
+
return (_jsxs("option", { value: value, disabled: !isAvailable || (disableOutOfStock && isOutOfStock), children: [value, showInventory && variant ? ` (${variant.inventory})` : '', isOutOfStock ? ' - Out of Stock' : ''] }, value));
|
|
129
126
|
})] }))] }, group.name))) }));
|
|
130
127
|
}
|
|
131
128
|
// =============================================================================
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VariantSelector.js","sourceRoot":"","sources":["../../../src/products/components/VariantSelector.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"VariantSelector.js","sourceRoot":"","sources":["../../../src/products/components/VariantSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,32 +1,19 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
/**
|
|
3
2
|
* @rovela/sdk/products/components
|
|
4
3
|
*
|
|
5
4
|
* Product catalog UI components.
|
|
6
5
|
*/
|
|
7
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
|
-
exports.ProductFilterPanel = exports.ProductSort = exports.ProductSearch = exports.ProductBreadcrumb = exports.CategoryNav = exports.ProductGallery = exports.VariantSelector = exports.ProductDetails = exports.ProductGrid = exports.ProductCard = void 0;
|
|
9
6
|
// Core components
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
Object.defineProperty(exports, "ProductDetails", { enumerable: true, get: function () { return ProductDetails_1.ProductDetails; } });
|
|
16
|
-
var VariantSelector_1 = require("./VariantSelector");
|
|
17
|
-
Object.defineProperty(exports, "VariantSelector", { enumerable: true, get: function () { return VariantSelector_1.VariantSelector; } });
|
|
18
|
-
var ProductGallery_1 = require("./ProductGallery");
|
|
19
|
-
Object.defineProperty(exports, "ProductGallery", { enumerable: true, get: function () { return ProductGallery_1.ProductGallery; } });
|
|
7
|
+
export { ProductCard } from './ProductCard';
|
|
8
|
+
export { ProductGrid } from './ProductGrid';
|
|
9
|
+
export { ProductDetails } from './ProductDetails';
|
|
10
|
+
export { VariantSelector } from './VariantSelector';
|
|
11
|
+
export { ProductGallery } from './ProductGallery';
|
|
20
12
|
// Navigation components
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var ProductBreadcrumb_1 = require("./ProductBreadcrumb");
|
|
24
|
-
Object.defineProperty(exports, "ProductBreadcrumb", { enumerable: true, get: function () { return ProductBreadcrumb_1.ProductBreadcrumb; } });
|
|
13
|
+
export { CategoryNav } from './CategoryNav';
|
|
14
|
+
export { ProductBreadcrumb } from './ProductBreadcrumb';
|
|
25
15
|
// Filtering components
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
Object.defineProperty(exports, "ProductSort", { enumerable: true, get: function () { return ProductSort_1.ProductSort; } });
|
|
30
|
-
var ProductFilters_1 = require("./ProductFilters");
|
|
31
|
-
Object.defineProperty(exports, "ProductFilterPanel", { enumerable: true, get: function () { return ProductFilters_1.ProductFilterPanel; } });
|
|
16
|
+
export { ProductSearch } from './ProductSearch';
|
|
17
|
+
export { ProductSort } from './ProductSort';
|
|
18
|
+
export { ProductFilterPanel } from './ProductFilters';
|
|
32
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/products/components/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/products/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,kBAAkB;AAClB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGjD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGnD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGjD,wBAAwB;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAGvD,uBAAuB;AACvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA"}
|