diff --git a/registry/default/payment-widget/components/receipt/styles.css b/registry/default/payment-widget/components/receipt/styles.css
index ea2faf0..494bb36 100644
--- a/registry/default/payment-widget/components/receipt/styles.css
+++ b/registry/default/payment-widget/components/receipt/styles.css
@@ -1,6 +1,6 @@
.receipt-container {
background-color: #ffffff;
- padding: 20px;
+ padding: 32px;
max-width: 800px;
margin: 0 auto;
font-family:
diff --git a/registry/default/payment-widget/constants.ts b/registry/default/payment-widget/constants.ts
index 20e2ef1..84b920d 100644
--- a/registry/default/payment-widget/constants.ts
+++ b/registry/default/payment-widget/constants.ts
@@ -1,5 +1,6 @@
export const RN_API_URL =
- process.env.NEXT_PUBLIC_REQUEST_API_URL || "https://api.request.network";
+ (typeof process !== "undefined" && process.env.NEXT_PUBLIC_REQUEST_API_URL) ||
+ "https://api.request.network";
export const ICONS = {
metamask:
"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNSAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMyLjcwNzcgMzIuNzUyMkwyNS4xNjg4IDMwLjUxNzRMMTkuNDgzMyAzMy45MDA4TDE1LjUxNjcgMzMuODk5MUw5LjgyNzkzIDMwLjUxNzRMMi4yOTIyNSAzMi43NTIyTDAgMjUuMDQ4OUwyLjI5MjI1IDE2LjQ5OTNMMCA5LjI3MDk0TDIuMjkyMjUgMC4zMTIyNTZMMTQuMDY3NCA3LjMxNTU0SDIwLjkzMjZMMzIuNzA3NyAwLjMxMjI1NkwzNSA5LjI3MDk0TDMyLjcwNzcgMTYuNDk5M0wzNSAyNS4wNDg5TDMyLjcwNzcgMzIuNzUyMloiIGZpbGw9IiNGRjVDMTYiLz4KPHBhdGggZD0iTTIuMjkzOTUgMC4zMTIyNTZMMTQuMDY5MSA3LjMyMDQ3TDEzLjYwMDggMTIuMTMwMUwyLjI5Mzk1IDAuMzEyMjU2WiIgZmlsbD0iI0ZGNUMxNiIvPgo8cGF0aCBkPSJNOS44Mjk1OSAyNS4wNTIyTDE1LjAxMDYgMjguOTgxMUw5LjgyOTU5IDMwLjUxNzVWMjUuMDUyMloiIGZpbGw9IiNGRjVDMTYiLz4KPHBhdGggZD0iTTE0LjU5NjYgMTguNTU2NUwxMy42MDA5IDEyLjEzMzNMNy4yMjY5MiAxNi41MDA5TDcuMjIzNjMgMTYuNDk5M1YxNi41MDI1TDcuMjQzMzUgMjAuOTk4M0w5LjgyODA5IDE4LjU1NjVIOS44Mjk3NEgxNC41OTY2WiIgZmlsbD0iI0ZGNUMxNiIvPgo8cGF0aCBkPSJNMzIuNzA3NyAwLjMxMjI1NkwyMC45MzI2IDcuMzIwNDdMMjEuMzk5MyAxMi4xMzAxTDMyLjcwNzcgMC4zMTIyNTZaIiBmaWxsPSIjRkY1QzE2Ii8+CjxwYXRoIGQ9Ik0yNS4xNzIyIDI1LjA1MjJMMTkuOTkxMiAyOC45ODExTDI1LjE3MjIgMzAuNTE3NVYyNS4wNTIyWiIgZmlsbD0iI0ZGNUMxNiIvPgo8cGF0aCBkPSJNMjcuNzc2NiAxNi41MDI1SDI3Ljc3ODNIMjcuNzc2NlYxNi40OTkzTDI3Ljc3NSAxNi41MDA5TDIxLjQwMSAxMi4xMzMzTDIwLjQwNTMgMTguNTU2NUgyNS4xNzIyTDI3Ljc1ODYgMjAuOTk4M0wyNy43NzY2IDE2LjUwMjVaIiBmaWxsPSIjRkY1QzE2Ii8+CjxwYXRoIGQ9Ik05LjgyNzkzIDMwLjUxNzVMMi4yOTIyNSAzMi43NTIyTDAgMjUuMDUyMkg5LjgyNzkzVjMwLjUxNzVaIiBmaWxsPSIjRTM0ODA3Ii8+CjxwYXRoIGQ9Ik0xNC41OTQ3IDE4LjU1NDlMMTYuMDM0MSAyNy44NDA2TDE0LjAzOTMgMjIuNjc3N0w3LjIzOTc1IDIwLjk5ODRMOS44MjYxMyAxOC41NTQ5SDE0LjU5M0gxNC41OTQ3WiIgZmlsbD0iI0UzNDgwNyIvPgo8cGF0aCBkPSJNMjUuMTcyMSAzMC41MTc1TDMyLjcwNzggMzIuNzUyMkwzNS4wMDAxIDI1LjA1MjJIMjUuMTcyMVYzMC41MTc1WiIgZmlsbD0iI0UzNDgwNyIvPgo8cGF0aCBkPSJNMjAuNDA1MyAxOC41NTQ5TDE4Ljk2NTggMjcuODQwNkwyMC45NjA3IDIyLjY3NzdMMjcuNzYwMiAyMC45OTg0TDI1LjE3MjIgMTguNTU0OUgyMC40MDUzWiIgZmlsbD0iI0UzNDgwNyIvPgo8cGF0aCBkPSJNMCAyNS4wNDg4TDIuMjkyMjUgMTYuNDk5M0g3LjIyMTgzTDcuMjM5OTEgMjAuOTk2N0wxNC4wMzk0IDIyLjY3NkwxNi4wMzQzIDI3LjgzODlMMTUuMDA4OSAyOC45NzZMOS44Mjc5MyAyNS4wNDcySDBWMjUuMDQ4OFoiIGZpbGw9IiNGRjhENUQiLz4KPHBhdGggZD0iTTM1LjAwMDEgMjUuMDQ4OEwzMi43MDc4IDE2LjQ5OTNIMjcuNzc4M0wyNy43NjAyIDIwLjk5NjdMMjAuOTYwNyAyMi42NzZMMTguOTY1OCAyNy44Mzg5TDE5Ljk5MTIgMjguOTc2TDI1LjE3MjIgMjUuMDQ3MkgzNS4wMDAxVjI1LjA0ODhaIiBmaWxsPSIjRkY4RDVEIi8+CjxwYXRoIGQ9Ik0yMC45MzI1IDcuMzE1NDNIMTcuNDk5OUgxNC4wNjczTDEzLjYwMDYgMTIuMTI1MUwxNi4wMzQyIDI3LjgzNEgxOC45NjU2TDIxLjQwMDggMTIuMTI1MUwyMC45MzI1IDcuMzE1NDNaIiBmaWxsPSIjRkY4RDVEIi8+CjxwYXRoIGQ9Ik0yLjI5MjI1IDAuMzEyMjU2TDAgOS4yNzA5NEwyLjI5MjI1IDE2LjQ5OTNINy4yMjE4M0wxMy41OTkxIDEyLjEzMDFMMi4yOTIyNSAwLjMxMjI1NloiIGZpbGw9IiM2NjE4MDAiLz4KPHBhdGggZD0iTTEzLjE3IDIwLjQxOTlIMTAuOTM2OUw5LjcyMDk1IDIxLjYwNjJMMTQuMDQwOSAyMi42NzI3TDEzLjE3IDIwLjQxODJWMjAuNDE5OVoiIGZpbGw9IiM2NjE4MDAiLz4KPHBhdGggZD0iTTMyLjcwNzcgMC4zMTIyNTZMMzQuOTk5OSA5LjI3MDk0TDMyLjcwNzcgMTYuNDk5M0gyNy43NzgxTDIxLjQwMDkgMTIuMTMwMUwzMi43MDc3IDAuMzEyMjU2WiIgZmlsbD0iIzY2MTgwMCIvPgo8cGF0aCBkPSJNMjEuODMzIDIwLjQxOTlIMjQuMDY5NEwyNS4yODUzIDIxLjYwNzlMMjAuOTYwNCAyMi42NzZMMjEuODMzIDIwLjQxODJWMjAuNDE5OVoiIGZpbGw9IiM2NjE4MDAiLz4KPHBhdGggZD0iTTE5LjQ4MTcgMzAuODM2MkwxOS45OTExIDI4Ljk3OTRMMTguOTY1OCAyNy44NDIzSDE2LjAzMjdMMTUuMDA3MyAyOC45Nzk0TDE1LjUxNjcgMzAuODM2MiIgZmlsbD0iIzY2MTgwMCIvPgo8cGF0aCBkPSJNMTkuNDgxNiAzMC44MzU5VjMzLjkwMjFIMTUuNTE2NlYzMC44MzU5SDE5LjQ4MTZaIiBmaWxsPSIjQzBDNENEIi8+CjxwYXRoIGQ9Ik05LjgyOTU5IDMwLjUxNDJMMTUuNTIgMzMuOTAwOFYzMC44MzQ2TDE1LjAxMDYgMjguOTc3OEw5LjgyOTU5IDMwLjUxNDJaIiBmaWxsPSIjRTdFQkY2Ii8+CjxwYXRoIGQ9Ik0yNS4xNzIxIDMwLjUxNDJMMTkuNDgxNyAzMy45MDA4VjMwLjgzNDZMMTkuOTkxMSAyOC45Nzc4TDI1LjE3MjEgMzAuNTE0MloiIGZpbGw9IiNFN0VCRjYiLz4KPC9zdmc+",
diff --git a/registry/default/payment-widget/context/payment-widget-context/index.ts b/registry/default/payment-widget/context/payment-widget-context/index.ts
new file mode 100644
index 0000000..70c5b19
--- /dev/null
+++ b/registry/default/payment-widget/context/payment-widget-context/index.ts
@@ -0,0 +1,34 @@
+import { createContext } from "react";
+import type { ReceiptInfo, FeeInfo, PaymentError } from "../../types/index";
+import type { TransactionReceipt, WalletClient } from "viem";
+
+export interface PaymentWidgetContextValue {
+ amountInUsd: string;
+ recipientWallet: string;
+
+ walletAccount?: WalletClient;
+ connectedWalletAddress?: string;
+ isWalletOverride: boolean;
+
+ paymentConfig: {
+ rnApiClientId: string;
+ feeInfo?: FeeInfo;
+ supportedCurrencies: string[];
+ };
+
+ uiConfig: {
+ showRequestScanUrl: boolean;
+ showReceiptDownload: boolean;
+ };
+
+ receiptInfo: ReceiptInfo;
+
+ onSuccess?: (
+ requestId: string,
+ transactionReceipts: TransactionReceipt[],
+ ) => void | Promise
;
+ onError?: (error: PaymentError) => void | Promise;
+}
+
+export const PaymentWidgetContext =
+ createContext(null);
diff --git a/registry/default/payment-widget/context/payment-widget-context.tsx b/registry/default/payment-widget/context/payment-widget-context/payment-widget-provider.tsx
similarity index 64%
rename from registry/default/payment-widget/context/payment-widget-context.tsx
rename to registry/default/payment-widget/context/payment-widget-context/payment-widget-provider.tsx
index f33b79a..122f34f 100644
--- a/registry/default/payment-widget/context/payment-widget-context.tsx
+++ b/registry/default/payment-widget/context/payment-widget-context/payment-widget-provider.tsx
@@ -1,42 +1,11 @@
"use client";
-import { createContext, useContext, useMemo, type ReactNode } from "react";
+import { useMemo, type ReactNode } from "react";
import { useAccount } from "wagmi";
-import type { ReceiptInfo, FeeInfo, PaymentError } from "../types/index";
+import type { ReceiptInfo, PaymentError } from "../../types/index";
import type { TransactionReceipt, WalletClient } from "viem";
-import type { PaymentWidgetProps } from "../payment-widget.types";
-
-export interface PaymentWidgetContextValue {
- amountInUsd: string;
- recipientWallet: string;
-
- walletAccount?: WalletClient;
- connectedWalletAddress?: string;
- isWalletOverride: boolean;
-
- paymentConfig: {
- rnApiClientId: string;
- feeInfo?: FeeInfo;
- supportedCurrencies: string[];
- };
-
- uiConfig: {
- showRequestScanUrl: boolean;
- showReceiptDownload: boolean;
- };
-
- receiptInfo: ReceiptInfo;
-
- onSuccess?: (
- requestId: string,
- transactionReceipts: TransactionReceipt[],
- ) => void | Promise;
- onError?: (error: PaymentError) => void | Promise;
-}
-
-const PaymentWidgetContext = createContext(
- null,
-);
+import type { PaymentWidgetProps } from "../../payment-widget.types";
+import { PaymentWidgetContext, type PaymentWidgetContextValue } from "./index";
interface PaymentWidgetProviderProps {
children: ReactNode;
@@ -117,15 +86,3 @@ export function PaymentWidgetProvider({
);
}
-
-export function usePaymentWidgetContext(): PaymentWidgetContextValue {
- const context = useContext(PaymentWidgetContext);
-
- if (!context) {
- throw new Error(
- "usePaymentWidgetContext must be used within a PaymentWidgetProvider",
- );
- }
-
- return context;
-}
diff --git a/registry/default/payment-widget/context/payment-widget-context/use-payment-widget-context.ts b/registry/default/payment-widget/context/payment-widget-context/use-payment-widget-context.ts
new file mode 100644
index 0000000..632e89a
--- /dev/null
+++ b/registry/default/payment-widget/context/payment-widget-context/use-payment-widget-context.ts
@@ -0,0 +1,14 @@
+import { useContext } from "react";
+import { type PaymentWidgetContextValue, PaymentWidgetContext } from "./index";
+
+export function usePaymentWidgetContext(): PaymentWidgetContextValue {
+ const context = useContext(PaymentWidgetContext);
+
+ if (!context) {
+ throw new Error(
+ "usePaymentWidgetContext must be used within a PaymentWidgetProvider",
+ );
+ }
+
+ return context;
+}
diff --git a/registry/default/payment-widget/payment-widget.tsx b/registry/default/payment-widget/payment-widget.tsx
index 3fb07ca..40ecc2d 100644
--- a/registry/default/payment-widget/payment-widget.tsx
+++ b/registry/default/payment-widget/payment-widget.tsx
@@ -5,12 +5,10 @@ import { Button } from "@/components/ui/button";
import { ConnectionHandler } from "./components/connection-handler";
import { Web3Provider } from "./context/web3-context";
import { PaymentModal } from "./components/payment-modal";
-import {
- PaymentWidgetProvider,
- usePaymentWidgetContext,
-} from "./context/payment-widget-context";
+import { PaymentWidgetProvider } from "./context/payment-widget-context/payment-widget-provider";
import type { PaymentWidgetProps } from "./payment-widget.types";
import { ICONS } from "./constants";
+import { usePaymentWidgetContext } from "./context/payment-widget-context/use-payment-widget-context";
function PaymentWidgetInner({ children }: PropsWithChildren) {
const [isModalOpen, setIsModalOpen] = useState(false);
diff --git a/registry/default/payment-widget/types/html2pdf.d.ts b/registry/default/payment-widget/types/html2pdf.d.ts
deleted file mode 100644
index 9c36907..0000000
--- a/registry/default/payment-widget/types/html2pdf.d.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-// Type definitions for html2pdf.js
-// Project: https://github.com/eKoopmans/html2pdf.js
-
-declare module "html2pdf.js" {
- interface Html2PdfOptions {
- margin?: number | [number, number, number, number];
- filename?: string;
- image?: {
- type?: "jpeg" | "png" | "webp";
- quality?: number;
- };
- html2canvas?: {
- scale?: number;
- backgroundColor?: string;
- useCORS?: boolean;
- allowTaint?: boolean;
- logging?: boolean;
- debug?: boolean;
- width?: number;
- height?: number;
- scrollX?: number;
- scrollY?: number;
- x?: number;
- y?: number;
- };
- jsPDF?: {
- unit?: "pt" | "mm" | "cm" | "in";
- format?: "a4" | "letter" | "legal" | [number, number];
- orientation?: "portrait" | "landscape";
- compress?: boolean;
- };
- pagebreak?: {
- mode?: string | string[];
- before?: string | string[];
- after?: string | string[];
- avoid?: string | string[];
- };
- }
-
- interface Html2PdfWorker {
- from(element: HTMLElement | string): Html2PdfWorker;
- to(target: string): Html2PdfWorker;
- set(options: Html2PdfOptions): Html2PdfWorker;
- save(filename?: string): Promise;
- outputPdf(type?: string): Promise;
- then(
- onFulfilled?: (value: any) => any,
- onRejected?: (reason: any) => any,
- ): Promise;
- catch(onRejected?: (reason: any) => any): Promise;
- }
-
- function html2pdf(): Html2PdfWorker;
- function html2pdf(
- element: HTMLElement,
- options?: Html2PdfOptions,
- ): Promise;
-
- namespace html2pdf {
- class Worker implements Html2PdfWorker {
- from(element: HTMLElement | string): Html2PdfWorker;
- to(target: string): Html2PdfWorker;
- set(options: Html2PdfOptions): Html2PdfWorker;
- save(filename?: string): Promise;
- outputPdf(type?: string): Promise;
- // biome-ignore lint/suspicious/noThenProperty:
- then(
- onFulfilled?: (value: any) => any,
- onRejected?: (reason: any) => any,
- ): Promise;
- catch(onRejected?: (reason: any) => any): Promise;
- }
- }
-
- export = html2pdf;
-}
diff --git a/registry/default/payment-widget/utils/payment.ts b/registry/default/payment-widget/utils/payment.ts
index c769c86..6f72b5e 100644
--- a/registry/default/payment-widget/utils/payment.ts
+++ b/registry/default/payment-widget/utils/payment.ts
@@ -1,4 +1,4 @@
-import { TransactionReceipt } from "viem";
+import type { TransactionReceipt } from "viem";
import { RN_API_URL } from "../constants";
import type { FeeInfo, PaymentError } from "../types";
@@ -52,9 +52,12 @@ export type WaitForTransactionFunction = (
hash: `0x${string}`,
) => Promise;
-export const isPaymentError = (error: any): error is PaymentError => {
+export const isPaymentError = (error: unknown): error is PaymentError => {
return (
- error && typeof error === "object" && "type" in error && "error" in error
+ error !== null &&
+ typeof error === "object" &&
+ "type" in error &&
+ "error" in error
);
};
@@ -171,7 +174,7 @@ export const executePayment = async ({
try {
const errorData = await response.json();
errorMessage = errorData.error || errorData.message || errorMessage;
- } catch (_parsingError) {
+ } catch {
// If we can't parse the error response, just use status text
errorMessage = `HTTP ${response.status}: ${response.statusText}`;
}
diff --git a/registry/default/payment-widget/utils/wagmi.ts b/registry/default/payment-widget/utils/wagmi.ts
index 2ce3897..489ffb6 100644
--- a/registry/default/payment-widget/utils/wagmi.ts
+++ b/registry/default/payment-widget/utils/wagmi.ts
@@ -1,4 +1,4 @@
-import { createConfig, http } from "wagmi";
+import { createConfig, http, type CreateConnectorFn } from "wagmi";
import {
arbitrum,
base,
@@ -16,7 +16,7 @@ import {
} from "wagmi/connectors";
export const getWagmiConfig = (walletConnectProjectId?: string) => {
- const connectors = [
+ const connectors: CreateConnectorFn[] = [
injected(),
coinbaseWallet({
appName: "Request Network Payment",
@@ -38,7 +38,7 @@ export const getWagmiConfig = (walletConnectProjectId?: string) => {
showQrModal: true,
});
- connectors.push(connector as any);
+ connectors.push(connector);
} catch (error) {
console.error("WalletConnect creation failed:", error);
}