@moveflow/widget

🚀 MoveFlow Checkout Widget (Testnet)

⚠️ 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.

Easily embed a beautiful, multi-chain crypto checkout widget into your React application. This testnet version supports subscription-based payments on Aptos, Goerli, Pharos, and LightLink testnets.

---

📦 Installation

Install the widget from npm:

npm install --save @moveflow/widget

Or with yarn:

yarn add @moveflow/widget

---

🛠️ Quick Start

1. Import the Widget

import Widget, { WidgetProps } from "@moveflow/widget";

2. Create Your Testnet Config

const props: WidgetProps = {
  ui: {
    container_border_radius: 10,
    field_border_radius: 5,
    button_border_radius: 5,
    primary_color: "#F143E2",
    secondary_color: "#ffffff",
    font_family: "Noto Sans, sans-serif",
  },
  basic_info: {
    name: "Subscription Sample",
    description: "This is a subscription sample",
  },
  payment: [
    {
      network: NetworkType.Aptos,
      coinType: "APT",
      amountType: "fixed",
      streamRate: 1,
      rateType: "month",
      receiver: "0xBF95dC3888dE3Bc8Ccd55465b3435f75699ee4A8",
      startTime: 1745645716000,
      endTime: 1748237716000,
      fixedRate: 1,
      depositAmount: 0,
    },
    {
      network: NetworkType.Goerli,
      coinType: "USDT",
      amountType: "fixed",
      streamRate: 1,
      rateType: "month",
      receiver: "0x96041C6cc8d52BF1B95A9aA3F7E1B7165D4e9Aa3",
      startTime: 1745645716000,
      endTime: 1748237716000,
      fixedRate: 1,
      depositAmount: 0,
    },
    {
      network: NetworkType.Pharos,
      coinType: "USDC",
      amountType: "fixed",
      streamRate: 1,
      rateType: "month",
      receiver: "0x96041C6cc8d52BF1B95A9aA3F7E1B7165D4e9Aa3",
      startTime: 1745645716000,
      endTime: 1748237716000,
      fixedRate: 1,
      depositAmount: 0,
    },
    {
      network: NetworkType.LightLink,
      coinType: "USDC",
      amountType: "fixed",
      streamRate: 1,
      rateType: "month",
      receiver: "0x96041C6cc8d52BF1B95A9aA3F7E1B7165D4e9Aa3",
      startTime: 1745645716000,
      endTime: 1748237716000,
      fixedRate: 1,
      depositAmount: 0,
    },
  ],
};

<Widget {...props} />;

---

🌐 Supported Testnet Networks

• Aptos Testnet
• Ethereum Goerli
• Pharos Testnet
• LightLink Testnet

Make sure you have the correct wallets installed (e.g., Petra for Aptos, MetaMask for EVMs).

---

🧪 Testnet-Only Notice

This widget is not connected to any mainnet infrastructure. All token transfers and payments will be simulated using testnet funds.

Do not use real assets — no mainnet coins or tokens will be accepted or processed.

---

🪪 License

MIT License