CryptoCadet Pay v4 Release Notes

React-Crypto-Pay v4.0.0 introduces several updates to enhance the functionality and usability of the cryptocurrency payment system for e-commerce platforms. This document outlines the new features and changes included in this version.

New Features

1. DisplayName Property:

   • Purpose: Allows the buyer to easily recognize what they have purchased.

   • Implementation: Add the displayName property in the component to specify the name of the product.

2. OnSuccess Method:

   • Purpose: Executes specific actions after a transaction is successfully completed, such as automatic downloads or initiating a minting process.

   • Implementation: Use the onSuccess callback in the component to define custom post-transaction behaviors.

3. Shopping Cart Functionality:

   • Purpose: Enables the addition of multiple items to a shopping cart, allowing for cumulative purchases before final checkout.

   • Implementation: Set the shoppingCart property to true to activate this feature.

4. NoQuantity Flag:

   • Purpose: Simplifies the purchase process for items that are sold as one-off or are unique, eliminating the need for quantity selection by the buyer.

   • Implementation: Set the noQuantity property to true when adding the component.

5. Phantom Wallet Support:

   • Purpose: Expands payment options by adding support for Phantom wallet, particularly for transactions on the Solana network.

   • Implementation: Ensure compatibility and access by integrating Phantom wallet options within the payment modal.

6. SUSDT Test Environment Token:

   • Purpose: Provides a testing environment for developers using the Solana Devnet, facilitating transaction testing without real assets.

   • Implementation: Available for use in test modes; specify SUSDT as the token in test transactions.

Example Usage

npm install @cryptocadet/react-crypto-pay

import { CryptoPayButton } from 'react-crypto-pay';

const ComponentName = () => {
    return (
         <CryptoPayButton
             apiKey={'YOUR_API_KEY'}
             productId={'YOUR_PRODUCT_ID'}
             displayName={'ITEM_DISPLAY_NAME'}
             email='required'
             shippingAddress='required'
             label='BUTTON TITLE'
             style={null}
             cartStyle={null}
             lang='en'
             eth='false'
             sol='true'
             redirect='http://localhost:5173'
             onSuccess={doSomething}
             shoppingCart='false'
             noQuantity='true'
         /> 
    );
}

export default ComponentName;