payaza-storefront-layouts 1.0.8 → 1.0.10

package/dist/index.d.ts

@@ -118,5 +118,7 @@ export { StoreProvider, useStore } from './lib/store-context';
 export { LoadingProvider, useLoading } from './lib/loading-context';
 export { AuthProvider, useAuth } from './lib/auth-context';
 export { LayoutPreview } from './preview';
-export { getFoodPreviewData, getClothingPreviewData, getBookingPreviewData, getFoodModernPreviewData, getClothingMinimalPreviewData, getBookingAgendaPreviewData, getElectronicsGridPreviewData, getElectronicsPreviewData, getMotivationalSpeakerPreviewData, getPreviewDataByLayout, } from './lib/preview-data';
+export { ShadowDOMWrapper } from './preview/ShadowDOMWrapper';
+export { PreviewRouter } from './preview/PreviewRouter';
+export { getFoodPreviewData, getClothingPreviewData, getBookingPreviewData, getFoodModernPreviewData, getClothingMinimalPreviewData, getBookingAgendaPreviewData, getElectronicsGridPreviewData, getElectronicsPreviewData, getMotivationalSpeakerPreviewData, getPreviewDataByLayout, getLayoutIdByStoreSlug, } from './lib/preview-data';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -131,4 +131,6 @@ export { LoadingProvider, useLoading } from './lib/loading-context';
 export { AuthProvider, useAuth } from './lib/auth-context';
 // Preview Components and Data
 export { LayoutPreview } from './preview';
-export { getFoodPreviewData, getClothingPreviewData, getBookingPreviewData, getFoodModernPreviewData, getClothingMinimalPreviewData, getBookingAgendaPreviewData, getElectronicsGridPreviewData, getElectronicsPreviewData, getMotivationalSpeakerPreviewData, getPreviewDataByLayout, } from './lib/preview-data';
+export { ShadowDOMWrapper } from './preview/ShadowDOMWrapper';
+export { PreviewRouter } from './preview/PreviewRouter';
+export { getFoodPreviewData, getClothingPreviewData, getBookingPreviewData, getFoodModernPreviewData, getClothingMinimalPreviewData, getBookingAgendaPreviewData, getElectronicsGridPreviewData, getElectronicsPreviewData, getMotivationalSpeakerPreviewData, getPreviewDataByLayout, getLayoutIdByStoreSlug, } from './lib/preview-data';

package/dist/lib/preview-data.d.ts

@@ -49,4 +49,10 @@ export declare function getMotivationalSpeakerPreviewData(): StoreConfig;
  * Helper function to get preview data by layout type
  */
 export declare function getPreviewDataByLayout(layout: string): StoreConfig | null;
+/**
+ * Get layout ID by store slug from preview data
+ * Returns the layout ID (e.g., 'food-modern') for a given store slug (e.g., 'modern-eats')
+ * Returns null if slug not found in preview data
+ */
+export declare function getLayoutIdByStoreSlug(storeSlug: string): string | null;
 //# sourceMappingURL=preview-data.d.ts.map

package/dist/lib/preview-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview-data.d.ts","sourceRoot":"","sources":["../../src/lib/preview-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;;;;;GASG;AAEH;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,WAAW,CA6IhD;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,WAAW,CAgSpD;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,WAAW,CAqInD;AAED;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,WAAW,CA+EtD;AAGD;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,WAAW,CAmK3D;AAED;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,WAAW,CA4HzD;AAED;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,WAAW,CA4c3D;AAED;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,WAAW,CAqPvD;AAED;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,WAAW,CA6N/D;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAuBzE"}
+{"version":3,"file":"preview-data.d.ts","sourceRoot":"","sources":["../../src/lib/preview-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;;;;;GASG;AAEH;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,WAAW,CA6IhD;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,WAAW,CAgSpD;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,WAAW,CAqInD;AAED;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,WAAW,CA+EtD;AAGD;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,WAAW,CAmK3D;AAED;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,WAAW,CA4HzD;AAED;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,WAAW,CA4c3D;AAED;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,WAAW,CAqPvD;AAED;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,WAAW,CA6N/D;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAuBzE;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAqBvE"}

package/dist/lib/preview-data.js

@@ -1925,3 +1925,28 @@ export function getPreviewDataByLayout(layout) {
             return null;
     }
 }
+/**
+ * Get layout ID by store slug from preview data
+ * Returns the layout ID (e.g., 'food-modern') for a given store slug (e.g., 'modern-eats')
+ * Returns null if slug not found in preview data
+ */
+export function getLayoutIdByStoreSlug(storeSlug) {
+    const layouts = [
+        'food',
+        'food-modern',
+        'clothing',
+        'clothing-minimal',
+        'booking',
+        'booking-agenda',
+        'electronics',
+        'electronics-grid',
+        'motivational-speaker',
+    ];
+    for (const layout of layouts) {
+        const previewData = getPreviewDataByLayout(layout);
+        if (previewData && previewData.slug === storeSlug) {
+            return layout;
+        }
+    }
+    return null;
+}

package/dist/preview/LayoutPreview.d.ts

@@ -2,14 +2,9 @@ import { StoreLayoutType } from '../lib/store-types';
 interface LayoutPreviewProps {
     layout: StoreLayoutType | string;
     className?: string;
+    initialRoute?: string;
+    onRouteChange?: (route: string) => void;
 }
