chainpay-component v0.7.7

Chainpay component

useChainPay 参数和 showPayModal 参数一致，showPayModal传入的参数优先级更高

import { useChainPay, ChainpayLng } from "chainpay-component";
import 'chainpay-component/dist/style.css';

export default function Index() {

  const test = () => {
    console.log("test");
  };

  const { showPayModal } = useChainPay({
    dark: true,
    language: "en",
    currency: '¥',
    appId: "xxx", // required
    pollingInterval: 1000,
    getOrderInfoFn: async (params) => {
      console.log(params);
      await sleep(3000);
      return {
        code: 'a12312321321',
        countDown: Math.ceil(Math.random() * 10) * 60 * 1000,
      }
    },
    onError(error) {
      console.log("error", error);
    },
    pollingFn: async () => {
      await sleep(1000);
      const n = Math.random();
      if (n > 0.5) {
        throw new Error('pollingFn error')
        return {
          status: 'success'
        }
      }
      return {
        status: 'pending'
      }
    },
    onSuccess() {
      console.log("success");
    },
    onClose() {
      console.log("close");
    },
    onCountDownTimeout() {
      console.log("countDownTimeout");
    }
  });

  return (
    <div className="flex justify-center w-[100vw]">
      <button type="button" onClick={() => showPayModal({ 
        currency: '$', code: '', amount: 1993 })}>
        open
      </button>
    </div>
  );
}