{__('Newsletter module is disabled')}
{__('Manage subscribers and send email campaigns')}
{__('Newsletter, campaigns, and promotions')}
{description}
)} diff --git a/customer-spa/src/components/CouponURLHandler.tsx b/customer-spa/src/components/CouponURLHandler.tsx new file mode 100644 index 0000000..2652cc7 --- /dev/null +++ b/customer-spa/src/components/CouponURLHandler.tsx @@ -0,0 +1,49 @@ +import React, { useEffect, useRef } from 'react'; +import { useSearchParams } from 'react-router-dom'; +import { applyCoupon } from '@/lib/cart/api'; +import { useCartStore } from '@/lib/cart/store'; +import { toast } from 'sonner'; + +/** + * CouponURLHandler + * + * Global component that listens for 'coupon' or 'apply_coupon' query parameters + * and automatically applies them to the cart session. + */ +export function CouponURLHandler() { + const [searchParams, setSearchParams] = useSearchParams(); + const { setCart } = useCartStore(); + const processedRef = useRef(false); + + useEffect(() => { + const couponCode = searchParams.get('coupon') || searchParams.get('apply_coupon'); + + if (couponCode && !processedRef.current) { + processedRef.current = true; // Prevent double firing in StrictMode + + const apply = async () => { + const toastId = toast.loading(`Applying coupon: ${couponCode}...`); + + try { + const updatedCart = await applyCoupon(couponCode); + setCart(updatedCart); + toast.success(`Coupon "${couponCode}" applied successfully!`, { id: toastId }); + } catch (error: any) { + console.error('Failed to apply URL coupon:', error); + toast.error(error.message || `Failed to apply coupon "${couponCode}"`, { id: toastId }); + } finally { + // Remove the coupon param from URL to prevent re-application on refresh + // Use a new URLSearchParams object to avoid direct mutation issues + const newParams = new URLSearchParams(searchParams); + newParams.delete('coupon'); + newParams.delete('apply_coupon'); + setSearchParams(newParams, { replace: true }); + } + }; + + apply(); + } + }, [searchParams, setSearchParams, setCart]); + + return null; // This component renders nothing +} diff --git a/customer-spa/src/layouts/BaseLayout.tsx b/customer-spa/src/layouts/BaseLayout.tsx index ad69580..ea0e13b 100644 --- a/customer-spa/src/layouts/BaseLayout.tsx +++ b/customer-spa/src/layouts/BaseLayout.tsx @@ -9,6 +9,7 @@ import { NewsletterForm } from '../components/NewsletterForm'; import { LayoutWrapper } from './LayoutWrapper'; import { useModules } from '../hooks/useModules'; import { useModuleSettings } from '../hooks/useModuleSettings'; +import { CouponURLHandler } from '../components/CouponURLHandler'; interface BaseLayoutProps { children: ReactNode; @@ -22,22 +23,20 @@ interface BaseLayoutProps { export function BaseLayout({ children }: BaseLayoutProps) { const headerSettings = useHeaderSettings(); - // Map header styles to layouts - // classic -> ClassicLayout, centered -> ModernLayout, minimal -> LaunchLayout, split -> BoutiqueLayout - switch (headerSettings.style) { - case 'classic': - return