cppay-sdk 0.0.2-beta.39 → 0.0.2-beta.40

package/dist/vue.js

@@ -1,5 +1,5 @@
-import { t as cppay_default } from "./cppay-jU20-wmK.js";
-import { n as injectStyle, r as payment_dialog_default, t as getLocaleMessages } from "./locales-De6oJnka.js";
+import { t as cppay_default } from "./cppay-Db8t1Cra.js";
+import { n as injectStyle, r as payment_dialog_default, t as getLocaleMessages } from "./locales-BU7nq14n.js";
 import { Fragment, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, h, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, watch, withCtx } from "vue";
 import * as QRCode from "qrcode";
 import { EMPTY, defer, timer } from "rxjs";
@@ -8,37 +8,40 @@ import { createWalletClient, custom, parseUnits } from "viem";
 import { arbitrum, base, bsc, mainnet, optimism, polygon } from "viem/chains";
 import { createAppKit } from "@reown/appkit";
 import { EthersAdapter } from "@reown/appkit-adapter-ethers";
-var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-state-container" }, _hoisted_3$1 = { class: "_cppay-state-title" }, _hoisted_4$1 = { class: "_cppay-state-message" }, _hoisted_5 = { class: "_cppay-state-container" }, _hoisted_6 = { class: "_cppay-state-title" }, _hoisted_7 = ["disabled"], _hoisted_8 = { class: "_cppay-state-container" }, _hoisted_9 = { class: "_cppay-state-title" }, _hoisted_10 = { class: "_cppay-state-container" }, _hoisted_11 = { class: "_cppay-state-title" }, _hoisted_12 = { key: 4 }, _hoisted_13 = { class: "_cppay-section" }, _hoisted_14 = { class: "_cppay-label" }, _hoisted_15 = { class: "_cppay-grid" }, _hoisted_16 = ["onClick"], _hoisted_17 = ["src", "alt"], _hoisted_18 = { class: "_cppay-section" }, _hoisted_19 = { class: "_cppay-label" }, _hoisted_20 = { class: "_cppay-grid" }, _hoisted_21 = ["onClick"], _hoisted_22 = ["src", "alt"], _hoisted_23 = { class: "_cppay-section" }, _hoisted_24 = { class: "_cppay-price-box" }, _hoisted_25 = { class: "_cppay-price-row" }, _hoisted_26 = { class: "_cppay-price-label" }, _hoisted_27 = { class: "_cppay-price-amount" }, _hoisted_28 = { class: "_cppay-price-main" }, _hoisted_29 = { class: "_cppay-price-sub" }, _hoisted_30 = { class: "_cppay-section" }, _hoisted_31 = { class: "_cppay-error-tooltip" }, _hoisted_32 = {
+var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-state-container" }, _hoisted_3$1 = { class: "_cppay-state-title _cppay-state-title-success" }, _hoisted_4$1 = { class: "_cppay-state-message" }, _hoisted_5 = {
+	key: 0,
+	class: "_cppay-state-hash-container"
+}, _hoisted_6 = { class: "_cppay-state-label" }, _hoisted_7 = { class: "_cppay-hash-row" }, _hoisted_8 = { class: "_cppay-state-hash" }, _hoisted_9 = ["title"], _hoisted_10 = { class: "_cppay-state-container" }, _hoisted_11 = { class: "_cppay-state-title _cppay-state-title-expired" }, _hoisted_12 = { class: "_cppay-state-message" }, _hoisted_13 = ["disabled"], _hoisted_14 = { class: "_cppay-state-container" }, _hoisted_15 = { class: "_cppay-state-title _cppay-state-title-error" }, _hoisted_16 = { class: "_cppay-state-message" }, _hoisted_17 = ["disabled"], _hoisted_18 = { class: "_cppay-state-container" }, _hoisted_19 = { class: "_cppay-state-title _cppay-state-title-failed" }, _hoisted_20 = { class: "_cppay-state-message" }, _hoisted_21 = ["disabled"], _hoisted_22 = { key: 4 }, _hoisted_23 = { class: "_cppay-section" }, _hoisted_24 = { class: "_cppay-label" }, _hoisted_25 = { class: "_cppay-grid" }, _hoisted_26 = ["onClick"], _hoisted_27 = ["src", "alt"], _hoisted_28 = { class: "_cppay-section" }, _hoisted_29 = { class: "_cppay-label" }, _hoisted_30 = { class: "_cppay-grid" }, _hoisted_31 = ["onClick"], _hoisted_32 = ["src", "alt"], _hoisted_33 = { class: "_cppay-section" }, _hoisted_34 = { class: "_cppay-price-box" }, _hoisted_35 = { class: "_cppay-price-row" }, _hoisted_36 = { class: "_cppay-price-label" }, _hoisted_37 = { class: "_cppay-price-amount" }, _hoisted_38 = { class: "_cppay-price-main" }, _hoisted_39 = { class: "_cppay-price-sub" }, _hoisted_40 = { class: "_cppay-section" }, _hoisted_41 = { class: "_cppay-error-tooltip" }, _hoisted_42 = {
 	key: 0,
 	class: "_cppay-error-tooltip-full"
-}, _hoisted_33 = ["disabled"], _hoisted_34 = { key: 5 }, _hoisted_35 = { class: "_cppay-qr-container" }, _hoisted_36 = { class: "_cppay-qr-code" }, _hoisted_37 = ["src"], _hoisted_38 = { class: "_cppay-section" }, _hoisted_39 = {
+}, _hoisted_43 = ["disabled"], _hoisted_44 = { key: 5 }, _hoisted_45 = { class: "_cppay-qr-container" }, _hoisted_46 = { class: "_cppay-qr-code" }, _hoisted_47 = ["src"], _hoisted_48 = { class: "_cppay-section" }, _hoisted_49 = {
 	key: 0,
 	class: "_cppay-info-box"
-}, _hoisted_40 = { class: "_cppay-info-flex-container" }, _hoisted_41 = { class: "_cppay-info-flex-child" }, _hoisted_42 = { class: "_cppay-info-label" }, _hoisted_43 = { class: "_cppay-info-value _cppay-info-value-flex" }, _hoisted_44 = { key: 0 }, _hoisted_45 = { class: "_cppay-info-box" }, _hoisted_46 = { class: "_cppay-info-flex-child" }, _hoisted_47 = { class: "_cppay-info-label _cppay-info-label-flex" }, _hoisted_48 = {
+}, _hoisted_50 = { class: "_cppay-info-flex-container" }, _hoisted_51 = { class: "_cppay-info-flex-child" }, _hoisted_52 = { class: "_cppay-info-label" }, _hoisted_53 = { class: "_cppay-info-value _cppay-info-value-flex" }, _hoisted_54 = { key: 0 }, _hoisted_55 = { class: "_cppay-info-box" }, _hoisted_56 = { class: "_cppay-info-flex-child" }, _hoisted_57 = { class: "_cppay-info-label _cppay-info-label-flex" }, _hoisted_58 = {
 	key: 0,
 	class: "_cppay-countdown"
-}, _hoisted_49 = { class: "_cppay-address-row" }, _hoisted_50 = { key: 0 }, _hoisted_51 = ["title"], _hoisted_52 = {
+}, _hoisted_59 = { class: "_cppay-address-row" }, _hoisted_60 = { key: 0 }, _hoisted_61 = ["title"], _hoisted_62 = {
 	key: 0,
 	class: "_cppay-copy-icon",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
 	"stroke-width": "2"
-}, _hoisted_53 = {
+}, _hoisted_63 = {
 	key: 1,
 	class: "_cppay-copy-icon",
 	viewBox: "0 0 24 24",
 	fill: "currentColor"
-}, _hoisted_54 = {
+}, _hoisted_64 = {
 	key: 1,
 	class: "_cppay-info-box _cppay-subscription-box"
-}, _hoisted_55 = { class: "_cppay-info-label _cppay-subscription-label" }, _hoisted_56 = { class: "_cppay-info-value _cppay-subscription-message" }, _hoisted_57 = { class: "_cppay-error-tooltip" }, _hoisted_58 = {
+}, _hoisted_65 = { class: "_cppay-info-label _cppay-subscription-label" }, _hoisted_66 = { class: "_cppay-info-value _cppay-subscription-message" }, _hoisted_67 = { class: "_cppay-error-tooltip" }, _hoisted_68 = {
 	key: 0,
 	class: "_cppay-error-tooltip-full"
-}, _hoisted_59 = {
+}, _hoisted_69 = {
 	key: 1,
 	class: "_cppay-section"
-}, _hoisted_60 = ["disabled"], _hoisted_61 = ["disabled"], _hoisted_62 = ["disabled", "title"], _hoisted_63 = { class: "_cppay-wallet-address-text" }, _hoisted_64 = { class: "_cppay-section" }, _hoisted_65 = ["disabled"], _hoisted_66 = { class: "_cppay-section" }, _hoisted_67 = ["disabled"], PaymentContent_default = /* @__PURE__ */ defineComponent({
+}, _hoisted_70 = ["disabled"], _hoisted_71 = ["disabled"], _hoisted_72 = ["disabled", "title"], _hoisted_73 = { class: "_cppay-wallet-address-text" }, _hoisted_74 = { class: "_cppay-section" }, _hoisted_75 = ["disabled"], _hoisted_76 = { class: "_cppay-section" }, _hoisted_77 = ["disabled"], PaymentContent_default = /* @__PURE__ */ defineComponent({
 	__name: "PaymentContent",
 	props: {
 		apikey: {},
@@ -47,6 +50,7 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 		amount: {},
 		plain: {},
 		intervalDays: {},
+		remark: {},
 		slots: {},
 		locale: {}
 	},
@@ -57,9 +61,9 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 		"failed",
 		"error"
 	],
-	setup(i, { emit: a }) {
-		let c = i, l = a, u = computed(() => getLocaleMessages(c.locale)), d = computed(() => new cppay_default(c.apikey, c.ott)), g = ref("select"), _ = ref(!1), v = computed(() => g.value === "checking"), y = ref(), b = ref([]), x = ref(), S = ref(), C = ref(), w = ref(), T = ref(!1), E = ref(), D = ref(""), O = ref(!1), k = ref(!1), A = shallowRef(null), j = ref(null), M = ref(null), N = ref(null), P = () => {
-			typeof window < "u" && !A.value && (A.value = createAppKit({
+	setup(n, { emit: r }) {
+		let o = n, s = r, c = computed(() => getLocaleMessages(o.locale)), l = computed(() => new cppay_default(o.apikey, o.ott)), p = ref("select"), m = ref(!1), g = computed(() => p.value === "checking"), _ = ref(), v = ref([]), y = ref(), b = ref(), x = ref(), S = ref(), C = ref(!1), w = ref(), T = ref(""), E = ref(!1), D = ref(!1), O = shallowRef(null), k = ref(null), A = ref(null), j = ref(null), M = ref(""), N = () => {
+			typeof window < "u" && !O.value && (O.value = createAppKit({
 				debug: !1,
 				enableNetworkSwitch: !1,
 				adapters: [new EthersAdapter()],
@@ -80,24 +84,24 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 					icons: ["https://cppay.com/icon.png"]
 				},
 				features: { analytics: !1 }
-			}), w.value = A.value.getAddress(), E.value = A.value.getProvider("eip155"), A.value.subscribeAccount((e) => {
-				e.isConnected ? w.value = e.address : (w.value = void 0, E.value = void 0);
-			}), A.value.subscribeProviders((e) => {
-				E.value = e?.eip155;
+			}), S.value = O.value.getAddress(), w.value = O.value.getProvider("eip155"), O.value.subscribeAccount((e) => {
+				e.isConnected ? S.value = e.address : (S.value = void 0, w.value = void 0);
+			}), O.value.subscribeProviders((e) => {
+				w.value = e?.eip155;
 			}));
 		};
-		watch(g, (e) => {
-			l("update:paymentStep", e);
+		watch(p, (e) => {
+			s("update:paymentStep", e);
 		});
-		let F = async () => {
+		let P = async () => {
 			try {
-				T.value = !0, y.value = void 0, A.value && await A.value.open();
+				C.value = !0, _.value = void 0, O.value && await O.value.open();
 			} catch (e) {
-				y.value = e instanceof Error ? e.message : u.value.walletConnectionFailed, l("error", e);
+				_.value = e instanceof Error ? e.message : c.value.walletConnectionFailed, s("error", e);
 			} finally {
-				T.value = !1;
+				C.value = !1;
 			}
-		}, I = computed(() => b.value.find((e) => e.chain === x.value)), L = computed(() => I.value?.tokens || []), R = computed(() => L.value.find((e) => e.symbol === S.value)), z = (e) => [
+		}, F = computed(() => v.value.find((e) => e.chain === y.value)), I = computed(() => F.value?.tokens || []), L = computed(() => I.value.find((e) => e.symbol === b.value)), R = (e) => [
 			"USDT",
 			"USDC",
 			"BUSD",
@@ -105,61 +109,61 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 			"TUSD",
 			"USDD",
 			"FDUSD"
-		].includes(e.toUpperCase()) ? 2 : 6, B = (e, i) => {
-			let a = parseFloat(e);
-			return isNaN(a) ? "0" : a.toFixed(i).replace(/\.?0+$/, "");
+		].includes(e.toUpperCase()) ? 2 : 6, z = (e, n) => {
+			let r = parseFloat(e);
+			return isNaN(r) ? "0" : r.toFixed(n).replace(/\.?0+$/, "");
+		}, B = (e) => {
+			if (e <= 0) return c.value.expired;
+			let n = Math.floor(e / 3600), r = Math.floor(e % 3600 / 60), i = e % 60;
+			return n > 0 ? `${n}${c.value.hours}${r}${c.value.minutes}${i}${c.value.seconds}` : `${r}${c.value.minutes}${i}${c.value.seconds}`;
 		}, V = (e) => {
-			if (e <= 0) return u.value.expired;
-			let i = Math.floor(e / 3600), a = Math.floor(e % 3600 / 60), o = e % 60;
-			return i > 0 ? `${i}${u.value.hours}${a}${u.value.minutes}${o}${u.value.seconds}` : `${a}${u.value.minutes}${o}${u.value.seconds}`;
-		}, H = (e) => {
-			M.value && clearInterval(M.value);
-			let i = () => {
-				if (g.value === "checking") {
-					U();
+			A.value && clearInterval(A.value);
+			let n = () => {
+				if (p.value === "checking") {
+					H();
 					return;
 				}
-				let i = e - Math.floor(Date.now() / 1e3);
-				D.value = V(i), i <= 0 && (g.value = "expired", U());
+				let n = e - Math.floor(Date.now() / 1e3);
+				T.value = B(n), n <= 0 && (p.value = "expired", H());
 			};
-			i(), M.value = setInterval(i, 1e3);
-		}, U = () => {
-			M.value &&= (clearInterval(M.value), null);
-		}, W = computed(() => {
-			if (!S.value || !R.value) return "0";
-			let e = parseFloat(R.value.price);
+			n(), A.value = setInterval(n, 1e3);
+		}, H = () => {
+			A.value &&= (clearInterval(A.value), null);
+		}, U = computed(() => {
+			if (!b.value || !L.value) return "0";
+			let e = parseFloat(L.value.price);
 			if (isNaN(e) || e === 0) return "0";
-			let i = z(S.value);
-			return B((parseFloat(c.amount) / e).toFixed(i), i);
-		}), G = async () => {
+			let n = R(b.value);
+			return z((parseFloat(o.amount) / e).toFixed(n), n);
+		}), W = async () => {
 			try {
-				_.value = !0, y.value = void 0, b.value = await d.value.getSupportedChains(), b.value.length > 0 && (x.value = b.value[0].chain);
+				m.value = !0, _.value = void 0, v.value = await l.value.getSupportedChains(), v.value.length > 0 && (y.value = v.value[0].chain);
 			} catch (e) {
-				y.value = e instanceof Error ? e.message : u.value.loadPaymentNetworkFailed, l("error", e);
+				_.value = e instanceof Error ? e.message : c.value.loadPaymentNetworkFailed, s("error", e);
 			} finally {
-				_.value = !1;
+				m.value = !1;
 			}
-		}, K = async (e) => {
-			if (E.value) try {
-				await E.value.request({
+		}, G = async (e) => {
+			if (w.value) try {
+				await w.value.request({
 					method: "wallet_switchEthereumChain",
 					params: [{ chainId: `0x${e.toString(16)}` }]
 				});
 			} catch (e) {
-				throw e.code === 4902 ? Error(u.value.pleaseAddNetwork) : e;
+				throw e.code === 4902 ? Error(c.value.pleaseAddNetwork) : e;
 			}
-		}, q = async () => {
-			if (!(!w.value || !E.value || !N.value || !R.value || !I.value)) try {
-				_.value = !0;
-				let e = N.value;
-				await K(I.value.chainId);
-				let i = createWalletClient({
-					account: w.value,
-					transport: custom(E.value)
+		}, K = async () => {
+			if (!(!S.value || !w.value || !j.value || !L.value || !F.value)) try {
+				m.value = !0;
+				let e = j.value;
+				await G(F.value.chainId);
+				let n = createWalletClient({
+					account: S.value,
+					transport: custom(w.value)
 				});
-				if (R.value.address) {
-					let a = await i.writeContract({
-						address: R.value.address,
+				if (L.value.address) {
+					let r = await n.writeContract({
+						address: L.value.address,
 						abi: [{
 							name: "transfer",
 							type: "function",
@@ -174,33 +178,33 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 							outputs: [{ type: "bool" }]
 						}],
 						functionName: "transfer",
-						args: [e.receiveAddress, parseUnits(e.paymentAmount, R.value.decimals)],
+						args: [e.receiveAddress, parseUnits(e.paymentAmount, L.value.decimals)],
 						chain: null
 					});
-					console.log("转账交易哈希:", a);
+					console.log("转账交易哈希:", r), M.value = r;
 				} else {
-					let a = await i.sendTransaction({
+					let r = await n.sendTransaction({
 						to: e.receiveAddress,
-						value: parseUnits(e.paymentAmount, R.value.decimals),
+						value: parseUnits(e.paymentAmount, L.value.decimals),
 						chain: null
 					});
-					console.log("转账交易哈希:", a);
+					console.log("转账交易哈希:", r), M.value = r;
 				}
-				_.value = !1, g.value = "checking";
+				m.value = !1, p.value = "checking";
 			} catch (e) {
-				console.error("钱包支付失败:", e), y.value = e instanceof Error ? e.message : u.value.walletPaymentFailed, l("error", e), _.value = !1;
+				console.error("钱包支付失败:", e), _.value = e instanceof Error ? e.message : c.value.walletPaymentFailed, s("error", e), m.value = !1;
 			}
-		}, J = async () => {
-			if (!(!w.value || !E.value || !N.value || !R.value || !I.value)) try {
-				let e = N.value;
-				await K(I.value.chainId);
-				let i = createWalletClient({
-					account: w.value,
-					transport: custom(E.value)
+		}, q = async () => {
+			if (!(!S.value || !w.value || !j.value || !L.value || !F.value)) try {
+				let e = j.value;
+				await G(F.value.chainId);
+				let n = createWalletClient({
+					account: S.value,
+					transport: custom(w.value)
 				});
-				if (!R.value.address) throw Error(u.value.subscriptionDoesNotSupportNative);
-				let a = await i.writeContract({
-					address: R.value.address,
+				if (!L.value.address) throw Error(c.value.subscriptionDoesNotSupportNative);
+				let r = await n.writeContract({
+					address: L.value.address,
 					abi: [{
 						name: "approve",
 						type: "function",
@@ -215,196 +219,254 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 						outputs: [{ type: "bool" }]
 					}],
 					functionName: "approve",
-					args: [e.spenderAddress, parseUnits(e.approveAmount, R.value.decimals)],
+					args: [e.spenderAddress, parseUnits(e.approveAmount, L.value.decimals)],
 					chain: null
 				});
-				console.log("授权交易哈希:", a), _.value = !1, g.value = "checking";
+				console.log("授权交易哈希:", r), M.value = r, m.value = !1, p.value = "checking";
 			} catch (e) {
-				console.error("钱包授权失败:", e), y.value = e instanceof Error ? e.message : u.value.walletPaymentFailed, l("error", e), _.value = !1;
+				console.error("钱包授权失败:", e), _.value = e instanceof Error ? e.message : c.value.walletPaymentFailed, s("error", e), m.value = !1;
 			}
-		}, Y = async () => {
-			if (!w.value) {
-				y.value = u.value.pleaseConnectWallet, l("error", Error(u.value.pleaseConnectWallet));
+		}, J = async () => {
+			if (!S.value) {
+				_.value = c.value.pleaseConnectWallet, s("error", Error(c.value.pleaseConnectWallet));
 				return;
 			}
-			c.plain === "instant" ? await q() : c.plain === "subscription" && await J();
-		}, X = async () => {
-			if (!(!x.value || !S.value)) try {
-				y.value = void 0;
+			o.plain === "instant" ? await K() : o.plain === "subscription" && await q();
+		}, Y = async () => {
+			if (!(!y.value || !b.value)) try {
+				_.value = void 0;
 				let e = "";
-				c.plain === "instant" ? (N.value = await d.value.createOnetimePayment({
-					paymentChain: x.value,
-					paymentToken: S.value,
-					orderId: c.orderId,
-					amount: W.value
-				}), e = `${x.value.toLowerCase()}:${N.value.receiveAddress}?amount=${N.value.paymentAmount}`, H(N.value.expireAt), Q({ paymentId: N.value.paymentId })) : c.plain === "subscription" && (N.value = await d.value.createSubscriptionPayment({
-					paymentChain: x.value,
-					paymentToken: S.value,
-					orderId: c.orderId,
-					amountOfUsd: W.value,
-					intervalDays: c.intervalDays || 30
-				}), e = `${x.value.toLowerCase()}:${N.value.spenderAddress}?amount=${N.value.approveAmount}`, H(N.value.expireAt), Q({ subscriptionId: N.value.subscriptionId })), g.value = "payment", C.value = await QRCode.toDataURL(e, {
+				if (o.plain === "instant") j.value = await l.value.createOnetimePayment({
+					paymentChain: y.value,
+					paymentToken: b.value,
+					orderId: o.orderId,
+					amount: U.value,
+					remark: o.remark
+				}), e = `${y.value.toLowerCase()}:${j.value.receiveAddress}?amount=${j.value.paymentAmount}`, V(j.value.expireAt), Z({ paymentId: j.value.paymentId });
+				else if (o.plain === "subscription") {
+					if (!o.intervalDays) throw Error(`Invalid Renewal Days: ${o.intervalDays ?? ""}`);
+					j.value = await l.value.createSubscriptionPayment({
+						paymentChain: y.value,
+						paymentToken: b.value,
+						orderId: o.orderId,
+						amountOfUsd: U.value,
+						intervalDays: o.intervalDays
+					}), e = `${y.value.toLowerCase()}:${j.value.spenderAddress}?amount=${j.value.approveAmount}`, V(j.value.expireAt), Z({ subscriptionId: j.value.subscriptionId });
+				}
+				p.value = "payment", x.value = await QRCode.toDataURL(e, {
 					width: 200,
 					margin: 2,
 					errorCorrectionLevel: "H"
 				});
 			} catch (e) {
-				y.value = e instanceof Error ? e.message : u.value.createPaymentFailed, l("error", e);
+				_.value = e instanceof Error ? e.message : c.value.createPaymentFailed, s("error", e);
 			}
-		}, Z = () => {
-			N.value && (y.value = void 0, g.value = "checking");
-		}, Q = (e) => {
-			j.value?.unsubscribe();
-			let i = () => defer(() => c.plain === "subscription" ? d.value.checkSubscriptionPaymentStatus(e) : d.value.checkOnetimePaymentStatus(e)).pipe(timeout(15e3), retry({ delay: 2e3 }));
-			j.value = i().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => i())) : EMPTY), tap((e) => {
-				(e.status === "paid" || e.status === "approved") && (g.value = "success", l("success", e)), e.status === "expired" && (g.value = "expired", l("expired", e)), e.status === "failed" && (g.value = "failed", l("failed", e));
+		}, X = () => {
+			j.value && (_.value = void 0, p.value = "checking");
+		}, Z = (e) => {
+			k.value?.unsubscribe();
+			let n = () => defer(() => o.plain === "subscription" ? l.value.checkSubscriptionPaymentStatus(e) : l.value.checkOnetimePaymentStatus(e)).pipe(timeout(15e3), retry({ delay: 2e3 }));
+			k.value = n().pipe(expand((e) => e.status === "pending" ? timer(2e3).pipe(switchMap(() => n())) : EMPTY), tap((e) => {
+				(e.status === "paid" || e.status === "approved") && (p.value = "success", s("success", e)), e.status === "expired" && (p.value = "expired", s("expired", e)), e.status === "failed" && (p.value = "failed", s("failed", e));
 			})).subscribe({
 				error: (e) => {
-					if (N.value) {
-						let i = e instanceof Error ? e.message : u.value.checkPaymentStatusFailed;
-						g.value = "error", y.value = i, l("error", e);
+					if (j.value) {
+						let n = e instanceof Error ? e.message : c.value.checkPaymentStatusFailed;
+						p.value = "error", _.value = n, s("error", e);
 					}
 				},
 				complete: () => {
-					j.value?.unsubscribe();
+					k.value?.unsubscribe();
 				}
 			});
-		}, $ = async () => {
-			if (!N.value) return;
-			let e = c.plain === "subscription" ? N.value.spenderAddress : N.value.receiveAddress;
+		}, Q = async () => {
+			if (!j.value) return;
+			let e = o.plain === "subscription" ? j.value.spenderAddress : j.value.receiveAddress;
 			if (e) try {
-				await navigator.clipboard.writeText(e), O.value = !0, setTimeout(() => {
-					O.value = !1;
+				await navigator.clipboard.writeText(e), E.value = !0, setTimeout(() => {
+					E.value = !1;
 				}, 2e3);
 			} catch (e) {
 				console.error("复制失败:", e);
 			}
 		};
-		return watch(L, (e) => {
-			e.length > 0 && (S.value = e[0].symbol);
+		watch(I, (e) => {
+			e.length > 0 && (b.value = e[0].symbol);
 		}), onMounted(() => {
-			P(), b.value.length || G(), c.orderId && Q({ orderId: c.orderId });
+			N(), v.value.length || W(), o.orderId && Z({ orderId: o.orderId });
 		}), onUnmounted(() => {
-			j.value?.unsubscribe(), U();
-		}), (e, a) => (openBlock(), createElementBlock("div", _hoisted_1$1, [g.value === "success" ? renderSlot(e.$slots, "success", { key: 0 }, () => [createElementVNode("div", _hoisted_2$1, [
-			a[6] ||= createElementVNode("div", { class: "_cppay-state-icon" }, "✅", -1),
-			createElementVNode("h3", _hoisted_3$1, toDisplayString(i.plain === "subscription" ? u.value.authorizationSuccess : u.value.paymentSuccess), 1),
-			createElementVNode("p", _hoisted_4$1, toDisplayString(i.plain === "subscription" ? u.value.subscriptionActivated : u.value.transactionCompleted), 1)
-		])]) : g.value === "expired" ? renderSlot(e.$slots, "expired", { key: 1 }, () => [createElementVNode("div", _hoisted_5, [
-			a[7] ||= createElementVNode("div", { class: "_cppay-state-icon" }, "⏰", -1),
-			createElementVNode("h3", _hoisted_6, toDisplayString(u.value.paymentExpired), 1),
+			k.value?.unsubscribe(), H();
+		});
+		let $ = async () => {
+			if (M.value) try {
+				await navigator.clipboard.writeText(M.value);
+				let e = E.value;
+				E.value = !0, setTimeout(() => {
+					E.value = e;
+				}, 2e3);
+			} catch (e) {
+				console.error("复制失败:", e);
+			}
+		};
+		return (e, r) => (openBlock(), createElementBlock("div", _hoisted_1$1, [p.value === "success" ? renderSlot(e.$slots, "success", { key: 0 }, () => [createElementVNode("div", _hoisted_2$1, [
+			r[10] ||= createElementVNode("div", { class: "_cppay-state-success-bg" }, [createElementVNode("div", { class: "_cppay-state-success-icon" }, "✓")], -1),
+			createElementVNode("h3", _hoisted_3$1, toDisplayString(n.plain === "subscription" ? c.value.authorizationSuccess : c.value.paymentSuccess), 1),
+			createElementVNode("p", _hoisted_4$1, toDisplayString(n.plain === "subscription" ? c.value.subscriptionActivated : c.value.transactionCompleted), 1),
+			M.value ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, toDisplayString(c.value.transactionHash), 1), createElementVNode("div", _hoisted_7, [createElementVNode("code", _hoisted_8, toDisplayString(M.value.slice(0, 20)) + "..." + toDisplayString(M.value.slice(-20)), 1), createElementVNode("button", {
+				onClick: $,
+				class: "_cppay-state-copy-btn",
+				title: c.value.copyAddress
+			}, [...r[9] ||= [createElementVNode("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2"
+			}, [createElementVNode("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }), createElementVNode("rect", {
+				x: "8",
+				y: "2",
+				width: "8",
+				height: "4",
+				rx: "1",
+				ry: "1"
+			})], -1)]], 8, _hoisted_9)])])) : createCommentVNode("", !0),
 			createElementVNode("button", {
-				onClick: a[0] ||= (e) => g.value = "select",
-				disabled: _.value || v.value,
-				class: "_cppay-btn _cppay-btn-text"
-			}, toDisplayString(u.value.returnButton), 9, _hoisted_7)
-		])]) : g.value === "error" ? renderSlot(e.$slots, "error", { key: 2 }, () => [createElementVNode("div", _hoisted_8, [a[8] ||= createElementVNode("div", { class: "_cppay-state-icon" }, "❌", -1), createElementVNode("h3", _hoisted_9, toDisplayString(u.value.checking), 1)])]) : g.value === "failed" ? renderSlot(e.$slots, "failed", { key: 3 }, () => [createElementVNode("div", _hoisted_10, [a[9] ||= createElementVNode("div", { class: "_cppay-state-icon" }, "❌", -1), createElementVNode("h3", _hoisted_11, toDisplayString(u.value.paymentFailed), 1)])]) : g.value === "select" ? (openBlock(), createElementBlock("div", _hoisted_12, [
+				onClick: r[0] ||= (e) => p.value = "select",
+				class: "_cppay-btn _cppay-btn-primary _cppay-state-btn"
+			}, toDisplayString(c.value.returnButton), 1)
+		])]) : p.value === "expired" ? renderSlot(e.$slots, "expired", { key: 1 }, () => [createElementVNode("div", _hoisted_10, [
+			r[11] ||= createElementVNode("div", { class: "_cppay-state-expired-bg" }, [createElementVNode("div", { class: "_cppay-state-expired-icon" }, "⏰")], -1),
+			createElementVNode("h3", _hoisted_11, toDisplayString(c.value.paymentExpired), 1),
+			createElementVNode("p", _hoisted_12, toDisplayString(c.value.pleaseInitiatePaymentAgain), 1),
+			createElementVNode("button", {
+				onClick: r[1] ||= (e) => p.value = "select",
+				disabled: m.value || g.value,
+				class: "_cppay-btn _cppay-btn-primary _cppay-state-btn"
+			}, toDisplayString(c.value.returnButton), 9, _hoisted_13)
+		])]) : p.value === "error" ? renderSlot(e.$slots, "error", { key: 2 }, () => [createElementVNode("div", _hoisted_14, [
+			r[12] ||= createElementVNode("div", { class: "_cppay-state-error-bg" }, [createElementVNode("div", { class: "_cppay-state-error-icon" }, "!")], -1),
+			createElementVNode("h3", _hoisted_15, toDisplayString(_.value || c.value.error), 1),
+			createElementVNode("p", _hoisted_16, toDisplayString(c.value.checkStatusFailed), 1),
+			createElementVNode("button", {
+				onClick: r[2] ||= (e) => p.value = "select",
+				disabled: m.value || g.value,
+				class: "_cppay-btn _cppay-btn-primary _cppay-state-btn"
+			}, toDisplayString(c.value.returnButton), 9, _hoisted_17)
+		])]) : p.value === "failed" ? renderSlot(e.$slots, "failed", { key: 3 }, () => [createElementVNode("div", _hoisted_18, [
+			r[13] ||= createElementVNode("div", { class: "_cppay-state-failed-bg" }, [createElementVNode("div", { class: "_cppay-state-failed-icon" }, "✕")], -1),
+			createElementVNode("h3", _hoisted_19, toDisplayString(c.value.paymentFailed), 1),
+			createElementVNode("p", _hoisted_20, toDisplayString(c.value.pleaseInitiatePaymentAgain), 1),
+			createElementVNode("button", {
+				onClick: r[3] ||= (e) => p.value = "select",
+				disabled: m.value || g.value,
+				class: "_cppay-btn _cppay-btn-primary _cppay-state-btn"
+			}, toDisplayString(c.value.returnButton), 9, _hoisted_21)
+		])]) : p.value === "select" ? (openBlock(), createElementBlock("div", _hoisted_22, [
 			renderSlot(e.$slots, "choose-top"),
-			createElementVNode("div", _hoisted_13, [createElementVNode("label", _hoisted_14, toDisplayString(u.value.paymentNetwork), 1), createElementVNode("div", _hoisted_15, [(openBlock(!0), createElementBlock(Fragment, null, renderList(b.value, (e) => (openBlock(), createElementBlock("button", {
+			createElementVNode("div", _hoisted_23, [createElementVNode("label", _hoisted_24, toDisplayString(c.value.paymentNetwork), 1), createElementVNode("div", _hoisted_25, [(openBlock(!0), createElementBlock(Fragment, null, renderList(v.value, (e) => (openBlock(), createElementBlock("button", {
 				key: e.chain,
-				onClick: (i) => x.value = e.chain,
-				class: normalizeClass(["_cppay-select-btn", { "_cppay-selected": x.value === e.chain }])
+				onClick: (n) => y.value = e.chain,
+				class: normalizeClass(["_cppay-select-btn", { "_cppay-selected": y.value === e.chain }])
 			}, [e.icon ? (openBlock(), createElementBlock("img", {
 				key: 0,
 				src: e.icon,
 				alt: e.chain
-			}, null, 8, _hoisted_17)) : createCommentVNode("", !0), createElementVNode("span", null, toDisplayString(e.chain), 1)], 10, _hoisted_16))), 128))])]),
-			createElementVNode("div", _hoisted_18, [createElementVNode("label", _hoisted_19, toDisplayString(u.value.paymentToken), 1), createElementVNode("div", _hoisted_20, [(openBlock(!0), createElementBlock(Fragment, null, renderList(L.value, (e) => (openBlock(), createElementBlock("button", {
+			}, null, 8, _hoisted_27)) : createCommentVNode("", !0), createElementVNode("span", null, toDisplayString(e.chain), 1)], 10, _hoisted_26))), 128))])]),
+			createElementVNode("div", _hoisted_28, [createElementVNode("label", _hoisted_29, toDisplayString(c.value.paymentToken), 1), createElementVNode("div", _hoisted_30, [(openBlock(!0), createElementBlock(Fragment, null, renderList(I.value, (e) => (openBlock(), createElementBlock("button", {
 				key: e.symbol,
-				onClick: (i) => S.value = e.symbol,
-				class: normalizeClass(["_cppay-select-btn", { "_cppay-selected": S.value === e.symbol }])
+				onClick: (n) => b.value = e.symbol,
+				class: normalizeClass(["_cppay-select-btn", { "_cppay-selected": b.value === e.symbol }])
 			}, [e.icon ? (openBlock(), createElementBlock("img", {
 				key: 0,
 				src: e.icon,
 				alt: e.symbol
-			}, null, 8, _hoisted_22)) : createCommentVNode("", !0), createElementVNode("span", null, toDisplayString(e.symbol), 1)], 10, _hoisted_21))), 128))])]),
+			}, null, 8, _hoisted_32)) : createCommentVNode("", !0), createElementVNode("span", null, toDisplayString(e.symbol), 1)], 10, _hoisted_31))), 128))])]),
 			renderSlot(e.$slots, "choose-bottom"),
-			createElementVNode("div", _hoisted_23, [createElementVNode("div", _hoisted_24, [createElementVNode("div", _hoisted_25, [createElementVNode("span", _hoisted_26, toDisplayString(u.value.paymentAmount), 1), createElementVNode("div", _hoisted_27, [createElementVNode("div", _hoisted_28, toDisplayString(W.value ?? "-") + " " + toDisplayString(S.value ?? ""), 1), createElementVNode("div", _hoisted_29, "≈ $" + toDisplayString(i.amount), 1)])])])]),
-			createElementVNode("div", _hoisted_30, [y.value ? (openBlock(), createElementBlock("div", {
+			createElementVNode("div", _hoisted_33, [createElementVNode("div", _hoisted_34, [createElementVNode("div", _hoisted_35, [createElementVNode("span", _hoisted_36, toDisplayString(c.value.paymentAmount), 1), createElementVNode("div", _hoisted_37, [createElementVNode("div", _hoisted_38, toDisplayString(U.value ?? "-") + " " + toDisplayString(b.value ?? ""), 1), createElementVNode("div", _hoisted_39, "≈ $" + toDisplayString(n.amount), 1)])])])]),
+			createElementVNode("div", _hoisted_40, [_.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "_cppay-error-tooltip-wrapper",
-				onMouseenter: a[1] ||= (e) => k.value = !0,
-				onMouseleave: a[2] ||= (e) => k.value = !1
-			}, [createElementVNode("div", _hoisted_31, [a[10] ||= createElementVNode("svg", {
+				onMouseenter: r[4] ||= (e) => D.value = !0,
+				onMouseleave: r[5] ||= (e) => D.value = !1
+			}, [createElementVNode("div", _hoisted_41, [r[14] ||= createElementVNode("svg", {
 				viewBox: "0 0 20 20",
 				fill: "currentColor"
 			}, [createElementVNode("path", {
 				"fill-rule": "evenodd",
 				d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",
 				"clip-rule": "evenodd"
-			})], -1), createElementVNode("span", null, toDisplayString(y.value), 1)]), k.value ? (openBlock(), createElementBlock("div", _hoisted_32, toDisplayString(y.value), 1)) : createCommentVNode("", !0)], 32)) : createCommentVNode("", !0), createElementVNode("button", {
-				onClick: X,
-				disabled: !x.value || !S.value || _.value,
+			})], -1), createElementVNode("span", null, toDisplayString(_.value), 1)]), D.value ? (openBlock(), createElementBlock("div", _hoisted_42, toDisplayString(_.value), 1)) : createCommentVNode("", !0)], 32)) : createCommentVNode("", !0), createElementVNode("button", {
+				onClick: Y,
+				disabled: !y.value || !b.value || m.value,
 				class: "_cppay-btn _cppay-btn-primary"
-			}, toDisplayString(_.value ? u.value.processing : u.value.continuePayment), 9, _hoisted_33)])
-		])) : (openBlock(), createElementBlock("div", _hoisted_34, [
-			createElementVNode("div", _hoisted_35, [createElementVNode("div", _hoisted_36, [C.value ? (openBlock(), createElementBlock("img", {
+			}, toDisplayString(m.value ? c.value.processing : c.value.continuePayment), 9, _hoisted_43)])
+		])) : (openBlock(), createElementBlock("div", _hoisted_44, [
+			createElementVNode("div", _hoisted_45, [createElementVNode("div", _hoisted_46, [x.value ? (openBlock(), createElementBlock("img", {
 				key: 0,
-				src: C.value,
+				src: x.value,
 				alt: "Payment QR Code",
 				class: "_cppay-qr-image"
-			}, null, 8, _hoisted_37)) : createCommentVNode("", !0)])]),
-			createElementVNode("div", _hoisted_38, [
-				R.value ? (openBlock(), createElementBlock("div", _hoisted_39, [createElementVNode("div", _hoisted_40, [createElementVNode("div", _hoisted_41, [createElementVNode("div", _hoisted_42, toDisplayString(i.plain === "subscription" ? u.value.authorizationAmount : u.value.paymentAmount), 1), createElementVNode("div", _hoisted_43, [N.value ? (openBlock(), createElementBlock("span", _hoisted_44, toDisplayString(i.plain === "subscription" ? `${B(N.value.approveAmount, z(R.value.symbol))} ${R.value.symbol}` : `${B(N.value.paymentAmount, z(R.value.symbol))} ${R.value.symbol}`), 1)) : createCommentVNode("", !0), createElementVNode("span", null, "≈ $" + toDisplayString(i.amount), 1)])])])])) : createCommentVNode("", !0),
-				createElementVNode("div", _hoisted_45, [createElementVNode("div", _hoisted_46, [createElementVNode("div", _hoisted_47, [createElementVNode("span", null, toDisplayString(i.plain === "subscription" ? u.value.authorizationContractAddress : u.value.paymentAddress), 1), D.value ? (openBlock(), createElementBlock("span", _hoisted_48, "⏰ " + toDisplayString(D.value), 1)) : createCommentVNode("", !0)]), createElementVNode("div", _hoisted_49, [N.value ? (openBlock(), createElementBlock("code", _hoisted_50, toDisplayString(i.plain === "subscription" ? N.value.spenderAddress : N.value.receiveAddress), 1)) : createCommentVNode("", !0), createElementVNode("button", {
-					onClick: $,
-					class: normalizeClass(["_cppay-copy-btn", { "_cppay-copy-success": O.value }]),
-					title: O.value ? u.value.copied : u.value.copyAddress
-				}, [O.value ? (openBlock(), createElementBlock("svg", _hoisted_53, [...a[12] ||= [createElementVNode("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }, null, -1)]])) : (openBlock(), createElementBlock("svg", _hoisted_52, [...a[11] ||= [createElementVNode("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }, null, -1), createElementVNode("rect", {
+			}, null, 8, _hoisted_47)) : createCommentVNode("", !0)])]),
+			createElementVNode("div", _hoisted_48, [
+				L.value ? (openBlock(), createElementBlock("div", _hoisted_49, [createElementVNode("div", _hoisted_50, [createElementVNode("div", _hoisted_51, [createElementVNode("div", _hoisted_52, toDisplayString(n.plain === "subscription" ? c.value.authorizationAmount : c.value.paymentAmount), 1), createElementVNode("div", _hoisted_53, [j.value ? (openBlock(), createElementBlock("span", _hoisted_54, toDisplayString(n.plain === "subscription" ? `${z(j.value.approveAmount, R(L.value.symbol))} ${L.value.symbol}` : `${z(j.value.paymentAmount, R(L.value.symbol))} ${L.value.symbol}`), 1)) : createCommentVNode("", !0), createElementVNode("span", null, "≈ $" + toDisplayString(n.amount), 1)])])])])) : createCommentVNode("", !0),
+				createElementVNode("div", _hoisted_55, [createElementVNode("div", _hoisted_56, [createElementVNode("div", _hoisted_57, [createElementVNode("span", null, toDisplayString(n.plain === "subscription" ? c.value.authorizationContractAddress : c.value.paymentAddress), 1), T.value ? (openBlock(), createElementBlock("span", _hoisted_58, "⏰ " + toDisplayString(T.value), 1)) : createCommentVNode("", !0)]), createElementVNode("div", _hoisted_59, [j.value ? (openBlock(), createElementBlock("code", _hoisted_60, toDisplayString(n.plain === "subscription" ? j.value.spenderAddress : j.value.receiveAddress), 1)) : createCommentVNode("", !0), createElementVNode("button", {
+					onClick: Q,
+					class: normalizeClass(["_cppay-copy-btn", { "_cppay-copy-success": E.value }]),
+					title: E.value ? c.value.copied : c.value.copyAddress
+				}, [E.value ? (openBlock(), createElementBlock("svg", _hoisted_63, [...r[16] ||= [createElementVNode("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }, null, -1)]])) : (openBlock(), createElementBlock("svg", _hoisted_62, [...r[15] ||= [createElementVNode("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }, null, -1), createElementVNode("rect", {
 					x: "8",
 					y: "2",
 					width: "8",
 					height: "4",
 					rx: "1",
 					ry: "1"
-				}, null, -1)]]))], 10, _hoisted_51)])])]),
-				i.plain === "subscription" ? (openBlock(), createElementBlock("div", _hoisted_54, [createElementVNode("div", _hoisted_55, toDisplayString(u.value.subscriptionNotice), 1), createElementVNode("div", _hoisted_56, toDisplayString(u.value.subscriptionNoticeMessage), 1)])) : createCommentVNode("", !0)
+				}, null, -1)]]))], 10, _hoisted_61)])])]),
+				n.plain === "subscription" ? (openBlock(), createElementBlock("div", _hoisted_64, [createElementVNode("div", _hoisted_65, toDisplayString(c.value.subscriptionNotice), 1), createElementVNode("div", _hoisted_66, toDisplayString(c.value.subscriptionNoticeMessage), 1)])) : createCommentVNode("", !0)
 			]),
-			y.value ? (openBlock(), createElementBlock("div", {
+			_.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "_cppay-error-tooltip-wrapper",
-				onMouseenter: a[3] ||= (e) => k.value = !0,
-				onMouseleave: a[4] ||= (e) => k.value = !1
-			}, [createElementVNode("div", _hoisted_57, [a[13] ||= createElementVNode("svg", {
+				onMouseenter: r[6] ||= (e) => D.value = !0,
+				onMouseleave: r[7] ||= (e) => D.value = !1
+			}, [createElementVNode("div", _hoisted_67, [r[17] ||= createElementVNode("svg", {
 				viewBox: "0 0 20 20",
 				fill: "currentColor"
 			}, [createElementVNode("path", {
 				"fill-rule": "evenodd",
 				d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",
 				"clip-rule": "evenodd"
-			})], -1), createElementVNode("span", null, toDisplayString(y.value), 1)]), k.value ? (openBlock(), createElementBlock("div", _hoisted_58, toDisplayString(y.value), 1)) : createCommentVNode("", !0)], 32)) : createCommentVNode("", !0),
-			v.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_59, [w.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("button", {
-				onClick: Y,
-				disabled: _.value,
+			})], -1), createElementVNode("span", null, toDisplayString(_.value), 1)]), D.value ? (openBlock(), createElementBlock("div", _hoisted_68, toDisplayString(_.value), 1)) : createCommentVNode("", !0)], 32)) : createCommentVNode("", !0),
+			g.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_69, [S.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("button", {
+				onClick: J,
+				disabled: m.value,
 				class: "_cppay-btn _cppay-btn-primary"
-			}, toDisplayString(_.value ? i.plain === "subscription" ? u.value.authorizing : u.value.processing : (i.plain, u.value.walletPay)), 9, _hoisted_61), createElementVNode("button", {
-				onClick: F,
-				disabled: _.value,
+			}, toDisplayString(m.value ? n.plain === "subscription" ? c.value.authorizing : c.value.processing : (n.plain, c.value.walletPay)), 9, _hoisted_71), createElementVNode("button", {
+				onClick: P,
+				disabled: m.value,
 				class: "_cppay-btn _cppay-wallet-address-btn",
-				title: u.value.clickToModifyWallet
-			}, [createElementVNode("span", _hoisted_63, toDisplayString(w.value.slice(0, 10)) + "..." + toDisplayString(w.value.slice(-4)), 1), a[14] ||= createElementVNode("svg", {
+				title: c.value.clickToModifyWallet
+			}, [createElementVNode("span", _hoisted_73, toDisplayString(S.value.slice(0, 10)) + "..." + toDisplayString(S.value.slice(-4)), 1), r[18] ||= createElementVNode("svg", {
 				class: "_cppay-wallet-arrow",
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
 				"stroke-width": "2"
-			}, [createElementVNode("polyline", { points: "6 9 12 15 18 9" })], -1)], 8, _hoisted_62)], 64)) : (openBlock(), createElementBlock("button", {
+			}, [createElementVNode("polyline", { points: "6 9 12 15 18 9" })], -1)], 8, _hoisted_72)], 64)) : (openBlock(), createElementBlock("button", {
 				key: 0,
-				onClick: F,
-				disabled: T.value,
+				onClick: P,
+				disabled: C.value,
 				class: "_cppay-btn _cppay-btn-secondary _cppay-connect-wallet-btn"
-			}, [createElementVNode("span", null, toDisplayString(T.value ? u.value.processing : u.value.connectWallet), 1)], 8, _hoisted_60))])),
-			createElementVNode("div", _hoisted_64, [createElementVNode("button", {
-				onClick: Z,
-				disabled: v.value,
+			}, [createElementVNode("span", null, toDisplayString(C.value ? c.value.processing : c.value.connectWallet), 1)], 8, _hoisted_70))])),
+			createElementVNode("div", _hoisted_74, [createElementVNode("button", {
+				onClick: X,
+				disabled: g.value,
 				class: "_cppay-btn _cppay-btn-primary"
-			}, toDisplayString(v.value ? u.value.checking : u.value.completedPayment), 9, _hoisted_65)]),
-			a[15] ||= createElementVNode("hr", { class: "_cppay-divider" }, null, -1),
-			createElementVNode("div", _hoisted_66, [createElementVNode("button", {
-				onClick: a[5] ||= (e) => g.value = "select",
-				disabled: _.value || v.value,
+			}, toDisplayString(g.value ? c.value.checking : c.value.completedPayment), 9, _hoisted_75)]),
+			r[19] ||= createElementVNode("hr", { class: "_cppay-divider" }, null, -1),
+			createElementVNode("div", _hoisted_76, [createElementVNode("button", {
+				onClick: r[8] ||= (e) => p.value = "select",
+				disabled: m.value || g.value,
 				class: "_cppay-btn _cppay-btn-text"
-			}, toDisplayString(u.value.changePaymentMethod), 9, _hoisted_67)])
+			}, toDisplayString(c.value.changePaymentMethod), 9, _hoisted_77)])
 		]))]));
 	}
 }), _hoisted_1 = { class: "_cppay-dialog" }, _hoisted_2 = { class: "_cppay-header" }, _hoisted_3 = { class: "_cppay-title" }, _hoisted_4 = ["disabled"], PaymentDialog_default = /* @__PURE__ */ defineComponent({
@@ -426,43 +488,43 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 		"failed",
 		"error"
 	],
-	setup(e, { emit: i }) {
-		let a = e, s = i, c = computed(() => getLocaleMessages(a.locale)), u = ref("select"), d = computed(() => u.value !== "checking");
-		watch(() => a.modelValue, (e) => {
-			e || (u.value = "select");
+	setup(e, { emit: n }) {
+		let r = e, a = n, o = computed(() => getLocaleMessages(r.locale)), c = ref("select"), l = computed(() => c.value !== "checking");
+		watch(() => r.modelValue, (e) => {
+			e || (c.value = "select");
 		});
-		let f = (e) => {
-			u.value = e;
+		let u = (e) => {
+			c.value = e;
 		};
 		onMounted(() => {
 			let e = (e) => {
-				e.key === "Escape" && a.modelValue && !d.value && p();
+				e.key === "Escape" && r.modelValue && !l.value && d();
 			};
 			return window.addEventListener("keydown", e), () => {
 				window.removeEventListener("keydown", e);
 			};
 		});
-		let p = () => {
-			d.value && s("update:modelValue", !1);
-		}, m = () => {
-			switch (u.value) {
-				case "success": return c.value.paymentResult;
-				case "expired": return c.value.paymentExpired;
-				case "failed": return c.value.paymentFailed;
-				case "error": return c.value.error;
-				case "payment": return c.value.completePayment;
-				default: return c.value.selectPaymentMethod;
+		let d = () => {
+			l.value && a("update:modelValue", !1);
+		}, f = () => {
+			switch (c.value) {
+				case "success": return o.value.paymentResult;
+				case "expired": return o.value.paymentExpired;
+				case "failed": return o.value.paymentFailed;
+				case "error": return o.value.error;
+				case "payment": return o.value.completePayment;
+				default: return o.value.selectPaymentMethod;
 			}
 		};
-		return (i, a) => e.modelValue ? (openBlock(), createElementBlock("div", {
+		return (n, r) => e.modelValue ? (openBlock(), createElementBlock("div", {
 			key: 0,
 			class: "_cppay-overlay",
-			onClick: a[4] ||= (e) => e.target === e.currentTarget && p()
-		}, [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("h2", _hoisted_3, toDisplayString(m()), 1), createElementVNode("button", {
-			onClick: p,
-			disabled: !d.value,
+			onClick: r[4] ||= (e) => e.target === e.currentTarget && d()
+		}, [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("h2", _hoisted_3, toDisplayString(f()), 1), createElementVNode("button", {
+			onClick: d,
+			disabled: !l.value,
 			class: "_cppay-close-btn"
-		}, [...a[5] ||= [createElementVNode("svg", {
+		}, [...r[5] ||= [createElementVNode("svg", {
 			fill: "none",
 			stroke: "currentColor",
 			viewBox: "0 0 24 24"
@@ -480,18 +542,18 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 			plain: e.plain,
 			intervalDays: e.intervalDays,
 			locale: e.locale,
-			"onUpdate:paymentStep": f,
-			onSuccess: a[0] ||= (e) => s("success", e),
-			onExpired: a[1] ||= (e) => s("expired", e),
-			onFailed: a[2] ||= (e) => s("failed", e),
-			onError: a[3] ||= (e) => s("error", e)
+			"onUpdate:paymentStep": u,
+			onSuccess: r[0] ||= (e) => a("success", e),
+			onExpired: r[1] ||= (e) => a("expired", e),
+			onFailed: r[2] ||= (e) => a("failed", e),
+			onError: r[3] ||= (e) => a("error", e)
 		}, {
-			"choose-top": withCtx(() => [renderSlot(i.$slots, "choose-top")]),
-			"choose-bottom": withCtx(() => [renderSlot(i.$slots, "choose-bottom")]),
-			success: withCtx(() => [renderSlot(i.$slots, "success")]),
-			failed: withCtx(() => [renderSlot(i.$slots, "failed")]),
-			error: withCtx(() => [renderSlot(i.$slots, "error")]),
-			expired: withCtx(() => [renderSlot(i.$slots, "expired")]),
+			"choose-top": withCtx(() => [renderSlot(n.$slots, "choose-top")]),
+			"choose-bottom": withCtx(() => [renderSlot(n.$slots, "choose-bottom")]),
+			success: withCtx(() => [renderSlot(n.$slots, "success")]),
+			failed: withCtx(() => [renderSlot(n.$slots, "failed")]),
+			error: withCtx(() => [renderSlot(n.$slots, "error")]),
+			expired: withCtx(() => [renderSlot(n.$slots, "expired")]),
 			_: 3
 		}, 8, [
 			"apikey",
@@ -504,7 +566,6 @@ var _hoisted_1$1 = { class: "_cppay-content" }, _hoisted_2$1 = { class: "_cppay-
 		])) : createCommentVNode("", !0)])])) : createCommentVNode("", !0);
 	}
 }), cppayState = ref({
-	apikey: "",
 	open: !1,
 	options: null
 });
@@ -516,9 +577,7 @@ const showPayment = (e) => {
 var handleClose = () => {
 	cppayState.value.open = !1;
 }, handleSuccess = (e) => {
-	cppayState.value.options?.onSuccess?.(e), setTimeout(() => {
-		cppayState.value.open = !1;
-	}, 1e3);
+	cppayState.value.options?.onSuccess?.(e);
 }, handleExpired = (e) => {
 	cppayState.value.options?.onExpired?.(e);
 }, handleFailed = (e) => {
@@ -526,37 +585,25 @@ var handleClose = () => {
 }, handleError = (e) => {
 	cppayState.value.options?.onError?.(e);
 };
-const CppayPlugin = { install(e, i) {
-	if (!i?.apikey) throw Error("Cppay plugin requires an apikey");
-	cppayState.value.apikey = i.apikey, e.config.globalProperties.$showPayment = showPayment, e.config.globalProperties.$closePayment = closePayment;
-	let a = (e) => {
-		e.key === "Escape" && cppayState.value.open && handleClose();
-	}, o = document.createElement("div");
-	document.body.appendChild(o), createApp({ setup() {
+const CppayPlugin = { install(e) {
+	e.config.globalProperties.$showPayment = showPayment, e.config.globalProperties.$closePayment = closePayment;
+	let n = document.createElement("div");
+	document.body.appendChild(n), createApp({ setup() {
 		return () => cppayState.value.options ? h(PaymentDialog_default, {
 			modelValue: cppayState.value.open,
 			"onUpdate:modelValue": (e) => {
 				cppayState.value.open = e, e || handleClose();
 			},
-			apikey: cppayState.value.apikey,
-			plain: cppayState.value.options.plain,
-			orderId: cppayState.value.options.orderId,
-			amount: cppayState.value.options.amount,
-			intervalDays: cppayState.value.options.intervalDays,
+			...cppayState.value.options,
 			onSuccess: handleSuccess,
 			onExpired: handleExpired,
 			onFailed: handleFailed,
 			onError: handleError
 		}) : null;
-	} }).mount(o), cppayState.value.open && document.addEventListener("keydown", a), e.config.globalProperties.$watchEffect?.(() => {
-		cppayState.value.open ? document.addEventListener("keydown", a) : document.removeEventListener("keydown", a);
-	});
-} }, useCppayPayment = () => {
-	if (!cppayState.value.apikey) throw Error("useCppayPayment must be used after installing CppayPlugin");
-	return {
-		showPayment,
-		closePayment
-	};
-};
+	} }).mount(n);
+} }, useCppayPayment = () => ({
+	showPayment,
+	closePayment
+});
 injectStyle(payment_dialog_default);
 export { CppayPlugin, PaymentContent_default as PaymentContent, PaymentDialog_default as PaymentDialog, showPayment, useCppayPayment };