.checkout()

openbridge.cart.checkout()
openbridge.cart.checkout({ redirectTo: 'https://your-site.com/cart' })

document.querySelector('.checkout-button').addEventListener('click', () => {
    openbridge.cart.checkout()
})

document.querySelector('.checkout-button').addEventListener('click', () => {
    if (openbridge.cart.count() === 0) {
        alert('Your cart is empty!')
        return
    }

    openbridge.cart.checkout()
})

// Redirect back to your custom storefront on cancel
document.querySelector('.checkout-button').addEventListener('click', () => {
    openbridge.cart.checkout({
        redirectTo: 'https://your-webflow-site.com/cart'
    })
})

// Return to the current page on cancel
document.querySelector('.checkout-button').addEventListener('click', () => {
    openbridge.cart.checkout({
        redirectTo: window.location.href
    })
})

function proceedToCheckout() {
    const count = openbridge.cart.count()
    const cart = openbridge.cart.get()

    if (
        confirm(
            `Proceed to checkout with ${count} items (${cart.cost.totalAmount.currencyCode} ${cart.cost.totalAmount.amount})?`
        )
    ) {
        openbridge.cart.checkout()
    }
}

openbridge.cart.subscribe((cart) => {
    const button = document.querySelector('.checkout-button')
    button.disabled = !cart || cart.totalQuantity === 0
})