storefront-layouts 1.0.4 → 1.0.6

package/dist/layouts/electronics/pages/CategoryPage.js

@@ -1,15 +1,15 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCategoryProducts } from '../../../hooks/use-category-products';
-import { Button } from '../../../components/ui/button';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { useStore } from '../../../lib/store-context';
+import { useCategoryProducts } from '../../../hooks/use-category-products.js';
+import { Button } from '../../../components/ui/button.js';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { useStore } from '../../../lib/store-context.js';
 import { ArrowLeft, Filter } from 'lucide-react';
 import Link from 'next/link';
-import { useToast } from '../../../components/ui/toast';
-import { useAnalytics } from '../../../hooks/use-analytics';
+import { useToast } from '../../../components/ui/toast.js';
+import { useAnalytics } from '../../../hooks/use-analytics.js';
 import { useEffect } from 'react';
-import { ProductCard } from '../../../components/ui/product-card';
+import { ProductCard } from '../../../components/ui/product-card.js';
 export function CategoryPage({ storeConfig, categorySlug }) {
     const categories = storeConfig.categories || [];
     const category = categories.find(c => c.slug === categorySlug);

package/dist/layouts/electronics/pages/ContactPage.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface ContactPageProps {
     storeConfig: StoreConfig;
 }
-export declare function ContactPage({ storeConfig: initialConfig }: ContactPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContactPage({ storeConfig: initialConfig }: ContactPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ContactPage.d.ts.map

package/dist/layouts/electronics/pages/ContactPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/ContactPage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,gBAAgB;IACtB,WAAW,EAAE,WAAW,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,gBAAgB,2CA0S3E"}
+{"version":3,"file":"ContactPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/ContactPage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,UAAU,gBAAgB;IACtB,WAAW,EAAE,WAAW,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,gBAAgB,+BA0S3E"}

package/dist/layouts/electronics/pages/ContactPage.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Button } from '../../../components/ui/button';
+import { Button } from '../../../components/ui/button.js';
 import { Mail, Phone, MapPin, Clock, Send, MessageSquare, CheckCircle } from 'lucide-react';
-import { useStore } from '../../../lib/store-context';
+import { useStore } from '../../../lib/store-context.js';
 import Image from 'next/image';
-import { submitContact } from '../../../lib/services/contact.service';
+import { submitContact } from '../../../lib/services/contact.service.js';
 export function ContactPage({ storeConfig: initialConfig }) {
     const { store } = useStore();
     const storeConfig = store || initialConfig;

package/dist/layouts/electronics/pages/HelpCenterPage.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface HelpCenterPageProps {
     storeConfig: StoreConfig;
 }
-export declare function ElectronicsHelpCenterPage({ storeConfig }: HelpCenterPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ElectronicsHelpCenterPage({ storeConfig }: HelpCenterPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=HelpCenterPage.d.ts.map

package/dist/layouts/electronics/pages/HelpCenterPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCenterPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/HelpCenterPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,yBAAyB,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,2CA+I7E"}
+{"version":3,"file":"HelpCenterPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/HelpCenterPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,yBAAyB,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,+BA+I7E"}

package/dist/layouts/electronics/pages/HelpCenterPage.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Search, ChevronDown, ChevronUp, Mail, Phone, MessageCircle } from 'lucide-react';
 import { useState } from 'react';
-import { Button } from '../../../components/ui/button';
+import { Button } from '../../../components/ui/button.js';
 export function ElectronicsHelpCenterPage({ storeConfig }) {
     const primaryColor = storeConfig.branding.primaryColor;
     const faqConfig = storeConfig.layoutConfig?.pages?.faq;

package/dist/layouts/electronics/pages/PrivacyPolicyPage.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface PrivacyPolicyPageProps {
     storeConfig: StoreConfig;
 }
-export declare function ElectronicsPrivacyPolicyPage({ storeConfig }: PrivacyPolicyPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ElectronicsPrivacyPolicyPage({ storeConfig }: PrivacyPolicyPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=PrivacyPolicyPage.d.ts.map

package/dist/layouts/electronics/pages/PrivacyPolicyPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrivacyPolicyPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/PrivacyPolicyPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,UAAU,sBAAsB;IAC9B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,4BAA4B,CAAC,EAAE,WAAW,EAAE,EAAE,sBAAsB,2CA2GnF"}
+{"version":3,"file":"PrivacyPolicyPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/PrivacyPolicyPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,UAAU,sBAAsB;IAC9B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,4BAA4B,CAAC,EAAE,WAAW,EAAE,EAAE,sBAAsB,+BA2GnF"}

package/dist/layouts/electronics/pages/PrivacyPolicyPage.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ShieldCheck, ArrowLeft } from 'lucide-react';
 import Link from 'next/link';
-import { formatDateSafe } from '../../../utils/date';
+import { formatDateSafe } from '../../../utils/date.js';
 export function ElectronicsPrivacyPolicyPage({ storeConfig }) {
     const primaryColor = storeConfig.branding.primaryColor;
     return (_jsxs("div", { className: "min-h-screen bg-gray-50 pb-20", children: [_jsx("div", { className: "bg-white border-b", children: _jsxs("div", { className: "container mx-auto px-4 py-8", children: [_jsxs(Link, { href: `/${storeConfig.slug}`, className: "inline-flex items-center gap-2 text-gray-500 hover:text-gray-900 transition-colors mb-6", children: [_jsx(ArrowLeft, { className: "w-4 h-4" }), "Back to Home"] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-12 h-12 rounded-xl flex items-center justify-center", style: { backgroundColor: `${primaryColor}15` }, children: _jsx(ShieldCheck, { className: "w-6 h-6", style: { color: primaryColor } }) }), _jsx("h1", { className: "text-3xl font-bold text-gray-900", children: "Privacy Policy" })] })] }) }), _jsx("div", { className: "container mx-auto px-4 py-12 max-w-4xl", children: _jsxs("div", { className: "bg-white rounded-2xl p-8 md:p-12 shadow-sm border border-gray-100 prose prose-lg max-w-none", children: [_jsxs("p", { className: "text-gray-500 lead", children: ["Last updated: ", formatDateSafe(new Date(), undefined, { month: 'long', day: 'numeric', year: 'numeric' })] }), _jsxs("p", { children: ["At ", storeConfig.name, ", accessible from ", typeof window !== 'undefined' ? window.location.origin : 'our website', ", one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by ", storeConfig.name, " and how we use it."] }), _jsx("p", { children: "If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us." }), _jsx("h3", { children: "Log Files" }), _jsxs("p", { children: [storeConfig.name, " follows a standard procedure of using log files. These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics. The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information."] }), _jsx("h3", { children: "Cookies and Web Beacons" }), _jsxs("p", { children: ["Like any other website, ", storeConfig.name, " uses \"cookies\". These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited. The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information."] }), _jsx("h3", { children: "Privacy Policies" }), _jsxs("p", { children: ["You may consult this list to find the Privacy Policy for each of the advertising partners of ", storeConfig.name, "."] }), _jsxs("p", { children: ["Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in their respective advertisements and links that appear on ", storeConfig.name, ", which are sent directly to users' browser. They automatically receive your IP address when this occurs. These technologies are used to measure the effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites that you visit."] }), _jsxs("p", { children: ["Note that ", storeConfig.name, " has no access to or control over these cookies that are used by third-party advertisers."] }), _jsx("h3", { children: "Third Party Privacy Policies" }), _jsxs("p", { children: [storeConfig.name, "'s Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may include their practices and instructions about how to opt-out of certain options."] }), _jsx("p", { children: "You can choose to disable cookies through your individual browser options. To know more detailed information about cookie management with specific web browsers, it can be found at the browsers' respective websites." }), _jsx("h3", { children: "Children's Information" }), _jsx("p", { children: "Another part of our priority is adding protection for children while using the internet. We encourage parents and guardians to observe, participate in, and/or monitor and guide their online activity." }), _jsxs("p", { children: [storeConfig.name, " does not knowingly collect any Personal Identifiable Information from children under the age of 13. If you think that your child provided this kind of information on our website, we strongly encourage you to contact us immediately and we will do our best efforts to promptly remove such information from our records."] }), _jsx("h3", { children: "Online Privacy Policy Only" }), _jsxs("p", { children: ["This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in ", storeConfig.name, ". This policy is not applicable to any information collected offline or via channels other than this website."] }), _jsx("h3", { children: "Consent" }), _jsx("p", { children: "By using our website, you hereby consent to our Privacy Policy and agree to its Terms and Conditions." })] }) })] }));

package/dist/layouts/electronics/pages/ProductDetailPage.d.ts

@@ -1,8 +1,8 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface ProductDetailPageProps {
     storeConfig: StoreConfig;
     productSlug: string;
 }
-export declare function ProductDetailPage({ storeConfig, productSlug }: ProductDetailPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductDetailPage({ storeConfig: initialConfig, productSlug }: ProductDetailPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ProductDetailPage.d.ts.map

package/dist/layouts/electronics/pages/ProductDetailPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/ProductDetailPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAA8C,MAAM,mBAAmB,CAAC;AA4B5F,UAAU,sBAAsB;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB;AAsHD,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,sBAAsB,2CA0iCrF"}
+{"version":3,"file":"ProductDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/ProductDetailPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAA8C,MAAM,mBAAmB,CAAC;AA4B5F,UAAU,sBAAsB;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB;AAsHD,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,EAAE,sBAAsB,+BA2iCpG"}

package/dist/layouts/electronics/pages/ProductDetailPage.js

@@ -1,28 +1,28 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useProductBySlug } from '../../../hooks/use-product-by-slug';
-import { useProductReviews } from '../../../hooks/use-product-reviews';
-import { Button } from '../../../components/ui/button';
-import { Breadcrumbs } from '../../../components/ui/breadcrumbs';
-import { Modal } from '../../../components/ui/modal';
+import { useProductBySlug } from '../../../hooks/use-product-by-slug.js';
+import { useProductReviews } from '../../../hooks/use-product-reviews.js';
+import { Button } from '../../../components/ui/button.js';
+import { Breadcrumbs } from '../../../components/ui/breadcrumbs.js';
+import { Modal } from '../../../components/ui/modal.js';
 import { ShoppingCart, Heart, Star, CheckCircle, ThumbsUp, User, Minus, Plus, Ruler, Share2, Info } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';
-import { useStore } from '../../../lib/store-context';
-import { useToast } from '../../../components/ui/toast';
+import { useStore } from '../../../lib/store-context.js';
+import { useToast } from '../../../components/ui/toast.js';
 import { useRouter } from 'next/navigation';
-import { useAuth } from '../../../lib/auth-context';
-import { useAnalytics } from '../../../hooks/use-analytics';
-import { customerService } from '../../../lib/services/customer.service';
-import { GuestCheckoutModal } from '../../../components/ui/guest-checkout-modal';
-import { getGuestUserInfo, saveGuestUserInfo } from '../../../lib/guest-user';
-import { ProductCard } from '../../../components/ui/product-card';
+import { useAuth } from '../../../lib/auth-context.js';
+import { useAnalytics } from '../../../hooks/use-analytics.js';
+import { customerService } from '../../../lib/services/customer.service.js';
+import { GuestCheckoutModal } from '../../../components/ui/guest-checkout-modal.js';
+import { getGuestUserInfo, saveGuestUserInfo } from '../../../lib/guest-user.js';
+import { ProductCard } from '../../../components/ui/product-card.js';
 import Image from 'next/image';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { ButtonLoader } from '../../../components/ui/page-loader';
-import { extractImageUrls } from '../../../lib/store-config-utils';
-import { OutOfStockOverlay } from '../../../components/ui/out-of-stock-overlay';
-import { cn, formatCurrency, filterActiveProducts, isEditorPreviewMode, resolvePdpProduct } from '../../../lib/utils';
-import { shippingService } from '../../../lib/services/shipping.service';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { ButtonLoader } from '../../../components/ui/page-loader.js';
+import { extractImageUrls } from '../../../lib/store-config-utils.js';
+import { OutOfStockOverlay } from '../../../components/ui/out-of-stock-overlay.js';
+import { cn, formatCurrency, filterActiveProducts, isEditorPreviewMode, resolvePdpProduct } from '../../../lib/utils/index.js';
+import { shippingService } from '../../../lib/services/shipping.service.js';
 import { ProductDeliveryInfoSection } from '../../../components/shipping/ProductDeliveryInfoSection';
 import { formatDateSafe } from '../../../utils/date';
 // Helper function to format date
@@ -49,8 +49,9 @@ function StarRating({ rating, size = 'md', className = '' }) {
 function ReviewCard({ review }) {
     return (_jsxs("div", { className: "border-b border-gray-100 pb-8 last:border-b-0 last:pb-0", children: [_jsx("div", { className: "flex items-start justify-between mb-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "w-12 h-12 rounded-full bg-gradient-to-br from-gray-200 to-gray-300 flex items-center justify-center flex-shrink-0 ring-2 ring-white shadow-sm overflow-hidden", children: [review.userAvatar ? (_jsx(Image, { src: review.userAvatar, alt: review.userName, fill: true, className: "w-full h-full object-cover" })) : null, _jsx(User, { className: "h-6 w-6 text-gray-600", style: { display: review.userAvatar ? 'none' : 'flex' } })] }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [_jsx("span", { className: "font-semibold text-gray-900", children: review.userName }), review.verified && (_jsx("span", { className: "text-xs bg-blue-50 text-blue-700 px-2.5 py-1 rounded-full font-medium border border-blue-100", children: "Verified Purchase" }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(StarRating, { rating: review.rating, size: "sm" }), _jsx("span", { className: "text-xs text-gray-500", children: formatDate(review.date) })] })] })] }) }), review.title && (_jsx("h4", { className: "font-semibold text-gray-900 mb-3 text-lg", children: review.title })), _jsx("p", { className: "text-gray-700 leading-relaxed mb-4", children: review.comment }), review.images && review.images.length > 0 && (_jsx("div", { className: "flex gap-2 mb-4", children: review.images.map((img, idx) => (_jsx("div", { className: "relative w-20 h-20 rounded-lg overflow-hidden border border-gray-200", children: _jsx(Image, { src: img, alt: `${review.userName}'s review image ${idx + 1}`, fill: true, className: "object-cover" }) }, idx))) })), review.helpful !== undefined && (_jsx("div", { className: "flex items-center gap-4", children: _jsxs("button", { className: "flex items-center gap-1.5 text-xs text-gray-600 hover:text-gray-900 transition-colors font-medium", children: [_jsx(ThumbsUp, { className: "h-4 w-4" }), _jsxs("span", { children: ["Helpful (", review.helpful, ")"] })] }) }))] }));
 }
-export function ProductDetailPage({ storeConfig, productSlug }) {
-    const { addToCart, isCartLoading, toggleWishlist, isInWishlist, isWishlistLoading, setBuyNowItem } = useStore();
+export function ProductDetailPage({ storeConfig: initialConfig, productSlug }) {
+    const { store, addToCart, isCartLoading, toggleWishlist, isInWishlist, isWishlistLoading, setBuyNowItem } = useStore();
+    const storeConfig = store || initialConfig;
     const products = filterActiveProducts(storeConfig.products || []);
     const initialProduct = resolvePdpProduct(initialConfig.products, storeConfig.products, productSlug, isEditorPreviewMode(storeConfig));
     const { product, relatedProducts: apiRelatedProducts, isLoading: isLoadingProduct } = useProductBySlug(storeConfig.id, productSlug, initialProduct);
@@ -494,7 +495,7 @@ export function ProductDetailPage({ storeConfig, productSlug }) {
                                                     : 'border-gray-200 hover:border-gray-300'}`, children: _jsx(ImageWithFallback, { src: image, alt: `${product.name} view ${index + 1}`, className: cn("w-full h-full object-cover", isOutOfStock && "grayscale"), skeletonAspectRatio: "square" }) }, index))), hasMoreImages && (_jsxs("div", { className: "aspect-square rounded-lg border-2 border-gray-200 bg-gray-50 flex items-center justify-center text-xs text-gray-500 font-medium", children: ["+", productImages.length - 5, " more"] }))] }))] }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("span", { className: "text-sm font-semibold text-gray-700 uppercase tracking-wide", children: (() => {
                                                     const brandMatch = product.name.match(/\b(Sony|Samsung|Apple|LG|Dell|HP|Microsoft|Logitech|Razer|Corsair|Asus|Acer|Lenovo)\b/i);
                                                     return brandMatch ? brandMatch[1] : storeConfig.name;
-                                                })() }), _jsx("button", { onClick: handleShare, className: "text-gray-400 hover:text-gray-900 transition-colors p-2 rounded-full hover:bg-gray-100", title: "Share this product", children: _jsx(Share2, { className: "h-5 w-5" }) })] }), _jsx("h1", { "data-product-name": true, className: "text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 mb-3 leading-tight tracking-tight", children: product.name }), _jsxs("p", { className: "text-sm text-gray-500 mb-6 font-mono", children: ["SKU: ", displaySKU] }), _jsx("div", { className: "mb-4 flex items-center gap-2", children: product.inStock ? (_jsxs("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800", children: [_jsx(CheckCircle, { className: "w-3 h-3 mr-1" }), "In Stock"] })) : (_jsxs("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800", children: [_jsx(Info, { className: "w-3 h-3 mr-1" }), "Out of Stock"] })) }), _jsxs("div", { className: "mb-8", children: [_jsxs("div", { className: "flex items-baseline gap-4", children: [_jsx("span", { "data-product-price": true, className: "text-4xl lg:text-5xl font-bold text-gray-900", children: formatCurrency(product.price, product.currency || 'USD') }), product.compareAtPrice && (_jsx("span", { className: "text-2xl text-gray-500 line-through", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] }), product.compareAtPrice && (_jsxs("span", { className: "inline-block mt-2 bg-red-100 text-red-700 text-xs font-bold px-2 py-1 rounded", children: ["SAVE ", Math.round(((product.compareAtPrice - product.price) / product.compareAtPrice) * 100), "%"] }))] }), colorVariants.length > 0 && (_jsxs("div", { className: "mb-8", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx("span", { className: "text-sm font-semibold text-gray-900", children: "Color:" }), _jsx("span", { className: "text-sm text-gray-600 capitalize", children: selectedColor || colorVariants[0]?.value })] }), _jsx("div", { className: "flex gap-3", children: colorVariants.map((variant) => {
+                                                })() }), _jsx("button", { onClick: handleShare, className: "text-gray-400 hover:text-gray-900 transition-colors p-2 rounded-full hover:bg-gray-100", title: "Share this product", children: _jsx(Share2, { className: "h-5 w-5" }) })] }), _jsx("h1", { "data-product-name": true, className: "text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 mb-3 leading-tight tracking-tight", children: product.name }), _jsxs("p", { className: "text-sm text-gray-500 mb-6 font-mono", children: ["SKU: ", displaySKU] }), _jsx("div", { className: "mb-4 flex items-center gap-2", children: product.inStock ? (_jsxs("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800", children: [_jsx(CheckCircle, { className: "w-3 h-3 mr-1" }), "In Stock"] })) : (_jsxs("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800", children: [_jsx(Info, { className: "w-3 h-3 mr-1" }), "Out of Stock"] })) }), _jsxs("div", { className: "mb-8", children: [_jsxs("div", { className: "flex items-baseline gap-4", children: [_jsx("span", { "data-product-price": true, className: "text-4xl lg:text-5xl font-bold text-gray-900", children: formatCurrency(product.price, product.currency || 'USD') }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsx("span", { className: "text-2xl text-gray-500 line-through", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsxs("span", { className: "inline-block mt-2 bg-red-100 text-red-700 text-xs font-bold px-2 py-1 rounded", children: ["SAVE ", Math.round(((product.compareAtPrice - product.price) / product.compareAtPrice) * 100), "%"] }))] }), colorVariants.length > 0 && (_jsxs("div", { className: "mb-8", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [_jsx("span", { className: "text-sm font-semibold text-gray-900", children: "Color:" }), _jsx("span", { className: "text-sm text-gray-600 capitalize", children: selectedColor || colorVariants[0]?.value })] }), _jsx("div", { className: "flex gap-3", children: colorVariants.map((variant) => {
                                                     const colorValue = variant.value;
                                                     const swatchColor = colorSwatches[colorValue] || '#CCCCCC';
                                                     const isSelected = selectedColor === colorValue;

package/dist/layouts/electronics/pages/ProductsPage.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface ProductsPageProps {
     storeConfig: StoreConfig;
 }
-export declare function ProductsPage(props: ProductsPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductsPage(props: ProductsPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ProductsPage.d.ts.map

package/dist/layouts/electronics/pages/ProductsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductsPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/ProductsPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AAyB9D,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;CAC1B;AA2wBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAMpD"}
+{"version":3,"file":"ProductsPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/ProductsPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AAyB9D,UAAU,iBAAiB;IACzB,WAAW,EAAE,WAAW,CAAC;CAC1B;AA2wBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAMpD"}

package/dist/layouts/electronics/pages/ProductsPage.js

@@ -1,26 +1,26 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from '../../../components/ui/button';
-import { Breadcrumbs } from '../../../components/ui/breadcrumbs';
-import { Sheet } from '../../../components/ui/sheet';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { ProductCard } from '../../../components/ui/product-card';
-import { ProductGridSkeleton } from '../../../components/ui/skeletons';
-import { CategoryTree } from '../../../components/ui/category-tree';
-import { useStore } from '../../../lib/store-context';
-import { useToast } from '../../../components/ui/toast';
-import { useLoading } from '../../../lib/loading-context';
-import { useAnalytics } from '../../../hooks/use-analytics';
+import { Button } from '../../../components/ui/button.js';
+import { Breadcrumbs } from '../../../components/ui/breadcrumbs.js';
+import { Sheet } from '../../../components/ui/sheet.js';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { ProductCard } from '../../../components/ui/product-card.js';
+import { ProductGridSkeleton } from '../../../components/ui/skeletons/index.js';
+import { CategoryTree } from '../../../components/ui/category-tree.js';
+import { useStore } from '../../../lib/store-context.js';
+import { useToast } from '../../../components/ui/toast.js';
+import { useLoading } from '../../../lib/loading-context.js';
+import { useAnalytics } from '../../../hooks/use-analytics.js';
 import { ChevronDown, ChevronUp, Star, Check, Search, RotateCcw, SlidersHorizontal } from 'lucide-react';
 import { useSearchParams } from 'next/navigation';
 import { useState, useMemo, useEffect, useRef, Suspense } from 'react';
-import { useProductBrands } from '../../../hooks/use-product-brands';
-import { filterActiveProducts } from '../../../lib/utils';
-import { getAllCategoryIds, flattenCategoryTree, buildCategoryTree } from '../../../lib/utils/category-tree';
-import { getBannerImage, getLayoutText } from '../../../lib/utils/asset-helpers';
-import { shouldUseAPI } from '../../../lib/utils/demo-detection';
-import { useCatalogPriceRange } from '../../../hooks/use-catalog-price-range';
-import { isWithinActivePriceRange } from '../../../lib/utils/catalog-price-bounds';
+import { useProductBrands } from '../../../hooks/use-product-brands.js';
+import { filterActiveProducts } from '../../../lib/utils/index.js';
+import { getAllCategoryIds, flattenCategoryTree, buildCategoryTree } from '../../../lib/utils/category-tree.js';
+import { getBannerImage, getLayoutText } from '../../../lib/utils/asset-helpers.js';
+import { shouldUseAPI } from '../../../lib/utils/demo-detection.js';
+import { useCatalogPriceRange } from '../../../hooks/use-catalog-price-range.js';
+import { isWithinActivePriceRange } from '../../../lib/utils/catalog-price-bounds.js';
 import { ProductPriceFilterSection } from '../../shared/components/ProductPriceFilterSection';
 function ProductsPageContent({ storeConfig: initialConfig }) {
     const { store, addToCart } = useStore();
@@ -217,8 +217,8 @@ function ProductsPageContent({ storeConfig: initialConfig }) {
             skipBootstrapRefetch.current = false;
             setIsLoadingProducts(true);
             try {
-                const { productService } = await import('../../../lib/services/product.service');
-                const { transformProductToStoreProduct } = await import('../../../lib/store-config-utils');
+                const { productService } = await import('../../../lib/services/product.service.js');
+                const { transformProductToStoreProduct } = await import('../../../lib/store-config-utils.js');
                 const response = await productService.getProducts({ ...productQuery, page: 1, limit: 12 });
                 if (cancelled)
                     return;
@@ -246,8 +246,8 @@ function ProductsPageContent({ storeConfig: initialConfig }) {
             return;
         setIsLoadingProducts(true);
         try {
-            const { productService } = await import('../../../lib/services/product.service');
-            const { transformProductToStoreProduct } = await import('../../../lib/store-config-utils');
+            const { productService } = await import('../../../lib/services/product.service.js');
+            const { transformProductToStoreProduct } = await import('../../../lib/store-config-utils.js');
             const nextPage = currentPage + 1;
             const response = await productService.getProducts({ ...productQuery, page: nextPage, limit: 12 });
             setProducts((current) => [...current, ...response.data.map(transformProductToStoreProduct)]);

package/dist/layouts/electronics/pages/ShippingReturnsPage.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface ShippingReturnsPageProps {
     storeConfig: StoreConfig;
 }
-export declare function ElectronicsShippingReturnsPage({ storeConfig }: ShippingReturnsPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ElectronicsShippingReturnsPage({ storeConfig }: ShippingReturnsPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ShippingReturnsPage.d.ts.map

package/dist/layouts/electronics/pages/ShippingReturnsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShippingReturnsPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/ShippingReturnsPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,UAAU,wBAAwB;IAChC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,8BAA8B,CAAC,EAAE,WAAW,EAAE,EAAE,wBAAwB,2CAmHvF"}
+{"version":3,"file":"ShippingReturnsPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/ShippingReturnsPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,UAAU,wBAAwB;IAChC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,8BAA8B,CAAC,EAAE,WAAW,EAAE,EAAE,wBAAwB,+BAmHvF"}

package/dist/layouts/electronics/pages/TermsPage.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface TermsPageProps {
     storeConfig: StoreConfig;
 }
-export declare function ElectronicsTermsPage({ storeConfig }: TermsPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ElectronicsTermsPage({ storeConfig }: TermsPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=TermsPage.d.ts.map

package/dist/layouts/electronics/pages/TermsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TermsPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/TermsPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,oBAAoB,CAAC,EAAE,WAAW,EAAE,EAAE,cAAc,2CAuGnE"}
+{"version":3,"file":"TermsPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/TermsPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,UAAU,cAAc;IACtB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,oBAAoB,CAAC,EAAE,WAAW,EAAE,EAAE,cAAc,+BAuGnE"}

package/dist/layouts/electronics/pages/TermsPage.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ScrollText, ArrowLeft } from 'lucide-react';
 import Link from 'next/link';
-import { formatDateSafe } from '../../../utils/date';
+import { formatDateSafe } from '../../../utils/date.js';
 export function ElectronicsTermsPage({ storeConfig }) {
     const primaryColor = storeConfig.branding.primaryColor;
     return (_jsxs("div", { className: "min-h-screen bg-gray-50 pb-20", children: [_jsx("div", { className: "bg-white border-b", children: _jsxs("div", { className: "container mx-auto px-4 py-8", children: [_jsxs(Link, { href: `/${storeConfig.slug}`, className: "inline-flex items-center gap-2 text-gray-500 hover:text-gray-900 transition-colors mb-6", children: [_jsx(ArrowLeft, { className: "w-4 h-4" }), "Back to Home"] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-12 h-12 rounded-xl flex items-center justify-center", style: { backgroundColor: `${primaryColor}15` }, children: _jsx(ScrollText, { className: "w-6 h-6", style: { color: primaryColor } }) }), _jsx("h1", { className: "text-3xl font-bold text-gray-900", children: "Terms of Service" })] })] }) }), _jsx("div", { className: "container mx-auto px-4 py-12 max-w-4xl", children: _jsxs("div", { className: "bg-white rounded-2xl p-8 md:p-12 shadow-sm border border-gray-100 prose prose-lg max-w-none", children: [_jsxs("p", { className: "text-gray-500 lead", children: ["Last updated: ", formatDateSafe(new Date(), undefined, { month: 'long', day: 'numeric', year: 'numeric' })] }), _jsxs("p", { children: ["Please read these Terms of Service (\"Terms\", \"Terms of Service\") carefully before using the ", storeConfig.name, "website (the \"Service\") operated by ", storeConfig.name, " (\"us\", \"we\", or \"our\")."] }), _jsx("h3", { children: "1. Conditions of Use" }), _jsxs("p", { children: ["By using this website, you certify that you have read and reviewed this Agreement and that you agree to comply with its terms. If you do not want to be bound by the terms of this Agreement, you are advised to leave the website accordingly. ", storeConfig.name, "only grants use and access of this website, its products, and its services to those who have accepted its terms."] }), _jsx("h3", { children: "2. Privacy Policy" }), _jsx("p", { children: "Before you continue using our website, we advise you to read our privacy policy regarding our user data collection. It will help you better understand our practices." }), _jsx("h3", { children: "3. Age Restriction" }), _jsxs("p", { children: ["You must be at least 18 (eighteen) years of age before you can use this website. By using this website, you warrant that you are at least 18 years of age and you may legally adhere to this Agreement. ", storeConfig.name, " assumes no responsibility for liabilities related to age misrepresentation."] }), _jsx("h3", { children: "4. Intellectual Property" }), _jsxs("p", { children: ["You agree that all materials, products, and services provided on this website are the property of ", storeConfig.name, ", its affiliates, directors, officers, employees, agents, suppliers, or licensors including all copyrights, trade secrets, trademarks, patents, and other intellectual property. You also agree that you will not reproduce or redistribute the ", storeConfig.name, "'s intellectual property in any way, including electronic, digital, or new trademark registrations."] }), _jsx("h3", { children: "5. User Accounts" }), _jsx("p", { children: "As a user of this website, you may be asked to register with us and provide private information. You are responsible for ensuring the accuracy of this information, and you are responsible for maintaining the safety and security of your identifying information. You are also responsible for all activities that occur under your account or password." }), _jsx("h3", { children: "6. Applicable Law" }), _jsxs("p", { children: ["By visiting this website, you agree that the laws of the location where ", storeConfig.name, " is based, without regard to principles of conflict laws, will govern these terms and conditions, or any dispute of any sort that might come between ", storeConfig.name, " and you, or its business partners and associates."] }), _jsx("h3", { children: "7. Disputes" }), _jsx("p", { children: "Any dispute related in any way to your visit to this website or to products you purchase from us shall be arbitrated by state or federal court and you consent to exclusive jurisdiction and venue of such courts." }), _jsx("h3", { children: "8. Indemnification" }), _jsxs("p", { children: ["You agree to indemnify ", storeConfig.name, " and its affiliates and hold ", storeConfig.name, " harmless against legal claims and demands that may arise from your use or misuse of our services. We reserve the right to select our own legal counsel."] }), _jsx("h3", { children: "9. Limitation on Liability" }), _jsxs("p", { children: [storeConfig.name, " is not liable for any damages that may occur to you as a result of your misuse of our website."] }), _jsxs("p", { children: [storeConfig.name, " reserves the right to edit, modify, and change this Agreement any time. We shall let our users know of these changes through electronic mail. This Agreement is an understanding between ", storeConfig.name, " and the user, and this supersedes and replaces all prior agreements regarding the use of this website."] })] }) })] }));

package/dist/layouts/electronics/pages/TrackOrderPage.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface TrackOrderPageProps {
     storeConfig: StoreConfig;
 }
-export declare function ElectronicsTrackOrderPage({ storeConfig }: TrackOrderPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ElectronicsTrackOrderPage({ storeConfig }: TrackOrderPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=TrackOrderPage.d.ts.map

package/dist/layouts/electronics/pages/TrackOrderPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrackOrderPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/TrackOrderPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAWhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,yBAAyB,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,2CAkmB7E"}
+{"version":3,"file":"TrackOrderPage.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics/pages/TrackOrderPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAWhD,UAAU,mBAAmB;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,yBAAyB,CAAC,EAAE,WAAW,EAAE,EAAE,mBAAmB,+BAkmB7E"}

package/dist/layouts/electronics/pages/TrackOrderPage.js

@@ -3,12 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Search, Package, Truck, CheckCircle, Clock, AlertCircle, Loader2, XCircle, RotateCcw } from 'lucide-react';
 import { useState, useEffect, useRef } from 'react';
 import { useSearchParams } from 'next/navigation';
-import { Button } from '../../../components/ui/button';
-import { formatDateSafe } from '../../../utils/date';
+import { Button } from '../../../components/ui/button.js';
+import { formatDateSafe } from '../../../utils/date.js';
 // Note: orderService removed - this page is shared and not editable in the editor
 // Order tracking functionality not available in preview mode
-import { useToast } from '../../../components/ui/toast';
-import { useLoading } from '../../../lib/loading-context';
+import { useToast } from '../../../components/ui/toast.js';
+import { useLoading } from '../../../lib/loading-context.js';
 export function ElectronicsTrackOrderPage({ storeConfig }) {
     const primaryColor = storeConfig.branding.primaryColor;
     const searchParams = useSearchParams();

package/dist/layouts/electronics-grid/components/ElectronicsGridProductCard.d.ts

@@ -1,10 +1,10 @@
-import { StoreProduct } from '../../../lib/store-types';
+import { StoreProduct } from '../../../lib/store-types.js';
 interface ElectronicsGridProductCardProps {
     product: StoreProduct;
     storeSlug: string;
     onAddToCart: (product: StoreProduct) => void;
     index: number;
 }
-export declare function ElectronicsGridProductCard({ product, storeSlug, onAddToCart, index }: ElectronicsGridProductCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ElectronicsGridProductCard({ product, storeSlug, onAddToCart, index }: ElectronicsGridProductCardProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ElectronicsGridProductCard.d.ts.map

package/dist/layouts/electronics-grid/components/ElectronicsGridProductCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElectronicsGridProductCard.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics-grid/components/ElectronicsGridProductCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAgBjD,UAAU,+BAA+B;IACvC,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,0BAA0B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,+BAA+B,2CA8QrH"}
+{"version":3,"file":"ElectronicsGridProductCard.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics-grid/components/ElectronicsGridProductCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAgBjD,UAAU,+BAA+B;IACvC,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,0BAA0B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,+BAA+B,+BA+QrH"}

package/dist/layouts/electronics-grid/components/ElectronicsGridProductCard.js

@@ -1,19 +1,19 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../../components/ui/button';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { ProductRating } from '../../../components/ui/product-rating';
+import { Button } from '../../../components/ui/button.js';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { ProductRating } from '../../../components/ui/product-rating.js';
 import { Heart, Plus } from 'lucide-react';
 import Link from 'next/link';
 import { motion } from 'framer-motion';
 import { useState } from 'react';
-import { useStore } from '../../../lib/store-context';
-import { useToast } from '../../../components/ui/toast';
-import { ButtonLoader } from '../../../components/ui/page-loader';
-import { useLoading } from '../../../lib/loading-context';
-import { cn, formatCurrency } from '../../../lib/utils';
-import { OutOfStockOverlay } from '../../../components/ui/out-of-stock-overlay';
-import { trackStorefrontEvent } from '../../../lib/mixpanel';
+import { useStore } from '../../../lib/store-context.js';
+import { useToast } from '../../../components/ui/toast.js';
+import { ButtonLoader } from '../../../components/ui/page-loader.js';
+import { useLoading } from '../../../lib/loading-context.js';
+import { cn, formatCurrency } from '../../../lib/utils/index.js';
+import { OutOfStockOverlay } from '../../../components/ui/out-of-stock-overlay.js';
+import { trackStorefrontEvent } from '../../../lib/mixpanel.js';
 export function ElectronicsGridProductCard({ product, storeSlug, onAddToCart, index }) {
     const [isHovered, setIsHovered] = useState(false);
     const { toggleWishlist, isInWishlist, isWishlistLoading, store } = useStore();
@@ -35,8 +35,8 @@ export function ElectronicsGridProductCard({ product, storeSlug, onAddToCart, in
         trackProductClick();
         startPageLoading(`/${storeSlug}/products/${product.slug}`);
     };
-    // Discount calculation
-    const discountPercentage = product.compareAtPrice
+    // Discount calculation — only when compare-at is a real “was” price
+    const discountPercentage = product.compareAtPrice != null && product.compareAtPrice > product.price
         ? Math.round(((product.compareAtPrice - product.price) / product.compareAtPrice) * 100)
         : 0;
     const handleWishlistClick = async (e) => {
@@ -105,7 +105,7 @@ export function ElectronicsGridProductCard({ product, storeSlug, onAddToCart, in
                             : "text-gray-400 bg-white/95 hover:text-red-500 hover:bg-red-50/50 hover:scale-110"), title: inWishlist ? "Remove from wishlist" : "Add to wishlist", "aria-label": inWishlist ? "Remove from wishlist" : "Add to wishlist", children: isLoading ? (_jsx(ButtonLoader, { className: inWishlist ? "text-red-500" : "text-gray-400" })) : (_jsx(motion.div, { animate: {
                                 scale: justAdded ? [1, 1.2, 1] : 1,
                                 rotate: justAdded ? [0, 10, -10, 0] : 0
-                            }, transition: { duration: 0.4, ease: "easeOut" }, children: _jsx(Heart, { className: cn("w-5 h-5 transition-all", inWishlist && "fill-current", justAdded && "text-red-500 fill-current") }) })) }), _jsx("div", { className: "absolute top-4 left-4 z-20 flex flex-col gap-2", children: product.compareAtPrice && (_jsxs("span", { className: "bg-slate-900 text-white text-[10px] font-bold px-3 py-1.5 rounded-full tracking-wide", children: ["-", discountPercentage, "%"] })) }), _jsx("div", { className: "hidden lg:block absolute inset-x-4 bottom-4 z-20 translate-y-full group-hover:translate-y-0 transition-transform duration-300 ease-out opacity-0 group-hover:opacity-100", children: _jsxs(Button, { onClick: (e) => {
+                            }, transition: { duration: 0.4, ease: "easeOut" }, children: _jsx(Heart, { className: cn("w-5 h-5 transition-all", inWishlist && "fill-current", justAdded && "text-red-500 fill-current") }) })) }), _jsx("div", { className: "absolute top-4 left-4 z-20 flex flex-col gap-2", children: discountPercentage > 0 && (_jsxs("span", { className: "bg-slate-900 text-white text-[10px] font-bold px-3 py-1.5 rounded-full tracking-wide", children: ["-", discountPercentage, "%"] })) }), _jsx("div", { className: "hidden lg:block absolute inset-x-4 bottom-4 z-20 translate-y-full group-hover:translate-y-0 transition-transform duration-300 ease-out opacity-0 group-hover:opacity-100", children: _jsxs(Button, { onClick: (e) => {
                                 e.preventDefault();
                                 if (!isOutOfStock) {
                                     onAddToCart(product);
@@ -118,5 +118,5 @@ export function ElectronicsGridProductCard({ product, storeSlug, onAddToCart, in
                         }, children: _jsx(Plus, { className: "w-5 h-5" }) })] }), _jsxs("div", { className: "p-6 flex flex-col gap-2", children: [_jsxs("div", { className: "flex justify-between items-start gap-2", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs font-normal text-gray-400 uppercase tracking-wide mb-1.5", children: product.specifications?.Brand || 'Brand' }), _jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, className: "group/title", onClick: () => {
                                             trackProductClick();
                                             startPageLoading(`/${storeSlug}/products/${product.slug}`);
-                                        }, children: _jsx("h3", { className: "font-normal text-gray-900 text-base leading-tight hover:text-gray-600 transition-colors line-clamp-1", children: product.name }) })] }), _jsx(ProductRating, { rating: product.rating, reviewCount: product.reviewCount, size: "sm", showReviewCount: false, className: "shrink-0" })] }), _jsxs("div", { className: "flex items-baseline gap-2 mt-2", children: [_jsx("span", { className: "text-lg font-medium text-gray-900", children: formatCurrency(product.price, product.currency || 'USD') }), product.compareAtPrice && (_jsx("span", { className: "text-sm text-gray-400 line-through font-normal", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] })] })] }));
+                                        }, children: _jsx("h3", { className: "font-normal text-gray-900 text-base leading-tight hover:text-gray-600 transition-colors line-clamp-1", children: product.name }) })] }), _jsx(ProductRating, { rating: product.rating, reviewCount: product.reviewCount, size: "sm", showReviewCount: false, className: "shrink-0" })] }), _jsxs("div", { className: "flex items-baseline gap-2 mt-2", children: [_jsx("span", { className: "text-lg font-medium text-gray-900", children: formatCurrency(product.price, product.currency || 'USD') }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsx("span", { className: "text-sm text-gray-400 line-through font-normal", children: formatCurrency(product.compareAtPrice, product.currency || 'USD') }))] })] })] }));
 }

package/dist/layouts/electronics-grid/components/ElectronicsHomePageGrid.d.ts

@@ -1,7 +1,7 @@
-import { StoreConfig } from '../../../lib/store-types';
+import { StoreConfig } from '../../../lib/store-types.js';
 interface ElectronicsHomePageGridProps {
     storeConfig: StoreConfig;
 }
-export declare function ElectronicsHomePageGrid({ storeConfig: initialConfig }: ElectronicsHomePageGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function ElectronicsHomePageGrid({ storeConfig: initialConfig }: ElectronicsHomePageGridProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ElectronicsHomePageGrid.d.ts.map

package/dist/layouts/electronics-grid/components/ElectronicsHomePageGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElectronicsHomePageGrid.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics-grid/components/ElectronicsHomePageGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAA+B,MAAM,mBAAmB,CAAC;AAsB7E,UAAU,4BAA4B;IACnC,WAAW,EAAE,WAAW,CAAC;CAC3B;AA+ED,wBAAgB,uBAAuB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,4BAA4B,2CAshBnG"}
+{"version":3,"file":"ElectronicsHomePageGrid.d.ts","sourceRoot":"","sources":["../../../../src/layouts/electronics-grid/components/ElectronicsHomePageGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAA+B,MAAM,mBAAmB,CAAC;AAsB7E,UAAU,4BAA4B;IACnC,WAAW,EAAE,WAAW,CAAC;CAC3B;AA+ED,wBAAgB,uBAAuB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,4BAA4B,+BAshBnG"}

package/dist/layouts/electronics-grid/components/ElectronicsHomePageGrid.js

@@ -1,25 +1,25 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useFeaturedProducts } from '../../../hooks/use-featured-products';
-import { Button } from '../../../components/ui/button';
-import { Sheet } from '../../../components/ui/sheet';
-import { CheckoutButton } from '../../../components/ui/checkout-button';
-import { CategoryTree } from '../../../components/ui/category-tree';
-import { useStore } from '../../../lib/store-context';
-import { ImageWithFallback } from '../../../components/ui/image-with-fallback';
-import { useToast } from '../../../components/ui/toast';
+import { useFeaturedProducts } from '../../../hooks/use-featured-products.js';
+import { Button } from '../../../components/ui/button.js';
+import { Sheet } from '../../../components/ui/sheet.js';
+import { CheckoutButton } from '../../../components/ui/checkout-button.js';
+import { CategoryTree } from '../../../components/ui/category-tree.js';
+import { useStore } from '../../../lib/store-context.js';
+import { ImageWithFallback } from '../../../components/ui/image-with-fallback.js';
+import { useToast } from '../../../components/ui/toast.js';
 import { ShoppingCart, Star, Heart, Menu, Search, User, Smartphone, ChevronRight, ChevronDown, CheckCircle2, Package, Tag, Filter, X } from 'lucide-react';
 import Link from 'next/link';
 import Image from 'next/image';
 import { useEffect, useState } from 'react';
-import { formatCurrency, cn, filterActiveProducts } from '../../../lib/utils';
-import { getLayoutText, getBannerImage, getLogoUrl } from '../../../lib/utils/asset-helpers';
-import { toStoreHref } from '../../../lib/utils/url-helpers';
-import { StoreLogo } from '../../../components/ui/store-logos';
+import { formatCurrency, cn, filterActiveProducts } from '../../../lib/utils/index.js';
+import { getLayoutText, getBannerImage, getLogoUrl } from '../../../lib/utils/asset-helpers.js';
+import { toStoreHref } from '../../../lib/utils/url-helpers.js';
+import { StoreLogo } from '../../../components/ui/store-logos.js';
 import { PromoBanner } from '../../shared/components/PromoBanner';
 import { ElectronicsGridProductCard } from './ElectronicsGridProductCard';
-import { productService } from '../../../lib/services/product.service';
-import { transformProductToStoreProduct } from '../../../lib/store-config-utils';
+import { productService } from '../../../lib/services/product.service.js';
+import { transformProductToStoreProduct } from '../../../lib/store-config-utils.js';
 const ElectronicsFilterContent = ({ categories, storeSlug }) => (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "bg-white border-b border-gray-100 overflow-hidden", children: [_jsxs("div", { className: "bg-white px-4 py-3 border-b border-gray-100 font-normal text-sm text-gray-900 flex justify-between items-center", children: ["Browse by ", _jsx(ChevronDown, { className: "h-4 w-4 text-gray-400" })] }), _jsx("div", { className: "py-2", children: _jsx(CategoryTree, { categories: categories, mode: "link", storeSlug: storeSlug, linkBasePath: "" }) })] }), _jsxs("div", { className: "bg-white p-6 space-y-8", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-medium text-sm text-gray-900 mb-4", children: "Availability" }), _jsxs("label", { className: "flex items-center gap-2 text-sm text-gray-600 cursor-pointer hover:text-gray-900 p-2 -ml-2 transition-colors", children: [_jsx("input", { type: "checkbox", className: "rounded border-gray-300 text-gray-900 focus:ring-gray-400", defaultChecked: true }), "In Stock"] }), _jsxs("label", { className: "flex items-center gap-2 text-sm text-gray-600 cursor-pointer hover:text-gray-900 p-2 -ml-2 transition-colors mt-2", children: [_jsx("input", { type: "checkbox", className: "rounded border-gray-300 text-gray-900 focus:ring-gray-400" }), "On Sale"] })] }), _jsxs("div", { className: "border-t border-gray-100 pt-6", children: [_jsx("h3", { className: "font-medium text-sm text-gray-900 mb-4", children: "Price" }), _jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx("span", { className: "absolute left-2 top-1.5 text-gray-400 text-xs", children: "$" }), _jsx("input", { type: "number", className: "w-full pl-5 pr-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-gray-400 focus:border-gray-400", placeholder: "Min" })] }), _jsx("span", { className: "text-gray-400", children: "-" }), _jsxs("div", { className: "relative flex-1", children: [_jsx("span", { className: "absolute left-2 top-1.5 text-gray-400 text-xs", children: "$" }), _jsx("input", { type: "number", className: "w-full pl-5 pr-2 py-1.5 text-sm border border-gray-300 rounded focus:ring-1 focus:ring-gray-400 focus:border-gray-400", placeholder: "Max" })] })] }), _jsx(Button, { size: "sm", variant: "outline", className: "w-full text-xs font-normal border-gray-300 text-gray-700 hover:bg-gray-50", children: "Apply Price" })] }), _jsxs("div", { className: "border-t border-gray-100 pt-6", children: [_jsx("h3", { className: "font-medium text-sm text-gray-900 mb-4", children: "Brands" }), _jsx("div", { className: "space-y-2 max-h-48 overflow-y-auto pr-1 scrollbar-thin scrollbar-thumb-gray-200", children: ['Apple'].map(brand => (_jsxs("label", { className: "flex items-center gap-2 text-sm text-gray-600 cursor-pointer hover:text-gray-900 p-2 -ml-2 transition-colors", children: [_jsx("input", { type: "checkbox", className: "rounded border-gray-300 text-gray-900 focus:ring-gray-400", defaultChecked: true }), brand] }, brand))) })] }), _jsxs("div", { className: "border-t border-gray-100 pt-6", children: [_jsx("h3", { className: "font-medium text-sm text-gray-900 mb-4", children: "Rating" }), [4, 3, 2].map(stars => (_jsxs("label", { className: "flex items-center gap-2 text-sm text-gray-600 cursor-pointer hover:text-gray-900 p-2 -ml-2 transition-colors mb-1.5", children: [_jsx("input", { type: "radio", name: "rating", className: "border-gray-300 text-gray-900 focus:ring-gray-400" }), _jsx("div", { className: "flex text-yellow-400", children: [...Array(5)].map((_, i) => (_jsx(Star, { className: `h-3 w-3 ${i < stars ? 'fill-current' : 'text-gray-200 fill-gray-200'}` }, i))) }), _jsx("span", { className: "text-xs", children: "& Up" })] }, stars)))] })] })] }));
 export function ElectronicsHomePageGrid({ storeConfig: initialConfig }) {
     const { store, cart, addToCart, updateCartQuantity, isCartOpen, setIsCartOpen, cartTotal, cartCount, wishlist } = useStore();

package/dist/layouts/electronics-grid/index.d.ts

@@ -1,12 +1,12 @@
 export { ElectronicsHomePageGrid } from './components/ElectronicsHomePageGrid';
 export { ElectronicsGridProductCard } from './components/ElectronicsGridProductCard';
 export { ElectronicsGridCategoriesPage } from './pages/ElectronicsGridCategoriesPage';
-export { ElectronicsGridProductsListingPage } from './pages/ProductsPage';
-export { ElectronicsGridProductDetailPage } from './pages/ProductDetailPage';
-export { ElectronicsGridCategoryPage } from './pages/CategoryPage';
+export { ProductsPage as ElectronicsGridProductsListingPage } from './pages/ProductsPage';
+export { ProductDetailPage as ElectronicsGridProductDetailPage } from './pages/ProductDetailPage';
+export { CategoryPage as ElectronicsGridCategoryPage } from './pages/CategoryPage';
 export { ElectronicsGridCategoriesListingPage } from './pages/CategoriesPage';
-export { ElectronicsGridAboutPage } from './pages/AboutPage';
-export { ElectronicsGridContactPage } from './pages/ContactPage';
+export { AboutPage as ElectronicsGridAboutPage } from './pages/AboutPage';
+export { ContactPage as ElectronicsGridContactPage } from './pages/ContactPage';
 export { ElectronicsGridHelpCenterPage } from './pages/HelpCenterPage';
 export { ElectronicsGridPrivacyPolicyPage } from './pages/PrivacyPolicyPage';
 export { ElectronicsGridShippingReturnsPage } from './pages/ShippingReturnsPage';