cppay-sdk 0.0.2-beta.13 → 0.0.2-beta.19

package/dist/cppay-ClXaSwp8.cjs

@@ -0,0 +1 @@
+const e={Ethereum:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/info/logo.png`,BSC:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/binance/info/logo.png`,"bsc-testnet":`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/binance/info/logo.png`,Tron:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/tron/info/logo.png`,Polygon:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/polygon/info/logo.png`,Solana:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/solana/info/logo.png`},t={USDT:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0xdAC17F958D2ee523a2206206994597C13D831ec7/logo.png`,USDC:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48/logo.png`,ETH:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/info/logo.png`,BNB:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/binance/info/logo.png`,tBNB:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/binance/info/logo.png`,TRX:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/tron/info/logo.png`,SOL:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/solana/info/logo.png`};var n=`http://192.168.0.162:8000`,r=async(e,t,r)=>{let i=Object.assign({timeout:15e3},r),a=new AbortController,o=setTimeout(()=>a.abort(),i.timeout);try{let r=await fetch(new URL(e,n),{signal:a.signal,...t});clearTimeout(o);let i=r.headers.get(`Content-Type`)??``;if(i.includes(`json`))return await r.json();try{return await r.json()}catch{throw Error(`URL: ${e}, Unsupport Content Type: ${i}`)}}catch(t){throw clearTimeout(o),t instanceof DOMException&&t.name===`AbortError`?Error(`URL: ${e}, Request timeout after ${i.timeout}ms`):t}},i=0,a=async(e,t)=>{let n=new URLSearchParams(t.params),a=await r(`${t.url}${n.size?`?${n.toString()}`:``}`,{method:t.method??`get`,headers:{Authorization:e,...t.headers},body:t.data?JSON.stringify(t.data):void 0});if(a.code!==i)throw Error(`Request ${t.url} Failed. ${a.message}`);return a.data},o=class{apikey;constructor(e){this.apikey=e}async getSupportedChains(){return(await a(this.apikey,{url:`/api/payment/token`})).map(e=>({chain:e.chain,chainId:e.chain_id,tokenSymbol:e.token_symbol,tokenDecimals:e.token_decimals,tokenAddress:e.token_address}))}async createOnetimePayment(e,t,n,r){let i={chain:e,token:t,order_no:n,amount:r},o=await a(this.apikey,{url:`/api/payment/create`,method:`post`,data:i});return{paymentId:o.payment_id,paymentAmount:o.pay_amount,receiveAddress:o.receive_address,expireAt:o.expire_at}}async createSubscriptionPayment(e,t,n,r,i){let o={chain:e,token:t,order_no:n,amount_usd:r,renewal_days:i},s=await a(this.apikey,{url:`/api/subscription/create`,method:`post`,data:o});return{subscriptionId:s.subscription_id,approveAmount:s.approved_amount,spenderAddress:s.contract_address,expireAt:s.expire_at}}async createX402Payment(){throw Error(`Unsupported payment mode`)}async checkOnetimePaymentStatus(e){let t={payment_id:e},n=await a(this.apikey,{url:`/api/payment/query`,params:t});return{orderId:n.order_no,paymentId:n.payment_id,chain:n.chain,token:n.token,baseAmount:n.base_amount,payAmount:n.pay_amount,receiveAddress:n.receive_address,expireAt:n.expire_at,status:n.status}}async checkSubcriptionPaymentStatus(e){let t={subscription_id:e},n=await a(this.apikey,{url:`/api/subscription/query`,params:t});return{orderId:n.order_no,subscriptionId:n.subscription_id,chain:n.chain,token:n.token,approvedAddress:n.approved_contract_address,txHash:n.approved_tx_hash,approveAmount:n.approved_amount,amountOfUsd:n.amount_usd,expireAt:n.expire_at,status:n.subscription_status}}async getSubcriptionPayments(e){let t={subscription_id:e},n=await a(this.apikey,{url:`/api/subscription/payments`,params:t});return{total:n.total,payments:(n.payments??[]).map(e=>({orderId:e.order_no,subscriptionId:e.subscription_id,chain:e.chain,token:e.token,txHash:e.tx_hash,payAmount:e.pay_amount,receiveAddress:e.receive_address,status:e.status,errorMessage:e.error_message}))}}async checkX402PaymentStatus(){throw Error(`Unsupported payment mode`)}},s=class{api;constructor(e){this.api=new o(e)}async getSupportedChains(){let n=(await this.api.getSupportedChains()).reduce((n,r)=>{let i=n[r.chain]??{chain:r.chain,chainId:r.chainId,tokens:[],icon:e[r.chain]};return i.tokens.push({symbol:r.tokenSymbol,decimals:r.tokenDecimals,address:r.tokenAddress,icon:t[r.tokenSymbol]}),n[r.chain]=i,n},{});return Object.values(n)}async createPayment(e,t){switch(e){case`one-time`:return this.createOnetimePayment(t);case`subscription`:return this.createSubscriptionPayment(t)}}async checkPaymentStatus(e,t){switch(e){case`one-time`:return this.checkOnetimePaymentStatus(t);case`subscription`:return this.checkSubscriptionPaymentStatus(t)}}async createOnetimePayment(e){let t=await this.api.createOnetimePayment(e.paymentChain,e.paymentToken,e.orderId,e.amount);return{...e,...t}}async createSubscriptionPayment(e){let t=await this.api.createSubscriptionPayment(e.paymentChain,e.paymentToken,e.orderId,e.amountOfUsd,e.intervalDays);return{...e,...t}}async checkOnetimePaymentStatus(e){return{...await this.api.checkOnetimePaymentStatus(e.paymentId)}}async checkSubscriptionPaymentStatus(e){return{...await this.api.checkSubcriptionPaymentStatus(e.subscriptionId)}}async getSubcriptionPayments(e){return{...await this.api.getSubcriptionPayments(e.subscriptionId)}}},c=s;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});

package/dist/{cppay-p8t6ic0x.js → cppay-DNvA2evq.js}

