payaza-storefront-layouts 1.0.9 → 1.0.11

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;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"}
+{"version":3,"file":"LayoutPreview.d.ts","sourceRoot":"","sources":["../../src/preview/LayoutPreview.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWjE,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;AAiMD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAEtD"}

package/dist/preview/LayoutPreview.js

@@ -5,17 +5,6 @@ import { getPreviewDataByLayout } from '../lib/preview-data';
 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
  *
@@ -28,9 +17,6 @@ catch (e) {
 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
@@ -116,35 +102,21 @@ function LayoutPreviewWithRouter({ layout, className, initialRoute, onRouteChang
     const handleLinkClick = useCallback((route) => {
         // Normalize route (ensure it starts with /)
         const normalizedRoute = route.startsWith('/') ? route : `/${route}`;
-        // Update URL with query param
+        // Update URL with query param using pushState
+        // PreviewClient will sync with searchParams and trigger re-render
         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());
+            // Update state immediately for instant UI update
             setCurrentRoute(normalizedRoute);
             onRouteChange?.(normalizedRoute);
+            // Trigger a custom event to notify PreviewClient of the change
+            // This ensures Next.js searchParams updates
+            window.dispatchEvent(new PopStateEvent('popstate'));
         }
-    }, [onRouteChange, router, pathname]);
+    }, [onRouteChange]);
     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] })] }) }));
     }

package/package.json

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