@voyage_ai/v402-web-ts 0.1.0 → 0.1.2

package/dist/react/index.d.mts

@@ -143,6 +143,7 @@ interface UsePaymentInfoReturn {
  *
  * @param endpoint - API endpoint to fetch payment info from
  * @param merchantId - @see our website to apply
+ * @param additionalParams - Optional additional parameters to send with the request (default: {})
  *
  * @example
  * ```tsx
@@ -159,13 +160,25 @@ interface UsePaymentInfoReturn {
  *   );
  * }
  * ```
+ *
+ * @example
+ * ```tsx
+ * // With additional parameters
+ * function PaymentInfo() {
+ *   const { paymentInfo } = usePaymentInfo(
+ *     'merchant-id',
+ *     '/api/protected',
+ *     { userId: '123', customField: 'value' }
+ *   );
+ * }
+ * ```
  */
-declare function usePaymentInfo(merchantId: string, endpoint?: string): UsePaymentInfoReturn;
+declare function usePaymentInfo(merchantId: string, endpoint?: string, additionalParams?: Record<string, any>): UsePaymentInfoReturn;
 
 /**
  * WalletConnect Component
  *
- * Pre-built wallet connection UI component
+ * Pre-built wallet connection UI component with inline styles
  */
 
 interface WalletConnectProps {
@@ -193,56 +206,4 @@ interface WalletConnectProps {
  */
 declare function WalletConnect({ supportedNetworks, className, onConnect, onDisconnect, }: WalletConnectProps): React.JSX.Element;
 
-/**
- * PaymentButton Component
- *
- * Pre-built payment button component
- * Note: This is a simple wrapper. For complex payment flows,
- * use the SDK directly with usePayment hook for full control.
- */
-
-interface PaymentButtonProps {
-    endpoint: string;
-    className?: string;
-    disabled?: boolean;
-    onSuccess?: (result: any) => void;
-    onError?: (error: string) => void;
-    onStart?: () => void;
-    onFinish?: () => void;
-    children?: React.ReactNode;
-}
-/**
- * Simple pre-built payment button
- *
- * For complex payment flows, use the SDK directly:
- *
- * @example
- * ```tsx
- * import { useWallet, usePayment } from '../react';
- * import { handleSvmPayment } from '@/app/sdk';
- *
- * function CustomPayment() {
- *   const { networkType } = useWallet();
- *   const { isProcessing, setIsProcessing, setResult, setError } = usePayment();
- *
- *   const handlePay = async () => {
- *     setIsProcessing(true);
- *     try {
- *       // Your custom logic before payment
- *       const response = await handleSvmPayment(...);
- *       const data = await response.json();
- *
- *       // Your custom logic after payment
- *       setResult(data);
- *     } catch (err) {
- *       setError(err.message);
- *     } finally {
- *       setIsProcessing(false);
- *     }
- *   };
- * }
- * ```
- */
-declare function PaymentButton({ endpoint, className, disabled, onSuccess, onError, onStart, onFinish, children, }: PaymentButtonProps): React.JSX.Element;
-
-export { PaymentButton, type PaymentButtonProps, type UsePaymentInfoReturn, type UsePaymentReturn, type UseWalletReturn, WalletConnect, type WalletConnectProps, usePayment, usePaymentInfo, useWallet };
+export { type UsePaymentInfoReturn, type UsePaymentReturn, type UseWalletReturn, WalletConnect, type WalletConnectProps, usePayment, usePaymentInfo, useWallet };

package/dist/react/index.d.ts

@@ -143,6 +143,7 @@ interface UsePaymentInfoReturn {
  *
  * @param endpoint - API endpoint to fetch payment info from
  * @param merchantId - @see our website to apply
+ * @param additionalParams - Optional additional parameters to send with the request (default: {})
  *
  * @example
  * ```tsx
@@ -159,13 +160,25 @@ interface UsePaymentInfoReturn {
  *   );
  * }
  * ```
+ *
+ * @example
+ * ```tsx
+ * // With additional parameters
+ * function PaymentInfo() {
+ *   const { paymentInfo } = usePaymentInfo(
+ *     'merchant-id',
+ *     '/api/protected',
+ *     { userId: '123', customField: 'value' }
+ *   );
+ * }
+ * ```
  */
-declare function usePaymentInfo(merchantId: string, endpoint?: string): UsePaymentInfoReturn;
+declare function usePaymentInfo(merchantId: string, endpoint?: string, additionalParams?: Record<string, any>): UsePaymentInfoReturn;
 
 /**
  * WalletConnect Component
  *
- * Pre-built wallet connection UI component
+ * Pre-built wallet connection UI component with inline styles
  */
 
 interface WalletConnectProps {
@@ -193,56 +206,4 @@ interface WalletConnectProps {
  */
 declare function WalletConnect({ supportedNetworks, className, onConnect, onDisconnect, }: WalletConnectProps): React.JSX.Element;
 
-/**
- * PaymentButton Component
- *
- * Pre-built payment button component
- * Note: This is a simple wrapper. For complex payment flows,
- * use the SDK directly with usePayment hook for full control.
- */
-
-interface PaymentButtonProps {
-    endpoint: string;
-    className?: string;
-    disabled?: boolean;
-    onSuccess?: (result: any) => void;
-    onError?: (error: string) => void;
-    onStart?: () => void;
-    onFinish?: () => void;
-    children?: React.ReactNode;
-}
-/**
- * Simple pre-built payment button
- *
- * For complex payment flows, use the SDK directly:
- *
- * @example
- * ```tsx
- * import { useWallet, usePayment } from '../react';
- * import { handleSvmPayment } from '@/app/sdk';
- *
- * function CustomPayment() {
- *   const { networkType } = useWallet();
- *   const { isProcessing, setIsProcessing, setResult, setError } = usePayment();
- *
- *   const handlePay = async () => {
- *     setIsProcessing(true);
- *     try {
- *       // Your custom logic before payment
- *       const response = await handleSvmPayment(...);
- *       const data = await response.json();
- *
- *       // Your custom logic after payment
- *       setResult(data);
- *     } catch (err) {
- *       setError(err.message);
- *     } finally {
- *       setIsProcessing(false);
- *     }
- *   };
- * }
- * ```
- */
-declare function PaymentButton({ endpoint, className, disabled, onSuccess, onError, onStart, onFinish, children, }: PaymentButtonProps): React.JSX.Element;
-
-export { PaymentButton, type PaymentButtonProps, type UsePaymentInfoReturn, type UsePaymentReturn, type UseWalletReturn, WalletConnect, type WalletConnectProps, usePayment, usePaymentInfo, useWallet };
+export { type UsePaymentInfoReturn, type UsePaymentReturn, type UseWalletReturn, WalletConnect, type WalletConnectProps, usePayment, usePaymentInfo, useWallet };