@arthapay/widget 1.0.0

package/dist/types/ArthaPay.d.ts

@@ -0,0 +1,25 @@
+import { ArthaPayConfig, CheckoutOptions, RedirectCheckoutOptions } from './types';
+import './styles/widget.css';
+declare class ArthaPayInstance {
+    private config;
+    private mountPoint;
+    private root;
+    constructor(config: ArthaPayConfig);
+    /**
+     * Open the checkout modal
+     */
+    createCheckout(options: CheckoutOptions): void;
+    /**
+     * Redirect to hosted checkout page
+     */
+    redirectToCheckout(options: RedirectCheckoutOptions): Promise<void>;
+    /**
+     * Destroy the widget instance
+     */
+    destroy(): void;
+    private mount;
+    private detectBaseUrl;
+    private getStyles;
+}
+export { ArthaPayInstance };
+export type { ArthaPayConfig, CheckoutOptions };

package/dist/types/api.d.ts

@@ -0,0 +1,6 @@
+import { InvoiceData, CheckoutOptions } from './types';
+export declare function configure(url: string, key: string): void;
+export declare function createInvoice(options: CheckoutOptions): Promise<InvoiceData>;
+export declare function getInvoice(invoiceId: string): Promise<InvoiceData>;
+export declare function selectMethod(invoiceId: string, currency: string, network: string): Promise<InvoiceData>;
+export declare function getBaseUrl(): string;

package/dist/types/components/App.d.ts

