@micro-cms/crypto-payments 1.0.23 → 1.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +11 -9
package/dist/index.d.mts
CHANGED
|
@@ -48,7 +48,7 @@ declare const useEVMWallet: () => {
|
|
|
48
48
|
|
|
49
49
|
declare const PaymentWidget: react__default.FC<PaymentWidgetProps>;
|
|
50
50
|
|
|
51
|
-
declare const CSS_CONTENT = ".mcms-mx-auto{margin-left:auto;margin-right:auto}.mcms-mb-3{margin-bottom:.75rem}.mcms-mb-4{margin-bottom:1rem}.mcms-mb-6{margin-bottom:1.5rem}.mcms-mt-1{margin-top:.25rem}.mcms-flex{display:flex}.mcms-h-12{height:3rem}.mcms-h-3{height:.75rem}.mcms-h-4{height:1rem}.mcms-h-5{height:1.25rem}.mcms-h-8{height:2rem}.mcms-w-12{width:3rem}.mcms-w-3{width:.75rem}.mcms-w-4{width:1rem}.mcms-w-5{width:1.25rem}.mcms-w-8{width:2rem}.mcms-w-full{width:100%}.mcms-shrink-0{flex-shrink:0}@keyframes mcms-spin{to{transform:rotate(1turn)}}.mcms-animate-spin{animation:mcms-spin 1s linear infinite}.mcms-flex-col{flex-direction:column}.mcms-items-center{align-items:center}.mcms-justify-center{justify-content:center}.mcms-justify-between{justify-content:space-between}.mcms-gap-1{gap:.25rem}.mcms-gap-2{gap:.5rem}.mcms-gap-3{gap:.75rem}.mcms-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.mcms-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.mcms-overflow-hidden{overflow:hidden}.mcms-break-all{word-break:break-all}.mcms-rounded-2xl{border-radius:1rem}.mcms-rounded-lg{border-radius:.5rem}.mcms-rounded-xl{border-radius:.75rem}.mcms-border{border-width:1px}.mcms-border-t{border-top-width:1px}.mcms-border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.mcms-border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.mcms-border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.mcms-border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.mcms-bg-
|
|
51
|
+
declare const CSS_CONTENT = ".mcms-mx-auto{margin-left:auto;margin-right:auto}.mcms-mb-3{margin-bottom:.75rem}.mcms-mb-4{margin-bottom:1rem}.mcms-mb-6{margin-bottom:1.5rem}.mcms-mt-1{margin-top:.25rem}.mcms-flex{display:flex}.mcms-h-12{height:3rem}.mcms-h-3{height:.75rem}.mcms-h-4{height:1rem}.mcms-h-5{height:1.25rem}.mcms-h-8{height:2rem}.mcms-w-12{width:3rem}.mcms-w-3{width:.75rem}.mcms-w-4{width:1rem}.mcms-w-5{width:1.25rem}.mcms-w-8{width:2rem}.mcms-w-full{width:100%}.mcms-shrink-0{flex-shrink:0}@keyframes mcms-spin{to{transform:rotate(1turn)}}.mcms-animate-spin{animation:mcms-spin 1s linear infinite}.mcms-flex-col{flex-direction:column}.mcms-items-center{align-items:center}.mcms-justify-center{justify-content:center}.mcms-justify-between{justify-content:space-between}.mcms-gap-1{gap:.25rem}.mcms-gap-2{gap:.5rem}.mcms-gap-3{gap:.75rem}.mcms-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.mcms-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.mcms-overflow-hidden{overflow:hidden}.mcms-break-all{word-break:break-all}.mcms-rounded-2xl{border-radius:1rem}.mcms-rounded-lg{border-radius:.5rem}.mcms-rounded-xl{border-radius:.75rem}.mcms-border{border-width:1px}.mcms-border-t{border-top-width:1px}.mcms-border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.mcms-border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.mcms-border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.mcms-border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.mcms-bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.mcms-bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.mcms-bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.mcms-bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.mcms-bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.mcms-bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.mcms-bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.mcms-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.mcms-bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.mcms-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.mcms-p-2{padding:.5rem}.mcms-p-3{padding:.75rem}.mcms-p-4{padding:1rem}.mcms-p-6{padding:1.5rem}.mcms-px-4{padding-left:1rem;padding-right:1rem}.mcms-px-6{padding-left:1.5rem;padding-right:1.5rem}.mcms-py-3{padding-top:.75rem;padding-bottom:.75rem}.mcms-py-8{padding-top:2rem;padding-bottom:2rem}.mcms-text-center{text-align:center}.mcms-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mcms-text-lg{font-size:1.125rem;line-height:1.75rem}.mcms-text-sm{font-size:.875rem;line-height:1.25rem}.mcms-text-xs{font-size:.75rem;line-height:1rem}.mcms-font-bold{font-weight:700}.mcms-font-medium{font-weight:500}.mcms-font-semibold{font-weight:600}.mcms-uppercase{text-transform:uppercase}.mcms-tracking-wider{letter-spacing:.05em}.mcms-text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.mcms-text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.mcms-text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.mcms-text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.mcms-text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.mcms-text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.mcms-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.mcms-text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.mcms-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mcms-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mcms-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover:mcms-bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover:mcms-bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover:mcms-bg-orange-600:hover{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.hover:mcms-text-indigo-700:hover{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}";
|
|
52
52
|
declare const injectStyles: () => void;
|
|
53
53
|
|
|
54
54
|
interface PaymentWidgetProps {
|
package/dist/index.d.ts
CHANGED
|
@@ -48,7 +48,7 @@ declare const useEVMWallet: () => {
|
|
|
48
48
|
|
|
49
49
|
declare const PaymentWidget: react__default.FC<PaymentWidgetProps>;
|
|
50
50
|
|
|
51
|
-
declare const CSS_CONTENT = ".mcms-mx-auto{margin-left:auto;margin-right:auto}.mcms-mb-3{margin-bottom:.75rem}.mcms-mb-4{margin-bottom:1rem}.mcms-mb-6{margin-bottom:1.5rem}.mcms-mt-1{margin-top:.25rem}.mcms-flex{display:flex}.mcms-h-12{height:3rem}.mcms-h-3{height:.75rem}.mcms-h-4{height:1rem}.mcms-h-5{height:1.25rem}.mcms-h-8{height:2rem}.mcms-w-12{width:3rem}.mcms-w-3{width:.75rem}.mcms-w-4{width:1rem}.mcms-w-5{width:1.25rem}.mcms-w-8{width:2rem}.mcms-w-full{width:100%}.mcms-shrink-0{flex-shrink:0}@keyframes mcms-spin{to{transform:rotate(1turn)}}.mcms-animate-spin{animation:mcms-spin 1s linear infinite}.mcms-flex-col{flex-direction:column}.mcms-items-center{align-items:center}.mcms-justify-center{justify-content:center}.mcms-justify-between{justify-content:space-between}.mcms-gap-1{gap:.25rem}.mcms-gap-2{gap:.5rem}.mcms-gap-3{gap:.75rem}.mcms-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.mcms-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.mcms-overflow-hidden{overflow:hidden}.mcms-break-all{word-break:break-all}.mcms-rounded-2xl{border-radius:1rem}.mcms-rounded-lg{border-radius:.5rem}.mcms-rounded-xl{border-radius:.75rem}.mcms-border{border-width:1px}.mcms-border-t{border-top-width:1px}.mcms-border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.mcms-border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.mcms-border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.mcms-border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.mcms-bg-
|
|
51
|
+
declare const CSS_CONTENT = ".mcms-mx-auto{margin-left:auto;margin-right:auto}.mcms-mb-3{margin-bottom:.75rem}.mcms-mb-4{margin-bottom:1rem}.mcms-mb-6{margin-bottom:1.5rem}.mcms-mt-1{margin-top:.25rem}.mcms-flex{display:flex}.mcms-h-12{height:3rem}.mcms-h-3{height:.75rem}.mcms-h-4{height:1rem}.mcms-h-5{height:1.25rem}.mcms-h-8{height:2rem}.mcms-w-12{width:3rem}.mcms-w-3{width:.75rem}.mcms-w-4{width:1rem}.mcms-w-5{width:1.25rem}.mcms-w-8{width:2rem}.mcms-w-full{width:100%}.mcms-shrink-0{flex-shrink:0}@keyframes mcms-spin{to{transform:rotate(1turn)}}.mcms-animate-spin{animation:mcms-spin 1s linear infinite}.mcms-flex-col{flex-direction:column}.mcms-items-center{align-items:center}.mcms-justify-center{justify-content:center}.mcms-justify-between{justify-content:space-between}.mcms-gap-1{gap:.25rem}.mcms-gap-2{gap:.5rem}.mcms-gap-3{gap:.75rem}.mcms-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.mcms-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.mcms-overflow-hidden{overflow:hidden}.mcms-break-all{word-break:break-all}.mcms-rounded-2xl{border-radius:1rem}.mcms-rounded-lg{border-radius:.5rem}.mcms-rounded-xl{border-radius:.75rem}.mcms-border{border-width:1px}.mcms-border-t{border-top-width:1px}.mcms-border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.mcms-border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.mcms-border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.mcms-border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.mcms-bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.mcms-bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.mcms-bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.mcms-bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.mcms-bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.mcms-bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.mcms-bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.mcms-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.mcms-bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.mcms-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.mcms-p-2{padding:.5rem}.mcms-p-3{padding:.75rem}.mcms-p-4{padding:1rem}.mcms-p-6{padding:1.5rem}.mcms-px-4{padding-left:1rem;padding-right:1rem}.mcms-px-6{padding-left:1.5rem;padding-right:1.5rem}.mcms-py-3{padding-top:.75rem;padding-bottom:.75rem}.mcms-py-8{padding-top:2rem;padding-bottom:2rem}.mcms-text-center{text-align:center}.mcms-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mcms-text-lg{font-size:1.125rem;line-height:1.75rem}.mcms-text-sm{font-size:.875rem;line-height:1.25rem}.mcms-text-xs{font-size:.75rem;line-height:1rem}.mcms-font-bold{font-weight:700}.mcms-font-medium{font-weight:500}.mcms-font-semibold{font-weight:600}.mcms-uppercase{text-transform:uppercase}.mcms-tracking-wider{letter-spacing:.05em}.mcms-text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.mcms-text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.mcms-text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.mcms-text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.mcms-text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.mcms-text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.mcms-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.mcms-text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.mcms-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mcms-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mcms-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover:mcms-bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover:mcms-bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover:mcms-bg-orange-600:hover{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.hover:mcms-text-indigo-700:hover{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}";
|
|
52
52
|
declare const injectStyles: () => void;
|
|
53
53
|
|
|
54
54
|
interface PaymentWidgetProps {
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var v=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var q=(e,a)=>{for(var r in a)v(e,r,{get:a[r],enumerable:!0})},O=(e,a,r,m)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of V(a))!L.call(e,s)&&s!==r&&v(e,s,{get:()=>a[s],enumerable:!(m=_(a,s))||m.enumerable});return e};var F=e=>O(v({},"__esModule",{value:!0}),e);var U={};q(U,{CSS_CONTENT:()=>E,PaymentWidget:()=>R,injectStyles:()=>k,useEVMWallet:()=>P,usePayment:()=>N,useSolanaWallet:()=>x});module.exports=F(U);var b=require("react");var l=require("@solana/web3.js"),x=()=>{let e=()=>{if(typeof window<"u"&&"solana"in window){let m=window;if(m.solana?.isPhantom)return m.solana}},a=async()=>{let m=e();if(m)try{return(await m.connect()).publicKey.toString()}catch{throw new Error("User rejected the connection")}else throw new Error("Phantom wallet not found")},r=async m=>{let s=e();if(!s)throw new Error("Wallet not connected");try{let n=new l.Connection("https://api.devnet.solana.com","confirmed"),g=await s.connect({onlyIfTrusted:!0}),y=new l.PublicKey(g.publicKey.toString()),d=new l.PublicKey(m.paymentAddress),u=new l.Transaction().add(l.SystemProgram.transfer({fromPubkey:y,toPubkey:d,lamports:Number(m.amount)*l.LAMPORTS_PER_SOL})),{blockhash:p}=await n.getLatestBlockhash();u.recentBlockhash=p,u.feePayer=y;let{signature:h}=await s.signAndSendTransaction(u);return h}catch(n){throw n.message?.includes("User rejected")?new Error("Transaction rejected by user"):new Error(n.message||"Failed to send Solana transaction")}};return{isAvailable:!!e(),connect:a,sendPayment:r}};var P=()=>{let e=()=>{if(typeof window<"u"&&"ethereum"in window)return window.ethereum},a=async()=>{let m=e();if(m)try{return(await m.request({method:"eth_requestAccounts"}))[0]}catch{throw new Error("User rejected the connection")}else throw new Error("MetaMask or EVM wallet not found")},r=async m=>{let s=e();if(!s)throw new Error("Wallet not connected");let n=await s.request({method:"eth_accounts"});if(!n||n.length===0)throw new Error("No accounts found. Please connect your wallet first.");let g=m.currency.toUpperCase()==="USDC"?6:18,y="0x"+BigInt(Math.floor(Number(m.amount)*Math.pow(10,g))).toString(16);try{return await s.request({method:"eth_sendTransaction",params:[{from:n[0],to:m.paymentAddress,value:m.currency.toUpperCase()==="ETH"?y:"0x0"}]})}catch(d){throw d.code===4001?new Error("Transaction rejected by user"):new Error(d.message||"Failed to send transaction")}};return{isAvailable:!!e(),connect:a,sendPayment:r}};var C=require("react"),i=require("lucide-react"),M=require("clsx"),I=require("tailwind-merge");var E=".mcms-mx-auto{margin-left:auto;margin-right:auto}.mcms-mb-3{margin-bottom:.75rem}.mcms-mb-4{margin-bottom:1rem}.mcms-mb-6{margin-bottom:1.5rem}.mcms-mt-1{margin-top:.25rem}.mcms-flex{display:flex}.mcms-h-12{height:3rem}.mcms-h-3{height:.75rem}.mcms-h-4{height:1rem}.mcms-h-5{height:1.25rem}.mcms-h-8{height:2rem}.mcms-w-12{width:3rem}.mcms-w-3{width:.75rem}.mcms-w-4{width:1rem}.mcms-w-5{width:1.25rem}.mcms-w-8{width:2rem}.mcms-w-full{width:100%}.mcms-shrink-0{flex-shrink:0}@keyframes mcms-spin{to{transform:rotate(1turn)}}.mcms-animate-spin{animation:mcms-spin 1s linear infinite}.mcms-flex-col{flex-direction:column}.mcms-items-center{align-items:center}.mcms-justify-center{justify-content:center}.mcms-justify-between{justify-content:space-between}.mcms-gap-1{gap:.25rem}.mcms-gap-2{gap:.5rem}.mcms-gap-3{gap:.75rem}.mcms-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.mcms-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.mcms-overflow-hidden{overflow:hidden}.mcms-break-all{word-break:break-all}.mcms-rounded-2xl{border-radius:1rem}.mcms-rounded-lg{border-radius:.5rem}.mcms-rounded-xl{border-radius:.75rem}.mcms-border{border-width:1px}.mcms-border-t{border-top-width:1px}.mcms-border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.mcms-border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.mcms-border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.mcms-border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.mcms-bg-[#512da8]{--tw-bg-opacity:1;background-color:rgb(81 45 168/var(--tw-bg-opacity,1))}.mcms-bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.mcms-bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.mcms-bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.mcms-bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.mcms-bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.mcms-bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.mcms-bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.mcms-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.mcms-bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.mcms-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.mcms-p-2{padding:.5rem}.mcms-p-3{padding:.75rem}.mcms-p-4{padding:1rem}.mcms-p-6{padding:1.5rem}.mcms-px-4{padding-left:1rem;padding-right:1rem}.mcms-px-6{padding-left:1.5rem;padding-right:1.5rem}.mcms-py-3{padding-top:.75rem;padding-bottom:.75rem}.mcms-py-8{padding-top:2rem;padding-bottom:2rem}.mcms-text-center{text-align:center}.mcms-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mcms-text-lg{font-size:1.125rem;line-height:1.75rem}.mcms-text-sm{font-size:.875rem;line-height:1.25rem}.mcms-text-xs{font-size:.75rem;line-height:1rem}.mcms-font-bold{font-weight:700}.mcms-font-medium{font-weight:500}.mcms-font-semibold{font-weight:600}.mcms-uppercase{text-transform:uppercase}.mcms-tracking-wider{letter-spacing:.05em}.mcms-text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.mcms-text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.mcms-text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.mcms-text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.mcms-text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.mcms-text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.mcms-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.mcms-text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.mcms-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mcms-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mcms-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover:mcms-bg-[#4527a0]:hover{--tw-bg-opacity:1;background-color:rgb(69 39 160/var(--tw-bg-opacity,1))}.hover:mcms-bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover:mcms-bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover:mcms-bg-orange-600:hover{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.hover:mcms-text-indigo-700:hover{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}",k=()=>{if(typeof document>"u"||document.getElementById("mcms-crypto-styles"))return;let e=document.createElement("style");e.id="mcms-crypto-styles",e.textContent=E,document.head.appendChild(e)};var t=require("react/jsx-runtime");function S(...e){return(0,I.twMerge)((0,M.clsx)(e))}var R=({className:e,...a})=>{(0,C.useLayoutEffect)(()=>{k()},[]);let{status:r,intent:m,error:s,initiate:n,verify:g,setStatus:y,isSolanaAvailable:d,handleSolanaPay:u,isEVMAvailable:p,handleEVMPay:h}=N(a);return r==="success"?(0,t.jsxs)("div",{className:S("mcms-p-6 mcms-text-center mcms-bg-green-50 mcms-rounded-xl mcms-border mcms-border-green-200",e),children:[(0,t.jsx)(i.CheckCircle,{className:"mcms-mx-auto mcms-w-12 mcms-h-12 mcms-text-green-500 mcms-mb-4"}),(0,t.jsx)("h3",{className:"mcms-text-lg mcms-font-semibold mcms-green-900",children:"Payment Successful"}),(0,t.jsx)("p",{className:"mcms-text-green-700 mcms-mt-1",children:"Your order has been confirmed."})]}):(0,t.jsxs)("div",{className:S("mcms-bg-white mcms-rounded-2xl mcms-border mcms-border-slate-200 mcms-shadow-sm mcms-overflow-hidden",e),children:[(0,t.jsxs)("div",{className:"mcms-p-6",children:[(0,t.jsxs)("div",{className:"mcms-flex mcms-items-center mcms-gap-3 mcms-mb-6",children:[(0,t.jsx)("div",{className:"mcms-p-2 mcms-bg-indigo-50 mcms-rounded-lg",children:(0,t.jsx)(i.Wallet,{className:"mcms-w-5 mcms-h-5 mcms-text-indigo-600"})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:"mcms-font-semibold mcms-text-slate-900",children:"Crypto Payment"}),(0,t.jsx)("p",{className:"mcms-text-sm mcms-text-slate-500",children:"Pay securely using your wallet"})]})]}),s&&(0,t.jsxs)("div",{className:"mcms-mb-4 mcms-p-3 mcms-bg-red-50 mcms-border mcms-border-red-100 mcms-rounded-lg mcms-flex mcms-gap-3 mcms-text-red-700 mcms-text-sm",children:[(0,t.jsx)(i.AlertCircle,{className:"mcms-w-4 mcms-h-4 mcms-shrink-0"}),(0,t.jsx)("p",{children:s})]}),r==="idle"&&(0,t.jsx)("button",{onClick:n,className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-indigo-600 hover:mcms-bg-indigo-700 mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:"Start Payment"}),(r==="connecting"||r==="initiating"||r==="verifying")&&(0,t.jsxs)("div",{className:"mcms-py-8 mcms-text-center",children:[(0,t.jsx)(i.Loader2,{className:"mcms-w-8 mcms-h-8 mcms-text-indigo-600 mcms-animate-spin mcms-mx-auto mcms-mb-3"}),(0,t.jsx)("p",{className:"mcms-text-slate-600 mcms-font-medium",children:r==="connecting"?"Connecting wallet...":r==="initiating"?"Preparing transaction...":"Verifying on-chain..."})]}),r==="pending_signature"&&m&&(0,t.jsxs)("div",{className:"mcms-space-y-4",children:[(0,t.jsxs)("div",{className:"mcms-p-4 mcms-bg-slate-50 mcms-rounded-xl mcms-space-y-2",children:[(0,t.jsxs)("div",{className:"mcms-flex mcms-justify-between mcms-text-sm",children:[(0,t.jsx)("span",{className:"mcms-text-slate-500",children:"Amount to pay"}),(0,t.jsxs)("span",{className:"mcms-font-mono mcms-font-medium mcms-text-slate-900",children:[m.amount," ",m.currency]})]}),(0,t.jsxs)("div",{className:"mcms-flex mcms-justify-between mcms-text-sm",children:[(0,t.jsx)("span",{className:"mcms-text-slate-500",children:"Order ID"}),(0,t.jsx)("span",{className:"mcms-font-mono mcms-text-slate-900",children:m.orderId})]}),(0,t.jsxs)("div",{className:"mcms-flex mcms-justify-between mcms-text-sm",children:[(0,t.jsx)("span",{className:"mcms-text-slate-500",children:"Network"}),(0,t.jsx)("span",{className:"mcms-text-slate-900 mcms-font-medium",children:m.network})]})]}),(0,t.jsxs)("div",{className:"mcms-space-y-2",children:[(0,t.jsx)("p",{className:"mcms-text-xs mcms-text-slate-500 mcms-uppercase mcms-font-bold mcms-tracking-wider",children:"Destination Address"}),(0,t.jsx)("div",{className:"mcms-p-3 mcms-bg-slate-100 mcms-rounded-lg mcms-font-mono mcms-text-xs mcms-break-all mcms-text-slate-600 mcms-border mcms-border-slate-200",children:m.paymentAddress})]}),(0,t.jsx)("div",{className:"mcms-flex mcms-flex-col mcms-gap-2",children:m.network?.toLowerCase().includes("solana")&&d?(0,t.jsxs)("button",{onClick:u,className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-[#512da8] hover:mcms-bg-[#4527a0] mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:[(0,t.jsx)(i.Cpu,{className:"mcms-w-4 mcms-h-4"}),"Pay with Phantom"]}):(m.network?.toLowerCase().includes("ethereum")||m.network?.toLowerCase().includes("evm")||m.network?.toLowerCase().includes("polygon"))&&p?(0,t.jsxs)("button",{onClick:h,className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-orange-500 hover:mcms-bg-orange-600 mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:[(0,t.jsx)("img",{src:"https://upload.wikimedia.org/wikipedia/commons/3/36/MetaMask_Mirror_Logo.svg",className:"mcms-w-4 mcms-h-4",alt:"MetaMask"}),"Pay with MetaMask"]}):(0,t.jsx)("button",{onClick:()=>{y("verifying"),setTimeout(()=>g("0x_mock_transaction_hash_generic"),2e3)},className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-slate-900 hover:mcms-bg-black mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:"Confirm in Wallet"})})]})]}),(0,t.jsxs)("div",{className:"mcms-bg-slate-50 mcms-px-6 mcms-py-3 mcms-border-t mcms-border-slate-100 mcms-flex mcms-justify-between mcms-items-center",children:[(0,t.jsx)("span",{className:"mcms-text-xs mcms-text-slate-400",children:"Powered by Micro-CMS Crypto"}),(0,t.jsxs)("a",{href:"#",className:"mcms-text-xs mcms-text-indigo-600 hover:mcms-text-indigo-700 mcms-font-medium mcms-flex mcms-items-center mcms-gap-1",children:["Help ",(0,t.jsx)(i.ExternalLink,{className:"mcms-w-3 mcms-h-3"})]})]})]})};var N=e=>{let[a,r]=(0,b.useState)("idle"),[m,s]=(0,b.useState)(null),[n,g]=(0,b.useState)(null),y=(0,b.useCallback)(async()=>{try{if(r("initiating"),s(null),e.provider){let w=await e.provider.initiatePayment(e.orderId,{amount:e.amount,currency:e.currency});g(w),r("pending_signature");return}let o=await fetch(e.endpoints?.initiate||"/api/orders/initiate",{method:"POST",headers:{"Content-Type":"application/json",...e.headers||{}},body:JSON.stringify({productId:e.orderId,amount:e.amount,currency:e.currency,paymentProvider:"crypto"})});if(!o.ok){let w=await o.json();throw new Error(w.error||"Failed to initiate payment intent")}let c=await o.json();g(c),r("pending_signature")}catch(o){s(o.message),r("error"),e.onError?.(o)}},[e.provider,e.endpoints?.initiate,e.orderId,e.amount,e.currency,e.onError,e.headers]),d=(0,b.useCallback)(async o=>{try{if(r("verifying"),e.provider){let f=await e.provider.verifyPayment(o,e.orderId);if(f.status==="confirmed")r("success"),e.onSuccess?.(f);else throw new Error("Payment not confirmed yet, status: "+f.status);return}let c=await fetch(e.endpoints?.verify||"/api/orders/verify-payment",{method:"POST",headers:{"Content-Type":"application/json",...e.headers||{}},body:JSON.stringify({orderId:n?.orderId||e.orderId,transactionHash:o})});if(!c.ok){let f=await c.json();throw new Error(f.error||"Payment verification failed")}let w=await c.json();if(w.status==="confirmed")r("success"),e.onSuccess?.(w);else throw new Error("Payment not confirmed yet, status: "+w.status)}catch(c){s(c.message),r("error"),e.onError?.(c)}},[e.provider,e.endpoints?.verify,e.orderId,e.onSuccess,e.onError,e.headers,n?.orderId]),{isAvailable:u,connect:p,sendPayment:h}=x(),j=async()=>{try{if(!n){s("Payment intent not established."),r("error");return}r("connecting");let o=await p();console.log("Connected to Solana with public key:",o),r("pending_signature");let c=await h(n);r("verifying"),await d(c)}catch(o){s(o.message||"Failed to connect to Phantom or sign transaction."),r("error"),e.onError?.(o instanceof Error?o:new Error(String(o)))}},{isAvailable:W,connect:T,sendPayment:A}=P();return{status:a,intent:n,error:m,initiate:y,verify:d,setStatus:r,isSolanaAvailable:u,handleSolanaPay:j,isEVMAvailable:W,handleEVMPay:async()=>{try{if(!n){s("Payment intent not established."),r("error");return}r("connecting");let o=await T();console.log("Connected to EVM with account:",o),r("pending_signature");let c=await A(n);r("verifying"),await d(c)}catch(o){s(o.message||"Failed to connect to MetaMask or sign transaction."),r("error"),e.onError?.(o instanceof Error?o:new Error(String(o)))}}}};0&&(module.exports={CSS_CONTENT,PaymentWidget,injectStyles,useEVMWallet,usePayment,useSolanaWallet});
|
|
1
|
+
"use strict";var L=Object.create;var P=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var F=(t,a)=>{for(var r in a)P(t,r,{get:a[r],enumerable:!0})},A=(t,a,r,m)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of q(a))!R.call(t,o)&&o!==r&&P(t,o,{get:()=>a[o],enumerable:!(m=U(a,o))||m.enumerable});return t};var z=(t,a,r)=>(r=t!=null?L(O(t)):{},A(a||!t||!t.__esModule?P(r,"default",{value:t,enumerable:!0}):r,t)),G=t=>A(P({},"__esModule",{value:!0}),t);var J={};F(J,{CSS_CONTENT:()=>j,PaymentWidget:()=>B,injectStyles:()=>C,useEVMWallet:()=>M,usePayment:()=>I,useSolanaWallet:()=>S});module.exports=G(J);var b=require("react");var i=require("@solana/web3.js"),f=require("@solana/spl-token"),H=new i.PublicKey("4zMMC9srt5Ri5X14GAgXhaHii3GnPAEERYPJgZJDncDU"),K=new i.PublicKey("EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v"),S=()=>{let t=()=>{if(typeof window<"u"&&"solana"in window){let m=window;if(m.solana?.isPhantom)return m.solana}},a=async()=>{let m=t();if(m)try{return(await m.connect()).publicKey.toString()}catch{throw new Error("User rejected the connection")}else throw new Error("Phantom wallet not found")},r=async m=>{let o=t();if(!o)throw new Error("Wallet not connected");try{let s=!window.location.host.includes("localhost")&&!window.location.host.includes("dev."),y=s?"https://api.mainnet-beta.solana.com":"https://api.devnet.solana.com",w=new i.Connection(y,"confirmed"),l=await o.connect({onlyIfTrusted:!0}),p=new i.PublicKey(l.publicKey.toString()),h=new i.PublicKey(m.paymentAddress),g=new i.Transaction;if(m.currency?.toUpperCase()==="USDC"){let v=s?K:H,N=await(0,f.getMint)(w,v),T=Math.round(Number(m.amount)*Math.pow(10,N.decimals)),{getAssociatedTokenAddress:n}=await import("@solana/spl-token"),c=await n(v,p),u=await n(v,h);g.add((0,f.createTransferInstruction)(c,u,p,T,[],f.TOKEN_PROGRAM_ID))}else g.add(i.SystemProgram.transfer({fromPubkey:p,toPubkey:h,lamports:Math.round(Number(m.amount)*i.LAMPORTS_PER_SOL)}));let{blockhash:k}=await w.getLatestBlockhash();g.recentBlockhash=k,g.feePayer=p;let{signature:E}=await o.signAndSendTransaction(g);return E}catch(s){throw console.error("Solana Transaction Error:",s),s.message?.includes("User rejected")?new Error("Transaction rejected by user"):new Error(s.message||"Failed to send Solana transaction")}};return{isAvailable:!!t(),connect:a,sendPayment:r}};var M=()=>{let t=()=>{if(typeof window<"u"&&"ethereum"in window)return window.ethereum},a=async()=>{let m=t();if(m)try{return(await m.request({method:"eth_requestAccounts"}))[0]}catch{throw new Error("User rejected the connection")}else throw new Error("MetaMask or EVM wallet not found")},r=async m=>{let o=t();if(!o)throw new Error("Wallet not connected");let s=await o.request({method:"eth_accounts"});if(!s||s.length===0)throw new Error("No accounts found. Please connect your wallet first.");let y=m.currency.toUpperCase()==="USDC"?6:18,w="0x"+BigInt(Math.floor(Number(m.amount)*Math.pow(10,y))).toString(16);try{return await o.request({method:"eth_sendTransaction",params:[{from:s[0],to:m.paymentAddress,value:m.currency.toUpperCase()==="ETH"?w:"0x0"}]})}catch(l){throw l.code===4001?new Error("Transaction rejected by user"):new Error(l.message||"Failed to send transaction")}};return{isAvailable:!!t(),connect:a,sendPayment:r}};var W=require("react"),d=require("lucide-react"),V=require("clsx"),D=require("tailwind-merge");var j=".mcms-mx-auto{margin-left:auto;margin-right:auto}.mcms-mb-3{margin-bottom:.75rem}.mcms-mb-4{margin-bottom:1rem}.mcms-mb-6{margin-bottom:1.5rem}.mcms-mt-1{margin-top:.25rem}.mcms-flex{display:flex}.mcms-h-12{height:3rem}.mcms-h-3{height:.75rem}.mcms-h-4{height:1rem}.mcms-h-5{height:1.25rem}.mcms-h-8{height:2rem}.mcms-w-12{width:3rem}.mcms-w-3{width:.75rem}.mcms-w-4{width:1rem}.mcms-w-5{width:1.25rem}.mcms-w-8{width:2rem}.mcms-w-full{width:100%}.mcms-shrink-0{flex-shrink:0}@keyframes mcms-spin{to{transform:rotate(1turn)}}.mcms-animate-spin{animation:mcms-spin 1s linear infinite}.mcms-flex-col{flex-direction:column}.mcms-items-center{align-items:center}.mcms-justify-center{justify-content:center}.mcms-justify-between{justify-content:space-between}.mcms-gap-1{gap:.25rem}.mcms-gap-2{gap:.5rem}.mcms-gap-3{gap:.75rem}.mcms-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.mcms-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.mcms-overflow-hidden{overflow:hidden}.mcms-break-all{word-break:break-all}.mcms-rounded-2xl{border-radius:1rem}.mcms-rounded-lg{border-radius:.5rem}.mcms-rounded-xl{border-radius:.75rem}.mcms-border{border-width:1px}.mcms-border-t{border-top-width:1px}.mcms-border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.mcms-border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.mcms-border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.mcms-border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.mcms-bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.mcms-bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.mcms-bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.mcms-bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.mcms-bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.mcms-bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.mcms-bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.mcms-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.mcms-bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.mcms-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.mcms-p-2{padding:.5rem}.mcms-p-3{padding:.75rem}.mcms-p-4{padding:1rem}.mcms-p-6{padding:1.5rem}.mcms-px-4{padding-left:1rem;padding-right:1rem}.mcms-px-6{padding-left:1.5rem;padding-right:1.5rem}.mcms-py-3{padding-top:.75rem;padding-bottom:.75rem}.mcms-py-8{padding-top:2rem;padding-bottom:2rem}.mcms-text-center{text-align:center}.mcms-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mcms-text-lg{font-size:1.125rem;line-height:1.75rem}.mcms-text-sm{font-size:.875rem;line-height:1.25rem}.mcms-text-xs{font-size:.75rem;line-height:1rem}.mcms-font-bold{font-weight:700}.mcms-font-medium{font-weight:500}.mcms-font-semibold{font-weight:600}.mcms-uppercase{text-transform:uppercase}.mcms-tracking-wider{letter-spacing:.05em}.mcms-text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.mcms-text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.mcms-text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.mcms-text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.mcms-text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.mcms-text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.mcms-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.mcms-text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.mcms-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mcms-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mcms-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover:mcms-bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover:mcms-bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover:mcms-bg-orange-600:hover{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.hover:mcms-text-indigo-700:hover{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}",C=()=>{if(typeof document>"u"||document.getElementById("mcms-crypto-styles"))return;let t=document.createElement("style");t.id="mcms-crypto-styles",t.textContent=j,document.head.appendChild(t)};var e=require("react/jsx-runtime");function _(...t){return(0,D.twMerge)((0,V.clsx)(t))}var B=({className:t,...a})=>{(0,W.useLayoutEffect)(()=>{C()},[]);let{status:r,intent:m,error:o,initiate:s,verify:y,setStatus:w,isSolanaAvailable:l,handleSolanaPay:p,isEVMAvailable:h,handleEVMPay:g}=I(a);return r==="success"?(0,e.jsxs)("div",{className:_("mcms-p-6 mcms-text-center mcms-bg-green-50 mcms-rounded-xl mcms-border mcms-border-green-200",t),children:[(0,e.jsx)(d.CheckCircle,{className:"mcms-mx-auto mcms-w-12 mcms-h-12 mcms-text-green-500 mcms-mb-4"}),(0,e.jsx)("h3",{className:"mcms-text-lg mcms-font-semibold mcms-green-900",children:"Payment Successful"}),(0,e.jsx)("p",{className:"mcms-text-green-700 mcms-mt-1",children:"Your order has been confirmed."})]}):(0,e.jsxs)("div",{className:_("mcms-bg-white mcms-rounded-2xl mcms-border mcms-border-slate-200 mcms-shadow-sm mcms-overflow-hidden",t),children:[(0,e.jsxs)("div",{className:"mcms-p-6",children:[(0,e.jsxs)("div",{className:"mcms-flex mcms-items-center mcms-gap-3 mcms-mb-6",children:[(0,e.jsx)("div",{className:"mcms-p-2 mcms-bg-indigo-50 mcms-rounded-lg",children:(0,e.jsx)(d.Wallet,{className:"mcms-w-5 mcms-h-5 mcms-text-indigo-600"})}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"mcms-font-semibold mcms-text-slate-900",children:"Crypto Payment"}),(0,e.jsx)("p",{className:"mcms-text-sm mcms-text-slate-500",children:"Pay securely using your wallet"})]})]}),o&&(0,e.jsxs)("div",{className:"mcms-mb-4 mcms-p-3 mcms-bg-red-50 mcms-border mcms-border-red-100 mcms-rounded-lg mcms-flex mcms-gap-3 mcms-text-red-700 mcms-text-sm",children:[(0,e.jsx)(d.AlertCircle,{className:"mcms-w-4 mcms-h-4 mcms-shrink-0"}),(0,e.jsx)("p",{children:o})]}),r==="idle"&&(0,e.jsx)("button",{onClick:s,className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-indigo-600 hover:mcms-bg-indigo-700 mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:"Start Payment"}),(r==="connecting"||r==="initiating"||r==="verifying")&&(0,e.jsxs)("div",{className:"mcms-py-8 mcms-text-center",children:[(0,e.jsx)(d.Loader2,{className:"mcms-w-8 mcms-h-8 mcms-text-indigo-600 mcms-animate-spin mcms-mx-auto mcms-mb-3"}),(0,e.jsx)("p",{className:"mcms-text-slate-600 mcms-font-medium",children:r==="connecting"?"Connecting wallet...":r==="initiating"?"Preparing transaction...":"Verifying on-chain..."})]}),r==="pending_signature"&&m&&(0,e.jsxs)("div",{className:"mcms-space-y-4",children:[(0,e.jsxs)("div",{className:"mcms-p-4 mcms-bg-slate-50 mcms-rounded-xl mcms-space-y-2",children:[(0,e.jsxs)("div",{className:"mcms-flex mcms-justify-between mcms-text-sm",children:[(0,e.jsx)("span",{className:"mcms-text-slate-500",children:"Amount to pay"}),(0,e.jsxs)("span",{className:"mcms-font-mono mcms-font-medium mcms-text-slate-900",children:[m.amount," ",m.currency]})]}),(0,e.jsxs)("div",{className:"mcms-flex mcms-justify-between mcms-text-sm",children:[(0,e.jsx)("span",{className:"mcms-text-slate-500",children:"Order ID"}),(0,e.jsx)("span",{className:"mcms-font-mono mcms-text-slate-900",children:m.orderId})]}),(0,e.jsxs)("div",{className:"mcms-flex mcms-justify-between mcms-text-sm",children:[(0,e.jsx)("span",{className:"mcms-text-slate-500",children:"Network"}),(0,e.jsx)("span",{className:"mcms-text-slate-900 mcms-font-medium",children:m.network})]})]}),(0,e.jsxs)("div",{className:"mcms-space-y-2",children:[(0,e.jsx)("p",{className:"mcms-text-xs mcms-text-slate-500 mcms-uppercase mcms-font-bold mcms-tracking-wider",children:"Destination Address"}),(0,e.jsx)("div",{className:"mcms-p-3 mcms-bg-slate-100 mcms-rounded-lg mcms-font-mono mcms-text-xs mcms-break-all mcms-text-slate-600 mcms-border mcms-border-slate-200",children:m.paymentAddress})]}),(0,e.jsx)("div",{className:"mcms-flex mcms-flex-col mcms-gap-2",children:m.network?.toLowerCase().includes("solana")&&l?(0,e.jsxs)("button",{onClick:p,className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-indigo-600 hover:mcms-bg-indigo-700 mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:[(0,e.jsx)(d.Cpu,{className:"mcms-w-4 mcms-h-4"}),"Pay with Phantom"]}):(m.network?.toLowerCase().includes("ethereum")||m.network?.toLowerCase().includes("evm")||m.network?.toLowerCase().includes("polygon"))&&h?(0,e.jsxs)("button",{onClick:g,className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-orange-500 hover:mcms-bg-orange-600 mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:[(0,e.jsx)("img",{src:"https://upload.wikimedia.org/wikipedia/commons/3/36/MetaMask_Mirror_Logo.svg",className:"mcms-w-4 mcms-h-4",alt:"MetaMask"}),"Pay with MetaMask"]}):(0,e.jsx)("button",{onClick:()=>{w("verifying"),setTimeout(()=>y("0x_mock_transaction_hash_generic"),2e3)},className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-slate-900 hover:mcms-bg-black mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:"Confirm in Wallet"})})]})]}),(0,e.jsxs)("div",{className:"mcms-bg-slate-50 mcms-px-6 mcms-py-3 mcms-border-t mcms-border-slate-100 mcms-flex mcms-justify-between mcms-items-center",children:[(0,e.jsx)("span",{className:"mcms-text-xs mcms-text-slate-400",children:"Powered by Micro-CMS Crypto"}),(0,e.jsxs)("a",{href:"#",className:"mcms-text-xs mcms-text-indigo-600 hover:mcms-text-indigo-700 mcms-font-medium mcms-flex mcms-items-center mcms-gap-1",children:["Help ",(0,e.jsx)(d.ExternalLink,{className:"mcms-w-3 mcms-h-3"})]})]})]})};var I=t=>{let[a,r]=(0,b.useState)("idle"),[m,o]=(0,b.useState)(null),[s,y]=(0,b.useState)(null),w=(0,b.useCallback)(async()=>{try{if(r("initiating"),o(null),t.provider){let u=await t.provider.initiatePayment(t.orderId,{amount:t.amount,currency:t.currency});y(u),r("pending_signature");return}let n=await fetch(t.endpoints?.initiate||"/api/orders/initiate",{method:"POST",headers:{"Content-Type":"application/json",...t.headers||{}},body:JSON.stringify({productId:t.orderId,amount:t.amount,currency:t.currency,paymentProvider:"crypto"})});if(!n.ok){let u=await n.json();throw new Error(u.error||"Failed to initiate payment intent")}let c=await n.json();y(c),r("pending_signature")}catch(n){o(n.message),r("error"),t.onError?.(n)}},[t.provider,t.endpoints?.initiate,t.orderId,t.amount,t.currency,t.onError,t.headers]),l=(0,b.useCallback)(async n=>{try{if(r("verifying"),t.provider){let x=await t.provider.verifyPayment(n,t.orderId);if(x.status==="confirmed")r("success"),t.onSuccess?.(x);else throw new Error("Payment not confirmed yet, status: "+x.status);return}let c=await fetch(t.endpoints?.verify||"/api/orders/verify-payment",{method:"POST",headers:{"Content-Type":"application/json",...t.headers||{}},body:JSON.stringify({orderId:s?.orderId||t.orderId,transactionHash:n})});if(!c.ok){let x=await c.json();throw new Error(x.error||"Payment verification failed")}let u=await c.json();if(u.status==="confirmed")r("success"),t.onSuccess?.(u);else throw new Error("Payment not confirmed yet, status: "+u.status)}catch(c){o(c.message),r("error"),t.onError?.(c)}},[t.provider,t.endpoints?.verify,t.orderId,t.onSuccess,t.onError,t.headers,s?.orderId]),{isAvailable:p,connect:h,sendPayment:g}=S(),k=async()=>{try{if(!s){o("Payment intent not established."),r("error");return}r("connecting");let n=await h();console.log("Connected to Solana with public key:",n),r("pending_signature");let c=await g(s);r("verifying"),await l(c)}catch(n){o(n.message||"Failed to connect to Phantom or sign transaction."),r("error"),t.onError?.(n instanceof Error?n:new Error(String(n)))}},{isAvailable:E,connect:v,sendPayment:N}=M();return{status:a,intent:s,error:m,initiate:w,verify:l,setStatus:r,isSolanaAvailable:p,handleSolanaPay:k,isEVMAvailable:E,handleEVMPay:async()=>{try{if(!s){o("Payment intent not established."),r("error");return}r("connecting");let n=await v();console.log("Connected to EVM with account:",n),r("pending_signature");let c=await N(s);r("verifying"),await l(c)}catch(n){o(n.message||"Failed to connect to MetaMask or sign transaction."),r("error"),t.onError?.(n instanceof Error?n:new Error(String(n)))}}}};0&&(module.exports={CSS_CONTENT,PaymentWidget,injectStyles,useEVMWallet,usePayment,useSolanaWallet});
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useState as h,useCallback as E}from"react";import{Connection as j,PublicKey as f,Transaction as W,SystemProgram as T,LAMPORTS_PER_SOL as A}from"@solana/web3.js";var v=()=>{let e=()=>{if(typeof window<"u"&&"solana"in window){let r=window;if(r.solana?.isPhantom)return r.solana}},g=async()=>{let r=e();if(r)try{return(await r.connect()).publicKey.toString()}catch{throw new Error("User rejected the connection")}else throw new Error("Phantom wallet not found")},t=async r=>{let o=e();if(!o)throw new Error("Wallet not connected");try{let n=new j("https://api.devnet.solana.com","confirmed"),d=await o.connect({onlyIfTrusted:!0}),l=new f(d.publicKey.toString()),i=new f(r.paymentAddress),y=new W().add(T.transfer({fromPubkey:l,toPubkey:i,lamports:Number(r.amount)*A})),{blockhash:w}=await n.getLatestBlockhash();y.recentBlockhash=w,y.feePayer=l;let{signature:b}=await o.signAndSendTransaction(y);return b}catch(n){throw n.message?.includes("User rejected")?new Error("Transaction rejected by user"):new Error(n.message||"Failed to send Solana transaction")}};return{isAvailable:!!e(),connect:g,sendPayment:t}};var x=()=>{let e=()=>{if(typeof window<"u"&&"ethereum"in window)return window.ethereum},g=async()=>{let r=e();if(r)try{return(await r.request({method:"eth_requestAccounts"}))[0]}catch{throw new Error("User rejected the connection")}else throw new Error("MetaMask or EVM wallet not found")},t=async r=>{let o=e();if(!o)throw new Error("Wallet not connected");let n=await o.request({method:"eth_accounts"});if(!n||n.length===0)throw new Error("No accounts found. Please connect your wallet first.");let d=r.currency.toUpperCase()==="USDC"?6:18,l="0x"+BigInt(Math.floor(Number(r.amount)*Math.pow(10,d))).toString(16);try{return await o.request({method:"eth_sendTransaction",params:[{from:n[0],to:r.paymentAddress,value:r.currency.toUpperCase()==="ETH"?l:"0x0"}]})}catch(i){throw i.code===4001?new Error("Transaction rejected by user"):new Error(i.message||"Failed to send transaction")}};return{isAvailable:!!e(),connect:g,sendPayment:t}};import{useLayoutEffect as V}from"react";import{Wallet as L,CheckCircle as q,Loader2 as O,AlertCircle as F,ExternalLink as R,Cpu as U}from"lucide-react";import{clsx as D}from"clsx";import{twMerge as H}from"tailwind-merge";var _=".mcms-mx-auto{margin-left:auto;margin-right:auto}.mcms-mb-3{margin-bottom:.75rem}.mcms-mb-4{margin-bottom:1rem}.mcms-mb-6{margin-bottom:1.5rem}.mcms-mt-1{margin-top:.25rem}.mcms-flex{display:flex}.mcms-h-12{height:3rem}.mcms-h-3{height:.75rem}.mcms-h-4{height:1rem}.mcms-h-5{height:1.25rem}.mcms-h-8{height:2rem}.mcms-w-12{width:3rem}.mcms-w-3{width:.75rem}.mcms-w-4{width:1rem}.mcms-w-5{width:1.25rem}.mcms-w-8{width:2rem}.mcms-w-full{width:100%}.mcms-shrink-0{flex-shrink:0}@keyframes mcms-spin{to{transform:rotate(1turn)}}.mcms-animate-spin{animation:mcms-spin 1s linear infinite}.mcms-flex-col{flex-direction:column}.mcms-items-center{align-items:center}.mcms-justify-center{justify-content:center}.mcms-justify-between{justify-content:space-between}.mcms-gap-1{gap:.25rem}.mcms-gap-2{gap:.5rem}.mcms-gap-3{gap:.75rem}.mcms-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.mcms-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.mcms-overflow-hidden{overflow:hidden}.mcms-break-all{word-break:break-all}.mcms-rounded-2xl{border-radius:1rem}.mcms-rounded-lg{border-radius:.5rem}.mcms-rounded-xl{border-radius:.75rem}.mcms-border{border-width:1px}.mcms-border-t{border-top-width:1px}.mcms-border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.mcms-border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.mcms-border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.mcms-border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.mcms-bg-[#512da8]{--tw-bg-opacity:1;background-color:rgb(81 45 168/var(--tw-bg-opacity,1))}.mcms-bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.mcms-bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.mcms-bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.mcms-bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.mcms-bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.mcms-bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.mcms-bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.mcms-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.mcms-bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.mcms-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.mcms-p-2{padding:.5rem}.mcms-p-3{padding:.75rem}.mcms-p-4{padding:1rem}.mcms-p-6{padding:1.5rem}.mcms-px-4{padding-left:1rem;padding-right:1rem}.mcms-px-6{padding-left:1.5rem;padding-right:1.5rem}.mcms-py-3{padding-top:.75rem;padding-bottom:.75rem}.mcms-py-8{padding-top:2rem;padding-bottom:2rem}.mcms-text-center{text-align:center}.mcms-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mcms-text-lg{font-size:1.125rem;line-height:1.75rem}.mcms-text-sm{font-size:.875rem;line-height:1.25rem}.mcms-text-xs{font-size:.75rem;line-height:1rem}.mcms-font-bold{font-weight:700}.mcms-font-medium{font-weight:500}.mcms-font-semibold{font-weight:600}.mcms-uppercase{text-transform:uppercase}.mcms-tracking-wider{letter-spacing:.05em}.mcms-text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.mcms-text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.mcms-text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.mcms-text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.mcms-text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.mcms-text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.mcms-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.mcms-text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.mcms-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mcms-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mcms-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover:mcms-bg-[#4527a0]:hover{--tw-bg-opacity:1;background-color:rgb(69 39 160/var(--tw-bg-opacity,1))}.hover:mcms-bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover:mcms-bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover:mcms-bg-orange-600:hover{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.hover:mcms-text-indigo-700:hover{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}",P=()=>{if(typeof document>"u"||document.getElementById("mcms-crypto-styles"))return;let e=document.createElement("style");e.id="mcms-crypto-styles",e.textContent=_,document.head.appendChild(e)};import{jsx as m,jsxs as a}from"react/jsx-runtime";function k(...e){return H(D(e))}var me=({className:e,...g})=>{V(()=>{P()},[]);let{status:t,intent:r,error:o,initiate:n,verify:d,setStatus:l,isSolanaAvailable:i,handleSolanaPay:y,isEVMAvailable:w,handleEVMPay:b}=N(g);return t==="success"?a("div",{className:k("mcms-p-6 mcms-text-center mcms-bg-green-50 mcms-rounded-xl mcms-border mcms-border-green-200",e),children:[m(q,{className:"mcms-mx-auto mcms-w-12 mcms-h-12 mcms-text-green-500 mcms-mb-4"}),m("h3",{className:"mcms-text-lg mcms-font-semibold mcms-green-900",children:"Payment Successful"}),m("p",{className:"mcms-text-green-700 mcms-mt-1",children:"Your order has been confirmed."})]}):a("div",{className:k("mcms-bg-white mcms-rounded-2xl mcms-border mcms-border-slate-200 mcms-shadow-sm mcms-overflow-hidden",e),children:[a("div",{className:"mcms-p-6",children:[a("div",{className:"mcms-flex mcms-items-center mcms-gap-3 mcms-mb-6",children:[m("div",{className:"mcms-p-2 mcms-bg-indigo-50 mcms-rounded-lg",children:m(L,{className:"mcms-w-5 mcms-h-5 mcms-text-indigo-600"})}),a("div",{children:[m("h3",{className:"mcms-font-semibold mcms-text-slate-900",children:"Crypto Payment"}),m("p",{className:"mcms-text-sm mcms-text-slate-500",children:"Pay securely using your wallet"})]})]}),o&&a("div",{className:"mcms-mb-4 mcms-p-3 mcms-bg-red-50 mcms-border mcms-border-red-100 mcms-rounded-lg mcms-flex mcms-gap-3 mcms-text-red-700 mcms-text-sm",children:[m(F,{className:"mcms-w-4 mcms-h-4 mcms-shrink-0"}),m("p",{children:o})]}),t==="idle"&&m("button",{onClick:n,className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-indigo-600 hover:mcms-bg-indigo-700 mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:"Start Payment"}),(t==="connecting"||t==="initiating"||t==="verifying")&&a("div",{className:"mcms-py-8 mcms-text-center",children:[m(O,{className:"mcms-w-8 mcms-h-8 mcms-text-indigo-600 mcms-animate-spin mcms-mx-auto mcms-mb-3"}),m("p",{className:"mcms-text-slate-600 mcms-font-medium",children:t==="connecting"?"Connecting wallet...":t==="initiating"?"Preparing transaction...":"Verifying on-chain..."})]}),t==="pending_signature"&&r&&a("div",{className:"mcms-space-y-4",children:[a("div",{className:"mcms-p-4 mcms-bg-slate-50 mcms-rounded-xl mcms-space-y-2",children:[a("div",{className:"mcms-flex mcms-justify-between mcms-text-sm",children:[m("span",{className:"mcms-text-slate-500",children:"Amount to pay"}),a("span",{className:"mcms-font-mono mcms-font-medium mcms-text-slate-900",children:[r.amount," ",r.currency]})]}),a("div",{className:"mcms-flex mcms-justify-between mcms-text-sm",children:[m("span",{className:"mcms-text-slate-500",children:"Order ID"}),m("span",{className:"mcms-font-mono mcms-text-slate-900",children:r.orderId})]}),a("div",{className:"mcms-flex mcms-justify-between mcms-text-sm",children:[m("span",{className:"mcms-text-slate-500",children:"Network"}),m("span",{className:"mcms-text-slate-900 mcms-font-medium",children:r.network})]})]}),a("div",{className:"mcms-space-y-2",children:[m("p",{className:"mcms-text-xs mcms-text-slate-500 mcms-uppercase mcms-font-bold mcms-tracking-wider",children:"Destination Address"}),m("div",{className:"mcms-p-3 mcms-bg-slate-100 mcms-rounded-lg mcms-font-mono mcms-text-xs mcms-break-all mcms-text-slate-600 mcms-border mcms-border-slate-200",children:r.paymentAddress})]}),m("div",{className:"mcms-flex mcms-flex-col mcms-gap-2",children:r.network?.toLowerCase().includes("solana")&&i?a("button",{onClick:y,className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-[#512da8] hover:mcms-bg-[#4527a0] mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:[m(U,{className:"mcms-w-4 mcms-h-4"}),"Pay with Phantom"]}):(r.network?.toLowerCase().includes("ethereum")||r.network?.toLowerCase().includes("evm")||r.network?.toLowerCase().includes("polygon"))&&w?a("button",{onClick:b,className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-orange-500 hover:mcms-bg-orange-600 mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:[m("img",{src:"https://upload.wikimedia.org/wikipedia/commons/3/36/MetaMask_Mirror_Logo.svg",className:"mcms-w-4 mcms-h-4",alt:"MetaMask"}),"Pay with MetaMask"]}):m("button",{onClick:()=>{l("verifying"),setTimeout(()=>d("0x_mock_transaction_hash_generic"),2e3)},className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-slate-900 hover:mcms-bg-black mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:"Confirm in Wallet"})})]})]}),a("div",{className:"mcms-bg-slate-50 mcms-px-6 mcms-py-3 mcms-border-t mcms-border-slate-100 mcms-flex mcms-justify-between mcms-items-center",children:[m("span",{className:"mcms-text-xs mcms-text-slate-400",children:"Powered by Micro-CMS Crypto"}),a("a",{href:"#",className:"mcms-text-xs mcms-text-indigo-600 hover:mcms-text-indigo-700 mcms-font-medium mcms-flex mcms-items-center mcms-gap-1",children:["Help ",m(R,{className:"mcms-w-3 mcms-h-3"})]})]})]})};var N=e=>{let[g,t]=h("idle"),[r,o]=h(null),[n,d]=h(null),l=E(async()=>{try{if(t("initiating"),o(null),e.provider){let u=await e.provider.initiatePayment(e.orderId,{amount:e.amount,currency:e.currency});d(u),t("pending_signature");return}let s=await fetch(e.endpoints?.initiate||"/api/orders/initiate",{method:"POST",headers:{"Content-Type":"application/json",...e.headers||{}},body:JSON.stringify({productId:e.orderId,amount:e.amount,currency:e.currency,paymentProvider:"crypto"})});if(!s.ok){let u=await s.json();throw new Error(u.error||"Failed to initiate payment intent")}let c=await s.json();d(c),t("pending_signature")}catch(s){o(s.message),t("error"),e.onError?.(s)}},[e.provider,e.endpoints?.initiate,e.orderId,e.amount,e.currency,e.onError,e.headers]),i=E(async s=>{try{if(t("verifying"),e.provider){let p=await e.provider.verifyPayment(s,e.orderId);if(p.status==="confirmed")t("success"),e.onSuccess?.(p);else throw new Error("Payment not confirmed yet, status: "+p.status);return}let c=await fetch(e.endpoints?.verify||"/api/orders/verify-payment",{method:"POST",headers:{"Content-Type":"application/json",...e.headers||{}},body:JSON.stringify({orderId:n?.orderId||e.orderId,transactionHash:s})});if(!c.ok){let p=await c.json();throw new Error(p.error||"Payment verification failed")}let u=await c.json();if(u.status==="confirmed")t("success"),e.onSuccess?.(u);else throw new Error("Payment not confirmed yet, status: "+u.status)}catch(c){o(c.message),t("error"),e.onError?.(c)}},[e.provider,e.endpoints?.verify,e.orderId,e.onSuccess,e.onError,e.headers,n?.orderId]),{isAvailable:y,connect:w,sendPayment:b}=v(),S=async()=>{try{if(!n){o("Payment intent not established."),t("error");return}t("connecting");let s=await w();console.log("Connected to Solana with public key:",s),t("pending_signature");let c=await b(n);t("verifying"),await i(c)}catch(s){o(s.message||"Failed to connect to Phantom or sign transaction."),t("error"),e.onError?.(s instanceof Error?s:new Error(String(s)))}},{isAvailable:C,connect:M,sendPayment:I}=x();return{status:g,intent:n,error:r,initiate:l,verify:i,setStatus:t,isSolanaAvailable:y,handleSolanaPay:S,isEVMAvailable:C,handleEVMPay:async()=>{try{if(!n){o("Payment intent not established."),t("error");return}t("connecting");let s=await M();console.log("Connected to EVM with account:",s),t("pending_signature");let c=await I(n);t("verifying"),await i(c)}catch(s){o(s.message||"Failed to connect to MetaMask or sign transaction."),t("error"),e.onError?.(s instanceof Error?s:new Error(String(s)))}}}};export{_ as CSS_CONTENT,me as PaymentWidget,P as injectStyles,x as useEVMWallet,N as usePayment,v as useSolanaWallet};
|
|
1
|
+
import{useState as k,useCallback as T}from"react";import{Connection as A,PublicKey as f,Transaction as j,SystemProgram as _,LAMPORTS_PER_SOL as W}from"@solana/web3.js";import{TOKEN_PROGRAM_ID as V,createTransferInstruction as D,getMint as L}from"@solana/spl-token";var U=new f("4zMMC9srt5Ri5X14GAgXhaHii3GnPAEERYPJgZJDncDU"),q=new f("EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v"),N=()=>{let t=()=>{if(typeof window<"u"&&"solana"in window){let r=window;if(r.solana?.isPhantom)return r.solana}},w=async()=>{let r=t();if(r)try{return(await r.connect()).publicKey.toString()}catch{throw new Error("User rejected the connection")}else throw new Error("Phantom wallet not found")},e=async r=>{let n=t();if(!n)throw new Error("Wallet not connected");try{let s=!window.location.host.includes("localhost")&&!window.location.host.includes("dev."),g=s?"https://api.mainnet-beta.solana.com":"https://api.devnet.solana.com",u=new A(g,"confirmed"),i=await n.connect({onlyIfTrusted:!0}),y=new f(i.publicKey.toString()),p=new f(r.paymentAddress),d=new j;if(r.currency?.toUpperCase()==="USDC"){let b=s?q:U,P=await L(u,b),E=Math.round(Number(r.amount)*Math.pow(10,P.decimals)),{getAssociatedTokenAddress:m}=await import("@solana/spl-token"),c=await m(b,y),l=await m(b,p);d.add(D(c,l,y,E,[],V))}else d.add(_.transfer({fromPubkey:y,toPubkey:p,lamports:Math.round(Number(r.amount)*W)}));let{blockhash:v}=await u.getLatestBlockhash();d.recentBlockhash=v,d.feePayer=y;let{signature:x}=await n.signAndSendTransaction(d);return x}catch(s){throw console.error("Solana Transaction Error:",s),s.message?.includes("User rejected")?new Error("Transaction rejected by user"):new Error(s.message||"Failed to send Solana transaction")}};return{isAvailable:!!t(),connect:w,sendPayment:e}};var S=()=>{let t=()=>{if(typeof window<"u"&&"ethereum"in window)return window.ethereum},w=async()=>{let r=t();if(r)try{return(await r.request({method:"eth_requestAccounts"}))[0]}catch{throw new Error("User rejected the connection")}else throw new Error("MetaMask or EVM wallet not found")},e=async r=>{let n=t();if(!n)throw new Error("Wallet not connected");let s=await n.request({method:"eth_accounts"});if(!s||s.length===0)throw new Error("No accounts found. Please connect your wallet first.");let g=r.currency.toUpperCase()==="USDC"?6:18,u="0x"+BigInt(Math.floor(Number(r.amount)*Math.pow(10,g))).toString(16);try{return await n.request({method:"eth_sendTransaction",params:[{from:s[0],to:r.paymentAddress,value:r.currency.toUpperCase()==="ETH"?u:"0x0"}]})}catch(i){throw i.code===4001?new Error("Transaction rejected by user"):new Error(i.message||"Failed to send transaction")}};return{isAvailable:!!t(),connect:w,sendPayment:e}};import{useLayoutEffect as R}from"react";import{Wallet as F,CheckCircle as z,Loader2 as G,AlertCircle as H,ExternalLink as K,Cpu as B}from"lucide-react";import{clsx as J}from"clsx";import{twMerge as X}from"tailwind-merge";var O=".mcms-mx-auto{margin-left:auto;margin-right:auto}.mcms-mb-3{margin-bottom:.75rem}.mcms-mb-4{margin-bottom:1rem}.mcms-mb-6{margin-bottom:1.5rem}.mcms-mt-1{margin-top:.25rem}.mcms-flex{display:flex}.mcms-h-12{height:3rem}.mcms-h-3{height:.75rem}.mcms-h-4{height:1rem}.mcms-h-5{height:1.25rem}.mcms-h-8{height:2rem}.mcms-w-12{width:3rem}.mcms-w-3{width:.75rem}.mcms-w-4{width:1rem}.mcms-w-5{width:1.25rem}.mcms-w-8{width:2rem}.mcms-w-full{width:100%}.mcms-shrink-0{flex-shrink:0}@keyframes mcms-spin{to{transform:rotate(1turn)}}.mcms-animate-spin{animation:mcms-spin 1s linear infinite}.mcms-flex-col{flex-direction:column}.mcms-items-center{align-items:center}.mcms-justify-center{justify-content:center}.mcms-justify-between{justify-content:space-between}.mcms-gap-1{gap:.25rem}.mcms-gap-2{gap:.5rem}.mcms-gap-3{gap:.75rem}.mcms-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.mcms-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.mcms-overflow-hidden{overflow:hidden}.mcms-break-all{word-break:break-all}.mcms-rounded-2xl{border-radius:1rem}.mcms-rounded-lg{border-radius:.5rem}.mcms-rounded-xl{border-radius:.75rem}.mcms-border{border-width:1px}.mcms-border-t{border-top-width:1px}.mcms-border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.mcms-border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.mcms-border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.mcms-border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.mcms-bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.mcms-bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.mcms-bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.mcms-bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.mcms-bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.mcms-bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.mcms-bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.mcms-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.mcms-bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.mcms-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.mcms-p-2{padding:.5rem}.mcms-p-3{padding:.75rem}.mcms-p-4{padding:1rem}.mcms-p-6{padding:1.5rem}.mcms-px-4{padding-left:1rem;padding-right:1rem}.mcms-px-6{padding-left:1.5rem;padding-right:1.5rem}.mcms-py-3{padding-top:.75rem;padding-bottom:.75rem}.mcms-py-8{padding-top:2rem;padding-bottom:2rem}.mcms-text-center{text-align:center}.mcms-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mcms-text-lg{font-size:1.125rem;line-height:1.75rem}.mcms-text-sm{font-size:.875rem;line-height:1.25rem}.mcms-text-xs{font-size:.75rem;line-height:1rem}.mcms-font-bold{font-weight:700}.mcms-font-medium{font-weight:500}.mcms-font-semibold{font-weight:600}.mcms-uppercase{text-transform:uppercase}.mcms-tracking-wider{letter-spacing:.05em}.mcms-text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.mcms-text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.mcms-text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.mcms-text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.mcms-text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.mcms-text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.mcms-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.mcms-text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.mcms-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mcms-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mcms-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover:mcms-bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover:mcms-bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover:mcms-bg-orange-600:hover{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.hover:mcms-text-indigo-700:hover{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}",M=()=>{if(typeof document>"u"||document.getElementById("mcms-crypto-styles"))return;let t=document.createElement("style");t.id="mcms-crypto-styles",t.textContent=O,document.head.appendChild(t)};import{jsx as o,jsxs as a}from"react/jsx-runtime";function C(...t){return X(J(t))}var dt=({className:t,...w})=>{R(()=>{M()},[]);let{status:e,intent:r,error:n,initiate:s,verify:g,setStatus:u,isSolanaAvailable:i,handleSolanaPay:y,isEVMAvailable:p,handleEVMPay:d}=I(w);return e==="success"?a("div",{className:C("mcms-p-6 mcms-text-center mcms-bg-green-50 mcms-rounded-xl mcms-border mcms-border-green-200",t),children:[o(z,{className:"mcms-mx-auto mcms-w-12 mcms-h-12 mcms-text-green-500 mcms-mb-4"}),o("h3",{className:"mcms-text-lg mcms-font-semibold mcms-green-900",children:"Payment Successful"}),o("p",{className:"mcms-text-green-700 mcms-mt-1",children:"Your order has been confirmed."})]}):a("div",{className:C("mcms-bg-white mcms-rounded-2xl mcms-border mcms-border-slate-200 mcms-shadow-sm mcms-overflow-hidden",t),children:[a("div",{className:"mcms-p-6",children:[a("div",{className:"mcms-flex mcms-items-center mcms-gap-3 mcms-mb-6",children:[o("div",{className:"mcms-p-2 mcms-bg-indigo-50 mcms-rounded-lg",children:o(F,{className:"mcms-w-5 mcms-h-5 mcms-text-indigo-600"})}),a("div",{children:[o("h3",{className:"mcms-font-semibold mcms-text-slate-900",children:"Crypto Payment"}),o("p",{className:"mcms-text-sm mcms-text-slate-500",children:"Pay securely using your wallet"})]})]}),n&&a("div",{className:"mcms-mb-4 mcms-p-3 mcms-bg-red-50 mcms-border mcms-border-red-100 mcms-rounded-lg mcms-flex mcms-gap-3 mcms-text-red-700 mcms-text-sm",children:[o(H,{className:"mcms-w-4 mcms-h-4 mcms-shrink-0"}),o("p",{children:n})]}),e==="idle"&&o("button",{onClick:s,className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-indigo-600 hover:mcms-bg-indigo-700 mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:"Start Payment"}),(e==="connecting"||e==="initiating"||e==="verifying")&&a("div",{className:"mcms-py-8 mcms-text-center",children:[o(G,{className:"mcms-w-8 mcms-h-8 mcms-text-indigo-600 mcms-animate-spin mcms-mx-auto mcms-mb-3"}),o("p",{className:"mcms-text-slate-600 mcms-font-medium",children:e==="connecting"?"Connecting wallet...":e==="initiating"?"Preparing transaction...":"Verifying on-chain..."})]}),e==="pending_signature"&&r&&a("div",{className:"mcms-space-y-4",children:[a("div",{className:"mcms-p-4 mcms-bg-slate-50 mcms-rounded-xl mcms-space-y-2",children:[a("div",{className:"mcms-flex mcms-justify-between mcms-text-sm",children:[o("span",{className:"mcms-text-slate-500",children:"Amount to pay"}),a("span",{className:"mcms-font-mono mcms-font-medium mcms-text-slate-900",children:[r.amount," ",r.currency]})]}),a("div",{className:"mcms-flex mcms-justify-between mcms-text-sm",children:[o("span",{className:"mcms-text-slate-500",children:"Order ID"}),o("span",{className:"mcms-font-mono mcms-text-slate-900",children:r.orderId})]}),a("div",{className:"mcms-flex mcms-justify-between mcms-text-sm",children:[o("span",{className:"mcms-text-slate-500",children:"Network"}),o("span",{className:"mcms-text-slate-900 mcms-font-medium",children:r.network})]})]}),a("div",{className:"mcms-space-y-2",children:[o("p",{className:"mcms-text-xs mcms-text-slate-500 mcms-uppercase mcms-font-bold mcms-tracking-wider",children:"Destination Address"}),o("div",{className:"mcms-p-3 mcms-bg-slate-100 mcms-rounded-lg mcms-font-mono mcms-text-xs mcms-break-all mcms-text-slate-600 mcms-border mcms-border-slate-200",children:r.paymentAddress})]}),o("div",{className:"mcms-flex mcms-flex-col mcms-gap-2",children:r.network?.toLowerCase().includes("solana")&&i?a("button",{onClick:y,className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-indigo-600 hover:mcms-bg-indigo-700 mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:[o(B,{className:"mcms-w-4 mcms-h-4"}),"Pay with Phantom"]}):(r.network?.toLowerCase().includes("ethereum")||r.network?.toLowerCase().includes("evm")||r.network?.toLowerCase().includes("polygon"))&&p?a("button",{onClick:d,className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-orange-500 hover:mcms-bg-orange-600 mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:[o("img",{src:"https://upload.wikimedia.org/wikipedia/commons/3/36/MetaMask_Mirror_Logo.svg",className:"mcms-w-4 mcms-h-4",alt:"MetaMask"}),"Pay with MetaMask"]}):o("button",{onClick:()=>{u("verifying"),setTimeout(()=>g("0x_mock_transaction_hash_generic"),2e3)},className:"mcms-w-full mcms-py-3 mcms-px-4 mcms-bg-slate-900 hover:mcms-bg-black mcms-text-white mcms-font-medium mcms-rounded-xl mcms-transition-colors mcms-flex mcms-items-center mcms-justify-center mcms-gap-2",children:"Confirm in Wallet"})})]})]}),a("div",{className:"mcms-bg-slate-50 mcms-px-6 mcms-py-3 mcms-border-t mcms-border-slate-100 mcms-flex mcms-justify-between mcms-items-center",children:[o("span",{className:"mcms-text-xs mcms-text-slate-400",children:"Powered by Micro-CMS Crypto"}),a("a",{href:"#",className:"mcms-text-xs mcms-text-indigo-600 hover:mcms-text-indigo-700 mcms-font-medium mcms-flex mcms-items-center mcms-gap-1",children:["Help ",o(K,{className:"mcms-w-3 mcms-h-3"})]})]})]})};var I=t=>{let[w,e]=k("idle"),[r,n]=k(null),[s,g]=k(null),u=T(async()=>{try{if(e("initiating"),n(null),t.provider){let l=await t.provider.initiatePayment(t.orderId,{amount:t.amount,currency:t.currency});g(l),e("pending_signature");return}let m=await fetch(t.endpoints?.initiate||"/api/orders/initiate",{method:"POST",headers:{"Content-Type":"application/json",...t.headers||{}},body:JSON.stringify({productId:t.orderId,amount:t.amount,currency:t.currency,paymentProvider:"crypto"})});if(!m.ok){let l=await m.json();throw new Error(l.error||"Failed to initiate payment intent")}let c=await m.json();g(c),e("pending_signature")}catch(m){n(m.message),e("error"),t.onError?.(m)}},[t.provider,t.endpoints?.initiate,t.orderId,t.amount,t.currency,t.onError,t.headers]),i=T(async m=>{try{if(e("verifying"),t.provider){let h=await t.provider.verifyPayment(m,t.orderId);if(h.status==="confirmed")e("success"),t.onSuccess?.(h);else throw new Error("Payment not confirmed yet, status: "+h.status);return}let c=await fetch(t.endpoints?.verify||"/api/orders/verify-payment",{method:"POST",headers:{"Content-Type":"application/json",...t.headers||{}},body:JSON.stringify({orderId:s?.orderId||t.orderId,transactionHash:m})});if(!c.ok){let h=await c.json();throw new Error(h.error||"Payment verification failed")}let l=await c.json();if(l.status==="confirmed")e("success"),t.onSuccess?.(l);else throw new Error("Payment not confirmed yet, status: "+l.status)}catch(c){n(c.message),e("error"),t.onError?.(c)}},[t.provider,t.endpoints?.verify,t.orderId,t.onSuccess,t.onError,t.headers,s?.orderId]),{isAvailable:y,connect:p,sendPayment:d}=N(),v=async()=>{try{if(!s){n("Payment intent not established."),e("error");return}e("connecting");let m=await p();console.log("Connected to Solana with public key:",m),e("pending_signature");let c=await d(s);e("verifying"),await i(c)}catch(m){n(m.message||"Failed to connect to Phantom or sign transaction."),e("error"),t.onError?.(m instanceof Error?m:new Error(String(m)))}},{isAvailable:x,connect:b,sendPayment:P}=S();return{status:w,intent:s,error:r,initiate:u,verify:i,setStatus:e,isSolanaAvailable:y,handleSolanaPay:v,isEVMAvailable:x,handleEVMPay:async()=>{try{if(!s){n("Payment intent not established."),e("error");return}e("connecting");let m=await b();console.log("Connected to EVM with account:",m),e("pending_signature");let c=await P(s);e("verifying"),await i(c)}catch(m){n(m.message||"Failed to connect to MetaMask or sign transaction."),e("error"),t.onError?.(m instanceof Error?m:new Error(String(m)))}}}};export{O as CSS_CONTENT,dt as PaymentWidget,M as injectStyles,S as useEVMWallet,I as usePayment,N as useSolanaWallet};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micro-cms/crypto-payments",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.25",
|
|
4
4
|
"description": "Composable Crypto Payment Widget for Micro-CMS",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -14,24 +14,26 @@
|
|
|
14
14
|
"lint": "eslint src/**/*.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"tailwind-merge": "^2.2.1",
|
|
17
|
+
"@solana/buffer-layout": "^4.0.1",
|
|
18
|
+
"@solana/spl-token": "^0.4.14",
|
|
20
19
|
"@solana/web3.js": "^1.91.1",
|
|
21
|
-
"bs58": "^5.0.0"
|
|
20
|
+
"bs58": "^5.0.0",
|
|
21
|
+
"clsx": "^2.1.0",
|
|
22
|
+
"lucide-react": "^0.344.0",
|
|
23
|
+
"tailwind-merge": "^2.2.1"
|
|
22
24
|
},
|
|
23
25
|
"peerDependencies": {
|
|
24
|
-
"
|
|
26
|
+
"@micro-cms/core": "workspace:*",
|
|
25
27
|
"@micro-cms/types": "workspace:*",
|
|
26
|
-
"
|
|
28
|
+
"react": "^18.0.0"
|
|
27
29
|
},
|
|
28
30
|
"devDependencies": {
|
|
29
31
|
"@types/react": "^18.2.0",
|
|
30
32
|
"autoprefixer": "^10.4.24",
|
|
31
33
|
"postcss": "^8.5.6",
|
|
32
34
|
"tailwindcss": "^3.4.1",
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
+
"tsup": "^8.0.2",
|
|
36
|
+
"typescript": "^5.3.3"
|
|
35
37
|
},
|
|
36
38
|
"repository": {
|
|
37
39
|
"type": "git",
|