Spaces:

samihalawa
/

sumup

Running

App Files Files Community

samihalawa commited on Jan 5

Commit

b009ca1

verified ·

1 Parent(s): 76d616c

Update index.html

Browse files

Files changed (1) hide show

index.html +41 -17

index.html CHANGED Viewed

@@ -1,19 +1,43 @@
-<!doctype html>
 <html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!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>