Spaces:
Running
Running
File size: 2,084 Bytes
b009ca1 76d616c b009ca1 76d616c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
<!DOCTYPE html>
<html>
<head>
<title>MANUS AI - Save New Card</title>
<style>
body{font-family:-apple-system,sans-serif;max-width:400px;margin:40px auto;padding:20px;background:#f5f5f5}
.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
h2{margin:0 0 16px;color:#1a1a1a}
.info{background:#e7f3ff;color:#0c5460;padding:10px;border-radius:6px;font-size:12px;margin-bottom:16px}
#sumup-card{min-height:260px}
.result{margin-top:12px;padding:14px;border-radius:8px;font-size:13px}
.success{background:#d4edda;color:#155724}
.error{background:#f8d7da;color:#721c24}
.tok{font-family:monospace;font-size:11px;background:#f0f0f0;padding:6px;border-radius:4px;margin-top:6px;word-break:break-all}
.cust{font-family:monospace;font-size:10px;color:#666;margin-top:10px}
</style>
</head>
<body>
<div class="card">
<h2>💳 MANUS AI - Save Card</h2>
<div class="info">✓ One-time 3DS verification<br>✓ Future charges = NO approval needed</div>
<div id="sumup-card"></div>
<div id="result"></div>
<div class="cust">Customer ID: CUST-1767636986</div>
</div>
<script src="https://gateway.sumup.com/gateway/ecom/card/v2/sdk.js"></script>
<script>
SumUpCard.mount({
id:"sumup-card",
checkoutId:"6d975d0e-0f36-4664-94c5-142d687a310c",
onResponse:function(t,b){
console.log(t,b);
var r=document.getElementById('result');
if(b.payment_instrument&&b.payment_instrument.token){
r.innerHTML='<div class="result success"><b>✅ Card Saved!</b><div class="tok">TOKEN: '+b.payment_instrument.token+'</div><div style="margin-top:8px;font-size:11px">Customer: CUST-1767636986</div></div>';
}else if(t==='error'){
r.innerHTML='<div class="result error">❌ '+(b.message||JSON.stringify(b))+'</div>';
}
}
});
</script>
</body>
</html>
|