@instockng/storefront-ui 1.0.22 → 1.0.24

package/src/contexts/CartContext.tsx

@@ -281,9 +281,10 @@ export function CartProvider({ children, brandSlug, initialCartId, shoppingCartP
       if ('error' in updatedCart) return;
 
       // Find the newly added item (last item with matching SKU)
-      const addedItem = updatedCart.items?.findLast(
+      const matchingItems = updatedCart.items?.filter(
         (item) => item.variant?.sku === sku
       );
+      const addedItem = matchingItems?.[matchingItems.length - 1];
 
       if (addedItem) {
         // Generate event ID matching backend format: cart_{cartId}_item_{itemId}

package/src/providers/StorefrontProvider.tsx

@@ -82,8 +82,11 @@ export function StorefrontProvider({
   initialCartId,
   shoppingCartProps,
 }: StorefrontProviderProps) {
+  // Storefront-ui doesn't use authenticated endpoints, so provide a no-op getAuthToken
+  const getAuthToken = async () => '';
+
   return (
-    <ApiClientProvider {...(apiUrl && { baseURL: apiUrl })}>
+    <ApiClientProvider getAuthToken={getAuthToken} {...(apiUrl && { baseURL: apiUrl })}>
       <StorefrontProviderInner
         brandSlug={brandSlug}
         initialCartId={initialCartId}

package/src/test-utils/MockCartProvider.tsx

@@ -23,19 +23,20 @@ const mockCart: Cart = {
     logoUrl: 'https://images.unsplash.com/photo-1599305445671-ac291c95aaa9?w=200&h=80&fit=crop',
     siteUrl: 'https://demo-store.com',
     domain: 'f',
+    metaPixelId: null as any,
     createdAt: new Date().toISOString(),
     updatedAt: new Date().toISOString(),
-    deletedAt: null,
+    deletedAt: null as any,
   },
-  customerPhone: null,
-  customerEmail: null,
-  customerFirstName: null,
-  customerLastName: null,
-  availablePaymentMethods: ['cod'],
-  deliveryZone: null,
+  customerPhone: null as any,
+  customerEmail: null as any,
+  customerFirstName: null as any,
+  customerLastName: null as any,
+  availablePaymentMethods: ['cod'] as any,
+  deliveryZone: null as any,
   recoveryAttempts: 0,
-  lastRecoveryAttemptAt: null,
-  recoveryDiscountCode: null,
+  lastRecoveryAttemptAt: null as any,
+  recoveryDiscountCode: null as any,
   items: [
     {
       id: 'item-1',
@@ -51,7 +52,7 @@ const mockCart: Cart = {
         isActive: true,
         createdAt: new Date().toISOString(),
         updatedAt: new Date().toISOString(),
-        deletedAt: null,
+        deletedAt: null as any,
         product: {
           id: 'product-1',
           name: 'Premium Cotton T-Shirt',
@@ -62,8 +63,8 @@ const mockCart: Cart = {
           thumbnailUrl: 'https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?w=400',
           createdAt: new Date().toISOString(),
           updatedAt: new Date().toISOString(),
-          deletedAt: null,
-          quantityDiscounts: null,
+          deletedAt: null as any,
+          quantityDiscounts: null as any,
         },
       },
       quantity: 2,
@@ -111,12 +112,12 @@ const mockCart: Cart = {
   pricing: {
     subtotal: 94.97,
     deliveryCharge: 0,
-    discount: null,
+    discount: null as any,
     total: 94.97,
   },
   createdAt: new Date().toISOString(),
   updatedAt: new Date().toISOString(),
-  convertedToOrderId: null,
+  convertedToOrderId: null as any,
   wasRecovered: false,
   recoveryUrl: 'https://demo-store.com?cartId=mock-cart-123',
 };
@@ -218,17 +219,17 @@ export function MockCartProvider({
       estimatedDays: 3,
       totalPrice: cart.pricing.total + 1500,
       discountCodeId: null,
-      discountAmount: null,
+      discountAmount: null as any,
       paymentMethod: data.paymentMethod,
       paystackReference: null,
       status: 'pending' as const,
       cancellationReason: null,
       createdAt: new Date().toISOString(),
       updatedAt: new Date().toISOString(),
-      deletedAt: null,
-      lastRecoveryAttemptAt: null,
+      deletedAt: null as any,
+      lastRecoveryAttemptAt: null as any,
       prospectReason: null,
-      prospectSince: null,
+      prospectSince: null as any,
       recoveryAttempts: 0,
       recoveryDiscountCodeId: null,
       userActionToken: 'mock-token-123',
@@ -242,21 +243,21 @@ export function MockCartProvider({
         name: cart.deliveryZone?.name || 'Mock Zone',
         brandId: cart.brand.id,
         deliveryCost: 1500,
-        freeShippingThreshold: null,
+        freeShippingThreshold: null as any,
         allowCOD: true,
         allowOnline: true,
         waybillOnly: false,
         estimatedDays: 3,
         createdAt: new Date().toISOString(),
         updatedAt: new Date().toISOString(),
-        deletedAt: null,
+        deletedAt: null as any,
         state: {
           id: 'mock-state-1',
           name: 'Mock State',
           isActive: true,
           createdAt: new Date().toISOString(),
           updatedAt: new Date().toISOString(),
-          deletedAt: null,
+          deletedAt: null as any,
         },
         isActive: true,
         stateId: 'mock-state-1',
@@ -278,7 +279,7 @@ export function MockCartProvider({
           state: null,
           createdAt: new Date().toISOString(),
           updatedAt: new Date().toISOString(),
-          deletedAt: null,
+          deletedAt: null as any,
         },
       })),
     } satisfies CheckoutResponse;
@@ -335,8 +336,8 @@ export function MockCartProvider({
     updateCartMutation: mockUpdateCartMutation as any,
     checkoutMutation: mockCheckoutMutation as any,
 
-    addItem: async (variantId: string, quantity: number) => {
-      console.log('Mock addItem:', { variantId, quantity });
+    addItem: async (productSlug: string, productName: string, price: number, sku: string, quantity: number) => {
+      console.log('Mock addItem:', { productSlug, productName, price, sku, quantity });
     },
 
     updateItem: async (itemId: string, quantity: number) => {
@@ -386,12 +387,17 @@ export function MockCartProvider({
         ...prev,
         pricing: {
           ...prev.pricing,
-          discount: null,
+          discount: null as any,
           total: prev.pricing.subtotal,
         },
       }));
     },
 
+    trackCheckoutInitiated: () => {
+      console.log('Mock trackCheckoutInitiated');
+      // Mock implementation - in real context this tracks InitiateCheckout event
+    },
+
     clearCart: () => {
       console.log('Mock clearCart');
       setCart(prev => ({