TON Paywall (run pnpm build:paywall to generate full template)
`;\n }\n\n const {\n amount,\n testnet,\n paymentRequired,\n currentUrl,\n appName,\n appLogo,\n tonConnectManifestUrl,\n theme,\n tonWallets,\n } = options;\n\n const logOnTestnet = testnet\n ? \"console.log('TON Payment required initialized:', window.t402);\"\n : \"\";\n\n const manifestUrl = tonConnectManifestUrl || \"https://t402.io/tonconnect-manifest.json\";\n const themeScript = generateThemeScript(theme);\n\n // Embed wallet list for client-side wallet selection UI\n const walletList = tonWallets ?? getBundledWallets();\n\n const configScript = `\n `;\n\n return TON_PAYWALL_TEMPLATE.replace(\"\", `${themeScript}${configScript}\\n`);\n}\n","import type {\n PaywallNetworkHandler,\n PaymentRequirements,\n PaymentRequired,\n PaywallConfig,\n} from \"../types\";\nimport { getTonPaywallHtml } from \"./paywall\";\n\n// Re-export wallet utilities for server-side use\nexport {\n fetchTonWallets,\n getBundledWallets,\n filterWalletsByPlatform,\n generateWalletDeepLink,\n resetWalletsCache,\n} from \"./wallets\";\nexport type { TonWalletInfo, TonWalletPlatform, TonWalletBridge } from \"./wallets\";\n\n/**\n * TON paywall handler that supports TON-based networks (CAIP-2 format)\n */\nexport const tonPaywall: PaywallNetworkHandler = {\n /**\n * Check if this handler supports the given payment requirement\n *\n * @param requirement - The payment requirement to check\n * @returns True if this handler can process this requirement\n */\n supports(requirement: PaymentRequirements): boolean {\n return requirement.network.startsWith(\"ton:\");\n },\n\n /**\n * Generate TON-specific paywall HTML\n *\n * @param requirement - The selected payment requirement\n * @param paymentRequired - Full payment required response\n * @param config - Paywall configuration\n * @returns HTML string for the paywall page\n */\n generateHtml(\n requirement: PaymentRequirements,\n paymentRequired: PaymentRequired,\n config: PaywallConfig,\n ): string {\n // USDT on TON uses 6 decimals\n const amount = requirement.amount\n ? parseFloat(requirement.amount) / 1000000\n : requirement.maxAmountRequired\n ? parseFloat(requirement.maxAmountRequired) / 1000000\n : 0;\n\n return getTonPaywallHtml({\n amount,\n paymentRequired,\n currentUrl: paymentRequired.resource?.url || config.currentUrl || \"\",\n testnet: config.testnet ?? true,\n appName: config.appName,\n appLogo: config.appLogo,\n theme: config.theme,\n });\n },\n};\n","let cachedCdnTemplate: string | null = null;\nlet cachedInlineTemplate: string | null = null;\n\n/**\n * Loads the TRON paywall template.\n *\n * @param mode - \"cdn\" for lightweight CDN shell (default), \"inline\" for full embedded HTML\n * @returns The template HTML string, or null if not found\n */\nexport function getTronTemplate(mode: \"cdn\" | \"inline\" = \"cdn\"): string | null {\n if (mode === \"inline\") {\n if (cachedInlineTemplate !== null) {\n return cachedInlineTemplate;\n }\n try {\n // eslint-disable-next-line @typescript-eslint/no-require-imports\n const template = require(\"./gen/template-inline\");\n cachedInlineTemplate = template.TRON_PAYWALL_TEMPLATE_INLINE;\n return cachedInlineTemplate;\n } catch {\n return null;\n }\n }\n\n if (cachedCdnTemplate !== null) {\n return cachedCdnTemplate;\n }\n try {\n // eslint-disable-next-line @typescript-eslint/no-require-imports\n const template = require(\"./gen/template\");\n cachedCdnTemplate = template.TRON_PAYWALL_TEMPLATE;\n return cachedCdnTemplate;\n } catch {\n return null;\n }\n}\n","import type { PaymentRequired, PaywallTheme } from \"../types\";\nimport { getTronTemplate } from \"./template-loader\";\nimport { generateThemeScript } from \"../themeUtils\";\n\n/**\n * Escapes a string for safe injection into JavaScript string literals\n *\n * @param str - The string to escape\n * @returns The escaped string\n */\nfunction escapeString(str: string): string {\n return str\n .replace(/\\\\/g, \"\\\\\\\\\")\n .replace(/\"/g, '\\\\\"')\n .replace(/'/g, \"\\\\'\")\n .replace(/\\n/g, \"\\\\n\")\n .replace(/\\r/g, \"\\\\r\")\n .replace(/\\t/g, \"\\\\t\");\n}\n\ninterface TronPaywallOptions {\n amount: number;\n paymentRequired: PaymentRequired;\n currentUrl: string;\n testnet: boolean;\n appName?: string;\n appLogo?: string;\n theme?: PaywallTheme;\n deliveryMode?: \"cdn\" | \"inline\";\n cdnBaseUrl?: string;\n}\n\n/**\n * Generates TRON-specific paywall HTML\n *\n * @param options - The options for generating the paywall\n * @param options.amount - The amount to be paid in USD\n * @param options.paymentRequired - The payment required response with accepts array\n * @param options.currentUrl - The URL of the content being accessed\n * @param options.testnet - Whether to use testnet or mainnet\n * @param options.appName - The name of the application to display\n * @param options.appLogo - The logo of the application to display\n * @returns HTML string for the paywall page\n */\nexport function getTronPaywallHtml(options: TronPaywallOptions): string {\n const mode = options.deliveryMode ?? \"cdn\";\n const TRON_PAYWALL_TEMPLATE = getTronTemplate(mode);\n\n if (!TRON_PAYWALL_TEMPLATE) {\n return `TRON Paywall (run pnpm build:paywall to generate full template)
`;\n }\n\n const { amount, testnet, paymentRequired, currentUrl, appName, appLogo, theme } = options;\n\n const logOnTestnet = testnet\n ? \"console.log('TRON Payment required initialized:', window.t402);\"\n : \"\";\n\n const themeScript = generateThemeScript(theme);\n\n const configScript = `\n `;\n\n return TRON_PAYWALL_TEMPLATE.replace(\"\", `${themeScript}${configScript}\\n`);\n}\n","import type {\n PaywallNetworkHandler,\n PaymentRequirements,\n PaymentRequired,\n PaywallConfig,\n} from \"../types\";\nimport { getTronPaywallHtml } from \"./paywall\";\n\n/**\n * TRON paywall handler that supports TRON-based networks (CAIP-2 format)\n */\nexport const tronPaywall: PaywallNetworkHandler = {\n /**\n * Check if this handler supports the given payment requirement\n *\n * @param requirement - The payment requirement to check\n * @returns True if this handler can process this requirement\n */\n supports(requirement: PaymentRequirements): boolean {\n return requirement.network.startsWith(\"tron:\");\n },\n\n /**\n * Generate TRON-specific paywall HTML\n *\n * @param requirement - The selected payment requirement\n * @param paymentRequired - Full payment required response\n * @param config - Paywall configuration\n * @returns HTML string for the paywall page\n */\n generateHtml(\n requirement: PaymentRequirements,\n paymentRequired: PaymentRequired,\n config: PaywallConfig,\n ): string {\n // USDT on TRON uses 6 decimals\n const amount = requirement.amount\n ? parseFloat(requirement.amount) / 1000000\n : requirement.maxAmountRequired\n ? parseFloat(requirement.maxAmountRequired) / 1000000\n : 0;\n\n return getTronPaywallHtml({\n amount,\n paymentRequired,\n currentUrl: paymentRequired.resource?.url || config.currentUrl || \"\",\n testnet: config.testnet ?? true,\n appName: config.appName,\n appLogo: config.appLogo,\n theme: config.theme,\n });\n },\n};\n","let cachedCdnTemplate: string | null = null;\nlet cachedInlineTemplate: string | null = null;\n\n/**\n * Loads the Stacks paywall template.\n *\n * @param mode - \"cdn\" for lightweight CDN shell (default), \"inline\" for full embedded HTML\n * @returns The template HTML string, or null if not found\n */\nexport function getStacksTemplate(mode: \"cdn\" | \"inline\" = \"cdn\"): string | null {\n if (mode === \"inline\") {\n if (cachedInlineTemplate !== null) {\n return cachedInlineTemplate;\n }\n try {\n // eslint-disable-next-line @typescript-eslint/no-require-imports\n const template = require(\"./gen/template-inline\");\n cachedInlineTemplate = template.STACKS_PAYWALL_TEMPLATE_INLINE;\n return cachedInlineTemplate;\n } catch {\n return null;\n }\n }\n\n if (cachedCdnTemplate !== null) {\n return cachedCdnTemplate;\n }\n try {\n // eslint-disable-next-line @typescript-eslint/no-require-imports\n const template = require(\"./gen/template\");\n cachedCdnTemplate = template.STACKS_PAYWALL_TEMPLATE;\n return cachedCdnTemplate;\n } catch {\n return null;\n }\n}\n","import type { PaymentRequired, PaywallTheme } from \"../types\";\nimport { getStacksTemplate } from \"./template-loader\";\nimport { generateThemeScript } from \"../themeUtils\";\n\n/**\n * Escapes a string for safe injection into JavaScript string literals\n *\n * @param str - The string to escape\n * @returns The escaped string\n */\nfunction escapeString(str: string): string {\n return str\n .replace(/\\\\/g, \"\\\\\\\\\")\n .replace(/\"/g, '\\\\\"')\n .replace(/'/g, \"\\\\'\")\n .replace(/\\n/g, \"\\\\n\")\n .replace(/\\r/g, \"\\\\r\")\n .replace(/\\t/g, \"\\\\t\");\n}\n\ninterface StacksPaywallOptions {\n amount: number;\n paymentRequired: PaymentRequired;\n currentUrl: string;\n testnet: boolean;\n appName?: string;\n appLogo?: string;\n theme?: PaywallTheme;\n deliveryMode?: \"cdn\" | \"inline\";\n cdnBaseUrl?: string;\n}\n\n/**\n * Generates Stacks-specific paywall HTML\n *\n * @param options - The options for generating the paywall\n * @param options.amount - The amount to be paid in USD\n * @param options.paymentRequired - The payment required response with accepts array\n * @param options.currentUrl - The URL of the content being accessed\n * @param options.testnet - Whether to use testnet or mainnet\n * @param options.appName - The name of the application to display\n * @param options.appLogo - The logo of the application to display\n * @returns HTML string for the paywall page\n */\nexport function getStacksPaywallHtml(options: StacksPaywallOptions): string {\n const mode = options.deliveryMode ?? \"cdn\";\n const STACKS_PAYWALL_TEMPLATE = getStacksTemplate(mode);\n\n if (!STACKS_PAYWALL_TEMPLATE) {\n return `Stacks Paywall (run pnpm build:paywall to generate full template)
`;\n }\n\n const { amount, testnet, paymentRequired, currentUrl, appName, appLogo, theme } = options;\n\n const logOnTestnet = testnet\n ? \"console.log('Stacks Payment required initialized:', window.t402);\"\n : \"\";\n\n const themeScript = generateThemeScript(theme);\n\n const configScript = `\n `;\n\n return STACKS_PAYWALL_TEMPLATE.replace(\"\", `${themeScript}${configScript}\\n`);\n}\n","import type {\n PaywallNetworkHandler,\n PaymentRequirements,\n PaymentRequired,\n PaywallConfig,\n} from \"../types\";\nimport { getStacksPaywallHtml } from \"./paywall\";\n\n/**\n * Stacks paywall handler that supports Stacks-based networks (CAIP-2 format)\n */\nexport const stacksPaywall: PaywallNetworkHandler = {\n /**\n * Check if this handler supports the given payment requirement\n *\n * @param requirement - The payment requirement to check\n * @returns True if this handler can process this requirement\n */\n supports(requirement: PaymentRequirements): boolean {\n return requirement.network.startsWith(\"stacks:\");\n },\n\n /**\n * Generate Stacks-specific paywall HTML\n *\n * @param requirement - The selected payment requirement\n * @param paymentRequired - Full payment required response\n * @param config - Paywall configuration\n * @returns HTML string for the paywall page\n */\n generateHtml(\n requirement: PaymentRequirements,\n paymentRequired: PaymentRequired,\n config: PaywallConfig,\n ): string {\n // sUSDC on Stacks uses 6 decimals\n const amount = requirement.amount\n ? parseFloat(requirement.amount) / 1000000\n : requirement.maxAmountRequired\n ? parseFloat(requirement.maxAmountRequired) / 1000000\n : 0;\n\n return getStacksPaywallHtml({\n amount,\n paymentRequired,\n currentUrl: paymentRequired.resource?.url || config.currentUrl || \"\",\n testnet: config.testnet ?? true,\n appName: config.appName,\n appLogo: config.appLogo,\n theme: config.theme,\n });\n },\n};\n","let cachedCdnTemplate: string | null = null;\nlet cachedInlineTemplate: string | null = null;\n\n/**\n * Loads the Cosmos paywall template.\n *\n * @param mode - \"cdn\" for lightweight CDN shell (default), \"inline\" for full embedded HTML\n * @returns The template HTML string, or null if not found\n */\nexport function getCosmosTemplate(mode: \"cdn\" | \"inline\" = \"cdn\"): string | null {\n if (mode === \"inline\") {\n if (cachedInlineTemplate !== null) {\n return cachedInlineTemplate;\n }\n try {\n // eslint-disable-next-line @typescript-eslint/no-require-imports\n const template = require(\"./gen/template-inline\");\n cachedInlineTemplate = template.COSMOS_PAYWALL_TEMPLATE_INLINE;\n return cachedInlineTemplate;\n } catch {\n return null;\n }\n }\n\n if (cachedCdnTemplate !== null) {\n return cachedCdnTemplate;\n }\n try {\n // eslint-disable-next-line @typescript-eslint/no-require-imports\n const template = require(\"./gen/template\");\n cachedCdnTemplate = template.COSMOS_PAYWALL_TEMPLATE;\n return cachedCdnTemplate;\n } catch {\n return null;\n }\n}\n","import type { PaymentRequired, PaywallTheme } from \"../types\";\nimport { getCosmosTemplate } from \"./template-loader\";\nimport { generateThemeScript } from \"../themeUtils\";\n\n/**\n * Escapes a string for safe injection into JavaScript string literals\n *\n * @param str - The string to escape\n * @returns The escaped string\n */\nfunction escapeString(str: string): string {\n return str\n .replace(/\\\\/g, \"\\\\\\\\\")\n .replace(/\"/g, '\\\\\"')\n .replace(/'/g, \"\\\\'\")\n .replace(/\\n/g, \"\\\\n\")\n .replace(/\\r/g, \"\\\\r\")\n .replace(/\\t/g, \"\\\\t\");\n}\n\ninterface CosmosPaywallOptions {\n amount: number;\n paymentRequired: PaymentRequired;\n currentUrl: string;\n testnet: boolean;\n appName?: string;\n appLogo?: string;\n theme?: PaywallTheme;\n deliveryMode?: \"cdn\" | \"inline\";\n cdnBaseUrl?: string;\n}\n\n/**\n * Generates Cosmos-specific paywall HTML\n *\n * @param options - The options for generating the paywall\n * @param options.amount - The amount to be paid in USD\n * @param options.paymentRequired - The payment required response with accepts array\n * @param options.currentUrl - The URL of the content being accessed\n * @param options.testnet - Whether to use testnet or mainnet\n * @param options.appName - The name of the application to display\n * @param options.appLogo - The logo of the application to display\n * @returns HTML string for the paywall page\n */\nexport function getCosmosPaywallHtml(options: CosmosPaywallOptions): string {\n const mode = options.deliveryMode ?? \"cdn\";\n const COSMOS_PAYWALL_TEMPLATE = getCosmosTemplate(mode);\n\n if (!COSMOS_PAYWALL_TEMPLATE) {\n return `Cosmos Paywall (run pnpm build:paywall to generate full template)
`;\n }\n\n const { amount, testnet, paymentRequired, currentUrl, appName, appLogo, theme } = options;\n\n const logOnTestnet = testnet\n ? \"console.log('Cosmos Payment required initialized:', window.t402);\"\n : \"\";\n\n const themeScript = generateThemeScript(theme);\n\n const configScript = `\n `;\n\n return COSMOS_PAYWALL_TEMPLATE.replace(\"\", `${themeScript}${configScript}\\n`);\n}\n","import type {\n PaywallNetworkHandler,\n PaymentRequirements,\n PaymentRequired,\n PaywallConfig,\n} from \"../types\";\nimport { getCosmosPaywallHtml } from \"./paywall\";\n\n/**\n * Cosmos paywall handler that supports Cosmos-based networks (CAIP-2 format)\n * Currently supports Noble for native USDC payments\n */\nexport const cosmosPaywall: PaywallNetworkHandler = {\n /**\n * Check if this handler supports the given payment requirement\n *\n * @param requirement - The payment requirement to check\n * @returns True if this handler can process this requirement\n */\n supports(requirement: PaymentRequirements): boolean {\n return requirement.network.startsWith(\"cosmos:\");\n },\n\n /**\n * Generate Cosmos-specific paywall HTML\n *\n * @param requirement - The selected payment requirement\n * @param paymentRequired - Full payment required response\n * @param config - Paywall configuration\n * @returns HTML string for the paywall page\n */\n generateHtml(\n requirement: PaymentRequirements,\n paymentRequired: PaymentRequired,\n config: PaywallConfig,\n ): string {\n // USDC uses 6 decimals\n const amount = requirement.amount\n ? parseFloat(requirement.amount) / 1000000\n : requirement.maxAmountRequired\n ? parseFloat(requirement.maxAmountRequired) / 1000000\n : 0;\n\n return getCosmosPaywallHtml({\n amount,\n paymentRequired,\n currentUrl: paymentRequired.resource?.url || config.currentUrl || \"\",\n testnet: config.testnet ?? true,\n appName: config.appName,\n appLogo: config.appLogo,\n theme: config.theme,\n });\n },\n};\n","let cachedCdnTemplate: string | null = null;\nlet cachedInlineTemplate: string | null = null;\n\n/**\n * Loads the NEAR paywall template.\n *\n * @param mode - \"cdn\" for lightweight CDN shell (default), \"inline\" for full embedded HTML\n * @returns The template HTML string, or null if not found\n */\nexport function getNearTemplate(mode: \"cdn\" | \"inline\" = \"cdn\"): string | null {\n if (mode === \"inline\") {\n if (cachedInlineTemplate !== null) {\n return cachedInlineTemplate;\n }\n try {\n // eslint-disable-next-line @typescript-eslint/no-require-imports\n const template = require(\"./gen/template-inline\");\n cachedInlineTemplate = template.NEAR_PAYWALL_TEMPLATE_INLINE;\n return cachedInlineTemplate;\n } catch {\n return null;\n }\n }\n\n if (cachedCdnTemplate !== null) {\n return cachedCdnTemplate;\n }\n try {\n // eslint-disable-next-line @typescript-eslint/no-require-imports\n const template = require(\"./gen/template\");\n cachedCdnTemplate = template.NEAR_PAYWALL_TEMPLATE;\n return cachedCdnTemplate;\n } catch {\n return null;\n }\n}\n","import type { PaymentRequired, PaywallTheme } from \"../types\";\nimport { getNearTemplate } from \"./template-loader\";\nimport { generateThemeScript } from \"../themeUtils\";\n\n/**\n * Escapes a string for safe injection into JavaScript string literals\n *\n * @param str - The string to escape\n * @returns The escaped string\n */\nfunction escapeString(str: string): string {\n return str\n .replace(/\\\\/g, \"\\\\\\\\\")\n .replace(/\"/g, '\\\\\"')\n .replace(/'/g, \"\\\\'\")\n .replace(/\\n/g, \"\\\\n\")\n .replace(/\\r/g, \"\\\\r\")\n .replace(/\\t/g, \"\\\\t\");\n}\n\ninterface NearPaywallOptions {\n amount: number;\n paymentRequired: PaymentRequired;\n currentUrl: string;\n testnet: boolean;\n appName?: string;\n appLogo?: string;\n theme?: PaywallTheme;\n deliveryMode?: \"cdn\" | \"inline\";\n cdnBaseUrl?: string;\n}\n\n/**\n * Generates NEAR-specific paywall HTML\n *\n * @param options - The options for generating the paywall\n * @param options.amount - The amount to be paid in USD\n * @param options.paymentRequired - The payment required response with accepts array\n * @param options.currentUrl - The URL of the content being accessed\n * @param options.testnet - Whether to use testnet or mainnet\n * @param options.appName - The name of the application to display\n * @param options.appLogo - The logo of the application to display\n * @returns HTML string for the paywall page\n */\nexport function getNearPaywallHtml(options: NearPaywallOptions): string {\n const mode = options.deliveryMode ?? \"cdn\";\n const NEAR_PAYWALL_TEMPLATE = getNearTemplate(mode);\n\n if (!NEAR_PAYWALL_TEMPLATE) {\n return `NEAR Paywall (run pnpm build:paywall to generate full template)
`;\n }\n\n const { amount, testnet, paymentRequired, currentUrl, appName, appLogo, theme } = options;\n\n const logOnTestnet = testnet\n ? \"console.log('NEAR Payment required initialized:', window.t402);\"\n : \"\";\n\n const themeScript = generateThemeScript(theme);\n\n const configScript = `\n `;\n\n return NEAR_PAYWALL_TEMPLATE.replace(\"\", `${themeScript}${configScript}\\n`);\n}\n","import type {\n PaywallNetworkHandler,\n PaymentRequirements,\n PaymentRequired,\n PaywallConfig,\n} from \"../types\";\nimport { getNearPaywallHtml } from \"./paywall\";\n\n/**\n * NEAR paywall handler that supports NEAR-based networks (CAIP-2 format)\n */\nexport const nearPaywall: PaywallNetworkHandler = {\n /**\n * Check if this handler supports the given payment requirement\n *\n * @param requirement - The payment requirement to check\n * @returns True if this handler can process this requirement\n */\n supports(requirement: PaymentRequirements): boolean {\n return requirement.network.startsWith(\"near:\");\n },\n\n /**\n * Generate NEAR-specific paywall HTML\n *\n * @param requirement - The selected payment requirement\n * @param paymentRequired - Full payment required response\n * @param config - Paywall configuration\n * @returns HTML string for the paywall page\n */\n generateHtml(\n requirement: PaymentRequirements,\n paymentRequired: PaymentRequired,\n config: PaywallConfig,\n ): string {\n // USDC uses 6 decimals\n const amount = requirement.amount\n ? parseFloat(requirement.amount) / 1000000\n : requirement.maxAmountRequired\n ? parseFloat(requirement.maxAmountRequired) / 1000000\n : 0;\n\n return getNearPaywallHtml({\n amount,\n paymentRequired,\n currentUrl: paymentRequired.resource?.url || config.currentUrl || \"\",\n testnet: config.testnet ?? true,\n appName: config.appName,\n appLogo: config.appLogo,\n theme: config.theme,\n });\n },\n};\n","import type { PaymentRequired, PaywallTheme } from \"../types\";\nimport { generateThemeScript } from \"../themeUtils\";\n\nfunction escapeString(str: string): string {\n return str\n .replace(/\\\\/g, \"\\\\\\\\\")\n .replace(/\"/g, '\\\\\"')\n .replace(/'/g, \"\\\\'\")\n .replace(/\\n/g, \"\\\\n\")\n .replace(/\\r/g, \"\\\\r\")\n .replace(/\\t/g, \"\\\\t\");\n}\n\ninterface GaslessPaywallOptions {\n amount: number;\n paymentRequired: PaymentRequired;\n currentUrl: string;\n testnet: boolean;\n appName?: string;\n appLogo?: string;\n theme?: PaywallTheme;\n}\n\n/**\n * Generates gasless ERC-4337 paywall HTML\n *\n * Unlike the regular EVM paywall, this doesn't require wallet connection.\n * The payment is processed via a smart account with gas sponsorship.\n */\nexport function getGaslessPaywallHtml(options: GaslessPaywallOptions): string {\n const { amount, testnet, paymentRequired, currentUrl, appName, appLogo, theme } = options;\n const themeScript = generateThemeScript(theme);\n\n const configScript = `\n `;\n\n return `\n\n\n \n \n\n ${appLogo ? `![\"\"](\"${escapeString(appLogo)}\")
` : \"\"}\n
\n \n\n`;\n}\n","import type {\n PaywallNetworkHandler,\n PaymentRequirements,\n PaymentRequired,\n PaywallConfig,\n} from \"../types\";\nimport { getGaslessPaywallHtml } from \"./paywall\";\n\n/**\n * Gasless ERC-4337 paywall handler for EVM networks.\n *\n * Renders a paywall page that indicates the payment will be gasless\n * (sponsored by a paymaster). Use this handler instead of `evmPaywall`\n * when your application supports gasless payments.\n *\n * The handler checks for `eip155:` network prefix AND\n * the `extra.gasless` field in payment requirements.\n *\n * @example\n * ```typescript\n * import { createPaywall, gaslessPaywall, evmPaywall } from '@t402/paywall';\n *\n * const paywall = createPaywall()\n * .withNetwork(gaslessPaywall) // gasless first (checked before evm)\n * .withNetwork(evmPaywall) // fallback to regular EVM\n * .build();\n * ```\n */\nexport const gaslessPaywall: PaywallNetworkHandler = {\n /**\n * Check if this handler supports the given payment requirement.\n * Matches EVM networks with gasless support indicated.\n */\n supports(requirement: PaymentRequirements): boolean {\n if (!requirement.network.startsWith(\"eip155:\")) {\n return false;\n }\n\n // Check for gasless flag in extra metadata\n if (requirement.extra?.gasless === true) {\n return true;\n }\n\n // Check for ERC-4337 scheme\n if (requirement.scheme === \"erc4337\" || requirement.scheme === \"gasless\") {\n return true;\n }\n\n return false;\n },\n\n /**\n * Generate gasless paywall HTML\n */\n generateHtml(\n requirement: PaymentRequirements,\n paymentRequired: PaymentRequired,\n config: PaywallConfig,\n ): string {\n const amount = requirement.amount\n ? parseFloat(requirement.amount) / 1000000\n : requirement.maxAmountRequired\n ? parseFloat(requirement.maxAmountRequired) / 1000000\n : 0;\n\n return getGaslessPaywallHtml({\n amount,\n paymentRequired,\n currentUrl: paymentRequired.resource?.url || config.currentUrl || \"\",\n testnet: config.testnet ?? true,\n appName: config.appName,\n appLogo: config.appLogo,\n theme: config.theme,\n });\n },\n};\n","import { useState, useEffect, useCallback } from \"react\";\n\n/**\n * Transaction status states\n */\nexport type TxStatus = \"pending\" | \"confirming\" | \"confirmed\" | \"failed\";\n\nexport interface TransactionStatusProps {\n /**\n * Transaction hash\n */\n txHash: string;\n /**\n * Network identifier (CAIP-2 format)\n */\n network: string;\n /**\n * Number of confirmations required (default: 1)\n */\n requiredConfirmations?: number;\n /**\n * Callback when transaction is confirmed\n */\n onConfirmed?: () => void;\n /**\n * Callback when transaction fails\n */\n onFailed?: (error: string) => void;\n}\n\n/**\n * Get block explorer URL for a transaction\n */\nfunction getExplorerUrl(txHash: string, network: string): string | null {\n // EVM chains\n if (network.startsWith(\"eip155:\")) {\n const chainId = parseInt(network.split(\":\")[1]);\n const explorers: RecordPayment Required
\n$${amount.toFixed(2)}
\n \n \n Gasless Payment\n
\n \n
\n \n \n \n \n Token\n USDT0\n
\n \n \n Gas Fee\n Sponsored (Free)\n
\n \n \n Method\n Smart Account (ERC-4337)\n
\n \n \n
\n )}\n \n );\n}\n\n/**\n * Hook to manage transaction status\n */\nexport function useTransactionStatus() {\n const [txHash, setTxHash] = useState\n Transaction\n
\n\n \n {status === \"pending\" || status === \"confirming\" ? (\n
\n \n
\n\n {status === \"confirming\" && (\n {truncateHash(txHash)}\n \n \n {copied ? \n
\n