feat(ecommerce): migrate Ari Shopping to Next.js 15 headless storefront v4

workloads/ecommerce/store/cart-store.ts

@@ -13,8 +13,10 @@ export interface CartItem {
 interface CartState {
   items: CartItem[];
   isOpen: boolean;
+  hasHydrated: boolean;
   openCart: () => void;
   closeCart: () => void;
+  setHasHydrated: (value: boolean) => void;
   addItem: (product: Product, variantId?: string) => void;
   removeItem: (productId: string) => void;
   updateQuantity: (productId: string, quantity: number) => void;
@@ -26,16 +28,22 @@ export const useCartStore = create<CartState>()(
     (set) => ({
       items: [],
       isOpen: false,
+      hasHydrated: false,
       openCart: () => set({ isOpen: true }),
       closeCart: () => set({ isOpen: false }),
+      setHasHydrated: (value) => set({ hasHydrated: value }),
       addItem: (product, variantId) => set((state) => {
-        const existing = state.items.find((item) => item.product.id === product.id && item.variantId === variantId);
+        const existing = state.items.find(
+          (item) => item.product.id === product.id && item.variantId === variantId,
+        );
         const items = existing
           ? state.items.map((item) => item === existing ? { ...item, quantity: item.quantity + 1 } : item)
           : [...state.items, { product, quantity: 1, variantId }];
         return { items, isOpen: true };
       }),
-      removeItem: (productId) => set((state) => ({ items: state.items.filter((item) => item.product.id !== productId) })),
+      removeItem: (productId) => set((state) => ({
+        items: state.items.filter((item) => item.product.id !== productId),
+      })),
       updateQuantity: (productId, quantity) => set((state) => ({
         items: quantity <= 0
           ? state.items.filter((item) => item.product.id !== productId)
@@ -47,6 +55,7 @@ export const useCartStore = create<CartState>()(
       name: "ari-shopping-cart-v4",
       storage: createJSONStorage(() => localStorage),
       partialize: (state) => ({ items: state.items }),
+      onRehydrateStorage: () => (state) => state?.setHasHydrated(true),
     },
   ),
 );