@moveflow/widget/README.md

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

# 🚀 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:

```bash
npm install --save @moveflow/widget
```

Or with yarn:

```bash
yarn add @moveflow/widget
```

---

## 🛠️ Quick Start

### 1. Import the Widget

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

### 2. Create Your Testnet Config

```tsx
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