@moveflow/widget NPM

🚀 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} />;