@moveflow/widget
Version:
> ⚠️ **This is a testnet version** of the MoveFlow Checkout Widget. It is intended for development and testing purposes only. Do not use for mainnet payments.
35 lines (34 loc) • 1.87 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useEffect } from "react";
import { useSubscription } from "../hooks/useSubscription";
const VictionSubscription = (props) => {
const VictionContractAddress = "0xF6F48D9F9220C2a30d070e5011817Cc87Ca33f87";
const VictionCoinAddress = "0xA841ac49D7387Fc56F6582B66E8A59FdadBf910a";
const decimal = 18;
const { payment, primaryColor, fontFamily, borderRadius, chainName } = props;
const { state, resetState, handleCreateSubscription } = useSubscription(VictionContractAddress, VictionCoinAddress, decimal);
useEffect(() => {
resetState();
}, [payment]);
return (_jsxs("div", { children: [state.networkError && (_jsx("div", { style: { color: "red", marginBottom: "10px" }, children: state.networkError })), _jsx("button", { onClick: () => handleCreateSubscription(payment, chainName), disabled: state.isCreatingSubscription ||
state.tokensApproved ||
state.subscriptionCreated, style: {
width: "100%",
borderRadius: `${borderRadius}px`,
background: primaryColor,
color: "white",
fontFamily: fontFamily,
padding: "10px",
cursor: state.isCreatingSubscription ||
state.tokensApproved ||
state.subscriptionCreated
? "not-allowed"
: "pointer",
marginTop: "10px",
}, children: state.isCreatingSubscription
? "Creating Subscription..."
: state.subscriptionCreated
? "Subscription Created Successfully"
: "Create Subscription" })] }));
};
export default VictionSubscription;