@shophost/react 2.0.39 → 2.0.40

package/storefront/exports.d.ts

@@ -16,6 +16,7 @@ export { useModifierSelection } from './hooks/useModifierSelection';
 export { useLocalization } from './hooks/useLocalization';
 export { calculateCartTotal, formatPrice, getFormattedModifiers, findCartItem, productRequiresModifiers, } from './utils/cart.util';
 export { mockProducts } from './mock/products';
+export type { AddToCartInput, AddToCartResult, CartModifierGroupInput, RemoveCartItemInput, UpdateCartItemInput, } from './types/cart.types';
 export type { CartItem } from './schemas/cart.schema';
 export * from './components/modifiers';
 export * from './hooks/useModifierSelection';

package/storefront/hooks/useModifierSelection.d.ts

@@ -1,10 +1,6 @@
-interface ModifierSelection {
-    groupId: string;
-    modifierIds: string[];
-}
-export declare const useModifierSelection: (product: any) => {
+import { CartProductModifierGroup, ModifierSelection } from '../types/cart.types';
+export declare const useModifierSelection: (modifierGroups?: CartProductModifierGroup[]) => {
     selections: ModifierSelection[];
-    initializeSelections: () => void;
     toggleModifier: (groupId: string, modifierId: string) => void;
     selectModifier: (groupId: string, modifierId: string) => void;
     isModifierSelected: (groupId: string, modifierId: string) => boolean;
@@ -12,10 +8,9 @@ export declare const useModifierSelection: (product: any) => {
     validationError: string | null;
     getCartModifierGroups: () => {
         id: string;
-        modifiers: {
+        modifiers: Array<{
             id: string;
-            quantity: number;
-        }[];
+            quantity?: number;
+        }>;
     }[];
 };
-export {};

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 { CartContextType } from '../types/cart.types';
+import { AddToCartInput, AddToCartResult, CartContextType, RemoveCartItemInput, UpdateCartItemInput } from '../types/cart.types';
 interface CartProviderProps {
     organizationId: string;
     children: React.ReactNode;
@@ -14,7 +14,10 @@ export declare const useCart: () => {
     shipping: number | undefined;
     loading: boolean;
     formattedCartItems: import('../types/cart.types').FormattedCartItem[];
-    addProductToCart: (product: Product | LocalizedProduct) => void;
+    add: ({ productId, quantity, modifierGroups, product, onAdded, }: AddToCartInput) => Promise<AddToCartResult>;
+    update: ({ productId, quantity, modifierGroups }: UpdateCartItemInput) => void;
+    remove: ({ productId, modifierGroups }: RemoveCartItemInput) => void;
+    addProductToCart: (product: Product | LocalizedProduct) => Promise<AddToCartResult>;
     clearCart: () => void;
     itemCount: number;
     rawCart: CartItem[];

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

@@ -1,8 +1,9 @@
 import { default as React } from 'react';
+import { CartProductInput } from '../types/cart.types';
 interface ModifiersContextType {
     isOpen: boolean;
     onClose: () => void;
-    product: any;
+    product: CartProductInput | null;
     productName: string;
     hasModifiers: boolean;
     quantity: number;

package/storefront/reducers/cart.reducer.d.ts

@@ -1,11 +1,9 @@
 import { CartItem } from '../../../../client/src/index.ts';
-import { CartAction } from '../types/cart.types';
+import { CartAction, ModifierModalState } from '../types/cart.types';
 export interface CartState {
     items: CartItem[];
     isInitialized: boolean;
-    isModifiersModalOpen: boolean;
-    selectedProduct: any | null;
-    onModalAddToCart: (() => void) | undefined;
+    modifierModal: ModifierModalState | null;
     totalAmount: number;
     itemCount: number;
     removedItemsAlert?: boolean;

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

@@ -1,7 +1,39 @@
-import { CartItem, LocalizedProduct, PaymentMethodDetails, ShippingMethod, UploadedFile } from '../../../../client/src/index.ts';
+import { CartItem, LocalizedModifierGroup, LocalizedProduct, ModifierGroup, PaymentMethodDetails, Product, ShippingMethod, UploadedFile } from '../../../../client/src/index.ts';
 import { default as React } from 'react';
+export type CartModifierGroupInput = NonNullable<CartItem["modifierGroups"]>;
+export type CartProductInput = Product | LocalizedProduct;
+export type CartProductModifierGroup = ModifierGroup | LocalizedModifierGroup;
+export interface ModifierModalState {
+    product: CartProductInput;
+    quantity: number;
+    onAdded?: () => void;
+}
+export interface ModifierSelection {
+    groupId: string;
+    modifierIds: string[];
+}
+export interface AddToCartInput {
+    productId: string;
+    quantity?: number;
+    modifierGroups?: CartModifierGroupInput;
+    product?: CartProductInput;
+    onAdded?: () => void;
+}
+export interface UpdateCartItemInput {
+    productId: string;
+    quantity: number;
+    modifierGroups?: CartModifierGroupInput;
+}
+export interface RemoveCartItemInput {
+    productId: string;
+    modifierGroups?: CartModifierGroupInput;
+}
+export interface AddToCartResult {
+    openedModifiers: boolean;
+}
 export interface CartContextType {
     locale: string;
+    organizationId: string;
     items: CartItem[];
     total: number;
     shipping?: number;
@@ -25,10 +57,15 @@ export interface CartContextType {
     itemCount: number;
     totalAmount: number;
     onCheckoutClick: () => void;
-    openModifiersModal: (product: any, onAddToCart?: () => void) => void;
+    openModifiersModal: (product: CartProductInput, options?: {
+        onAdded?: () => void;
+        quantity?: number;
+    }) => void;
     closeModifiersModal: () => void;
+    modifierModal: ModifierModalState | null;
     isModifiersModalOpen: boolean;
-    selectedProduct: any | null;
+    selectedProduct: CartProductInput | null;
+    pendingModalQuantity: number;
     onModalAddToCart: (() => void) | undefined;
     products: Record<string, LocalizedProduct>;
     isProductsLoading: boolean;
@@ -84,10 +121,7 @@ export type CartAction = {
     type: "CLEAR_CART";
 } | {
     type: "OPEN_MODIFIERS_MODAL";
-    payload: {
-        product: any;
-        onAddToCart?: () => void;
-    };
+    payload: ModifierModalState;
 } | {
     type: "CLOSE_MODIFIERS_MODAL";
 } | {

package/storefront/utils/cart.util.d.ts

@@ -1,4 +1,5 @@
 import { CartItem } from '../../../../client/src/index.ts';
+import { CartModifierGroupInput, CartProductModifierGroup, ModifierSelection } from '../types/cart.types';
 /**
  * Calculate the total price of a cart based on product data
  */
@@ -14,13 +15,14 @@ export declare const getFormattedModifiers: (item: CartItem, getProductDetails:
 /**
  * Find a cart item by product ID and optional modifier groups
  */
-export declare const findCartItem: (items: CartItem[], productId: string, modifierGroups?: {
-    id: string;
-    modifiers: {
-        id: string;
-        quantity?: number;
-    }[];
-}[]) => CartItem | undefined;
+export declare const findCartItem: (items: CartItem[], productId: string, modifierGroups?: CartModifierGroupInput) => CartItem | undefined;
+/**
+ * Check whether a cart item matches a product and modifier selection
+ */
+export declare const matchesCartItem: (item: CartItem, target: {
+    productId: string;
+    modifierGroups?: CartModifierGroupInput;
+}) => boolean;
 /**
  * Helper function to compare modifier groups
  */
@@ -44,10 +46,7 @@ export declare const productRequiresModifiers: (product: any) => boolean;
 /**
  * Validate if selected modifiers meet the requirements
  */
-export declare const validateModifierSelections: (product: any, selectedModifiers: {
-    groupId: string;
-    modifierIds: string[];
-}[]) => {
+export declare const validateModifierSelections: (modifierGroups: CartProductModifierGroup[], selectedModifiers: ModifierSelection[]) => {
     valid: boolean;
     message?: string;
 };