@@ -0,0 +1,7 @@
+import { CheckoutOptions } from '../types';
+interface AppProps {
+    initialCheckout?: CheckoutOptions;
+}
+export declare function getOpenCheckout(): ((options: CheckoutOptions) => void) | null;
+export declare function App({ initialCheckout }: AppProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/components/CheckoutModal.d.ts

@@ -0,0 +1,7 @@
+import { CheckoutOptions } from '../types';
+interface CheckoutModalProps {
+    options: CheckoutOptions;
+    onClose: () => void;
+}
+export declare function CheckoutModal({ options, onClose }: CheckoutModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/CoinSelector.d.ts

@@ -0,0 +1,10 @@
+import { AvailableMethod } from '../types';
+interface CoinSelectorProps {
+    methods: AvailableMethod[];
+    fiatAmount: number;
+    fiatCurrency: string;
+    onSelect: (method: AvailableMethod) => void;
+    loading?: boolean;
+}
+export declare function CoinSelector({ methods, fiatAmount, fiatCurrency, onSelect, loading }: CoinSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/CountdownTimer.d.ts

@@ -0,0 +1,6 @@
+interface CountdownTimerProps {
+    expiresAt: string;
+    onExpired: () => void;
+}
+export declare function CountdownTimer({ expiresAt, onExpired }: CountdownTimerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/PaymentDetails.d.ts

@@ -0,0 +1,9 @@
+import { CryptoOption } from '../types';
+interface PaymentDetailsProps {
+    option: CryptoOption;
+    fiatAmount: number;
+    fiatCurrency: string;
+    onBack: () => void;
+}
+export declare function PaymentDetails({ option, fiatAmount, fiatCurrency, onBack }: PaymentDetailsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/PaymentStatus.d.ts

@@ -0,0 +1,9 @@
+import { PaymentData } from '../types';
+interface PaymentStatusProps {
+    status: 'detected' | 'confirmed' | 'complete';
+    payment: PaymentData | null;
+    invoiceId?: string;
+    onClose: () => void;
+}
+export declare function PaymentStatus({ status, payment, invoiceId, onClose }: PaymentStatusProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/QRCode.d.ts

@@ -0,0 +1,7 @@
+interface QRCodeProps {
+    data: string;
+    image?: string | null;
+    size?: number;
+}
+export declare function QRCode({ data, image, size }: QRCodeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,23 @@
+import { ArthaPayConfig, CheckoutOptions, RedirectCheckoutOptions } from './types';
+declare class ArthaPayWidget {
+    private mountPoint;
+    private root;
+    constructor(config: ArthaPayConfig);
+    /** Open the checkout modal on the merchant's page */
+    createCheckout(options: CheckoutOptions): void;
+    private showOverlay;
+    private hideOverlay;
+    /** Redirect to the hosted checkout page */
+    redirectToCheckout(options: RedirectCheckoutOptions): Promise<void>;
+    /** Destroy the widget and clean up */
+    destroy(): void;
+    private mount;
+    private detectBaseUrl;
+}
+declare const ArthaPay: {
+    /** Initialize the widget */
+    init(config: ArthaPayConfig): ArthaPayWidget;
+    /** Get the current instance */
+    getInstance(): ArthaPayWidget | null;
+};
+export default ArthaPay;

package/dist/types/react.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { ArthaPayConfig, CheckoutOptions, RedirectCheckoutOptions, PaymentData } from './types';
+export type { ArthaPayConfig, CheckoutOptions, RedirectCheckoutOptions, PaymentData };
+export interface ArthaPayProps {
+    apiKey: string;
+    baseUrl?: string;
+    amount: number;
+    currency?: string;
+    orderId?: string;
+    redirectUrl?: string;
+    metadata?: Record<string, unknown>;
+    mode?: 'modal' | 'redirect';
+    onSuccess?: (payment: PaymentData) => void;
+    onClose?: () => void;
+    onError?: (error: Error) => void;
+    children?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+}
+export declare function ArthaPayButton({ apiKey, baseUrl, amount, currency, orderId, redirectUrl, metadata, mode, onSuccess, onClose, onError, children, className, disabled, }: ArthaPayProps): import("react/jsx-runtime").JSX.Element;
+export declare function useArthaPay(config: ArthaPayConfig): {
+    createCheckout: (options: CheckoutOptions) => void;
+    redirectToCheckout: (options: RedirectCheckoutOptions) => void;
+};

package/dist/types/socket.d.ts

@@ -0,0 +1,17 @@
+import { Socket } from 'socket.io-client';
+export declare function connectSocket(): Socket;
+export declare function subscribeToInvoice(invoiceId: string, callbacks: {
+    onStatusUpdate?: (data: {
+        invoiceId: string;
+        status: string;
+    }) => void;
+    onPaymentDetected?: (data: {
+        invoiceId: string;
+        payment: unknown;
+    }) => void;
+    onPaymentConfirmed?: (data: {
+        invoiceId: string;
+        payment: unknown;
+    }) => void;
+}): () => void;
+export declare function disconnectSocket(): void;

package/dist/types/types.d.ts

@@ -0,0 +1,64 @@
+export interface ArthaPayConfig {
+    apiKey: string;
+    baseUrl?: string;
+}
+export interface CheckoutOptions {
+    amount: number;
+    currency?: string;
+    orderId?: string;
+    redirectUrl?: string;
+    metadata?: Record<string, unknown>;
+    onSuccess?: (payment: PaymentData) => void;
+    onClose?: () => void;
+    onError?: (error: Error) => void;
+}
+export interface RedirectCheckoutOptions {
+    amount: number;
+    currency?: string;
+    orderId?: string;
+    redirectUrl: string;
+    metadata?: Record<string, unknown>;
+}
+export interface AvailableMethod {
+    currency: string;
+    network: string;
+    name: string;
+    addressFamily: string;
+}
+export interface InvoiceData {
+    id: string;
+    status: string;
+    merchantId: string;
+    orderId: string | null;
+    price: number;
+    currency: string;
+    expiresAt: string;
+    availableMethods: AvailableMethod[];
+    cryptoPaymentOptions: CryptoOption[];
+    payment: PaymentData | null;
+    redirectUrl: string | null;
+    createdAt: string;
+    merchantName?: string;
+    merchantBrandColor?: string;
+    merchantLogoUrl?: string;
+}
+export interface CryptoOption {
+    currency: string;
+    network: string;
+    amount: string;
+    address: string;
+    exchangeRate: number;
+    qrCodeData: string;
+    qrImage?: string | null;
+}
+export interface PaymentData {
+    status: string;
+    currency: string;
+    network: string;
+    amount: string;
+    txHash: string | null;
+    confirmations: number;
+    detectedAt: string | null;
+    confirmedAt: string | null;
+}
+export type WidgetState = 'loading' | 'select-coin' | 'awaiting-payment' | 'detected' | 'confirmed' | 'expired' | 'error';

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@arthapay/widget",
+  "version": "1.0.0",
+  "description": "ArthaPay — Crypto Payment Gateway Widget",
+  "main": "dist/esm/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./react": {
+      "import": "./dist/esm/react.js",
+      "types": "./dist/types/react.d.ts"
+    },
+    "./iife": "./dist/iife/arthapay.js"
+  },
+  "files": [
+    "dist/"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite build --watch --config vite.config.iife.ts",
+    "build": "npm run build:types && npm run build:iife && npm run build:esm && npm run postbuild",
+    "build:iife": "vite build --config vite.config.iife.ts",
+    "build:esm": "vite build --config vite.config.esm.ts",
+    "build:types": "tsc --project tsconfig.types.json",
+    "postbuild": "node -e \"require('fs').copyFileSync('dist/iife/arthapay.js','dist/arthapay.js')\""
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": { "optional": true },
+    "react-dom": { "optional": true }
+  },
+  "dependencies": {
+    "socket.io-client": "^4.8.1"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@vitejs/plugin-react": "^4.3.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.7.3",
+    "vite": "^6.1.0"
+  }
+}