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

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

import {
  AddToCartParams,
  BuyProductParams,
} from '@shopify/shop-minis-platform/actions'

import {useHandleAction} from './useHandleAction'
import {useShopActions} from './useShopActions'

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),
  }
}