@@ -54,8 +54,7 @@ var BASE_URL = "http://192.168.0.162:8000", request = async (e, t, r) => {
 			chainId: e.chain_id,
 			tokenSymbol: e.token_symbol,
 			tokenDecimals: e.token_decimals,
-			tokenAddress: e.token_address,
-			receiveAddresses: e.receive_addresses
+			tokenAddress: e.token_address
 		}));
 	}
 	async createOnetimePayment(e, t, n, r) {
@@ -140,7 +139,7 @@ var BASE_URL = "http://192.168.0.162:8000", request = async (e, t, r) => {
 		});
 		return {
 			total: n.total,
-			payments: n.payments.map((e) => ({
+			payments: (n.payments ?? []).map((e) => ({
 				orderId: e.order_no,
 				subscriptionId: e.subscription_id,
 				chain: e.chain,
@@ -173,7 +172,6 @@ var BASE_URL = "http://192.168.0.162:8000", request = async (e, t, r) => {
 				symbol: r.tokenSymbol,
 				decimals: r.tokenDecimals,
 				address: r.tokenAddress,
-				receiveAddresses: r.receiveAddresses,
 				icon: TOKEN_ICONS[r.tokenSymbol]
 			}), n[r.chain] = i, n;
 		}, {});

package/dist/cppay-sdk.css

@@ -1,2 +1,2 @@
-._cppay-fade-enter-active[data-v-57d5d708],._cppay-fade-leave-active[data-v-57d5d708]{transition:opacity .3s}._cppay-fade-enter-from[data-v-57d5d708],._cppay-fade-leave-to[data-v-57d5d708]{opacity:0}._cppay-fade-enter-active ._cppay-dialog[data-v-57d5d708]{animation:.3s _cppay-slideUp}
+._cppay-fade-enter-active[data-v-681ced40],._cppay-fade-leave-active[data-v-681ced40]{transition:opacity .3s}._cppay-fade-enter-from[data-v-681ced40],._cppay-fade-leave-to[data-v-681ced40]{opacity:0}._cppay-fade-enter-active ._cppay-dialog[data-v-681ced40]{animation:.3s _cppay-slideUp}
 /*$vite$:1*/

package/dist/index.cjs

@@ -1 +1 @@
-const e=require(`./cppay-S6x6aDqU.cjs`);exports.CHAIN_ICONS=e.n,exports.Cppay=e.t,exports.TOKEN_ICONS=e.r;
+const e=require(`./cppay-ClXaSwp8.cjs`);exports.CHAIN_ICONS=e.n,exports.Cppay=e.t,exports.TOKEN_ICONS=e.r;

package/dist/index.d.ts

@@ -123,7 +123,6 @@ export declare interface TokenInfo {
     symbol: string;
     decimals: number;
     address: Address | "";
-    receiveAddresses: Address[];
 }
 
 export { }

package/dist/index.js

@@ -1,2 +1,2 @@
-import { n as CHAIN_ICONS, r as TOKEN_ICONS, t as cppay_default } from "./cppay-p8t6ic0x.js";
+import { n as CHAIN_ICONS, r as TOKEN_ICONS, t as cppay_default } from "./cppay-DNvA2evq.js";
 export { CHAIN_ICONS, cppay_default as Cppay, TOKEN_ICONS };

package/dist/inject-style-F1LzEPFL.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n)),c=`._cppay-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}._cppay-dialog{background-color:#fff;border-radius:1.5rem;width:100%;max-width:28rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}._cppay-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}._cppay-title{color:#111827;margin:0;font-size:1.25rem;font-weight:600}._cppay-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s}._cppay-close-btn:hover:not(:disabled){color:#4b5563}._cppay-close-btn:disabled{opacity:.5;cursor:not-allowed}._cppay-close-btn svg{width:1.5rem;height:1.5rem}._cppay-content{padding:1.5rem}._cppay-section{margin-bottom:1.5rem}._cppay-section:last-child{margin-bottom:0}._cppay-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}._cppay-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}._cppay-select-btn{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem;font-family:inherit;font-size:.875rem;transition:all .2s;display:flex}._cppay-select-btn:hover{border-color:#d1d5db}._cppay-select-btn._cppay-selected{background-color:#eff6ff;border-color:#2563eb}._cppay-select-btn img{border-radius:9999px;width:1.5rem;height:1.5rem}._cppay-select-btn span{font-weight:500}._cppay-price-box{background-color:#f9fafb;border-radius:1rem;padding:1rem}._cppay-price-row{justify-content:space-between;align-items:center;display:flex}._cppay-price-label{color:#4b5563;font-size:.875rem}._cppay-price-amount{text-align:right}._cppay-price-main{color:#111827;margin:0;font-size:1.25rem;font-weight:700}._cppay-price-sub{color:#6b7280;margin-top:.25rem;font-size:.875rem}._cppay-btn{cursor:pointer;border:none;border-radius:.75rem;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}._cppay-btn-primary{color:#fff;background-color:#2563eb}._cppay-btn-primary:hover:not(:disabled){background-color:#1d4ed8}._cppay-btn-primary:disabled{opacity:.5;cursor:not-allowed}._cppay-btn-secondary{color:#374151;background-color:#fff;border:1px solid #d1d5db}._cppay-btn-secondary:hover:not(:disabled){background-color:#f9fafb}._cppay-btn-secondary:disabled{opacity:.5;cursor:not-allowed}._cppay-qr-container{justify-content:center;margin-bottom:1.5rem;display:flex}._cppay-qr-placeholder{background-color:#f3f4f6;border-radius:1rem;justify-content:center;align-items:center;width:12rem;height:12rem;display:flex}._cppay-qr-placeholder span{color:#9ca3af;font-size:.875rem}._cppay-info-box{background-color:#f9fafb;border-radius:.75rem;margin-bottom:.75rem;padding:1rem}._cppay-info-box:last-child{margin-bottom:0}._cppay-info-label{color:#4b5563;margin-bottom:.25rem;font-size:.875rem}._cppay-info-value{color:#111827;font-size:1.25rem;font-weight:700}._cppay-address-row{align-items:center;gap:.5rem;display:flex}._cppay-address-row code{text-overflow:ellipsis;white-space:nowrap;color:#111827;background:0 0;flex:1;font-family:monospace;font-size:.75rem;overflow:hidden}._cppay-copy-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}._cppay-copy-btn:hover{color:#1d4ed8}._cppay-copy-btn svg{width:1.25rem;height:1.25rem}@keyframes _cppay-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes _cppay-slideUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}._cppay-overlay{animation:.3s _cppay-fadeIn}._cppay-dialog{animation:.3s _cppay-slideUp}@media (max-width:640px){._cppay-dialog{margin:.5rem}._cppay-header,._cppay-content{padding:1rem}}`;function l(e){if(typeof document>`u`||document.getElementById(`_cppay-payment-dialog-style`))return;let t=document.createElement(`style`);t.id=`_cppay-payment-dialog-style`,t.textContent=e,document.head.appendChild(t)}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/dist/react.cjs

@@ -1 +1 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const c=require(`./cppay-S6x6aDqU.cjs`),l=require(`./inject-style-Dz7JsQxo.cjs`);let u=require(`react`);u=s(u);let d=require(`react/jsx-runtime`);var f=({open:e,onClose:t,apikey:n,plain:r,orderId:i,amount:a,intervalDays:o,onSuccess:s,onError:l})=>{let f=(0,u.useMemo)(()=>new c.t(n),[n]),[p,m]=(0,u.useState)(`select`),[h,g]=(0,u.useState)(!1),[_,v]=(0,u.useState)([]),[y,b]=(0,u.useState)(``),[x,S]=(0,u.useState)(``),[C,w]=(0,u.useState)(null),T=(0,u.useMemo)(()=>_.find(e=>e.chain===y),[_,y]),E=(0,u.useMemo)(()=>T?.tokens||[],[T]),D=(0,u.useMemo)(()=>E.find(e=>e.symbol===x),[E,x]),O=(0,u.useMemo)(()=>x?(parseFloat(a)/1).toFixed(6):`0`,[a,x,1]),k=async()=>{try{g(!0);let e=await f.getSupportedChains();v(e),e.length>0&&b(e[0].chain)}catch(e){l?.(e)}finally{g(!1)}},A=async()=>{if(!(!y||!x))try{g(!0);let e;r===`one-time`?e=await f.createPayment(`one-time`,{paymentChain:y,paymentToken:x,orderId:i,amount:O}):r===`subscription`&&(e=await f.createPayment(`subscription`,{paymentChain:y,paymentToken:x,orderId:i,amountOfUsd:O,intervalDays:o||30})),w({paymentId:e.paymentId||e.subscriptionId,paymentAmount:e.paymentAmount||e.approveAmount,receiveAddress:D?.receiveAddresses[0]||e.spenderAddress||``}),m(`payment`)}catch(e){l?.(e)}finally{g(!1)}},j=async()=>{if(C)try{g(!0),await f.checkPaymentStatus(`one-time`,C),s?.(C.paymentId),N()}catch(e){l?.(e)}finally{g(!1)}},M=async()=>{C?.receiveAddress&&await navigator.clipboard.writeText(C.receiveAddress)},N=()=>{t(),setTimeout(()=>{m(`select`),w(null)},300)};return(0,u.useEffect)(()=>{e&&_.length===0&&k()},[e]),(0,u.useEffect)(()=>{E.length>0&&S(E[0].symbol)},[E]),e?(0,d.jsx)(`div`,{className:`_cppay-overlay`,onClick:e=>e.target===e.currentTarget&&N(),children:(0,d.jsxs)(`div`,{className:`_cppay-dialog`,children:[(0,d.jsxs)(`div`,{className:`_cppay-header`,children:[(0,d.jsx)(`h2`,{className:`_cppay-title`,children:p===`select`?`选择支付方式`:`完成支付`}),(0,d.jsx)(`button`,{onClick:N,disabled:h,className:`_cppay-close-btn`,children:(0,d.jsx)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:(0,d.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M6 18L18 6M6 6l12 12`})})})]}),(0,d.jsx)(`div`,{className:`_cppay-content`,children:p===`select`?(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`div`,{className:`_cppay-section`,children:[(0,d.jsx)(`label`,{className:`_cppay-label`,children:`支付网络`}),(0,d.jsx)(`div`,{className:`_cppay-grid`,children:_.map(e=>(0,d.jsxs)(`button`,{onClick:()=>b(e.chain),className:`_cppay-select-btn ${y===e.chain?`_cppay-selected`:``}`,children:[e.icon&&(0,d.jsx)(`img`,{src:e.icon,alt:e.chain}),(0,d.jsx)(`span`,{children:e.chain})]},e.chain))})]}),(0,d.jsxs)(`div`,{className:`_cppay-section`,children:[(0,d.jsx)(`label`,{className:`_cppay-label`,children:`支付代币`}),(0,d.jsx)(`div`,{className:`_cppay-grid`,children:E.map(e=>(0,d.jsxs)(`button`,{onClick:()=>S(e.symbol),className:`_cppay-select-btn ${x===e.symbol?`_cppay-selected`:``}`,children:[e.icon&&(0,d.jsx)(`img`,{src:e.icon,alt:e.symbol}),(0,d.jsx)(`span`,{children:e.symbol})]},e.symbol))})]}),(0,d.jsx)(`div`,{className:`_cppay-section`,children:(0,d.jsx)(`div`,{className:`_cppay-price-box`,children:(0,d.jsxs)(`div`,{className:`_cppay-price-row`,children:[(0,d.jsx)(`span`,{className:`_cppay-price-label`,children:`支付金额`}),(0,d.jsxs)(`div`,{className:`_cppay-price-amount`,children:[(0,d.jsxs)(`div`,{className:`_cppay-price-main`,children:[O,` `,x]}),(0,d.jsxs)(`div`,{className:`_cppay-price-sub`,children:[`≈ $`,a]})]})]})})}),(0,d.jsx)(`div`,{className:`_cppay-section`,children:(0,d.jsx)(`button`,{onClick:A,disabled:!y||!x||h,className:`_cppay-btn _cppay-btn-primary`,children:h?`处理中...`:`继续支付`})})]}):C&&(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`div`,{className:`_cppay-qr-container`,children:(0,d.jsx)(`div`,{className:`_cppay-qr-placeholder`,children:(0,d.jsx)(`span`,{children:`扫码支付`})})}),(0,d.jsxs)(`div`,{className:`_cppay-section`,children:[(0,d.jsxs)(`div`,{className:`_cppay-info-box`,children:[(0,d.jsx)(`div`,{className:`_cppay-info-label`,children:`支付金额`}),(0,d.jsxs)(`div`,{className:`_cppay-info-value`,children:[C.paymentAmount,` `,x]})]}),(0,d.jsxs)(`div`,{className:`_cppay-info-box`,children:[(0,d.jsx)(`div`,{className:`_cppay-info-label`,children:`支付地址`}),(0,d.jsxs)(`div`,{className:`_cppay-address-row`,children:[(0,d.jsx)(`code`,{children:C.receiveAddress}),(0,d.jsx)(`button`,{onClick:M,className:`_cppay-copy-btn`,title:`复制地址`,children:(0,d.jsx)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:(0,d.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z`})})})]})]})]}),(0,d.jsx)(`div`,{className:`_cppay-section`,children:(0,d.jsx)(`button`,{onClick:j,disabled:h,className:`_cppay-btn _cppay-btn-primary`,children:h?`检查支付状态...`:`我已完成支付`})}),(0,d.jsx)(`div`,{className:`_cppay-section`,children:(0,d.jsx)(`button`,{onClick:()=>m(`select`),disabled:h,className:`_cppay-btn _cppay-btn-secondary`,children:`更改支付方式`})})]})})]})}):null},p=u.default.memo(f),m=(0,u.createContext)(null);const h=({apikey:e,children:t})=>{let[n,r]=(0,u.useState)(!1),[i,a]=(0,u.useState)(null),o=(0,u.useCallback)(e=>{a(e),r(!0)},[]),s=(0,u.useCallback)(()=>{r(!1)},[]),c=(0,u.useCallback)(e=>{i?.onSuccess?.(e),r(!1)},[i]),l=(0,u.useCallback)(e=>{i?.onError?.(e)},[i]);return(0,d.jsxs)(m.Provider,{value:{showPayment:o},children:[t,i&&(0,d.jsx)(p,{open:n,onClose:s,apikey:e,plain:i.plain,orderId:i.orderId,amount:i.amount,intervalDays:i.intervalDays,onSuccess:c,onError:l})]})},g=()=>{let e=(0,u.useContext)(m);if(!e)throw Error(`useCppayPayment must be used within CppayProvider`);return e};l.t(l.n),exports.CppayProvider=h,exports.PaymentDialog=p,exports.t=s,exports.useCppayPayment=g;
+const e=require(`./inject-style-F1LzEPFL.cjs`),t=require(`./cppay-ClXaSwp8.cjs`);let n=require(`qrcode`);n=e.r(n);let r=require(`rxjs`),i=require(`rxjs/operators`),a=require(`react`);a=e.r(a);let o=require(`react/jsx-runtime`);var s=({open:e,onClose:s,apikey:c,plain:l,orderId:u,amount:d,intervalDays:f,onExpired:p,onSuccess:m,onFailed:h,onError:g})=>{let _=(0,a.useMemo)(()=>new t.t(c),[c]),[v,y]=(0,a.useState)(`select`),[b,x]=(0,a.useState)(!1),[S,C]=(0,a.useState)([]),[w,T]=(0,a.useState)(``),[E,D]=(0,a.useState)(``),[O,k]=(0,a.useState)(``),A=(0,a.useRef)(null),j=(0,a.useMemo)(()=>S.find(e=>e.chain===w),[S,w]),M=(0,a.useMemo)(()=>j?.tokens||[],[j]);(0,a.useMemo)(()=>M.find(e=>e.symbol===E),[M,E]);let N=e=>[`USDT`,`USDC`,`BUSD`,`DAI`,`TUSD`,`USDD`,`FDUSD`].includes(e.toUpperCase())?2:6,P=(e,t)=>{let n=parseFloat(e);return isNaN(n)?`0`:n.toFixed(t).replace(/\.?0+$/,``)},F=(0,a.useMemo)(()=>{if(!E)return`0`;let e=N(E);return P((parseFloat(d)/1).toFixed(e),e)},[d,E,1]),I=async()=>{try{x(!0);let e=await _.getSupportedChains();C(e),e.length>0&&T(e[0].chain)}catch(e){g?.(e)}finally{x(!1)}},L=(0,a.useRef)(null),R=async()=>{if(!(!w||!E))try{x(!0);let e=``;l===`one-time`?(L.current=await _.createOnetimePayment({paymentChain:w,paymentToken:E,orderId:u,amount:F}),e=`${w.toLowerCase()}:${L.current.receiveAddress}?amount=${L.current.paymentAmount}`):l===`subscription`&&(L.current=await _.createSubscriptionPayment({paymentChain:w,paymentToken:E,orderId:u,amountOfUsd:F,intervalDays:f||30}),e=`${w.toLowerCase()}:${L.current.spenderAddress}?amount=${L.current.approveAmount}`),y(`payment`),k(await n.toDataURL(e,{width:200,margin:2,errorCorrectionLevel:`H`}))}catch(e){g?.(e)}finally{x(!1)}},z=async()=>{if(L.current)try{x(!0),l===`one-time`&&B(L.current.subscriptionId),l===`subscription`&&B(L.current.paymentId)}catch(e){console.error(`支付状态检查错误:`,e),g?.(e)}finally{x(!1)}},B=e=>{let t=()=>(0,r.defer)(()=>l===`subscription`?_.checkSubscriptionPaymentStatus({subscriptionId:e}):_.checkOnetimePaymentStatus({paymentId:e})).pipe((0,i.timeout)(15e3),(0,i.retry)({count:3,delay:2e3}));A.current?.unsubscribe(),A.current=t().pipe((0,i.expand)(e=>e.status===`pending`?(0,r.timer)(2e3).pipe((0,i.switchMap)(()=>t())):r.EMPTY),(0,i.tap)(e=>{e.status===`expired`&&p?.(e),e.status===`paid`&&(m?.(e),H()),e.status===`failed`&&h?.(e),e.status===`approved`&&(m?.(e),H())})).subscribe({error:e=>{console.error(`支付状态检查错误:`,e),g?.(e)}})},V=async()=>{if(!L.current)return;let e=l===`subscription`?L.current.spenderAddress:L.current.receiveAddress;e&&await navigator.clipboard.writeText(e)},H=()=>{s(),setTimeout(()=>{y(`select`),L.current=null},300)};return(0,a.useEffect)(()=>{e&&S.length===0&&I()},[e]),(0,a.useEffect)(()=>{M.length>0&&D(M[0].symbol)},[M]),(0,a.useEffect)(()=>()=>{A.current?.unsubscribe()},[]),e?(0,o.jsx)(`div`,{className:`_cppay-overlay`,onClick:e=>e.target===e.currentTarget&&H(),children:(0,o.jsxs)(`div`,{className:`_cppay-dialog`,children:[(0,o.jsxs)(`div`,{className:`_cppay-header`,children:[(0,o.jsx)(`h2`,{className:`_cppay-title`,children:v===`select`?`选择支付方式`:`完成支付`}),(0,o.jsx)(`button`,{onClick:H,disabled:b,className:`_cppay-close-btn`,children:(0,o.jsx)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:(0,o.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M6 18L18 6M6 6l12 12`})})})]}),(0,o.jsx)(`div`,{className:`_cppay-content`,children:v===`select`?(0,o.jsxs)(`div`,{children:[(0,o.jsxs)(`div`,{className:`_cppay-section`,children:[(0,o.jsx)(`label`,{className:`_cppay-label`,children:`支付网络`}),(0,o.jsx)(`div`,{className:`_cppay-grid`,children:S.map(e=>(0,o.jsxs)(`button`,{onClick:()=>T(e.chain),className:`_cppay-select-btn ${w===e.chain?`_cppay-selected`:``}`,children:[e.icon&&(0,o.jsx)(`img`,{src:e.icon,alt:e.chain}),(0,o.jsx)(`span`,{children:e.chain})]},e.chain))})]}),(0,o.jsxs)(`div`,{className:`_cppay-section`,children:[(0,o.jsx)(`label`,{className:`_cppay-label`,children:`支付代币`}),(0,o.jsx)(`div`,{className:`_cppay-grid`,children:M.map(e=>(0,o.jsxs)(`button`,{onClick:()=>D(e.symbol),className:`_cppay-select-btn ${E===e.symbol?`_cppay-selected`:``}`,children:[e.icon&&(0,o.jsx)(`img`,{src:e.icon,alt:e.symbol}),(0,o.jsx)(`span`,{children:e.symbol})]},e.symbol))})]}),(0,o.jsx)(`div`,{className:`_cppay-section`,children:(0,o.jsx)(`div`,{className:`_cppay-price-box`,children:(0,o.jsxs)(`div`,{className:`_cppay-price-row`,children:[(0,o.jsx)(`span`,{className:`_cppay-price-label`,children:`支付金额`}),(0,o.jsxs)(`div`,{className:`_cppay-price-amount`,children:[(0,o.jsxs)(`div`,{className:`_cppay-price-main`,children:[F,` `,E]}),(0,o.jsxs)(`div`,{className:`_cppay-price-sub`,children:[`≈ $`,d]})]})]})})}),(0,o.jsx)(`div`,{className:`_cppay-section`,children:(0,o.jsx)(`button`,{onClick:R,disabled:!w||!E||b,className:`_cppay-btn _cppay-btn-primary`,children:b?`处理中...`:`继续支付`})})]}):(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`div`,{className:`_cppay-qr-container`,children:(0,o.jsx)(`div`,{className:`_cppay-qr-code`,style:{background:`white`,padding:`16px`,borderRadius:`16px`},children:O&&(0,o.jsx)(`img`,{src:O,alt:`Payment QR Code`,style:{width:`200px`,height:`200px`}})})}),(0,o.jsxs)(`div`,{className:`_cppay-section`,children:[(0,o.jsxs)(`div`,{className:`_cppay-info-box`,children:[(0,o.jsx)(`div`,{className:`_cppay-info-label`,children:l===`subscription`?`授权金额`:`支付金额`}),(0,o.jsx)(`div`,{className:`_cppay-info-value`,children:l===`subscription`?`${P(L.current.approveAmount,N(E))} ${E}`:`${P(L.current.paymentAmount,N(E))} ${E}`})]}),(0,o.jsxs)(`div`,{className:`_cppay-info-box`,children:[(0,o.jsx)(`div`,{className:`_cppay-info-label`,children:l===`subscription`?`授权合约地址`:`支付地址`}),(0,o.jsxs)(`div`,{className:`_cppay-address-row`,children:[(0,o.jsx)(`code`,{children:l===`subscription`?L.current.spenderAddress:L.current.receiveAddress}),(0,o.jsx)(`button`,{onClick:V,className:`_cppay-copy-btn`,title:`复制地址`,children:(0,o.jsx)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:(0,o.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z`})})})]})]}),l===`subscription`&&(0,o.jsxs)(`div`,{className:`_cppay-info-box`,style:{background:`#fff3cd`,borderColor:`#ffc107`},children:[(0,o.jsx)(`div`,{className:`_cppay-info-label`,style:{color:`#856404`},children:`📌 订阅说明`}),(0,o.jsx)(`div`,{className:`_cppay-info-value`,style:{fontSize:`12px`,color:`#856404`},children:`订阅支付需要授权代币给合约地址，系统将按周期自动扣款。授权后无需每次手动支付。`})]})]}),(0,o.jsx)(`div`,{className:`_cppay-section`,children:(0,o.jsx)(`button`,{onClick:z,disabled:b,className:`_cppay-btn _cppay-btn-primary`,children:b?`检查中...`:`我已完成支付`})}),(0,o.jsx)(`div`,{className:`_cppay-section`,children:(0,o.jsx)(`button`,{onClick:()=>y(`select`),disabled:b,className:`_cppay-btn _cppay-btn-secondary`,children:`更改支付方式`})})]})})]})}):null},c=a.default.memo(s),l=(0,a.createContext)(null);const u=({apikey:e,children:t})=>{let[n,r]=(0,a.useState)(!1),[i,s]=(0,a.useState)(null),u=(0,a.useCallback)(e=>{s(e),r(!0)},[]),d=(0,a.useCallback)(()=>{r(!1)},[]),f=(0,a.useCallback)(e=>{i?.onSuccess?.(e),r(!1)},[i]),p=(0,a.useCallback)(e=>{i?.onError?.(e)},[i]);return(0,o.jsxs)(l.Provider,{value:{showPayment:u},children:[t,i&&(0,o.jsx)(c,{open:n,onClose:d,apikey:e,plain:i.plain,orderId:i.orderId,amount:i.amount,intervalDays:i.intervalDays,onSuccess:f,onError:p})]})},d=()=>{let e=(0,a.useContext)(l);if(!e)throw Error(`useCppayPayment must be used within CppayProvider`);return e};e.t(e.n),exports.CppayProvider=u,exports.PaymentDialog=c,exports.useCppayPayment=d;

