x402-mantle-sdk 0.2.2 → 0.2.5

package/dist/client/react.d.cts

@@ -25,6 +25,10 @@ interface PaymentModalProps {
     onComplete: (payment: PaymentResponse) => void;
     onCancel: () => void;
     isOpen: boolean;
+    /** Custom logo URL or base64 data URI */
+    logo?: string;
+    /** Logo alt text */
+    logoAlt?: string;
 }
 /**
  * Payment Modal Component
@@ -39,7 +43,7 @@ interface PaymentModalProps {
  * />
  * ```
  */
-declare function PaymentModal({ request, onComplete, onCancel, isOpen }: PaymentModalProps): react_jsx_runtime.JSX.Element | null;
+declare function PaymentModal({ request, onComplete, onCancel, isOpen, logo, logoAlt }: PaymentModalProps): react_jsx_runtime.JSX.Element | null;
 
 interface EnhancedPaymentModalProps {
     request: PaymentRequest;

package/dist/client/react.d.ts

@@ -25,6 +25,10 @@ interface PaymentModalProps {
     onComplete: (payment: PaymentResponse) => void;
     onCancel: () => void;
     isOpen: boolean;
+    /** Custom logo URL or base64 data URI */
+    logo?: string;
+    /** Logo alt text */
+    logoAlt?: string;
 }
 /**
  * Payment Modal Component
@@ -39,7 +43,7 @@ interface PaymentModalProps {
  * />
  * ```
  */
-declare function PaymentModal({ request, onComplete, onCancel, isOpen }: PaymentModalProps): react_jsx_runtime.JSX.Element | null;
+declare function PaymentModal({ request, onComplete, onCancel, isOpen, logo, logoAlt }: PaymentModalProps): react_jsx_runtime.JSX.Element | null;
 
 interface EnhancedPaymentModalProps {
     request: PaymentRequest;

package/dist/client/react.js

@@ -86,9 +86,6 @@ var TOKENS = {
     }
   }
 };
-var TREASURY_ADDRESS = "0xB27705342ACE73736AE490540Ea031cc06C3eF49";
-var PLATFORM_FEE_BPS = 50n;
-var BPS_DENOMINATOR = 10000n;
 var customNetworks = /* @__PURE__ */ new Map();
 var customTokens = /* @__PURE__ */ new Map();
 function getNetworkConfig(network) {
@@ -291,11 +288,6 @@ function amountToWei(amount, decimals = 18) {
   const fraction = (parts[1] || "").padEnd(decimals, "0").slice(0, decimals);
   return BigInt(whole) * 10n ** BigInt(decimals) + BigInt(fraction);
 }
-function calculateSplit(amount) {
-  const feeAmount = amount * PLATFORM_FEE_BPS / BPS_DENOMINATOR;
-  const merchantAmount = amount - feeAmount;
-  return { merchantAmount, feeAmount };
-}
 function encodeERC20Transfer(to, amount) {
   const toHex = to.slice(2).toLowerCase().padStart(64, "0");
   const amountHex = amount.toString(16).padStart(64, "0");
@@ -311,7 +303,6 @@ async function processPayment(request, wallet) {
   if (totalAmount === 0n) {
     throw new Error("Invalid payment amount: amount must be greater than 0");
   }
-  const { merchantAmount, feeAmount } = calculateSplit(totalAmount);
   let txHash;
   if (tokenConfig) {
     const transferData = encodeERC20Transfer(request.recipient, totalAmount);
@@ -321,22 +312,12 @@ async function processPayment(request, wallet) {
     };
     txHash = await wallet.sendTransaction(tx);
   } else {
-    const merchantValue = merchantAmount.toString(16);
-    const merchantTx = {
+    const totalValue = totalAmount.toString(16);
+    const tx = {
       to: request.recipient,
-      value: `0x${merchantValue}`
+      value: `0x${totalValue}`
     };
-    txHash = await wallet.sendTransaction(merchantTx);
-    if (feeAmount > 0n) {
-      const feeValue = feeAmount.toString(16);
-      const feeTx = {
-        to: TREASURY_ADDRESS,
-        value: `0x${feeValue}`
-      };
-      wallet.sendTransaction(feeTx).catch((err) => {
-        console.warn("Fee transaction failed (non-critical):", err);
-      });
-    }
+    txHash = await wallet.sendTransaction(tx);
   }
   return {
     transactionHash: txHash,
@@ -346,6 +327,7 @@ async function processPayment(request, wallet) {
 
 // src/client/modal-react.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_LOGO = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cdefs%3E%3ClinearGradient id='bg' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%231a1a2e'/%3E%3Cstop offset='100%25' style='stop-color:%230f0f1a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='120' height='120' rx='24' fill='url(%23bg)'/%3E%3Crect x='4' y='4' width='112' height='112' rx='20' fill='none' stroke='%23ffffff15' stroke-width='1'/%3E%3Ctext x='60' y='72' text-anchor='middle' font-family='-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif' font-size='32' font-weight='600' fill='%23ffffff'%3Ex402%3C/text%3E%3C/svg%3E`;
 function formatAddress(address) {
   if (!address || typeof address !== "string") {
     return "N/A";
@@ -355,7 +337,7 @@ function formatAddress(address) {
   }
   return `${address.slice(0, 6)}...${address.slice(-4)}`;
 }
-function PaymentModal({ request, onComplete, onCancel, isOpen }) {
+function PaymentModal({ request, onComplete, onCancel, isOpen, logo, logoAlt = "x402" }) {
   const [walletAddress, setWalletAddress] = useState(null);
   const [isConnecting, setIsConnecting] = useState(false);
   const [isProcessing, setIsProcessing] = useState(false);
@@ -533,21 +515,16 @@ function PaymentModal({ request, onComplete, onCancel, isOpen }) {
                 children: [
                   /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
                     /* @__PURE__ */ jsx(
-                      "div",
+                      "img",
                       {
+                        src: logo || DEFAULT_LOGO,
+                        alt: logoAlt,
                         style: {
                           width: "2rem",
                           height: "2rem",
-                          display: "flex",
-                          alignItems: "center",
-                          justifyContent: "center",
                           borderRadius: "0.5rem",
-                          background: "rgba(255, 255, 255, 0.1)",
-                          fontFamily: "monospace",
-                          fontSize: "0.75rem",
-                          fontWeight: "bold"
-                        },
-                        children: "x402"
+                          objectFit: "contain"
+                        }
                       }
                     ),
                     /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "1.25rem", fontWeight: 300 }, children: "Payment Required" })