-/**
- * LayoutPreview Component
- *
- * Renders a layout component with embedded preview data.
- * This component is used to preview layouts in standalone applications
- * and demonstrates that layouts are self-sustaining with embedded data.
- */
-export declare function LayoutPreview({ layout, className }: LayoutPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function LayoutPreview(props: LayoutPreviewProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=LayoutPreview.d.ts.map

package/dist/preview/LayoutPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutPreview.d.ts","sourceRoot":"","sources":["../../src/preview/LayoutPreview.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAkBjE,UAAU,kBAAkB;IAC1B,MAAM,EAAE,eAAe,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAoEtE"}
+{"version":3,"file":"LayoutPreview.d.ts","sourceRoot":"","sources":["../../src/preview/LayoutPreview.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAuBjE,UAAU,kBAAkB;IAC1B,MAAM,EAAE,eAAe,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAoND,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAEtD"}

package/dist/preview/LayoutPreview.js

@@ -1,17 +1,150 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useCallback } from 'react';
 import { getPreviewDataByLayout } from '../lib/preview-data';
-import { FoodHomePage, FoodHomePageModern, ClothingHomePage, ClothingHomePageMinimal, BookingHomePage, BookingHomePageAgenda, ElectronicsHomePage, ElectronicsHomePageGrid, MotivationalHomePage, ToastProvider, StoreProvider, LoadingProvider, AuthProvider, } from '../index';
+import { ToastProvider, StoreProvider, LoadingProvider, AuthProvider, } from '../index';
+import { ShadowDOMWrapper } from './ShadowDOMWrapper';
+import { PreviewRouter } from './PreviewRouter';
+// Try to import Next.js router hooks - will throw if not in Next.js context
+let useRouter;
+let usePathname;
+try {
+    const nextNavigation = require('next/navigation');
+    useRouter = nextNavigation.useRouter;
+    usePathname = nextNavigation.usePathname;
+}
+catch (e) {
+    // Not in Next.js context, will use fallback
+}
 /**
  * LayoutPreview Component
  *
- * Renders a layout component with embedded preview data.
+ * Renders a layout component with embedded preview data and client-side routing.
+ * Uses Shadow DOM for complete style/DOM isolation and handles routing via URL query params.
  * This component is used to preview layouts in standalone applications
  * and demonstrates that layouts are self-sustaining with embedded data.
  */
-export function LayoutPreview({ layout, className }) {
+// Inner component that uses Next.js router if available
+function LayoutPreviewWithRouter({ layout, className, initialRoute, onRouteChange }) {
+    const [currentRoute, setCurrentRoute] = useState(initialRoute || '/');
+    const [isClient, setIsClient] = useState(false);
+    // Use Next.js router hooks if available (must be called unconditionally if defined)
+    const router = useRouter ? useRouter() : undefined;
+    const pathname = usePathname ? usePathname() : undefined;
     // Get preview data for the specified layout
     const previewData = getPreviewDataByLayout(layout);
+    // Helper function to normalize and decode route from URL
+    const getRouteFromUrl = useCallback(() => {
+        if (typeof window === 'undefined')
+            return '/';
+        const urlParams = new URLSearchParams(window.location.search);
+        const routeFromUrl = urlParams.get('route');
+        if (routeFromUrl) {
+            try {
+                // Decode the route parameter (handles %2Fcontact -> /contact)
+                const decoded = decodeURIComponent(routeFromUrl);
+                // Normalize route (ensure it starts with /)
+                return decoded.startsWith('/') ? decoded : `/${decoded}`;
+            }
+            catch (e) {
+                // If decoding fails, use the raw value
+                return routeFromUrl.startsWith('/') ? routeFromUrl : `/${routeFromUrl}`;
+            }
+        }
+        return '/';
+    }, []);
+    // Initialize client-side and read route from URL
+    useEffect(() => {
+        setIsClient(true);
+        // Read route from URL query param (prioritize URL over initialRoute prop)
+        if (typeof window !== 'undefined') {
+            const routeFromUrl = getRouteFromUrl();
+            // If URL has a route, use it (it's the source of truth)
+            if (routeFromUrl && routeFromUrl !== '/') {
+                setCurrentRoute(routeFromUrl);
+                return;
+            }
+        }
+        // Fallback to initialRoute prop if URL doesn't have a route
+        if (initialRoute) {
+            // Normalize initialRoute (Next.js searchParams already decodes it)
+            const normalized = initialRoute.startsWith('/') ? initialRoute : `/${initialRoute}`;
+            setCurrentRoute(normalized);
+        }
+        else {
+            setCurrentRoute('/');
+        }
+    }, [initialRoute, getRouteFromUrl]);
+    // Listen for URL changes (for browser back/forward and programmatic navigation)
+    useEffect(() => {
+        if (typeof window === 'undefined' || !isClient)
+            return;
+        const handlePopState = () => {
+            const route = getRouteFromUrl();
+            setCurrentRoute(route);
+            onRouteChange?.(route);
+        };
+        window.addEventListener('popstate', handlePopState);
+        return () => window.removeEventListener('popstate', handlePopState);
+    }, [isClient, onRouteChange, getRouteFromUrl]);
+    // Watch for URL query parameter changes (for direct navigation or redirects)
+    // This effect syncs the component state with the URL when it changes externally
+    useEffect(() => {
+        if (typeof window === 'undefined' || !isClient)
+            return;
+        // Check URL on window focus to catch external changes (browser back/forward, direct URL navigation)
+        const checkUrlChange = () => {
+            const route = getRouteFromUrl();
+            setCurrentRoute((prevRoute) => {
+                if (route !== prevRoute) {
+                    onRouteChange?.(route);
+                    return route;
+                }
+                return prevRoute;
+            });
+        };
+        // Check on window focus (handles browser back/forward and direct URL changes)
+        window.addEventListener('focus', checkUrlChange);
+        // Also listen for hashchange (in case routing uses hash)
+        window.addEventListener('hashchange', checkUrlChange);
+        return () => {
+            window.removeEventListener('focus', checkUrlChange);
+            window.removeEventListener('hashchange', checkUrlChange);
+        };
+    }, [isClient, onRouteChange, getRouteFromUrl]);
+    // Link click handler - passed to ShadowDOMWrapper to handle clicks inside Shadow DOM
+    const handleLinkClick = useCallback((route) => {
+        // Normalize route (ensure it starts with /)
+        const normalizedRoute = route.startsWith('/') ? route : `/${route}`;
+        // Update URL with query param
+        if (typeof window !== 'undefined') {
+            // Use Next.js router if available for proper page re-renders
+            if (router && pathname) {
+                try {
+                    // Build the new URL with route query param
+                    const newUrl = new URL(window.location.href);
+                    newUrl.searchParams.set('route', normalizedRoute);
+                    // Use Next.js router to navigate (triggers page re-render)
+                    // This ensures the Next.js page component re-renders with new searchParams
+                    router.push(newUrl.pathname + newUrl.search);
+                    // Update state immediately for instant UI update
+                    setCurrentRoute(normalizedRoute);
+                    onRouteChange?.(normalizedRoute);
+                    return;
+                }
+                catch (e) {
+                    console.warn('[LayoutPreview] Failed to use Next.js router, falling back to pushState:', e);
+                }
+            }
+            // Fallback to pushState if Next.js router not available
+            const newUrl = new URL(window.location.href);
+            // Encode the route for URL (handles /contact -> %2Fcontact)
+            newUrl.searchParams.set('route', normalizedRoute);
+            window.history.pushState({ route: normalizedRoute }, '', newUrl.toString());
+            setCurrentRoute(normalizedRoute);
+            onRouteChange?.(normalizedRoute);
+        }
+    }, [onRouteChange, router, pathname]);
     if (!previewData) {
         return (_jsx("div", { className: `flex items-center justify-center p-8 ${className || ''}`, children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-lg font-semibold text-gray-600", children: "Layout not found" }), _jsxs("p", { className: "text-sm text-gray-500 mt-2", children: ["Layout type: ", layout] })] }) }));
     }
@@ -21,30 +154,17 @@ export function LayoutPreview({ layout, className }) {
         '--store-secondary': previewData.branding.secondaryColor || previewData.branding.primaryColor,
         '--store-accent': previewData.branding.accentColor || previewData.branding.primaryColor,
     };
-    // Render the appropriate layout component based on layout type
-    const renderLayout = () => {
-        switch (layout) {
-            case 'food':
-                return _jsx(FoodHomePage, { storeConfig: previewData });
-            case 'food-modern':
-                return _jsx(FoodHomePageModern, { storeConfig: previewData });
-            case 'clothing':
-                return _jsx(ClothingHomePage, { storeConfig: previewData });
-            case 'clothing-minimal':
-                return _jsx(ClothingHomePageMinimal, { storeConfig: previewData });
-            case 'booking':
-                return _jsx(BookingHomePage, { storeConfig: previewData });
-            case 'booking-agenda':
-                return _jsx(BookingHomePageAgenda, { storeConfig: previewData });
-            case 'electronics':
-                return _jsx(ElectronicsHomePage, { storeConfig: previewData });
-            case 'electronics-grid':
-                return _jsx(ElectronicsHomePageGrid, { storeConfig: previewData });
-            case 'motivational-speaker':
-                return _jsx(MotivationalHomePage, { storeConfig: previewData });
-            default:
-                return (_jsx("div", { className: `flex items-center justify-center p-8 ${className || ''}`, children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-lg font-semibold text-gray-600", children: "Unsupported layout" }), _jsxs("p", { className: "text-sm text-gray-500 mt-2", children: ["Layout type: ", layout] })] }) }));
-        }
-    };
-    return (_jsx("div", { style: style, className: `min-h-screen w-full ${className || ''}`, children: _jsx(ToastProvider, { children: _jsx(StoreProvider, { initialConfig: previewData, storeSlug: previewData.slug, children: _jsx(LoadingProvider, { children: _jsx(AuthProvider, { children: renderLayout() }) }) }) }) }));
+    if (!isClient) {
+        return (_jsx("div", { className: `flex items-center justify-center p-8 ${className || ''}`, children: _jsx("div", { className: "text-center", children: _jsx("p", { className: "text-sm text-gray-500", children: "Loading preview..." }) }) }));
+    }
+    return (_jsx("div", { style: style, className: `min-h-screen w-full ${className || ''}`, children: _jsx(ShadowDOMWrapper, { onLinkClick: handleLinkClick, storeSlug: previewData.slug, children: _jsx(ToastProvider, { children: _jsx(StoreProvider, { initialConfig: previewData, storeSlug: previewData.slug, children: _jsx(LoadingProvider, { children: _jsx(AuthProvider, { children: _jsx(PreviewRouter, { storeConfig: previewData, route: currentRoute.startsWith('/') ? currentRoute : `/${currentRoute}`, onNavigate: (route) => {
+                                    const normalized = route.startsWith('/') ? route : `/${route}`;
+                                    setCurrentRoute(normalized);
+                                    onRouteChange?.(normalized);
+                                } }) }) }) }) }) }) }));
+}
+// Main component - always uses the same implementation
+// Router hooks are called conditionally inside, but component structure is consistent
+export function LayoutPreview(props) {
+    return _jsx(LayoutPreviewWithRouter, { ...props });
 }

package/dist/preview/PreviewRouter.d.ts

@@ -0,0 +1,15 @@
+import { StoreConfig } from '../lib/store-types';
+interface PreviewRouterProps {
+    storeConfig: StoreConfig;
+    route: string;
+    onNavigate?: (route: string) => void;
+}
+/**
+ * PreviewRouter Component
+ *
+ * Handles client-side routing for layout previews.
+ * Renders the appropriate page component based on the current route.
+ */
+export declare function PreviewRouter({ storeConfig, route, onNavigate }: PreviewRouterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PreviewRouter.d.ts.map

package/dist/preview/PreviewRouter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewRouter.d.ts","sourceRoot":"","sources":["../../src/preview/PreviewRouter.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAsGhD,UAAU,kBAAkB;IAC1B,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAkHD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,kBAAkB,2CAsgBnF"}

package/dist/preview/PreviewRouter.js

@@ -0,0 +1,461 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { 
+// Shared components
+CartPage, WishlistPage, CheckoutPage, AccountPage, TeamPage, PortfolioPage, HelpCenterPage, ShippingReturnsPage, TrackOrderPage, TermsPage, PrivacyPolicyPage, CookiePolicyPage, SizeGuidePage, GenericPageWrapper, 
+// Electronics components
+ElectronicsCategoriesPage, ElectronicsPageWrapper, 
+// Motivational speaker components
+ServiceDetailPage, SubscriptionPage, MotivationalPageWrapper, 
+// Food layout
+FoodProductsPage, FoodProductDetailPage, FoodCategoryPage, FoodCategoriesPage, MenuPage as FoodMenuPage, FoodAboutPage, FoodContactPage, 
+// Food-modern layout
+FoodModernProductsPage, FoodModernProductDetailPage, FoodModernCategoryPage, FoodModernCategoriesPage, FoodModernMenuPage, FoodModernAboutPage, FoodModernContactPage, 
+// Clothing layout
+ClothingProductsPage, ClothingProductDetailPage, ClothingCategoryPage, ClothingCategoriesPage, ClothingAboutPage, ClothingContactPage, 
+// Clothing-minimal layout
+ClothingMinimalProductsPage, ClothingMinimalProductDetailPage, ClothingMinimalCategoryPage, ClothingMinimalCategoriesPage, ClothingMinimalAboutPage, ClothingMinimalContactPage, 
+// Booking layout
+BookingBookPage, BookingServicesPage, BookingProductDetailPage, BookingCategoryPage, BookingCategoriesPage, BookingAboutPage, BookingContactPage, 
+// Booking-agenda layout
+BookingAgendaBookPage, BookingAgendaServicesPage, BookingAgendaProductDetailPage, BookingAgendaCategoryPage, BookingAgendaCategoriesPage, BookingAgendaAboutPage, BookingAgendaContactPage, ElectronicsProductsPagePage as ElectronicsProductsPageGeneric, ElectronicsProductDetailPage, ElectronicsCategoryPage, ElectronicsCategoriesPagePage as ElectronicsCategoriesPageGeneric, ElectronicsAboutPage, ElectronicsContactPage, 
+// Electronics-grid layout
+ElectronicsGridProductDetailPage, ElectronicsGridCategoryPage, ElectronicsGridCategoriesPagePage as ElectronicsGridCategoriesPage, ElectronicsGridAboutPage, ElectronicsGridContactPage, 
+// Motivational-speaker layout
+MotivationalProductsPage, MotivationalCategoryPage, MotivationalServicesPage, MotivationalAboutPage, MotivationalContactPage, 
+// Home pages
+FoodHomePage, FoodHomePageModern, ClothingHomePage, ClothingHomePageMinimal, BookingHomePage, BookingHomePageAgenda, ElectronicsHomePage, ElectronicsHomePageGrid, MotivationalHomePage, } from '../index';
+// Helper function to get layout-specific page components
+function getLayoutPages(storeConfig) {
+    const layout = storeConfig.layout;
+    switch (layout) {
+        case 'food':
+            return {
+                HomePage: FoodHomePage,
+                ProductsPage: FoodProductsPage,
+                ProductDetailPage: FoodProductDetailPage,
+                CategoryPage: FoodCategoryPage,
+                CategoriesPage: FoodCategoriesPage,
+                MenuPage: FoodMenuPage,
+                AboutPage: FoodAboutPage,
+                ContactPage: FoodContactPage,
+            };
+        case 'food-modern':
+            return {
+                HomePage: FoodHomePageModern,
+                ProductsPage: FoodModernProductsPage,
+                ProductDetailPage: FoodModernProductDetailPage,
+                CategoryPage: FoodModernCategoryPage,
+                CategoriesPage: FoodModernCategoriesPage,
+                MenuPage: FoodModernMenuPage,
+                AboutPage: FoodModernAboutPage,
+                ContactPage: FoodModernContactPage,
+            };
+        case 'clothing':
+            return {
+                HomePage: ClothingHomePage,
+                ProductsPage: ClothingProductsPage,
+                ProductDetailPage: ClothingProductDetailPage,
+                CategoryPage: ClothingCategoryPage,
+                CategoriesPage: ClothingCategoriesPage,
+                AboutPage: ClothingAboutPage,
+                ContactPage: ClothingContactPage,
+            };
+        case 'clothing-minimal':
+            return {
+                HomePage: ClothingHomePageMinimal,
+                ProductsPage: ClothingMinimalProductsPage,
+                ProductDetailPage: ClothingMinimalProductDetailPage,
+                CategoryPage: ClothingMinimalCategoryPage,
+                CategoriesPage: ClothingMinimalCategoriesPage,
+                AboutPage: ClothingMinimalAboutPage,
+                ContactPage: ClothingMinimalContactPage,
+            };
+        case 'booking':
+            return {
+                HomePage: BookingHomePage,
+                BookPage: BookingBookPage,
+                ServicesPage: BookingServicesPage,
+                ProductDetailPage: BookingProductDetailPage,
+                CategoryPage: BookingCategoryPage,
+                CategoriesPage: BookingCategoriesPage,
+                AboutPage: BookingAboutPage,
+                ContactPage: BookingContactPage,
+            };
+        case 'booking-agenda':
+            return {
+                HomePage: BookingHomePageAgenda,
+                BookPage: BookingAgendaBookPage,
+                ServicesPage: BookingAgendaServicesPage,
+                ProductDetailPage: BookingAgendaProductDetailPage,
+                CategoryPage: BookingAgendaCategoryPage,
+                CategoriesPage: BookingAgendaCategoriesPage,
+                AboutPage: BookingAgendaAboutPage,
+                ContactPage: BookingAgendaContactPage,
+            };
+        case 'electronics':
+            return {
+                HomePage: ElectronicsHomePage,
+                ProductsPage: ElectronicsProductsPageGeneric,
+                ProductDetailPage: ElectronicsProductDetailPage,
+                CategoryPage: ElectronicsCategoryPage,
+                CategoriesPage: ElectronicsCategoriesPageGeneric,
+                AboutPage: ElectronicsAboutPage,
+                ContactPage: ElectronicsContactPage,
+            };
+        case 'electronics-grid':
+            return {
+                HomePage: ElectronicsHomePageGrid,
+                ProductDetailPage: ElectronicsGridProductDetailPage,
+                CategoryPage: ElectronicsGridCategoryPage,
+                CategoriesPage: ElectronicsGridCategoriesPage,
+                AboutPage: ElectronicsGridAboutPage,
+                ContactPage: ElectronicsGridContactPage,
+            };
+        case 'motivational-speaker':
+            return {
+                HomePage: MotivationalHomePage,
+                ProductsPage: MotivationalProductsPage,
+                CategoryPage: MotivationalCategoryPage,
+                ServicesPage: MotivationalServicesPage,
+                AboutPage: MotivationalAboutPage,
+                ContactPage: MotivationalContactPage,
+            };
+        default:
+            // Fallback to food layout
+            return {
+                HomePage: FoodHomePage,
+                ProductsPage: FoodProductsPage,
+                ProductDetailPage: FoodProductDetailPage,
+                CategoryPage: FoodCategoryPage,
+                CategoriesPage: FoodCategoriesPage,
+                MenuPage: FoodMenuPage,
+                AboutPage: FoodAboutPage,
+                ContactPage: FoodContactPage,
+            };
+    }
+}
+/**
+ * PreviewRouter Component
+ *
+ * Handles client-side routing for layout previews.
+ * Renders the appropriate page component based on the current route.
+ */
+export function PreviewRouter({ storeConfig, route, onNavigate }) {
+    const path = route.startsWith('/') ? route : `/${route}`;
+    const pathSegments = path.split('/').filter(Boolean);
+    const [firstSegment, secondSegment, thirdSegment] = pathSegments;
+    const isElectronics = storeConfig.layout === 'electronics' || storeConfig.layout === 'electronics-grid';
+    const isMotivational = storeConfig.layout === 'motivational-speaker';
+    const isBooking = storeConfig.layout === 'booking' || storeConfig.layout === 'booking-agenda';
+    const layoutPages = getLayoutPages(storeConfig);
+    // Homepage route
+    if (!firstSegment || path === '/') {
+        const HomePage = layoutPages.HomePage;
+        if (HomePage) {
+            return _jsx(HomePage, { storeConfig: storeConfig });
+        }
+    }
+    // Route: /account/certificates/[id]
+    if (firstSegment === 'account' && secondSegment === 'certificates' && thirdSegment && isMotivational) {
+        // For now, return a placeholder - CertificateViewer would need to be passed as prop
+        return (_jsx("div", { className: "min-h-screen flex items-center justify-center", children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-lg font-semibold", children: "Certificate Viewer" }), _jsxs("p", { className: "text-sm text-gray-500", children: ["Certificate ID: ", thirdSegment] })] }) }));
+    }
+    // Route: /products
+    if (firstSegment === 'products' && !secondSegment) {
+        if (isElectronics) {
+            // Use ElectronicsProductsPageGeneric for electronics layouts
+            return _jsx(ElectronicsProductsPageGeneric, { storeConfig: storeConfig });
+        }
+        const ProductsPage = layoutPages.ProductsPage;
+        if (ProductsPage) {
+            return _jsx(ProductsPage, { storeConfig: storeConfig });
+        }
+        return _jsx("div", { children: "Products page not available" });
+    }
+    // Route: /products/[id]
+    if (firstSegment === 'products' && secondSegment) {
+        if (isElectronics) {
+            const ProductDetail = layoutPages.ProductDetailPage;
+            if (ProductDetail) {
+                return _jsx(ProductDetail, { storeConfig: storeConfig, productSlug: secondSegment });
+            }
+        }
+        const ProductDetail = layoutPages.ProductDetailPage;
+        if (ProductDetail) {
+            return _jsx(ProductDetail, { storeConfig: storeConfig, productSlug: secondSegment });
+        }
+        return _jsx("div", { children: "Product not found" });
+    }
+    // Route: /categories
+    if (firstSegment === 'categories' && !secondSegment) {
+        if (isElectronics) {
+            return _jsx(ElectronicsCategoriesPage, { storeConfig: storeConfig });
+        }
+        const CategoriesPage = layoutPages.CategoriesPage;
+        if (CategoriesPage) {
+            return _jsx(CategoriesPage, { storeConfig: storeConfig });
+        }
+        return _jsx("div", { children: "Categories page not available" });
+    }
+    // Route: /categories/[slug]
+    if (firstSegment === 'categories' && secondSegment) {
+        if (isElectronics) {
+            const CategoryPage = layoutPages.CategoryPage;
+            if (CategoryPage) {
+                return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(CategoryPage, { storeConfig: storeConfig, categorySlug: secondSegment }) }));
+            }
+        }
+        const CategoryPage = layoutPages.CategoryPage;
+        if (CategoryPage) {
+            return _jsx(CategoryPage, { storeConfig: storeConfig, categorySlug: secondSegment });
+        }
+        return _jsx("div", { children: "Category not found" });
+    }
+    // Route: /menu (for food stores)
+    if (firstSegment === 'menu') {
+        const MenuPage = layoutPages.MenuPage;
+        if (MenuPage) {
+            return _jsx(MenuPage, { storeConfig: storeConfig, categorySlug: secondSegment });
+        }
+        return _jsx("div", { children: "Menu page not available" });
+    }
+    // Route: /cart
+    if (firstSegment === 'cart') {
+        if (isElectronics) {
+            return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(CartPage, { storeConfig: storeConfig }) }));
+        }
+        if (isMotivational) {
+            return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(CartPage, { storeConfig: storeConfig }) }));
+        }
+        return _jsx(CartPage, { storeConfig: storeConfig });
+    }
+    // Route: /wishlist
+    if (firstSegment === 'wishlist') {
+        if (isElectronics) {
+            return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(WishlistPage, { storeConfig: storeConfig }) }));
+        }
+        if (isMotivational) {
+            return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(WishlistPage, { storeConfig: storeConfig }) }));
+        }
+        return _jsx(WishlistPage, { storeConfig: storeConfig });
+    }
+    // Route: /checkout
+    if (firstSegment === 'checkout') {
+        if (isElectronics) {
+            return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(CheckoutPage, { storeConfig: storeConfig }) }));
+        }
+        if (isMotivational) {
+            return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(CheckoutPage, { storeConfig: storeConfig }) }));
+        }
+        return _jsx(CheckoutPage, { storeConfig: storeConfig });
+    }
+    // Route: /book (for booking stores)
+    if (firstSegment === 'book') {
+        const BookPage = layoutPages.BookPage;
+        if (BookPage) {
+            return _jsx(BookPage, { storeConfig: storeConfig, serviceSlug: secondSegment });
+        }
+        return _jsx("div", { children: "Book page not available" });
+    }
+    // Route: /services
+    if (firstSegment === 'services') {
+        if (storeConfig.pageFeatures?.servicesPage !== false) {
+            // For motivational speaker layout, use ServiceDetailPage if slug provided
+            if (isMotivational && secondSegment) {
+                return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(ServiceDetailPage, { storeConfig: storeConfig, serviceSlug: secondSegment }) }));
+            }
+            // Otherwise use ServicesPage (list view)
+            const ServicesPage = layoutPages.ServicesPage;
+            if (ServicesPage) {
+                return _jsx(ServicesPage, { storeConfig: storeConfig });
+            }
+        }
+        return _jsx("div", { children: "Services page not available" });
+    }
+    // Route: /mentorship (for motivational speaker layout)
+    if (firstSegment === 'mentorship' && isMotivational) {
+        const ServicesPage = layoutPages.ServicesPage;
+        if (ServicesPage) {
+            return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(ServicesPage, { storeConfig: storeConfig, initialCategory: "mentorship", titleOverride: "Premium Mentorship" }) }));
+        }
+        return _jsx("div", { children: "Mentorship page not available" });
+    }
+    // Route: /course/[slug] - Alternative route for services (backward compatibility)
+    if (firstSegment === 'course' && secondSegment && isMotivational) {
+        return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(ServiceDetailPage, { storeConfig: storeConfig, serviceSlug: secondSegment }) }));
+    }
+    // Route: /subscription - Subscription page for motivational speaker
+    if (firstSegment === 'subscription' && isMotivational) {
+        return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(SubscriptionPage, { storeConfig: storeConfig }) }));
+    }
+    // Route: /team
+    if (firstSegment === 'team') {
+        if (storeConfig.pageFeatures?.teamPage === true) {
+            if (isElectronics) {
+                return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(TeamPage, { storeConfig: storeConfig }) }));
+            }
+            if (isMotivational) {
+                return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(TeamPage, { storeConfig: storeConfig }) }));
+            }
+            return _jsx(TeamPage, { storeConfig: storeConfig });
+        }
+        return _jsx("div", { children: "Team page not available" });
+    }
+    // Route: /portfolio
+    if (firstSegment === 'portfolio') {
+        if (storeConfig.pageFeatures?.portfolioPage === true) {
+            if (isElectronics) {
+                return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(PortfolioPage, { storeConfig: storeConfig }) }));
+            }
+            if (isMotivational) {
+                return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(PortfolioPage, { storeConfig: storeConfig }) }));
+            }
+            return _jsx(PortfolioPage, { storeConfig: storeConfig });
+        }
+        return _jsx("div", { children: "Portfolio page not available" });
+    }
+    // Route: /help-center
+    if (firstSegment === 'help-center') {
+        if (storeConfig.pageFeatures?.helpCenterPage !== false) {
+            if (isElectronics) {
+                return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(HelpCenterPage, { storeConfig: storeConfig }) }));
+            }
+            if (isMotivational) {
+                return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(HelpCenterPage, { storeConfig: storeConfig }) }));
+            }
+            return _jsx(HelpCenterPage, { storeConfig: storeConfig });
+        }
+        return _jsx("div", { children: "Help center page not available" });
+    }
+    // Route: /shipping-returns
+    if (firstSegment === 'shipping-returns') {
+        if (storeConfig.pageFeatures?.shippingReturnsPage !== false) {
+            if (isElectronics) {
+                return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(ShippingReturnsPage, { storeConfig: storeConfig }) }));
+            }
+            if (isMotivational) {
+                return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(ShippingReturnsPage, { storeConfig: storeConfig }) }));
+            }
+            return _jsx(ShippingReturnsPage, { storeConfig: storeConfig });
+        }
+        return _jsx("div", { children: "Shipping & returns page not available" });
+    }
+    // Route: /track-order
+    if (firstSegment === 'track-order') {
+        if (storeConfig.pageFeatures?.trackOrderPage !== false) {
+            if (isElectronics) {
+                return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(TrackOrderPage, { storeConfig: storeConfig }) }));
+            }
+            if (isMotivational) {
+                return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(TrackOrderPage, { storeConfig: storeConfig }) }));
+            }
+            return _jsx(TrackOrderPage, { storeConfig: storeConfig });
+        }
+        return _jsx("div", { children: "Track order page not available" });
+    }
+    // Route: /about
+    if (firstSegment === 'about') {
+        if (storeConfig.pageFeatures?.aboutPage !== false) {
+            if (isElectronics) {
+                const AboutPage = layoutPages.AboutPage;
+                if (AboutPage) {
+                    return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(AboutPage, { storeConfig: storeConfig }) }));
+                }
+            }
+            if (isMotivational) {
+                const AboutPage = layoutPages.AboutPage;
+                if (AboutPage) {
+                    return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(AboutPage, { storeConfig: storeConfig }) }));
+                }
+            }
+            const AboutPage = layoutPages.AboutPage;
+            if (AboutPage) {
+                return (_jsx(GenericPageWrapper, { storeConfig: storeConfig, children: _jsx(AboutPage, { storeConfig: storeConfig }) }));
+            }
+        }
+        return _jsx("div", { children: "About page not available" });
+    }
+    // Route: /contact
+    if (firstSegment === 'contact') {
+        if (storeConfig.pageFeatures?.contactPage !== false) {
+            if (isElectronics) {
+                const ContactPage = layoutPages.ContactPage;
+                if (ContactPage) {
+                    return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(ContactPage, { storeConfig: storeConfig }) }));
+                }
+            }
+            if (isMotivational) {
+                const ContactPage = layoutPages.ContactPage;
+                if (ContactPage) {
+                    return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(ContactPage, { storeConfig: storeConfig }) }));
+                }
+            }
+            const ContactPage = layoutPages.ContactPage;
+            if (ContactPage) {
+                return (_jsx(GenericPageWrapper, { storeConfig: storeConfig, children: _jsx(ContactPage, { storeConfig: storeConfig }) }));
+            }
+        }
+        return _jsx("div", { children: "Contact page not available" });
+    }
+    // Route: /account
+    if (firstSegment === 'account') {
+        if (isElectronics) {
+            return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(AccountPage, { storeConfig: storeConfig }) }));
+        }
+        if (isMotivational) {
+            return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(AccountPage, { storeConfig: storeConfig }) }));
+        }
+        return _jsx(AccountPage, { storeConfig: storeConfig });
+    }
+    // Route: /terms
+    if (firstSegment === 'terms') {
+        if (isElectronics) {
+            return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(TermsPage, { storeConfig: storeConfig }) }));
+        }
+        if (isMotivational) {
+            return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(TermsPage, { storeConfig: storeConfig }) }));
+        }
+        return _jsx(TermsPage, { storeConfig: storeConfig });
+    }
+    // Route: /privacy
+    if (firstSegment === 'privacy') {
+        if (isElectronics) {
+            return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(PrivacyPolicyPage, { storeConfig: storeConfig }) }));
+        }
+        if (isMotivational) {
+            return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(PrivacyPolicyPage, { storeConfig: storeConfig }) }));
+        }
+        return _jsx(PrivacyPolicyPage, { storeConfig: storeConfig });
+    }
+    // Route: /cookie-policy
+    if (firstSegment === 'cookie-policy') {
+        if (isElectronics) {
+            return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(CookiePolicyPage, { storeConfig: storeConfig }) }));
+        }
+        if (isMotivational) {
+            return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(CookiePolicyPage, { storeConfig: storeConfig }) }));
+        }
+        return _jsx(CookiePolicyPage, { storeConfig: storeConfig });
+    }
+    // Route: /size-guide
+    if (firstSegment === 'size-guide') {
+        if (isElectronics) {
+            return (_jsx(ElectronicsPageWrapper, { storeConfig: storeConfig, children: _jsx(SizeGuidePage, { storeConfig: storeConfig }) }));
+        }
+        if (isMotivational) {
+            return (_jsx(MotivationalPageWrapper, { storeConfig: storeConfig, children: _jsx(SizeGuidePage, { storeConfig: storeConfig }) }));
+        }
+        return _jsx(SizeGuidePage, { storeConfig: storeConfig });
+    }
+    // Fallback for generic pages - show 404 for now
+    if (firstSegment) {
+        return (_jsx("div", { className: "min-h-screen flex items-center justify-center", children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-lg font-semibold text-gray-600", children: "Page not found" }), _jsxs("p", { className: "text-sm text-gray-500 mt-2", children: ["Route: ", route] })] }) }));
+    }
+    // Default: show homepage
+    const HomePage = layoutPages.HomePage;
+    if (HomePage) {
+        return _jsx(HomePage, { storeConfig: storeConfig });
+    }
+    return (_jsx("div", { className: "min-h-screen flex items-center justify-center", children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-lg font-semibold text-gray-600", children: "Page not found" }), _jsxs("p", { className: "text-sm text-gray-500 mt-2", children: ["Route: ", route] })] }) }));
+}

package/dist/preview/ShadowDOMWrapper.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+interface ShadowDOMWrapperProps {
+    children: ReactNode;
+    className?: string;
+    onReady?: () => void;
+    onLinkClick?: (href: string) => void;
+    storeSlug?: string;
+}
+/**
+ * ShadowDOMWrapper Component
+ *
+ * Wraps children in a Shadow DOM for complete style and DOM isolation.
+ * This prevents layout styles from affecting the parent application.
+ *
+ * Note: Tailwind CSS classes will not work inside Shadow DOM by default.
+ * For full Tailwind support, styles need to be injected or components
+ * should use inline styles or CSS-in-JS solutions.
+ */
+export declare function ShadowDOMWrapper({ children, className, onReady, onLinkClick, storeSlug }: ShadowDOMWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ShadowDOMWrapper.d.ts.map

package/dist/preview/ShadowDOMWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowDOMWrapper.d.ts","sourceRoot":"","sources":["../../src/preview/ShadowDOMWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAyO/G"}

package/dist/preview/ShadowDOMWrapper.js

@@ -0,0 +1,213 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { createRoot } from 'react-dom/client';
+/**
+ * ShadowDOMWrapper Component
+ *
+ * Wraps children in a Shadow DOM for complete style and DOM isolation.
+ * This prevents layout styles from affecting the parent application.
+ *
+ * Note: Tailwind CSS classes will not work inside Shadow DOM by default.
+ * For full Tailwind support, styles need to be injected or components
+ * should use inline styles or CSS-in-JS solutions.
+ */
+export function ShadowDOMWrapper({ children, className, onReady, onLinkClick, storeSlug }) {
+    const shadowHostRef = useRef(null);
+    const shadowRootRef = useRef(null);
+    const reactRootRef = useRef(null);
+    const containerRef = useRef(null);
+    const childrenRef = useRef(children);
+    // Keep children ref updated
+    useEffect(() => {
+        childrenRef.current = children;
+    }, [children]);
+    useEffect(() => {
+        if (!shadowHostRef.current)
+            return;
+        // Check if shadow root already exists
+        const existingShadowRoot = shadowHostRef.current.shadowRoot;
+        if (existingShadowRoot) {
+            shadowRootRef.current = existingShadowRoot;
+            // Update content if shadow root already exists
+            const container = existingShadowRoot.getElementById('shadow-preview-container');
+            if (container && reactRootRef.current) {
+                reactRootRef.current.render(childrenRef.current);
+            }
+            onReady?.();
+            return;
+        }
+        try {
+            // Create shadow root
+            const shadowRoot = shadowHostRef.current.attachShadow({ mode: 'open' });
+            shadowRootRef.current = shadowRoot;
+            // Inject basic reset styles
+            const styleElement = document.createElement('style');
+            styleElement.textContent = `
+        * {
+          box-sizing: border-box;
+          margin: 0;
+          padding: 0;
+        }
+        #shadow-preview-container {
+          width: 100%;
+          min-height: 100%;
+          font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+        }
+        /* Allow Tailwind classes to work by importing styles */
+        /* Note: Full Tailwind support requires injecting compiled CSS */
+      `;
+            shadowRoot.appendChild(styleElement);
+            // Create container for React app
+            const container = document.createElement('div');
+            container.id = 'shadow-preview-container';
+            container.style.width = '100%';
+            container.style.minHeight = '100%';
+            shadowRoot.appendChild(container);
+            containerRef.current = container;
+            // Create React root and render children
+            const root = createRoot(container);
+            reactRootRef.current = root;
+            root.render(childrenRef.current);
+            // Set up link click interception inside Shadow DOM
+            if (onLinkClick) {
+                const handleClick = (e) => {
+                    const target = e.target;
+                    const link = target.closest('a[href]');
+                    if (!link || !link.href)
+                        return;
+                    try {
+                        const url = new URL(link.href, window.location.origin);
+                        const pathname = url.pathname;
+                        // Only intercept internal links
+                        if (url.origin !== window.location.origin) {
+                            return; // External link, allow default behavior
+                        }
+                        // Extract route from href (remove store slug prefix if present)
+                        let route = pathname;
+                        // Check if pathname starts with store slug (e.g., /modern-eats/contact)
+                        if (storeSlug && pathname.startsWith(`/${storeSlug}`)) {
+                            // Remove the store slug prefix: /modern-eats/contact -> /contact
+                            route = pathname.slice(storeSlug.length + 1);
+                            // If route is empty after removing slug, it's the homepage
+                            if (!route || route === '') {
+                                route = '/';
+                            }
+                        }
+                        else if (pathname === '/' || pathname === '') {
+                            // Homepage link
+                            route = '/';
+                        }
+                        // Normalize route (ensure it starts with /)
+                        if (route && !route.startsWith('/')) {
+                            route = `/${route}`;
+                        }
+                        // Ensure route is not empty
+                        if (!route) {
+                            route = '/';
+                        }
+                        // Note: We don't preserve query string and hash here because
+                        // the route is stored as a query param. Query strings and hash
+                        // should be handled separately if needed.
+                        // Prevent default navigation and call handler
+                        e.preventDefault();
+                        e.stopPropagation();
+                        onLinkClick(route);
+                    }
+                    catch (err) {
+                        // If URL parsing fails, allow default behavior
+                        console.warn('[ShadowDOMWrapper] Failed to parse link URL:', err, link.href);
+                    }
+                };
+                // Handler will be set up in separate useEffect to handle prop changes
+            }
+            onReady?.();
+        }
+        catch (err) {
+            console.error('[ShadowDOMWrapper] Failed to create shadow root:', err);
+        }
+        return () => {
+            // Cleanup
+            if (reactRootRef.current) {
+                try {
+                    reactRootRef.current.unmount();
+                }
+                catch (e) {
+                    console.warn('[ShadowDOMWrapper] Cleanup warning:', e);
+                }
+                reactRootRef.current = null;
+            }
+        };
+    }, [onReady]);
+    // Update content when children change
+    useEffect(() => {
+        if (reactRootRef.current && containerRef.current) {
+            reactRootRef.current.render(childrenRef.current);
+        }
+    }, [children]);
+    // Set up link click handler when shadow root and props are ready
+    useEffect(() => {
+        const shadowRoot = shadowRootRef.current;
+        if (!shadowRoot || !onLinkClick)
+            return;
+        // Remove existing handler if any
+        const existingHandler = shadowRoot.__linkClickHandler;
+        if (existingHandler) {
+            shadowRoot.removeEventListener('click', existingHandler, true);
+        }
+        const handleClick = (e) => {
+            const target = e.target;
+            const link = target.closest('a[href]');
+            if (!link || !link.href)
+                return;
+            try {
+                const url = new URL(link.href, window.location.origin);
+                const pathname = url.pathname;
+                // Only intercept internal links
+                if (url.origin !== window.location.origin) {
+                    return; // External link, allow default behavior
+                }
+                // Extract route from href (remove store slug prefix if present)
+                let route = pathname;
+                // Check if pathname starts with store slug (e.g., /modern-eats/contact)
+                if (storeSlug && pathname.startsWith(`/${storeSlug}`)) {
+                    // Remove the store slug prefix: /modern-eats/contact -> /contact
+                    route = pathname.slice(storeSlug.length + 1);
+                    // If route is empty after removing slug, it's the homepage
+                    if (!route || route === '') {
+                        route = '/';
+                    }
+                }
+                else if (pathname === '/' || pathname === '') {
+                    // Homepage link
+                    route = '/';
+                }
+                // Normalize route (ensure it starts with /)
+                if (route && !route.startsWith('/')) {
+                    route = `/${route}`;
+                }
+                // Ensure route is not empty
+                if (!route) {
+                    route = '/';
+                }
+                // Note: We don't preserve query string and hash here because
+                // the route is stored as a query param. Query strings and hash
+                // should be handled separately if needed.
+                // Prevent default navigation and call handler
+                e.preventDefault();
+                e.stopPropagation();
+                onLinkClick(route);
+            }
+            catch (err) {
+                console.warn('[ShadowDOMWrapper] Failed to parse link URL:', err, link.href);
+            }
+        };
+        shadowRoot.addEventListener('click', handleClick, true);
+        shadowRoot.__linkClickHandler = handleClick;
+        return () => {
+            shadowRoot.removeEventListener('click', handleClick, true);
+            delete shadowRoot.__linkClickHandler;
+        };
+    }, [onLinkClick, storeSlug]);
+    return (_jsx("div", { ref: shadowHostRef, className: className, style: { width: '100%', minHeight: '100%' } }));
+}

package/dist/preview/index.d.ts

@@ -6,5 +6,7 @@
  * and can work independently with embedded preview data.
  */
 export { LayoutPreview } from './LayoutPreview';
+export { ShadowDOMWrapper } from './ShadowDOMWrapper';
+export { PreviewRouter } from './PreviewRouter';
 export * from '../lib/preview-data';
 //# sourceMappingURL=index.d.ts.map

package/dist/preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/preview/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/preview/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,cAAc,oBAAoB,CAAC"}

package/dist/preview/index.js

@@ -6,4 +6,6 @@
  * and can work independently with embedded preview data.
  */
 export { LayoutPreview } from './LayoutPreview';
+export { ShadowDOMWrapper } from './ShadowDOMWrapper';
+export { PreviewRouter } from './PreviewRouter';
 export * from '../lib/preview-data';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payaza-storefront-layouts",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Shared layout components for StoreFront applications",
   "main": "dist/index.js",
   "module": "dist/index.js",