@shophost/react 2.0.50 → 2.0.52

package/storefront/components/cart/cart-drawer-item.d.ts

@@ -6,6 +6,7 @@ export interface CartDrawerItemProps {
     image?: UploadedFile;
     price: string;
     quantity: number;
+    maxQuantity?: number | null;
     remove: () => void;
     updateQuantity: (quantity: number) => void;
 }

package/storefront/components/cart/cart-items.d.ts

@@ -7,6 +7,7 @@ export interface CartItemProps {
     price: string;
     unitPrice: string;
     quantity: number;
+    maxQuantity?: number | null;
     remove: () => void;
     updateQuantity: (quantity: number) => void;
 }

package/storefront/components/modifiers/modifier-dialog-container.d.ts

@@ -14,7 +14,9 @@ export interface ModifierContainerProps {
         onIncrement: () => void;
         onDecrement: () => void;
         isDecrementDisabled: boolean;
-        onAddToCart: () => void;
+        isIncrementDisabled: boolean;
+        isOutOfStock: boolean;
+        onAddToCart: () => Promise<void>;
         validationError: string | null;
     }) => React.ReactNode;
 }

package/storefront/components/modifiers/modifiers-dialog.d.ts

@@ -8,7 +8,9 @@ export interface ModifiersDialogOptionRenderProps {
 }
 export interface ModifiersDialogFooterRenderProps {
     isDecrementDisabled: boolean;
-    onAddToCart: () => void;
+    isIncrementDisabled: boolean;
+    isOutOfStock: boolean;
+    onAddToCart: () => Promise<void>;
     onDecrement: () => void;
     onIncrement: () => void;
     quantity: number;

package/storefront/components/modifiers/quantity-control.d.ts

@@ -20,6 +20,10 @@ export interface QuantityControlProps {
          * Whether decrement button should be disabled
          */
         isDecrementDisabled: boolean;
+        /**
+         * Whether increment button should be disabled
+         */
+        isIncrementDisabled: boolean;
     }) => React.ReactNode;
     /**
      * Minimum quantity (default: 1)

package/storefront/providers/cart-provider.d.ts

@@ -15,7 +15,7 @@ export declare const useCart: () => {
     loading: boolean;
     formattedCartItems: import('../types/cart.types').FormattedCartItem[];
     add: ({ productId, quantity, modifierGroups, product, onAdded, }: AddToCartInput) => Promise<AddToCartResult>;
-    update: ({ productId, quantity, modifierGroups }: UpdateCartItemInput) => void;
+    update: ({ productId, quantity, modifierGroups }: UpdateCartItemInput) => Promise<void>;
     remove: ({ productId, modifierGroups }: RemoveCartItemInput) => void;
     addProductToCart: (product: Product | LocalizedProduct) => Promise<AddToCartResult>;
     clearCart: () => void;
@@ -37,6 +37,7 @@ export declare const useCart: () => {
     } | null>>;
     shippingMethod: ShippingMethod | null;
     setShippingMethod: React.Dispatch<React.SetStateAction<ShippingMethod | null>>;
+    replaceItems: (items: CartItem[]) => void;
 };
 export declare const useCartContext: () => CartContextType;
 export {};

package/storefront/providers/modifiers-provider.d.ts

@@ -9,7 +9,10 @@ interface ModifiersContextType {
     quantity: number;
     handleIncrement: () => void;
     handleDecrement: () => void;
-    handleAddToCart: () => void;
+    isIncrementDisabled: boolean;
+    isOutOfStock: boolean;
+    maxQuantity: number | null;
+    handleAddToCart: () => Promise<void>;
     validationError: string | null;
     modifierGroups: any[];
     isModifierSelected: (groupId: string, modifierId: string) => boolean;

package/storefront/types/cart.types.d.ts

@@ -38,7 +38,7 @@ export interface CartContextType {
     total: number;
     shipping?: number;
     subtotal: number;
-    addItem: (item: CartItem) => void;
+    addItem: (item: CartItem) => Promise<void>;
     removeItem: (productId: string, modifierGroups?: {
         id: string;
         modifiers: {
@@ -52,7 +52,8 @@ export interface CartContextType {
             id: string;
             quantity?: number;
         }[];
-    }[]) => void;
+    }[]) => Promise<void>;
+    replaceItems: (items: CartItem[]) => void;
     clearCart: () => void;
     itemCount: number;
     totalAmount: number;
@@ -86,6 +87,9 @@ export interface FormattedCartItem {
 export type CartAction = {
     type: "INITIALIZE_CART";
     payload: CartItem[];
+} | {
+    type: "REPLACE_ITEMS";
+    payload: CartItem[];
 } | {
     type: "SET_INITIALIZED";
     payload: boolean;