@shopify/shop-minis-react/src/hooks/shop/useShopCartActions.ts

React component library for Shopify Shop Minis with Tailwind CSS v4 support (source-only, requires TypeScript)

import {useHandleAction} from '../../internal/useHandleAction'
import {useShopActions} from '../../internal/useShopActions'
import {AddToCartParams, BuyProductParams} from '../../types'

interface UseShopCartActionsReturns {
  /**
   * Add a product to the cart
   */
  addToCart: (params: AddToCartParams) => Promise<void>
  /**
   * Buy a product directly
   */
  buyProduct: (params: BuyProductParams) => Promise<void>
}

export const useShopCartActions = (): UseShopCartActionsReturns => {
  const {addToCart, buyProduct} = useShopActions()

  return {
    addToCart: useHandleAction(addToCart),
    buyProduct: useHandleAction(buyProduct),
  }
}