fix: WP-Admin CSS conflicts and add-to-cart redirect

- Fix CSS conflicts between WP-Admin and SPA (radio buttons, chart text)
- Add Tailwind important selector scoped to #woonoow-admin-app
- Remove overly aggressive inline SVG styles from Assets.php
- Add targeted WordPress admin CSS overrides in index.css
- Fix add-to-cart redirect to use woocommerce_add_to_cart_redirect filter
- Let WooCommerce handle cart operations natively for proper session management
- Remove duplicate tailwind.config.cjs

customer-spa/src/hooks/useAddToCartFromUrl.ts

@@ -1,6 +1,7 @@
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
 import { toast } from 'sonner';
+import { useCartStore } from '@/lib/cart/store';
 
 /**
  * Hook to handle add-to-cart from URL parameters
@@ -10,51 +11,81 @@ import { toast } from 'sonner';
  * - Simple product: ?add-to-cart=123
  * - Variable product: ?add-to-cart=123&variation_id=456
  * - With quantity: ?add-to-cart=123&quantity=2
+ * - Direct to checkout: ?add-to-cart=123&redirect=checkout
+ * - Stay on cart (default): ?add-to-cart=123&redirect=cart
  */
 export function useAddToCartFromUrl() {
   const navigate = useNavigate();
   const location = useLocation();
+  const { setCart } = useCartStore();
+  const processedRef = useRef<Set<string>>(new Set());
 
   useEffect(() => {
-    const params = new URLSearchParams(window.location.search);
-    const productId = params.get('add-to-cart');
+    // Check hash route for add-to-cart parameters
+    const hash = window.location.hash;
+    const hashParams = new URLSearchParams(hash.split('?')[1] || '');
+    const productId = hashParams.get('add-to-cart');
     
     if (!productId) return;
 
-    const variationId = params.get('variation_id');
-    const quantity = parseInt(params.get('quantity') || '1', 10);
+    const variationId = hashParams.get('variation_id');
+    const quantity = parseInt(hashParams.get('quantity') || '1', 10);
+    const redirect = hashParams.get('redirect') || 'cart';
+
+    // Create unique key for this add-to-cart request
+    const requestKey = `${productId}-${variationId || 'none'}-${quantity}`;
+    
+    // Skip if already processed
+    if (processedRef.current.has(requestKey)) {
+      console.log('[WooNooW] Skipping duplicate add-to-cart:', requestKey);
+      return;
+    }
 
     console.log('[WooNooW] Add to cart from URL:', {
       productId,
       variationId,
       quantity,
+      redirect,
       fullUrl: window.location.href,
+      requestKey,
     });
 
-    // Add product to cart
+    // Mark as processed
+    processedRef.current.add(requestKey);
+    
     addToCart(productId, variationId, quantity)
-      .then(() => {
-        // Remove URL parameters after adding to cart
-        const cleanUrl = window.location.pathname + window.location.hash;
-        window.history.replaceState({}, '', cleanUrl);
+      .then((cartData) => {
+        // Update cart store with fresh data from API
+        if (cartData) {
+          setCart(cartData);
+          console.log('[WooNooW] Cart updated with fresh data:', cartData);
+        }
         
-        // Navigate to cart if not already there
-        if (!location.pathname.includes('/cart')) {
-          navigate('/cart');
+        // Remove URL parameters after adding to cart
+        const currentPath = window.location.hash.split('?')[0];
+        window.location.hash = currentPath;
+        
+        // Navigate based on redirect parameter
+        const targetPage = redirect === 'checkout' ? '/checkout' : '/cart';
+        if (!location.pathname.includes(targetPage)) {
+          console.log(`[WooNooW] Navigating to ${targetPage}`);
+          navigate(targetPage);
         }
       })
       .catch((error) => {
         console.error('[WooNooW] Failed to add product to cart:', error);
         toast.error('Failed to add product to cart');
+        // Remove from processed set on error so it can be retried
+        processedRef.current.delete(requestKey);
       });
-  }, []); // Run once on mount
+  }, [location.hash, navigate, setCart]); // Include all dependencies
 }
 
 async function addToCart(
   productId: string,
   variationId: string | null,
   quantity: number
-): Promise<void> {
+): Promise<any> {
   const apiRoot = (window as any).woonoowCustomer?.apiRoot || '/wp-json/woonoow/v1';
   const nonce = (window as any).woonoowCustomer?.nonce || '';
 
@@ -85,11 +116,13 @@ async function addToCart(
   }
 
   const data = await response.json();
+  console.log('[WooNooW] Product added to cart:', data);
   
-  if (!data.success) {
+  // API returns {message, cart_item_key, cart} on success
+  if (data.cart_item_key && data.cart) {
+    toast.success(data.message || 'Product added to cart');
+    return data.cart; // Return cart data to update store
+  } else {
     throw new Error(data.message || 'Failed to add to cart');
   }
-
-  console.log('[WooNooW] Product added to cart:', data);
-  toast.success('Product added to cart');
 }