package/dist/react.d.ts

@@ -1,6 +1,8 @@
 import { default as default_2 } from 'react';
 import { ReactNode } from 'react';
 
+declare type Address = `0x${string}`;
+
 declare interface CppayContextValue {
     showPayment: (options: PaymentOptions_2) => void;
 }
@@ -12,6 +14,20 @@ declare interface CppayProviderProps {
     children: ReactNode;
 }
 
+declare type Numberic = `${number}.${number}` | `${number}`;
+
+declare interface OnetimePaymentOrderStatus {
+    orderId: string;
+    paymentId: string;
+    chain: string;
+    token: string;
+    baseAmount: Numberic;
+    payAmount: Numberic;
+    receiveAddress: Address;
+    expireAt: number;
+    status: PaymentStatus;
+}
+
 export declare const PaymentDialog: default_2.NamedExoticComponent<PaymentDialogProps>;
 
 declare interface PaymentDialogProps {
@@ -22,7 +38,9 @@ declare interface PaymentDialogProps {
     orderId: string;
     amount: string;
     intervalDays?: number;
-    onSuccess?: (paymentId: string) => void;
+    onSuccess?: (order: SubscriptionPaymentOrderStatus | OnetimePaymentOrderStatus) => void;
+    onExpired?: (order: SubscriptionPaymentOrderStatus | OnetimePaymentOrderStatus) => void;
+    onFailed?: (order: SubscriptionPaymentOrderStatus | OnetimePaymentOrderStatus) => void;
     onError?: (error: Error) => void;
 }
 
@@ -31,12 +49,29 @@ declare interface PaymentOptions_2 {
     orderId: string;
     amount: string;
     intervalDays?: number;
-    onSuccess?: (paymentId: string) => void;
+    onSuccess?: (order: SubscriptionPaymentOrderStatus | OnetimePaymentOrderStatus) => void;
     onError?: (error: Error) => void;
 }
 
 declare type PaymentPlain = "one-time" | "subscription" | "x402";
 
+declare type PaymentStatus = "pending" | "paid" | "expired" | "failed";
+
+declare interface SubscriptionPaymentOrderStatus {
+    orderId: string;
+    subscriptionId: string;
+    chain: string;
+    token: string;
+    approvedAddress: string;
+    txHash: string;
+    approveAmount: string;
+    amountOfUsd: string;
+    expireAt: number;
+    status: SubscriptionPaymentStatus;
+}
+
+declare type SubscriptionPaymentStatus = "pending" | "approved" | "expired" | "failed";
+
 export declare const useCppayPayment: () => CppayContextValue;
 
 export { }

package/dist/react.js

@@ -1,79 +1,113 @@
-import { t as cppay_default } from "./cppay-p8t6ic0x.js";
+import { t as cppay_default } from "./cppay-DNvA2evq.js";
 import { n as payment_dialog_default, t as injectStyle } from "./inject-style-qX_0AjjE.js";
-import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import * as QRCode from "qrcode";
+import { EMPTY, defer, timer } from "rxjs";
+import { expand, retry, switchMap, tap, timeout } from "rxjs/operators";
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var PaymentDialog_default = React.memo(({ open: i, onClose: a, apikey: o, plain: s, orderId: c, amount: l, intervalDays: f, onSuccess: p, onError: m }) => {
-	let h = useMemo(() => new cppay_default(o), [o]), [g, _] = useState("select"), [v, y] = useState(!1), [b, x] = useState([]), [S, C] = useState(""), [w, T] = useState(""), [E, D] = useState(null), O = useMemo(() => b.find((t) => t.chain === S), [b, S]), k = useMemo(() => O?.tokens || [], [O]), A = useMemo(() => k.find((t) => t.symbol === w), [k, w]), j = useMemo(() => w ? (parseFloat(l) / 1).toFixed(6) : "0", [
-		l,
-		w,
+var PaymentDialog_default = React.memo(({ open: l, onClose: u, apikey: v, plain: y, orderId: b, amount: x, intervalDays: S, onExpired: C, onSuccess: w, onFailed: T, onError: E }) => {
+	let D = useMemo(() => new cppay_default(v), [v]), [O, k] = useState("select"), [A, j] = useState(!1), [M, N] = useState([]), [P, F] = useState(""), [I, L] = useState(""), [R, z] = useState(""), B = useRef(null), V = useMemo(() => M.find((t) => t.chain === P), [M, P]), H = useMemo(() => V?.tokens || [], [V]);
+	useMemo(() => H.find((t) => t.symbol === I), [H, I]);
+	let U = (t) => [
+		"USDT",
+		"USDC",
+		"BUSD",
+		"DAI",
+		"TUSD",
+		"USDD",
+		"FDUSD"
+	].includes(t.toUpperCase()) ? 2 : 6, W = (t, l) => {
+		let u = parseFloat(t);
+		return isNaN(u) ? "0" : u.toFixed(l).replace(/\.?0+$/, "");
+	}, G = useMemo(() => {
+		if (!I) return "0";
+		let t = U(I);
+		return W((parseFloat(x) / 1).toFixed(t), t);
+	}, [
+		x,
+		I,
 		1
-	]), M = async () => {
+	]), K = async () => {
 		try {
-			y(!0);
-			let t = await h.getSupportedChains();
-			x(t), t.length > 0 && C(t[0].chain);
+			j(!0);
+			let t = await D.getSupportedChains();
+			N(t), t.length > 0 && F(t[0].chain);
 		} catch (t) {
-			m?.(t);
+			E?.(t);
 		} finally {
-			y(!1);
+			j(!1);
 		}
-	}, N = async () => {
-		if (!(!S || !w)) try {
-			y(!0);
-			let t;
-			s === "one-time" ? t = await h.createPayment("one-time", {
-				paymentChain: S,
-				paymentToken: w,
-				orderId: c,
-				amount: j
-			}) : s === "subscription" && (t = await h.createPayment("subscription", {
-				paymentChain: S,
-				paymentToken: w,
-				orderId: c,
-				amountOfUsd: j,
-				intervalDays: f || 30
-			})), D({
-				paymentId: t.paymentId || t.subscriptionId,
-				paymentAmount: t.paymentAmount || t.approveAmount,
-				receiveAddress: A?.receiveAddresses[0] || t.spenderAddress || ""
-			}), _("payment");
+	}, q = useRef(null), J = async () => {
+		if (!(!P || !I)) try {
+			j(!0);
+			let t = "";
+			y === "one-time" ? (q.current = await D.createOnetimePayment({
+				paymentChain: P,
+				paymentToken: I,
+				orderId: b,
+				amount: G
+			}), t = `${P.toLowerCase()}:${q.current.receiveAddress}?amount=${q.current.paymentAmount}`) : y === "subscription" && (q.current = await D.createSubscriptionPayment({
+				paymentChain: P,
+				paymentToken: I,
+				orderId: b,
+				amountOfUsd: G,
+				intervalDays: S || 30
+			}), t = `${P.toLowerCase()}:${q.current.spenderAddress}?amount=${q.current.approveAmount}`), k("payment"), z(await QRCode.toDataURL(t, {
+				width: 200,
+				margin: 2,
+				errorCorrectionLevel: "H"
+			}));
 		} catch (t) {
-			m?.(t);
+			E?.(t);
 		} finally {
-			y(!1);
+			j(!1);
 		}
-	}, P = async () => {
-		if (E) try {
-			y(!0), await h.checkPaymentStatus("one-time", E), p?.(E.paymentId), I();
+	}, Y = async () => {
+		if (q.current) try {
+			j(!0), y === "one-time" && X(q.current.subscriptionId), y === "subscription" && X(q.current.paymentId);
 		} catch (t) {
-			m?.(t);
+			console.error("支付状态检查错误:", t), E?.(t);
 		} finally {
-			y(!1);
+			j(!1);
 		}
-	}, F = async () => {
-		E?.receiveAddress && await navigator.clipboard.writeText(E.receiveAddress);
-	}, I = () => {
-		a(), setTimeout(() => {
-			_("select"), D(null);
+	}, X = (t) => {
+		let l = () => defer(() => y === "subscription" ? D.checkSubscriptionPaymentStatus({ subscriptionId: t }) : D.checkOnetimePaymentStatus({ paymentId: t })).pipe(timeout(15e3), retry({
+			count: 3,
+			delay: 2e3
+		}));
+		B.current?.unsubscribe(), B.current = l().pipe(expand((t) => t.status === "pending" ? timer(2e3).pipe(switchMap(() => l())) : EMPTY), tap((t) => {
+			t.status === "expired" && C?.(t), t.status === "paid" && (w?.(t), Q()), t.status === "failed" && T?.(t), t.status === "approved" && (w?.(t), Q());
+		})).subscribe({ error: (t) => {
+			console.error("支付状态检查错误:", t), E?.(t);
+		} });
+	}, Z = async () => {
+		if (!q.current) return;
+		let t = y === "subscription" ? q.current.spenderAddress : q.current.receiveAddress;
+		t && await navigator.clipboard.writeText(t);
+	}, Q = () => {
+		u(), setTimeout(() => {
+			k("select"), q.current = null;
 		}, 300);
 	};
 	return useEffect(() => {
-		i && b.length === 0 && M();
-	}, [i]), useEffect(() => {
-		k.length > 0 && T(k[0].symbol);
-	}, [k]), i ? /* @__PURE__ */ jsx("div", {
+		l && M.length === 0 && K();
+	}, [l]), useEffect(() => {
+		H.length > 0 && L(H[0].symbol);
+	}, [H]), useEffect(() => () => {
+		B.current?.unsubscribe();
+	}, []), l ? /* @__PURE__ */ jsx("div", {
 		className: "_cppay-overlay",
-		onClick: (t) => t.target === t.currentTarget && I(),
+		onClick: (t) => t.target === t.currentTarget && Q(),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "_cppay-dialog",
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "_cppay-header",
 				children: [/* @__PURE__ */ jsx("h2", {
 					className: "_cppay-title",
-					children: g === "select" ? "选择支付方式" : "完成支付"
+					children: O === "select" ? "选择支付方式" : "完成支付"
 				}), /* @__PURE__ */ jsx("button", {
-					onClick: I,
-					disabled: v,
+					onClick: Q,
+					disabled: A,
 					className: "_cppay-close-btn",
 					children: /* @__PURE__ */ jsx("svg", {
 						fill: "none",
@@ -89,7 +123,7 @@ var PaymentDialog_default = React.memo(({ open: i, onClose: a, apikey: o, plain:
 				})]
 			}), /* @__PURE__ */ jsx("div", {
 				className: "_cppay-content",
-				children: g === "select" ? /* @__PURE__ */ jsxs("div", { children: [
+				children: O === "select" ? /* @__PURE__ */ jsxs("div", { children: [
 					/* @__PURE__ */ jsxs("div", {
 						className: "_cppay-section",
 						children: [/* @__PURE__ */ jsx("label", {
@@ -97,9 +131,9 @@ var PaymentDialog_default = React.memo(({ open: i, onClose: a, apikey: o, plain:
 							children: "支付网络"
 						}), /* @__PURE__ */ jsx("div", {
 							className: "_cppay-grid",
-							children: b.map((t) => /* @__PURE__ */ jsxs("button", {
-								onClick: () => C(t.chain),
-								className: `_cppay-select-btn ${S === t.chain ? "_cppay-selected" : ""}`,
+							children: M.map((t) => /* @__PURE__ */ jsxs("button", {
+								onClick: () => F(t.chain),
+								className: `_cppay-select-btn ${P === t.chain ? "_cppay-selected" : ""}`,
 								children: [t.icon && /* @__PURE__ */ jsx("img", {
 									src: t.icon,
 									alt: t.chain
@@ -114,9 +148,9 @@ var PaymentDialog_default = React.memo(({ open: i, onClose: a, apikey: o, plain:
 							children: "支付代币"
 						}), /* @__PURE__ */ jsx("div", {
 							className: "_cppay-grid",
-							children: k.map((t) => /* @__PURE__ */ jsxs("button", {
-								onClick: () => T(t.symbol),
-								className: `_cppay-select-btn ${w === t.symbol ? "_cppay-selected" : ""}`,
+							children: H.map((t) => /* @__PURE__ */ jsxs("button", {
+								onClick: () => L(t.symbol),
+								className: `_cppay-select-btn ${I === t.symbol ? "_cppay-selected" : ""}`,
 								children: [t.icon && /* @__PURE__ */ jsx("img", {
 									src: t.icon,
 									alt: t.symbol
@@ -138,13 +172,13 @@ var PaymentDialog_default = React.memo(({ open: i, onClose: a, apikey: o, plain:
 									children: [/* @__PURE__ */ jsxs("div", {
 										className: "_cppay-price-main",
 										children: [
-											j,
+											G,
 											" ",
-											w
+											I
 										]
 									}), /* @__PURE__ */ jsxs("div", {
 										className: "_cppay-price-sub",
-										children: ["≈ $", l]
+										children: ["≈ $", x]
 									})]
 								})]
 							})
@@ -153,75 +187,105 @@ var PaymentDialog_default = React.memo(({ open: i, onClose: a, apikey: o, plain:
 					/* @__PURE__ */ jsx("div", {
 						className: "_cppay-section",
 						children: /* @__PURE__ */ jsx("button", {
-							onClick: N,
-							disabled: !S || !w || v,
+							onClick: J,
+							disabled: !P || !I || A,
 							className: "_cppay-btn _cppay-btn-primary",
-							children: v ? "处理中..." : "继续支付"
+							children: A ? "处理中..." : "继续支付"
 						})
 					})
-				] }) : E && /* @__PURE__ */ jsxs("div", { children: [
+				] }) : /* @__PURE__ */ jsxs("div", { children: [
 					/* @__PURE__ */ jsx("div", {
 						className: "_cppay-qr-container",
 						children: /* @__PURE__ */ jsx("div", {
-							className: "_cppay-qr-placeholder",
-							children: /* @__PURE__ */ jsx("span", { children: "扫码支付" })
+							className: "_cppay-qr-code",
+							style: {
+								background: "white",
+								padding: "16px",
+								borderRadius: "16px"
+							},
+							children: R && /* @__PURE__ */ jsx("img", {
+								src: R,
+								alt: "Payment QR Code",
+								style: {
+									width: "200px",
+									height: "200px"
+								}
+							})
 						})
 					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "_cppay-section",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "_cppay-info-box",
-							children: [/* @__PURE__ */ jsx("div", {
-								className: "_cppay-info-label",
-								children: "支付金额"
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "_cppay-info-value",
-								children: [
-									E.paymentAmount,
-									" ",
-									w
-								]
-							})]
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "_cppay-info-box",
-							children: [/* @__PURE__ */ jsx("div", {
-								className: "_cppay-info-label",
-								children: "支付地址"
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "_cppay-address-row",
-								children: [/* @__PURE__ */ jsx("code", { children: E.receiveAddress }), /* @__PURE__ */ jsx("button", {
-									onClick: F,
-									className: "_cppay-copy-btn",
-									title: "复制地址",
-									children: /* @__PURE__ */ jsx("svg", {
-										fill: "none",
-										stroke: "currentColor",
-										viewBox: "0 0 24 24",
-										children: /* @__PURE__ */ jsx("path", {
-											strokeLinecap: "round",
-											strokeLinejoin: "round",
-											strokeWidth: 2,
-											d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "_cppay-info-box",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "_cppay-info-label",
+									children: y === "subscription" ? "授权金额" : "支付金额"
+								}), /* @__PURE__ */ jsx("div", {
+									className: "_cppay-info-value",
+									children: y === "subscription" ? `${W(q.current.approveAmount, U(I))} ${I}` : `${W(q.current.paymentAmount, U(I))} ${I}`
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "_cppay-info-box",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "_cppay-info-label",
+									children: y === "subscription" ? "授权合约地址" : "支付地址"
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "_cppay-address-row",
+									children: [/* @__PURE__ */ jsx("code", { children: y === "subscription" ? q.current.spenderAddress : q.current.receiveAddress }), /* @__PURE__ */ jsx("button", {
+										onClick: Z,
+										className: "_cppay-copy-btn",
+										title: "复制地址",
+										children: /* @__PURE__ */ jsx("svg", {
+											fill: "none",
+											stroke: "currentColor",
+											viewBox: "0 0 24 24",
+											children: /* @__PURE__ */ jsx("path", {
+												strokeLinecap: "round",
+												strokeLinejoin: "round",
+												strokeWidth: 2,
+												d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+											})
 										})
-									})
+									})]
 								})]
-							})]
-						})]
+							}),
+							y === "subscription" && /* @__PURE__ */ jsxs("div", {
+								className: "_cppay-info-box",
+								style: {
+									background: "#fff3cd",
+									borderColor: "#ffc107"
+								},
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "_cppay-info-label",
+									style: { color: "#856404" },
+									children: "📌 订阅说明"
+								}), /* @__PURE__ */ jsx("div", {
+									className: "_cppay-info-value",
+									style: {
+										fontSize: "12px",
+										color: "#856404"
+									},
+									children: "订阅支付需要授权代币给合约地址，系统将按周期自动扣款。授权后无需每次手动支付。"
+								})]
+							})
+						]
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "_cppay-section",
 						children: /* @__PURE__ */ jsx("button", {
-							onClick: P,
-							disabled: v,
+							onClick: Y,
+							disabled: A,
 							className: "_cppay-btn _cppay-btn-primary",
-							children: v ? "检查支付状态..." : "我已完成支付"
+							children: A ? "检查中..." : "我已完成支付"
 						})
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "_cppay-section",
 						children: /* @__PURE__ */ jsx("button", {
-							onClick: () => _("select"),
-							disabled: v,
+							onClick: () => k("select"),
+							disabled: A,
 							className: "_cppay-btn _cppay-btn-secondary",
 							children: "更改支付方式"
 						})
@@ -231,28 +295,28 @@ var PaymentDialog_default = React.memo(({ open: i, onClose: a, apikey: o, plain:
 		})
 	}) : null;
 }), CppayContext = createContext(null);
-const CppayProvider = ({ apikey: t, children: i }) => {
-	let [a, o] = useState(!1), [s, l] = useState(null), u = useCallback((t) => {
-		l(t), o(!0);
-	}, []), d = useCallback(() => {
-		o(!1);
-	}, []), m = useCallback((t) => {
-		s?.onSuccess?.(t), o(!1);
-	}, [s]), h = useCallback((t) => {
-		s?.onError?.(t);
-	}, [s]);
+const CppayProvider = ({ apikey: t, children: l }) => {
+	let [u, d] = useState(!1), [f, p] = useState(null), m = useCallback((t) => {
+		p(t), d(!0);
+	}, []), h = useCallback(() => {
+		d(!1);
+	}, []), g = useCallback((t) => {
+		f?.onSuccess?.(t), d(!1);
+	}, [f]), _ = useCallback((t) => {
+		f?.onError?.(t);
+	}, [f]);
 	return /* @__PURE__ */ jsxs(CppayContext.Provider, {
-		value: { showPayment: u },
-		children: [i, s && /* @__PURE__ */ jsx(PaymentDialog_default, {
-			open: a,
-			onClose: d,
+		value: { showPayment: m },
+		children: [l, f && /* @__PURE__ */ jsx(PaymentDialog_default, {
+			open: u,
+			onClose: h,
 			apikey: t,
-			plain: s.plain,
-			orderId: s.orderId,
-			amount: s.amount,
-			intervalDays: s.intervalDays,
-			onSuccess: m,
-			onError: h
+			plain: f.plain,
+			orderId: f.orderId,
+			amount: f.amount,
+			intervalDays: f.intervalDays,
+			onSuccess: g,
+			onError: _
 		})]
 	});
 }, useCppayPayment = () => {

package/dist/vue.cjs

@@ -1 +1 @@
-const e=require(`./cppay-S6x6aDqU.cjs`),t=require(`./inject-style-Dz7JsQxo.cjs`),n=require(`./react.cjs`);let r=require(`vue`);var i={class:`_cppay-dialog`},a={class:`_cppay-header`},o={class:`_cppay-title`},s=[`disabled`],c={class:`_cppay-content`},l={key:0},u={class:`_cppay-section`},d={class:`_cppay-grid`},f=[`onClick`],p=[`src`,`alt`],m={class:`_cppay-section`},h={class:`_cppay-grid`},g=[`onClick`],_=[`src`,`alt`],v={class:`_cppay-section`},y={class:`_cppay-price-box`},b={class:`_cppay-price-row`},x={class:`_cppay-price-amount`},S={class:`_cppay-price-main`},C={class:`_cppay-price-sub`},w={class:`_cppay-section`},T=[`disabled`],E={key:1},D={class:`_cppay-section`},O={class:`_cppay-info-box`},k={class:`_cppay-info-value`},A={class:`_cppay-info-box`},j={class:`_cppay-address-row`},M={class:`_cppay-section`},ee=[`disabled`],N={class:`_cppay-section`},P=[`disabled`],F=(0,r.defineComponent)({__name:`PaymentDialog`,props:{modelValue:{type:Boolean},apikey:{},orderId:{},amount:{}},emits:[`update:modelValue`,`success`,`error`],setup(t,{emit:n}){let F=t,I=n,L=new e.t(F.apikey),R=(0,r.ref)(`select`),z=(0,r.ref)(!1),B=(0,r.ref)([]),V=(0,r.ref)(``),H=(0,r.ref)(``),U=(0,r.ref)(null),W=(0,r.computed)(()=>B.value.find(e=>e.chain===V.value)),G=(0,r.computed)(()=>W.value?.tokens||[]),K=(0,r.computed)(()=>G.value.find(e=>e.symbol===H.value)),q=(0,r.ref)(1),J=(0,r.computed)(()=>H.value?(parseFloat(F.amount)/q.value).toFixed(6):`0`),Y=()=>{I(`update:modelValue`,!1),setTimeout(()=>{R.value=`select`,U.value=null},300)},X=async()=>{try{z.value=!0,B.value=await L.getSupportedChains(),B.value.length>0&&(V.value=B.value[0].chain)}catch(e){I(`error`,e)}finally{z.value=!1}},Z=async()=>{if(!(!V.value||!H.value))try{z.value=!0;let e=await L.createPayment(`one-time`,{paymentChain:V.value,paymentToken:H.value,orderId:F.orderId,amount:J.value});U.value={paymentId:e.paymentId,paymentAmount:e.paymentAmount,receiveAddress:K.value?.receiveAddresses[0]||``},R.value=`payment`}catch(e){I(`error`,e)}finally{z.value=!1}},Q=async()=>{if(U.value)try{z.value=!0,await L.checkPaymentStatus(`one-time`,U.value),I(`success`,U.value.paymentId),Y()}catch(e){I(`error`,e)}finally{z.value=!1}},$=async()=>{U.value?.receiveAddress&&await navigator.clipboard.writeText(U.value.receiveAddress)};return(0,r.watch)(()=>F.modelValue,e=>{e&&B.value.length===0&&X()}),(0,r.watch)(V,()=>{G.value.length>0&&(H.value=G.value[0].symbol)}),(e,n)=>((0,r.openBlock)(),(0,r.createBlock)(r.Teleport,{to:`body`},[(0,r.createVNode)(r.Transition,{name:`_cppay-fade`},{default:(0,r.withCtx)(()=>[t.modelValue?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,class:`_cppay-overlay`,onClick:(0,r.withModifiers)(Y,[`self`])},[(0,r.createElementVNode)(`div`,i,[(0,r.createElementVNode)(`div`,a,[(0,r.createElementVNode)(`h2`,o,(0,r.toDisplayString)(R.value===`select`?`选择支付方式`:`完成支付`),1),(0,r.createElementVNode)(`button`,{onClick:Y,class:`_cppay-close-btn`,disabled:z.value},[...n[1]||=[(0,r.createElementVNode)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`},[(0,r.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M6 18L18 6M6 6l12 12`})],-1)]],8,s)]),(0,r.createElementVNode)(`div`,c,[R.value===`select`?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,l,[(0,r.createElementVNode)(`div`,u,[n[2]||=(0,r.createElementVNode)(`label`,{class:`_cppay-label`},`支付网络`,-1),(0,r.createElementVNode)(`div`,d,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(B.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:e.chain,onClick:t=>V.value=e.chain,class:(0,r.normalizeClass)([`_cppay-select-btn`,V.value===e.chain?`_cppay-selected`:``])},[e.icon?((0,r.openBlock)(),(0,r.createElementBlock)(`img`,{key:0,src:e.icon,alt:e.chain},null,8,p)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`span`,null,(0,r.toDisplayString)(e.chain),1)],10,f))),128))])]),(0,r.createElementVNode)(`div`,m,[n[3]||=(0,r.createElementVNode)(`label`,{class:`_cppay-label`},`支付代币`,-1),(0,r.createElementVNode)(`div`,h,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(G.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:e.symbol,onClick:t=>H.value=e.symbol,class:(0,r.normalizeClass)([`_cppay-select-btn`,H.value===e.symbol?`_cppay-selected`:``])},[e.icon?((0,r.openBlock)(),(0,r.createElementBlock)(`img`,{key:0,src:e.icon,alt:e.symbol},null,8,_)):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`span`,null,(0,r.toDisplayString)(e.symbol),1)],10,g))),128))])]),(0,r.createElementVNode)(`div`,v,[(0,r.createElementVNode)(`div`,y,[(0,r.createElementVNode)(`div`,b,[n[4]||=(0,r.createElementVNode)(`span`,{class:`_cppay-price-label`},`支付金额`,-1),(0,r.createElementVNode)(`div`,x,[(0,r.createElementVNode)(`div`,S,(0,r.toDisplayString)(J.value)+` `+(0,r.toDisplayString)(H.value),1),(0,r.createElementVNode)(`div`,C,`≈ $`+(0,r.toDisplayString)(t.amount),1)])])])]),(0,r.createElementVNode)(`div`,w,[(0,r.createElementVNode)(`button`,{onClick:Z,disabled:!V.value||!H.value||z.value,class:`_cppay-btn _cppay-btn-primary`},(0,r.toDisplayString)(z.value?`处理中...`:`继续支付`),9,T)])])):R.value===`payment`&&U.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,E,[n[8]||=(0,r.createElementVNode)(`div`,{class:`_cppay-qr-container`},[(0,r.createElementVNode)(`div`,{class:`_cppay-qr-placeholder`},[(0,r.createElementVNode)(`span`,null,`扫码支付`)])],-1),(0,r.createElementVNode)(`div`,D,[(0,r.createElementVNode)(`div`,O,[n[5]||=(0,r.createElementVNode)(`div`,{class:`_cppay-info-label`},`支付金额`,-1),(0,r.createElementVNode)(`div`,k,(0,r.toDisplayString)(U.value.paymentAmount)+` `+(0,r.toDisplayString)(H.value),1)]),(0,r.createElementVNode)(`div`,A,[n[7]||=(0,r.createElementVNode)(`div`,{class:`_cppay-info-label`},`支付地址`,-1),(0,r.createElementVNode)(`div`,j,[(0,r.createElementVNode)(`code`,null,(0,r.toDisplayString)(U.value.receiveAddress),1),(0,r.createElementVNode)(`button`,{onClick:$,class:`_cppay-copy-btn`,title:`复制地址`},[...n[6]||=[(0,r.createElementVNode)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`},[(0,r.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z`})],-1)]])])])]),(0,r.createElementVNode)(`div`,M,[(0,r.createElementVNode)(`button`,{onClick:Q,disabled:z.value,class:`_cppay-btn _cppay-btn-primary`},(0,r.toDisplayString)(z.value?`检查支付状态...`:`我已完成支付`),9,ee)]),(0,r.createElementVNode)(`div`,N,[(0,r.createElementVNode)(`button`,{onClick:n[0]||=e=>R.value=`select`,disabled:z.value,class:`_cppay-btn _cppay-btn-secondary`},` 更改支付方式 `,8,P)])])):(0,r.createCommentVNode)(``,!0)])])])):(0,r.createCommentVNode)(``,!0)]),_:1})]))}}),I=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},L=I(F,[[`__scopeId`,`data-v-57d5d708`]]);t.t(t.n),exports.PaymentDialog=L;
+const e=require(`./inject-style-F1LzEPFL.cjs`),t=require(`./cppay-ClXaSwp8.cjs`);let n=require(`vue`),r=require(`qrcode`);r=e.r(r);let i=require(`rxjs`),a=require(`rxjs/operators`);var o={class:`_cppay-dialog`},s={class:`_cppay-header`},c={class:`_cppay-title`},l=[`disabled`],u={class:`_cppay-content`},d={key:0},f={class:`_cppay-section`},p={class:`_cppay-grid`},m=[`onClick`],h=[`src`,`alt`],ee={class:`_cppay-section`},te={class:`_cppay-grid`},ne=[`onClick`],re=[`src`,`alt`],ie={class:`_cppay-section`},g={class:`_cppay-price-box`},_={class:`_cppay-price-row`},v={class:`_cppay-price-amount`},y={class:`_cppay-price-main`},b={class:`_cppay-price-sub`},x={class:`_cppay-section`},S=[`disabled`],C={key:1},w={class:`_cppay-qr-container`},T={class:`_cppay-qr-code`,style:{background:`white`,padding:`16px`,"border-radius":`16px`,display:`inline-block`}},E=[`src`],D={class:`_cppay-section`},O={class:`_cppay-info-box`},k={class:`_cppay-info-label`},A={class:`_cppay-info-value`},j={class:`_cppay-info-box`},M={class:`_cppay-info-label`},N={class:`_cppay-address-row`},P={key:0,class:`_cppay-info-box`,style:{background:`#fff3cd`,"border-color":`#ffc107`}},F={class:`_cppay-section`},I=[`disabled`],L={class:`_cppay-section`},ae=[`disabled`],R=(0,n.defineComponent)({__name:`PaymentDialog`,props:{modelValue:{type:Boolean},apikey:{},orderId:{},amount:{},plain:{default:`one-time`},intervalDays:{default:30}},emits:[`update:modelValue`,`success`,`error`],setup(e,{emit:R}){let z=e,B=R,V=new t.t(z.apikey),H=(0,n.ref)(`select`),U=(0,n.ref)(!1),W=(0,n.ref)([]),G=(0,n.ref)(``),K=(0,n.ref)(``),q=(0,n.ref)(null),J=(0,n.ref)(``),Y=(0,n.ref)(null),oe=(0,n.computed)(()=>W.value.find(e=>e.chain===G.value)),X=(0,n.computed)(()=>oe.value?.tokens||[]);(0,n.computed)(()=>X.value.find(e=>e.symbol===K.value));let se=(0,n.ref)(1),Z=(0,n.computed)(()=>K.value?(parseFloat(z.amount)/se.value).toFixed(6):`0`),Q=()=>{B(`update:modelValue`,!1),setTimeout(()=>{H.value=`select`,q.value=null},300)},ce=async()=>{try{U.value=!0,W.value=await V.getSupportedChains(),W.value.length>0&&(G.value=W.value[0].chain)}catch(e){B(`error`,e)}finally{U.value=!1}},le=async()=>{if(!(!G.value||!K.value))try{U.value=!0;let e;z.plain===`one-time`?e=await V.createPayment(`one-time`,{paymentChain:G.value,paymentToken:K.value,orderId:z.orderId,amount:Z.value}):z.plain===`subscription`&&(e=await V.createPayment(`subscription`,{paymentChain:G.value,paymentToken:K.value,orderId:z.orderId,amountOfUsd:Z.value,intervalDays:z.intervalDays||30})),q.value={paymentId:e.paymentId||e.subscriptionId,paymentAmount:e.paymentAmount||e.approveAmount,receiveAddress:e.receiveAddress||e.spenderAddress||``};let t=`${G.value.toLowerCase()}:${q.value.receiveAddress}?amount=${q.value.paymentAmount}`;J.value=await r.toDataURL(t,{width:200,margin:2,errorCorrectionLevel:`H`}),H.value=`payment`}catch(e){B(`error`,e)}finally{U.value=!1}},$=e=>{let t=()=>(0,i.defer)(()=>z.plain===`subscription`?V.checkSubscriptionPaymentStatus({subscriptionId:e}):V.checkOnetimePaymentStatus({paymentId:e})).pipe((0,a.timeout)(15e3),(0,a.retry)({count:3,delay:2e3}));Y.value?.unsubscribe(),Y.value=t().pipe((0,a.expand)(e=>e.status===`pending`?(0,i.timer)(2e3).pipe((0,a.switchMap)(()=>t())):i.EMPTY),(0,a.tap)(t=>{t.status===`expired`&&alert(`支付已过期`),t.status===`paid`&&(alert(`支付成功!`),B(`success`,e),Q()),t.status===`failed`&&alert(`支付失败`),t.status===`approved`&&(alert(`订阅成功!`),B(`success`,e),Q())})).subscribe({error:e=>{console.error(`支付状态检查错误:`,e),B(`error`,e)}})},ue=async()=>{if(q.value)try{U.value=!0,$(q.value.paymentId)}catch(e){B(`error`,e)}finally{U.value=!1}},de=async()=>{q.value?.receiveAddress&&(await navigator.clipboard.writeText(q.value.receiveAddress),alert(`地址已复制`))};return(0,n.watch)(()=>z.modelValue,e=>{e&&W.value.length===0&&ce()}),(0,n.watch)(G,()=>{X.value.length>0&&(K.value=X.value[0].symbol)}),(0,n.watch)(H,e=>{e===`payment`&&q.value&&$(q.value.paymentId)}),(0,n.onUnmounted)(()=>{Y.value?.unsubscribe()}),(t,r)=>((0,n.openBlock)(),(0,n.createBlock)(n.Teleport,{to:`body`},[(0,n.createVNode)(n.Transition,{name:`_cppay-fade`},{default:(0,n.withCtx)(()=>[e.modelValue?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:`_cppay-overlay`,onClick:(0,n.withModifiers)(Q,[`self`])},[(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`div`,s,[(0,n.createElementVNode)(`h2`,c,(0,n.toDisplayString)(H.value===`select`?`选择支付方式`:`完成支付`),1),(0,n.createElementVNode)(`button`,{onClick:Q,class:`_cppay-close-btn`,disabled:U.value},[...r[1]||=[(0,n.createElementVNode)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`},[(0,n.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M6 18L18 6M6 6l12 12`})],-1)]],8,l)]),(0,n.createElementVNode)(`div`,u,[H.value===`select`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,d,[(0,n.createElementVNode)(`div`,f,[r[2]||=(0,n.createElementVNode)(`label`,{class:`_cppay-label`},`支付网络`,-1),(0,n.createElementVNode)(`div`,p,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(W.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:e.chain,onClick:t=>G.value=e.chain,class:(0,n.normalizeClass)([`_cppay-select-btn`,G.value===e.chain?`_cppay-selected`:``])},[e.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:e.icon,alt:e.chain},null,8,h)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(e.chain),1)],10,m))),128))])]),(0,n.createElementVNode)(`div`,ee,[r[3]||=(0,n.createElementVNode)(`label`,{class:`_cppay-label`},`支付代币`,-1),(0,n.createElementVNode)(`div`,te,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(X.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:e.symbol,onClick:t=>K.value=e.symbol,class:(0,n.normalizeClass)([`_cppay-select-btn`,K.value===e.symbol?`_cppay-selected`:``])},[e.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:e.icon,alt:e.symbol},null,8,re)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(e.symbol),1)],10,ne))),128))])]),(0,n.createElementVNode)(`div`,ie,[(0,n.createElementVNode)(`div`,g,[(0,n.createElementVNode)(`div`,_,[r[4]||=(0,n.createElementVNode)(`span`,{class:`_cppay-price-label`},`支付金额`,-1),(0,n.createElementVNode)(`div`,v,[(0,n.createElementVNode)(`div`,y,(0,n.toDisplayString)(Z.value)+` `+(0,n.toDisplayString)(K.value),1),(0,n.createElementVNode)(`div`,b,`≈ $`+(0,n.toDisplayString)(e.amount),1)])])])]),(0,n.createElementVNode)(`div`,x,[(0,n.createElementVNode)(`button`,{onClick:le,disabled:!G.value||!K.value||U.value,class:`_cppay-btn _cppay-btn-primary`},(0,n.toDisplayString)(U.value?`处理中...`:`继续支付`),9,S)])])):H.value===`payment`&&q.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,C,[(0,n.createElementVNode)(`div`,w,[(0,n.createElementVNode)(`div`,T,[J.value?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:J.value,alt:`QR Code`,style:{width:`200px`,height:`200px`}},null,8,E)):(0,n.createCommentVNode)(``,!0)])]),(0,n.createElementVNode)(`div`,D,[(0,n.createElementVNode)(`div`,O,[(0,n.createElementVNode)(`div`,k,(0,n.toDisplayString)(z.plain===`subscription`?`授权金额`:`支付金额`),1),(0,n.createElementVNode)(`div`,A,(0,n.toDisplayString)(q.value.paymentAmount)+` `+(0,n.toDisplayString)(K.value),1)]),(0,n.createElementVNode)(`div`,j,[(0,n.createElementVNode)(`div`,M,(0,n.toDisplayString)(z.plain===`subscription`?`授权合约地址`:`支付地址`),1),(0,n.createElementVNode)(`div`,N,[(0,n.createElementVNode)(`code`,null,(0,n.toDisplayString)(q.value.receiveAddress),1),(0,n.createElementVNode)(`button`,{onClick:de,class:`_cppay-copy-btn`,title:`复制地址`},[...r[5]||=[(0,n.createElementVNode)(`svg`,{fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`},[(0,n.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z`})],-1)]])])]),z.plain===`subscription`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,P,[...r[6]||=[(0,n.createElementVNode)(`div`,{class:`_cppay-info-label`,style:{color:`#856404`}},`📌 订阅说明`,-1),(0,n.createElementVNode)(`div`,{class:`_cppay-info-value`,style:{"font-size":`12px`,color:`#856404`}},` 订阅支付需要授权代币给合约地址，系统将按周期自动扣款。授权后无需每次手动支付。 `,-1)]])):(0,n.createCommentVNode)(``,!0)]),(0,n.createElementVNode)(`div`,F,[(0,n.createElementVNode)(`button`,{onClick:ue,disabled:U.value,class:`_cppay-btn _cppay-btn-primary`},(0,n.toDisplayString)(U.value?`检查支付状态...`:`我已完成支付`),9,I)]),(0,n.createElementVNode)(`div`,L,[(0,n.createElementVNode)(`button`,{onClick:r[0]||=e=>H.value=`select`,disabled:U.value,class:`_cppay-btn _cppay-btn-secondary`},` 更改支付方式 `,8,ae)])])):(0,n.createCommentVNode)(``,!0)])])])):(0,n.createCommentVNode)(``,!0)]),_:1})]))}}),z=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},B=z(R,[[`__scopeId`,`data-v-681ced40`]]);e.t(e.n),exports.PaymentDialog=B;

