SmartyPay Subscriptions SDK for React

How to install

npm i smartypay-client-subscriptions-react
Copy

How to use with Metamask Browser Extension

• Addition install smartypay-client-metamask

npm i smartypay-client-metamask
Copy

List of all available hooks and static methods

See docs

Connect to Metamask wallet

• Use hook: useConnectToWalletCallback
• See demo project for more details

import { SmartyPayMetamaskProvider } from 'smartypay-client-metamask';
import { useConnectToWalletCallback, useSmartyApiLocked } from 'smartypay-client-subscriptions-react';


export function MetamaskConnectButton(){

  const isSmartyApiLocked = useSmartyApiLocked();
  const connectToMetamask = useConnectToWalletCallback(SmartyPayMetamaskProvider);

  return (
    <>
      <button
        disabled={isSmartyApiLocked}
        onClick={connectToMetamask}
      >
        Metamask
      </button>
    </>
  )
}
Copy

Activate subscription

• Use static method: activateSubscriptionInWallet
• See demo project for more details

Pause subscription

• Use static method: pauseSubscriptionInWallet
• See demo project for more details

UnPause subscription

• Use static method: unPauseSubscriptionInWallet
• See demo project for more details

Cancel subscription

• Use static method: cancelSubscriptionInWallet
• See demo project for more details

Monitoring operation process

• Use static method: addSubscriptionsListener
• See demo project for more details