@shophost/react 2.0.51 → 2.0.53

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

@@ -13,8 +13,14 @@ export interface ModifierContainerProps {
         quantity: number;
         onIncrement: () => void;
         onDecrement: () => void;
+        onQuantityInput: (value: string) => void;
         isDecrementDisabled: boolean;
-        onAddToCart: () => void;
+        isIncrementDisabled: boolean;
+        isSubmitting: boolean;
+        isOutOfStock: boolean;
+        maxQuantity: number | null;
+        stockMessage: string | null;
+        onAddToCart: () => Promise<void>;
         validationError: string | null;
     }) => React.ReactNode;
 }

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

@@ -8,10 +8,16 @@ export interface ModifiersDialogOptionRenderProps {
 }
 export interface ModifiersDialogFooterRenderProps {
     isDecrementDisabled: boolean;
-    onAddToCart: () => void;
+    isIncrementDisabled: boolean;
+    isSubmitting: boolean;
+    isOutOfStock: boolean;
+    maxQuantity: number | null;
+    onAddToCart: () => Promise<void>;
     onDecrement: () => void;
     onIncrement: () => void;
+    onQuantityInput: (value: string) => void;
     quantity: number;
+    stockMessage: string | null;
     validationError: string | null;
 }
 export interface ModifiersDialogProps {

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

@@ -16,10 +16,18 @@ export interface QuantityControlProps {
          * Function to decrement quantity
          */
         onDecrement: () => void;
+        /**
+         * Function to set quantity from a typed input
+         */
+        onQuantityInput: (value: string) => void;
         /**
          * Whether decrement button should be disabled
          */
         isDecrementDisabled: boolean;
+        /**
+         * Whether increment button should be disabled
+         */
+        isIncrementDisabled: boolean;
     }) => React.ReactNode;
     /**
      * Minimum quantity (default: 1)

package/storefront/components/pages/account-pages/shared.d.ts

@@ -3,9 +3,9 @@ import { LucideIcon } from 'lucide-react';
 import { default as React } from 'react';
 type Tone = "danger" | "info" | "neutral" | "success" | "warning";
 declare const formatAccountDate: (value: Date | string | null | undefined, fallback?: string, pattern?: string) => string;
-declare const formatOrderStatus: (status?: Order["status"]) => "Accepted" | "Preparing" | "On the way" | "Completed" | "Cancelled" | "Pending";
+declare const formatOrderStatus: (status?: Order["status"]) => "Pending" | "Cancelled" | "Accepted" | "Preparing" | "On the way" | "Completed";
 declare const getOrderTone: (status?: Order["status"]) => Tone;
-declare const getReservationStatus: (reservation: Reservation) => "Cancelled" | "Pending" | "Confirmed";
+declare const getReservationStatus: (reservation: Reservation) => "Pending" | "Confirmed" | "Cancelled";
 declare const getReservationTone: (reservation: Reservation) => Tone;
 declare const getInitials: (name?: string | null) => string;
 interface AccountPageShellProps {

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

@@ -1,6 +1,6 @@
 import { CartItem, Locale, LocalizedProduct, Product, ShippingMethod } from '../../../../client/src/index.ts';
 import { default as React } from 'react';
-import { AddToCartInput, AddToCartResult, CartContextType, RemoveCartItemInput, UpdateCartItemInput } from '../types/cart.types';
+import { AddToCartInput, AddToCartResult, CartContextType, CartSyncResult, RemoveCartItemInput, UpdateCartItemInput } from '../types/cart.types';
 interface CartProviderProps {
     organizationId: string;
     children: React.ReactNode;
@@ -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<CartSyncResult>;
     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,13 @@ interface ModifiersContextType {
     quantity: number;
     handleIncrement: () => void;
     handleDecrement: () => void;
-    handleAddToCart: () => void;
+    handleQuantityInput: (value: string) => void;
+    isIncrementDisabled: boolean;
+    isSubmitting: boolean;
+    isOutOfStock: boolean;
+    maxQuantity: number | null;
+    stockMessage: string | null;
+    handleAddToCart: () => Promise<void>;
     validationError: string | null;
     modifierGroups: any[];
     isModifierSelected: (groupId: string, modifierId: string) => boolean;

package/storefront/translations/en.d.ts

@@ -30,6 +30,7 @@ export declare const enTranslations: {
     product: {
         addToCart: string;
         outOfStock: string;
+        stockAdjusted: string;
         quantity: string;
         price: string;
         total: string;

package/storefront/translations/pl.d.ts

@@ -30,6 +30,7 @@ export declare const plTranslations: {
     product: {
         addToCart: string;
         outOfStock: string;
+        stockAdjusted: string;
         quantity: string;
         price: string;
         total: string;

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

@@ -31,6 +31,20 @@ export interface RemoveCartItemInput {
 export interface AddToCartResult {
     openedModifiers: boolean;
 }
+export interface CartSyncOptions {
+    showAdjustmentAlert?: boolean;
+}
+export interface CartSyncResult {
+    adjustments: Array<{
+        modifierGroups?: CartItem["modifierGroups"];
+        productId: string;
+        reason: string;
+        requestedQuantity: number;
+        resolvedQuantity: number;
+    }>;
+    invalidProductIds: string[];
+    normalizedItems: CartItem[];
+}
 export interface CartContextType {
     locale: string;
     organizationId: string;
@@ -38,7 +52,7 @@ export interface CartContextType {
     total: number;
     shipping?: number;
     subtotal: number;
-    addItem: (item: CartItem) => void;
+    addItem: (item: CartItem, options?: CartSyncOptions) => Promise<CartSyncResult>;
     removeItem: (productId: string, modifierGroups?: {
         id: string;
         modifiers: {
@@ -52,7 +66,8 @@ export interface CartContextType {
             id: string;
             quantity?: number;
         }[];
-    }[]) => void;
+    }[], options?: CartSyncOptions) => Promise<CartSyncResult>;
+    replaceItems: (items: CartItem[]) => void;
     clearCart: () => void;
     itemCount: number;
     totalAmount: number;
@@ -86,6 +101,9 @@ export interface FormattedCartItem {
 export type CartAction = {
     type: "INITIALIZE_CART";
     payload: CartItem[];
+} | {
+    type: "REPLACE_ITEMS";
+    payload: CartItem[];
 } | {
     type: "SET_INITIALIZED";
     payload: boolean;