package/dist/vue.d.ts

@@ -11,13 +11,18 @@ success: (paymentId: string) => any;
 onError?: ((error: Error) => any) | undefined;
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 onSuccess?: ((paymentId: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}>, {
+intervalDays: number;
+plain: "one-time" | "subscription";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare interface Props {
     modelValue: boolean;
     apikey: string;
     orderId: string;
     amount: string;
+    plain?: "one-time" | "subscription";
+    intervalDays?: number;
 }
 
 export { }

package/dist/vue.js

@@ -1,80 +1,128 @@
-import { t as cppay_default } from "./cppay-p8t6ic0x.js";
+import { t as cppay_default } from "./cppay-DNvA2evq.js";
 import { n as payment_dialog_default, t as injectStyle } from "./inject-style-qX_0AjjE.js";
-import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, watch, withCtx, withModifiers } from "vue";
-var _hoisted_1 = { class: "_cppay-dialog" }, _hoisted_2 = { class: "_cppay-header" }, _hoisted_3 = { class: "_cppay-title" }, _hoisted_4 = ["disabled"], _hoisted_5 = { class: "_cppay-content" }, _hoisted_6 = { key: 0 }, _hoisted_7 = { class: "_cppay-section" }, _hoisted_8 = { class: "_cppay-grid" }, _hoisted_9 = ["onClick"], _hoisted_10 = ["src", "alt"], _hoisted_11 = { class: "_cppay-section" }, _hoisted_12 = { class: "_cppay-grid" }, _hoisted_13 = ["onClick"], _hoisted_14 = ["src", "alt"], _hoisted_15 = { class: "_cppay-section" }, _hoisted_16 = { class: "_cppay-price-box" }, _hoisted_17 = { class: "_cppay-price-row" }, _hoisted_18 = { class: "_cppay-price-amount" }, _hoisted_19 = { class: "_cppay-price-main" }, _hoisted_20 = { class: "_cppay-price-sub" }, _hoisted_21 = { class: "_cppay-section" }, _hoisted_22 = ["disabled"], _hoisted_23 = { key: 1 }, _hoisted_24 = { class: "_cppay-section" }, _hoisted_25 = { class: "_cppay-info-box" }, _hoisted_26 = { class: "_cppay-info-value" }, _hoisted_27 = { class: "_cppay-info-box" }, _hoisted_28 = { class: "_cppay-address-row" }, _hoisted_29 = { class: "_cppay-section" }, _hoisted_30 = ["disabled"], _hoisted_31 = { class: "_cppay-section" }, _hoisted_32 = ["disabled"], PaymentDialog_default = /* @__PURE__ */ ((r, M) => {
-	let N = r.__vccOpts || r;
-	for (let [r, P] of M) N[r] = P;
-	return N;
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onUnmounted, openBlock, ref, renderList, toDisplayString, watch, withCtx, withModifiers } from "vue";
+import * as QRCode from "qrcode";
+import { EMPTY, defer, timer } from "rxjs";
+import { expand, retry, switchMap, tap, timeout } from "rxjs/operators";
+var _hoisted_1 = { class: "_cppay-dialog" }, _hoisted_2 = { class: "_cppay-header" }, _hoisted_3 = { class: "_cppay-title" }, _hoisted_4 = ["disabled"], _hoisted_5 = { class: "_cppay-content" }, _hoisted_6 = { key: 0 }, _hoisted_7 = { class: "_cppay-section" }, _hoisted_8 = { class: "_cppay-grid" }, _hoisted_9 = ["onClick"], _hoisted_10 = ["src", "alt"], _hoisted_11 = { class: "_cppay-section" }, _hoisted_12 = { class: "_cppay-grid" }, _hoisted_13 = ["onClick"], _hoisted_14 = ["src", "alt"], _hoisted_15 = { class: "_cppay-section" }, _hoisted_16 = { class: "_cppay-price-box" }, _hoisted_17 = { class: "_cppay-price-row" }, _hoisted_18 = { class: "_cppay-price-amount" }, _hoisted_19 = { class: "_cppay-price-main" }, _hoisted_20 = { class: "_cppay-price-sub" }, _hoisted_21 = { class: "_cppay-section" }, _hoisted_22 = ["disabled"], _hoisted_23 = { key: 1 }, _hoisted_24 = { class: "_cppay-qr-container" }, _hoisted_25 = {
+	class: "_cppay-qr-code",
+	style: {
+		background: "white",
+		padding: "16px",
+		"border-radius": "16px",
+		display: "inline-block"
+	}
+}, _hoisted_26 = ["src"], _hoisted_27 = { class: "_cppay-section" }, _hoisted_28 = { class: "_cppay-info-box" }, _hoisted_29 = { class: "_cppay-info-label" }, _hoisted_30 = { class: "_cppay-info-value" }, _hoisted_31 = { class: "_cppay-info-box" }, _hoisted_32 = { class: "_cppay-info-label" }, _hoisted_33 = { class: "_cppay-address-row" }, _hoisted_34 = {
+	key: 0,
+	class: "_cppay-info-box",
+	style: {
+		background: "#fff3cd",
+		"border-color": "#ffc107"
+	}
+}, _hoisted_35 = { class: "_cppay-section" }, _hoisted_36 = ["disabled"], _hoisted_37 = { class: "_cppay-section" }, _hoisted_38 = ["disabled"], PaymentDialog_default = /* @__PURE__ */ ((e, A) => {
+	let j = e.__vccOpts || e;
+	for (let [e, M] of A) j[e] = M;
+	return j;
 })(/* @__PURE__ */ defineComponent({
 	__name: "PaymentDialog",
 	props: {
 		modelValue: { type: Boolean },
 		apikey: {},
 		orderId: {},
-		amount: {}
+		amount: {},
+		plain: { default: "one-time" },
+		intervalDays: { default: 30 }
 	},
 	emits: [
 		"update:modelValue",
 		"success",
 		"error"
 	],
-	setup(M, { emit: N }) {
-		let F = M, I = N, L = new cppay_default(F.apikey), R = ref("select"), z = ref(!1), B = ref([]), V = ref(""), H = ref(""), U = ref(null), W = computed(() => B.value.find((r) => r.chain === V.value)), G = computed(() => W.value?.tokens || []), K = computed(() => G.value.find((r) => r.symbol === H.value)), q = ref(1), J = computed(() => H.value ? (parseFloat(F.amount) / q.value).toFixed(6) : "0"), Y = () => {
-			I("update:modelValue", !1), setTimeout(() => {
-				R.value = "select", U.value = null;
+	setup(A, { emit: j }) {
+		let N = A, P = j, F = new cppay_default(N.apikey), I = ref("select"), L = ref(!1), R = ref([]), z = ref(""), B = ref(""), V = ref(null), H = ref(""), U = ref(null), W = computed(() => R.value.find((e) => e.chain === z.value)), G = computed(() => W.value?.tokens || []);
+		computed(() => G.value.find((e) => e.symbol === B.value));
+		let K = ref(1), q = computed(() => B.value ? (parseFloat(N.amount) / K.value).toFixed(6) : "0"), J = () => {
+			P("update:modelValue", !1), setTimeout(() => {
+				I.value = "select", V.value = null;
 			}, 300);
-		}, X = async () => {
+		}, Y = async () => {
 			try {
-				z.value = !0, B.value = await L.getSupportedChains(), B.value.length > 0 && (V.value = B.value[0].chain);
-			} catch (r) {
-				I("error", r);
+				L.value = !0, R.value = await F.getSupportedChains(), R.value.length > 0 && (z.value = R.value[0].chain);
+			} catch (e) {
+				P("error", e);
 			} finally {
-				z.value = !1;
+				L.value = !1;
 			}
-		}, Z = async () => {
-			if (!(!V.value || !H.value)) try {
-				z.value = !0;
-				let r = await L.createPayment("one-time", {
-					paymentChain: V.value,
-					paymentToken: H.value,
-					orderId: F.orderId,
-					amount: J.value
-				});
-				U.value = {
-					paymentId: r.paymentId,
-					paymentAmount: r.paymentAmount,
-					receiveAddress: K.value?.receiveAddresses[0] || ""
-				}, R.value = "payment";
-			} catch (r) {
-				I("error", r);
+		}, X = async () => {
+			if (!(!z.value || !B.value)) try {
+				L.value = !0;
+				let e;
+				N.plain === "one-time" ? e = await F.createPayment("one-time", {
+					paymentChain: z.value,
+					paymentToken: B.value,
+					orderId: N.orderId,
+					amount: q.value
+				}) : N.plain === "subscription" && (e = await F.createPayment("subscription", {
+					paymentChain: z.value,
+					paymentToken: B.value,
+					orderId: N.orderId,
+					amountOfUsd: q.value,
+					intervalDays: N.intervalDays || 30
+				})), V.value = {
+					paymentId: e.paymentId || e.subscriptionId,
+					paymentAmount: e.paymentAmount || e.approveAmount,
+					receiveAddress: e.receiveAddress || e.spenderAddress || ""
+				};
+				let A = `${z.value.toLowerCase()}:${V.value.receiveAddress}?amount=${V.value.paymentAmount}`;
+				H.value = await QRCode.toDataURL(A, {
+					width: 200,
+					margin: 2,
+					errorCorrectionLevel: "H"
+				}), I.value = "payment";
+			} catch (e) {
+				P("error", e);
 			} finally {
-				z.value = !1;
+				L.value = !1;
 			}
+		}, Z = (e) => {
+			let A = () => defer(() => N.plain === "subscription" ? F.checkSubscriptionPaymentStatus({ subscriptionId: e }) : F.checkOnetimePaymentStatus({ paymentId: e })).pipe(timeout(15e3), retry({
+				count: 3,
+				delay: 2e3
+			}));
+			U.value?.unsubscribe(), U.value = A().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => A())) : EMPTY), tap((A) => {
+				A.status === "expired" && alert("支付已过期"), A.status === "paid" && (alert("支付成功!"), P("success", e), J()), A.status === "failed" && alert("支付失败"), A.status === "approved" && (alert("订阅成功!"), P("success", e), J());
+			})).subscribe({ error: (e) => {
+				console.error("支付状态检查错误:", e), P("error", e);
+			} });
 		}, Q = async () => {
-			if (U.value) try {
-				z.value = !0, await L.checkPaymentStatus("one-time", U.value), I("success", U.value.paymentId), Y();
-			} catch (r) {
-				I("error", r);
+			if (V.value) try {
+				L.value = !0, Z(V.value.paymentId);
+			} catch (e) {
+				P("error", e);
 			} finally {
-				z.value = !1;
+				L.value = !1;
 			}
 		}, $ = async () => {
-			U.value?.receiveAddress && await navigator.clipboard.writeText(U.value.receiveAddress);
+			V.value?.receiveAddress && (await navigator.clipboard.writeText(V.value.receiveAddress), alert("地址已复制"));
 		};
-		return watch(() => F.modelValue, (r) => {
-			r && B.value.length === 0 && X();
-		}), watch(V, () => {
-			G.value.length > 0 && (H.value = G.value[0].symbol);
-		}), (r, N) => (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: "_cppay-fade" }, {
-			default: withCtx(() => [M.modelValue ? (openBlock(), createElementBlock("div", {
+		return watch(() => N.modelValue, (e) => {
+			e && R.value.length === 0 && Y();
+		}), watch(z, () => {
+			G.value.length > 0 && (B.value = G.value[0].symbol);
+		}), watch(I, (e) => {
+			e === "payment" && V.value && Z(V.value.paymentId);
+		}), onUnmounted(() => {
+			U.value?.unsubscribe();
+		}), (e, j) => (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: "_cppay-fade" }, {
+			default: withCtx(() => [A.modelValue ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "_cppay-overlay",
-				onClick: withModifiers(Y, ["self"])
-			}, [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("h2", _hoisted_3, toDisplayString(R.value === "select" ? "选择支付方式" : "完成支付"), 1), createElementVNode("button", {
-				onClick: Y,
+				onClick: withModifiers(J, ["self"])
+			}, [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("h2", _hoisted_3, toDisplayString(I.value === "select" ? "选择支付方式" : "完成支付"), 1), createElementVNode("button", {
+				onClick: J,
 				class: "_cppay-close-btn",
-				disabled: z.value
-			}, [...N[1] ||= [createElementVNode("svg", {
+				disabled: L.value
+			}, [...j[1] ||= [createElementVNode("svg", {
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24"
@@ -83,61 +131,82 @@ var _hoisted_1 = { class: "_cppay-dialog" }, _hoisted_2 = { class: "_cppay-heade
 				"stroke-linejoin": "round",
 				"stroke-width": "2",
 				d: "M6 18L18 6M6 6l12 12"
-			})], -1)]], 8, _hoisted_4)]), createElementVNode("div", _hoisted_5, [R.value === "select" ? (openBlock(), createElementBlock("div", _hoisted_6, [
-				createElementVNode("div", _hoisted_7, [N[2] ||= createElementVNode("label", { class: "_cppay-label" }, "支付网络", -1), createElementVNode("div", _hoisted_8, [(openBlock(!0), createElementBlock(Fragment, null, renderList(B.value, (r) => (openBlock(), createElementBlock("button", {
-					key: r.chain,
-					onClick: (M) => V.value = r.chain,
-					class: normalizeClass(["_cppay-select-btn", V.value === r.chain ? "_cppay-selected" : ""])
-				}, [r.icon ? (openBlock(), createElementBlock("img", {
+			})], -1)]], 8, _hoisted_4)]), createElementVNode("div", _hoisted_5, [I.value === "select" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+				createElementVNode("div", _hoisted_7, [j[2] ||= createElementVNode("label", { class: "_cppay-label" }, "支付网络", -1), createElementVNode("div", _hoisted_8, [(openBlock(!0), createElementBlock(Fragment, null, renderList(R.value, (e) => (openBlock(), createElementBlock("button", {
+					key: e.chain,
+					onClick: (A) => z.value = e.chain,
+					class: normalizeClass(["_cppay-select-btn", z.value === e.chain ? "_cppay-selected" : ""])
+				}, [e.icon ? (openBlock(), createElementBlock("img", {
 					key: 0,
-					src: r.icon,
-					alt: r.chain
-				}, null, 8, _hoisted_10)) : createCommentVNode("", !0), createElementVNode("span", null, toDisplayString(r.chain), 1)], 10, _hoisted_9))), 128))])]),
-				createElementVNode("div", _hoisted_11, [N[3] ||= createElementVNode("label", { class: "_cppay-label" }, "支付代币", -1), createElementVNode("div", _hoisted_12, [(openBlock(!0), createElementBlock(Fragment, null, renderList(G.value, (r) => (openBlock(), createElementBlock("button", {
-					key: r.symbol,
-					onClick: (M) => H.value = r.symbol,
-					class: normalizeClass(["_cppay-select-btn", H.value === r.symbol ? "_cppay-selected" : ""])
-				}, [r.icon ? (openBlock(), createElementBlock("img", {
+					src: e.icon,
+					alt: e.chain
+				}, null, 8, _hoisted_10)) : createCommentVNode("", !0), createElementVNode("span", null, toDisplayString(e.chain), 1)], 10, _hoisted_9))), 128))])]),
+				createElementVNode("div", _hoisted_11, [j[3] ||= createElementVNode("label", { class: "_cppay-label" }, "支付代币", -1), createElementVNode("div", _hoisted_12, [(openBlock(!0), createElementBlock(Fragment, null, renderList(G.value, (e) => (openBlock(), createElementBlock("button", {
+					key: e.symbol,
+					onClick: (A) => B.value = e.symbol,
+					class: normalizeClass(["_cppay-select-btn", B.value === e.symbol ? "_cppay-selected" : ""])
+				}, [e.icon ? (openBlock(), createElementBlock("img", {
 					key: 0,
-					src: r.icon,
-					alt: r.symbol
-				}, null, 8, _hoisted_14)) : createCommentVNode("", !0), createElementVNode("span", null, toDisplayString(r.symbol), 1)], 10, _hoisted_13))), 128))])]),
-				createElementVNode("div", _hoisted_15, [createElementVNode("div", _hoisted_16, [createElementVNode("div", _hoisted_17, [N[4] ||= createElementVNode("span", { class: "_cppay-price-label" }, "支付金额", -1), createElementVNode("div", _hoisted_18, [createElementVNode("div", _hoisted_19, toDisplayString(J.value) + " " + toDisplayString(H.value), 1), createElementVNode("div", _hoisted_20, "≈ $" + toDisplayString(M.amount), 1)])])])]),
+					src: e.icon,
+					alt: e.symbol
+				}, null, 8, _hoisted_14)) : createCommentVNode("", !0), createElementVNode("span", null, toDisplayString(e.symbol), 1)], 10, _hoisted_13))), 128))])]),
+				createElementVNode("div", _hoisted_15, [createElementVNode("div", _hoisted_16, [createElementVNode("div", _hoisted_17, [j[4] ||= createElementVNode("span", { class: "_cppay-price-label" }, "支付金额", -1), createElementVNode("div", _hoisted_18, [createElementVNode("div", _hoisted_19, toDisplayString(q.value) + " " + toDisplayString(B.value), 1), createElementVNode("div", _hoisted_20, "≈ $" + toDisplayString(A.amount), 1)])])])]),
 				createElementVNode("div", _hoisted_21, [createElementVNode("button", {
-					onClick: Z,
-					disabled: !V.value || !H.value || z.value,
+					onClick: X,
+					disabled: !z.value || !B.value || L.value,
 					class: "_cppay-btn _cppay-btn-primary"
-				}, toDisplayString(z.value ? "处理中..." : "继续支付"), 9, _hoisted_22)])
-			])) : R.value === "payment" && U.value ? (openBlock(), createElementBlock("div", _hoisted_23, [
-				N[8] ||= createElementVNode("div", { class: "_cppay-qr-container" }, [createElementVNode("div", { class: "_cppay-qr-placeholder" }, [createElementVNode("span", null, "扫码支付")])], -1),
-				createElementVNode("div", _hoisted_24, [createElementVNode("div", _hoisted_25, [N[5] ||= createElementVNode("div", { class: "_cppay-info-label" }, "支付金额", -1), createElementVNode("div", _hoisted_26, toDisplayString(U.value.paymentAmount) + " " + toDisplayString(H.value), 1)]), createElementVNode("div", _hoisted_27, [N[7] ||= createElementVNode("div", { class: "_cppay-info-label" }, "支付地址", -1), createElementVNode("div", _hoisted_28, [createElementVNode("code", null, toDisplayString(U.value.receiveAddress), 1), createElementVNode("button", {
-					onClick: $,
-					class: "_cppay-copy-btn",
-					title: "复制地址"
-				}, [...N[6] ||= [createElementVNode("svg", {
-					fill: "none",
-					stroke: "currentColor",
-					viewBox: "0 0 24 24"
-				}, [createElementVNode("path", {
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					"stroke-width": "2",
-					d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
-				})], -1)]])])])]),
-				createElementVNode("div", _hoisted_29, [createElementVNode("button", {
+				}, toDisplayString(L.value ? "处理中..." : "继续支付"), 9, _hoisted_22)])
+			])) : I.value === "payment" && V.value ? (openBlock(), createElementBlock("div", _hoisted_23, [
+				createElementVNode("div", _hoisted_24, [createElementVNode("div", _hoisted_25, [H.value ? (openBlock(), createElementBlock("img", {
+					key: 0,
+					src: H.value,
+					alt: "QR Code",
+					style: {
+						width: "200px",
+						height: "200px"
+					}
+				}, null, 8, _hoisted_26)) : createCommentVNode("", !0)])]),
+				createElementVNode("div", _hoisted_27, [
+					createElementVNode("div", _hoisted_28, [createElementVNode("div", _hoisted_29, toDisplayString(N.plain === "subscription" ? "授权金额" : "支付金额"), 1), createElementVNode("div", _hoisted_30, toDisplayString(V.value.paymentAmount) + " " + toDisplayString(B.value), 1)]),
+					createElementVNode("div", _hoisted_31, [createElementVNode("div", _hoisted_32, toDisplayString(N.plain === "subscription" ? "授权合约地址" : "支付地址"), 1), createElementVNode("div", _hoisted_33, [createElementVNode("code", null, toDisplayString(V.value.receiveAddress), 1), createElementVNode("button", {
+						onClick: $,
+						class: "_cppay-copy-btn",
+						title: "复制地址"
+					}, [...j[5] ||= [createElementVNode("svg", {
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24"
+					}, [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+					})], -1)]])])]),
+					N.plain === "subscription" ? (openBlock(), createElementBlock("div", _hoisted_34, [...j[6] ||= [createElementVNode("div", {
+						class: "_cppay-info-label",
+						style: { color: "#856404" }
+					}, "📌 订阅说明", -1), createElementVNode("div", {
+						class: "_cppay-info-value",
+						style: {
+							"font-size": "12px",
+							color: "#856404"
+						}
+					}, " 订阅支付需要授权代币给合约地址，系统将按周期自动扣款。授权后无需每次手动支付。 ", -1)]])) : createCommentVNode("", !0)
+				]),
+				createElementVNode("div", _hoisted_35, [createElementVNode("button", {
 					onClick: Q,
-					disabled: z.value,
+					disabled: L.value,
 					class: "_cppay-btn _cppay-btn-primary"
-				}, toDisplayString(z.value ? "检查支付状态..." : "我已完成支付"), 9, _hoisted_30)]),
-				createElementVNode("div", _hoisted_31, [createElementVNode("button", {
-					onClick: N[0] ||= (r) => R.value = "select",
-					disabled: z.value,
+				}, toDisplayString(L.value ? "检查支付状态..." : "我已完成支付"), 9, _hoisted_36)]),
+				createElementVNode("div", _hoisted_37, [createElementVNode("button", {
+					onClick: j[0] ||= (e) => I.value = "select",
+					disabled: L.value,
 					class: "_cppay-btn _cppay-btn-secondary"
-				}, " 更改支付方式 ", 8, _hoisted_32)])
+				}, " 更改支付方式 ", 8, _hoisted_38)])
 			])) : createCommentVNode("", !0)])])])) : createCommentVNode("", !0)]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-57d5d708"]]);
+}), [["__scopeId", "data-v-681ced40"]]);
 injectStyle(payment_dialog_default);
 export { PaymentDialog_default as PaymentDialog };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cppay-sdk",
-  "version": "0.0.2-beta.13",
+  "version": "0.0.2-beta.19",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -33,23 +33,24 @@
     }
   },
   "peerDependencies": {
-    "vue": "^3.0.0",
     "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react-dom": ">=16.8.0",
+    "vue": "^3.0.0"
   },
   "peerDependenciesMeta": {
-    "vue": {
-      "optional": true
-    },
     "react": {
       "optional": true
     },
     "react-dom": {
       "optional": true
+    },
+    "vue": {
+      "optional": true
     }
   },
   "devDependencies": {
     "@types/node": "^25.0.8",
+    "@types/qrcode": "^1",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@vitejs/plugin-react": "^5.1.2",
@@ -70,5 +71,9 @@
   "author": "",
   "license": "MIT",
   "repository": "",
-  "keywords": []
+  "keywords": [],
+  "dependencies": {
+    "qrcode": "^1.5.4",
+    "rxjs": "^7.8.2"
+  }
 }

package/dist/cppay-S6x6aDqU.cjs

@@ -1 +0,0 @@
-const e={Ethereum:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/info/logo.png`,BSC:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/binance/info/logo.png`,"bsc-testnet":`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/binance/info/logo.png`,Tron:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/tron/info/logo.png`,Polygon:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/polygon/info/logo.png`,Solana:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/solana/info/logo.png`},t={USDT:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0xdAC17F958D2ee523a2206206994597C13D831ec7/logo.png`,USDC:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48/logo.png`,ETH:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/info/logo.png`,BNB:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/binance/info/logo.png`,tBNB:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/binance/info/logo.png`,TRX:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/tron/info/logo.png`,SOL:`https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/solana/info/logo.png`};var n=`http://192.168.0.162:8000`,r=async(e,t,r)=>{let i=Object.assign({timeout:15e3},r),a=new AbortController,o=setTimeout(()=>a.abort(),i.timeout);try{let r=await fetch(new URL(e,n),{signal:a.signal,...t});clearTimeout(o);let i=r.headers.get(`Content-Type`)??``;if(i.includes(`json`))return await r.json();try{return await r.json()}catch{throw Error(`URL: ${e}, Unsupport Content Type: ${i}`)}}catch(t){throw clearTimeout(o),t instanceof DOMException&&t.name===`AbortError`?Error(`URL: ${e}, Request timeout after ${i.timeout}ms`):t}},i=0,a=async(e,t)=>{let n=new URLSearchParams(t.params),a=await r(`${t.url}${n.size?`?${n.toString()}`:``}`,{method:t.method??`get`,headers:{Authorization:e,...t.headers},body:t.data?JSON.stringify(t.data):void 0});if(a.code!==i)throw Error(`Request ${t.url} Failed. ${a.message}`);return a.data},o=class{apikey;constructor(e){this.apikey=e}async getSupportedChains(){return(await a(this.apikey,{url:`/api/payment/token`})).map(e=>({chain:e.chain,chainId:e.chain_id,tokenSymbol:e.token_symbol,tokenDecimals:e.token_decimals,tokenAddress:e.token_address,receiveAddresses:e.receive_addresses}))}async createOnetimePayment(e,t,n,r){let i={chain:e,token:t,order_no:n,amount:r},o=await a(this.apikey,{url:`/api/payment/create`,method:`post`,data:i});return{paymentId:o.payment_id,paymentAmount:o.pay_amount,receiveAddress:o.receive_address,expireAt:o.expire_at}}async createSubscriptionPayment(e,t,n,r,i){let o={chain:e,token:t,order_no:n,amount_usd:r,renewal_days:i},s=await a(this.apikey,{url:`/api/subscription/create`,method:`post`,data:o});return{subscriptionId:s.subscription_id,approveAmount:s.approved_amount,spenderAddress:s.contract_address,expireAt:s.expire_at}}async createX402Payment(){throw Error(`Unsupported payment mode`)}async checkOnetimePaymentStatus(e){let t={payment_id:e},n=await a(this.apikey,{url:`/api/payment/query`,params:t});return{orderId:n.order_no,paymentId:n.payment_id,chain:n.chain,token:n.token,baseAmount:n.base_amount,payAmount:n.pay_amount,receiveAddress:n.receive_address,expireAt:n.expire_at,status:n.status}}async checkSubcriptionPaymentStatus(e){let t={subscription_id:e},n=await a(this.apikey,{url:`/api/subscription/query`,params:t});return{orderId:n.order_no,subscriptionId:n.subscription_id,chain:n.chain,token:n.token,approvedAddress:n.approved_contract_address,txHash:n.approved_tx_hash,approveAmount:n.approved_amount,amountOfUsd:n.amount_usd,expireAt:n.expire_at,status:n.subscription_status}}async getSubcriptionPayments(e){let t={subscription_id:e},n=await a(this.apikey,{url:`/api/subscription/payments`,params:t});return{total:n.total,payments:n.payments.map(e=>({orderId:e.order_no,subscriptionId:e.subscription_id,chain:e.chain,token:e.token,txHash:e.tx_hash,payAmount:e.pay_amount,receiveAddress:e.receive_address,status:e.status,errorMessage:e.error_message}))}}async checkX402PaymentStatus(){throw Error(`Unsupported payment mode`)}},s=class{api;constructor(e){this.api=new o(e)}async getSupportedChains(){let n=(await this.api.getSupportedChains()).reduce((n,r)=>{let i=n[r.chain]??{chain:r.chain,chainId:r.chainId,tokens:[],icon:e[r.chain]};return i.tokens.push({symbol:r.tokenSymbol,decimals:r.tokenDecimals,address:r.tokenAddress,receiveAddresses:r.receiveAddresses,icon:t[r.tokenSymbol]}),n[r.chain]=i,n},{});return Object.values(n)}async createPayment(e,t){switch(e){case`one-time`:return this.createOnetimePayment(t);case`subscription`:return this.createSubscriptionPayment(t)}}async checkPaymentStatus(e,t){switch(e){case`one-time`:return this.checkOnetimePaymentStatus(t);case`subscription`:return this.checkSubscriptionPaymentStatus(t)}}async createOnetimePayment(e){let t=await this.api.createOnetimePayment(e.paymentChain,e.paymentToken,e.orderId,e.amount);return{...e,...t}}async createSubscriptionPayment(e){let t=await this.api.createSubscriptionPayment(e.paymentChain,e.paymentToken,e.orderId,e.amountOfUsd,e.intervalDays);return{...e,...t}}async checkOnetimePaymentStatus(e){return{...await this.api.checkOnetimePaymentStatus(e.paymentId)}}async checkSubscriptionPaymentStatus(e){return{...await this.api.checkSubcriptionPaymentStatus(e.subscriptionId)}}async getSubcriptionPayments(e){return{...await this.api.getSubcriptionPayments(e.subscriptionId)}}},c=s;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});

package/dist/inject-style-Dz7JsQxo.cjs

@@ -1 +0,0 @@
-var e=`._cppay-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}._cppay-dialog{background-color:#fff;border-radius:1.5rem;width:100%;max-width:28rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}._cppay-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}._cppay-title{color:#111827;margin:0;font-size:1.25rem;font-weight:600}._cppay-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s}._cppay-close-btn:hover:not(:disabled){color:#4b5563}._cppay-close-btn:disabled{opacity:.5;cursor:not-allowed}._cppay-close-btn svg{width:1.5rem;height:1.5rem}._cppay-content{padding:1.5rem}._cppay-section{margin-bottom:1.5rem}._cppay-section:last-child{margin-bottom:0}._cppay-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}._cppay-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}._cppay-select-btn{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem;font-family:inherit;font-size:.875rem;transition:all .2s;display:flex}._cppay-select-btn:hover{border-color:#d1d5db}._cppay-select-btn._cppay-selected{background-color:#eff6ff;border-color:#2563eb}._cppay-select-btn img{border-radius:9999px;width:1.5rem;height:1.5rem}._cppay-select-btn span{font-weight:500}._cppay-price-box{background-color:#f9fafb;border-radius:1rem;padding:1rem}._cppay-price-row{justify-content:space-between;align-items:center;display:flex}._cppay-price-label{color:#4b5563;font-size:.875rem}._cppay-price-amount{text-align:right}._cppay-price-main{color:#111827;margin:0;font-size:1.25rem;font-weight:700}._cppay-price-sub{color:#6b7280;margin-top:.25rem;font-size:.875rem}._cppay-btn{cursor:pointer;border:none;border-radius:.75rem;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}._cppay-btn-primary{color:#fff;background-color:#2563eb}._cppay-btn-primary:hover:not(:disabled){background-color:#1d4ed8}._cppay-btn-primary:disabled{opacity:.5;cursor:not-allowed}._cppay-btn-secondary{color:#374151;background-color:#fff;border:1px solid #d1d5db}._cppay-btn-secondary:hover:not(:disabled){background-color:#f9fafb}._cppay-btn-secondary:disabled{opacity:.5;cursor:not-allowed}._cppay-qr-container{justify-content:center;margin-bottom:1.5rem;display:flex}._cppay-qr-placeholder{background-color:#f3f4f6;border-radius:1rem;justify-content:center;align-items:center;width:12rem;height:12rem;display:flex}._cppay-qr-placeholder span{color:#9ca3af;font-size:.875rem}._cppay-info-box{background-color:#f9fafb;border-radius:.75rem;margin-bottom:.75rem;padding:1rem}._cppay-info-box:last-child{margin-bottom:0}._cppay-info-label{color:#4b5563;margin-bottom:.25rem;font-size:.875rem}._cppay-info-value{color:#111827;font-size:1.25rem;font-weight:700}._cppay-address-row{align-items:center;gap:.5rem;display:flex}._cppay-address-row code{text-overflow:ellipsis;white-space:nowrap;color:#111827;background:0 0;flex:1;font-family:monospace;font-size:.75rem;overflow:hidden}._cppay-copy-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}._cppay-copy-btn:hover{color:#1d4ed8}._cppay-copy-btn svg{width:1.25rem;height:1.25rem}@keyframes _cppay-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes _cppay-slideUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}._cppay-overlay{animation:.3s _cppay-fadeIn}._cppay-dialog{animation:.3s _cppay-slideUp}@media (max-width:640px){._cppay-dialog{margin:.5rem}._cppay-header,._cppay-content{padding:1rem}}`;function t(e){if(typeof document>`u`||document.getElementById(`_cppay-payment-dialog-style`))return;let t=document.createElement(`style`);t.id=`_cppay-payment-dialog-style`,t.textContent=e,document.head.appendChild(t)}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});