AmazonS3
tcp/443
CloudFront
tcp/80
Open service 108.138.36.31:443 · sdk-sample-react.deepstackqa.io
2026-01-05 04:56
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11484
Connection: close
Last-Modified: Mon, 08 Dec 2025 01:23:07 GMT
x-amz-server-side-encryption: AES256
Accept-Ranges: bytes
Server: AmazonS3
Date: Mon, 05 Jan 2026 04:56:07 GMT
Cache-Control: max-age=300
ETag: "870a6dd2adf8ba1681ab6fa18c0108ce"
X-Cache: Hit from cloudfront
Via: 1.1 cb64e02e44588dfd13b2a4b2483c404c.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: MUC50-P2
X-Amz-Cf-Id: 5sHyfPMspix6fD2lA7YvOmcehUpOqRORZYcsDJZhVYi898S3UFhhrg==
Age: 1
Page title: SDK Implementation Host
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="stylesheet" href="/assets/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SDK Implementation Host</title>
<style>
:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;
color: rgba(255, 255, 255, 0.87);
background-color: #242424;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
font-weight: 500;
color: #646cff;
text-decoration: inherit;
}
a:hover {
color: #535bf2;
}
body {
margin: 0;
display: flex;
place-items: center;
min-width: 320px;
min-height: 100vh;
}
h1 {
font-size: 3.2em;
line-height: 1.1;
color: red;
}
#app {
max-width: 1280px;
margin: 0 auto;
padding: 2rem;
text-align: center;
}
#deepstack-sdk {
width: 900px;
height: 600px;
}
.logo {
height: 6em;
padding: 1.5em;
will-change: filter;
transition: filter 300ms;
}
.logo:hover {
filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vanilla:hover {
filter: drop-shadow(0 0 2em #f7df1eaa);
}
.card {
padding: 2em;
}
.read-the-docs {
color: #888;
}
.parent-container{
display: flex;
gap: 50px;
}
.selection-form{
background-color: #f9f9f9;
color: black;
}
.checkbox{
background-color: white;
color: blue;
}
form{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
button {
border-radius: 8px;
border: 1px solid transparent;
padding: 0.6em 1.2em;
font-size: 1em;
font-weight: 500;
font-family: inherit;
background-color: blue;
color: white;
cursor: pointer;
transition: border-color 0.25s;
margin: 10px auto;
width: 70%;
}
button:hover {
border-color: #646cff;
background-color: #646cff;
}
button:focus,
button:focus-visible {
outline: 4px auto -webkit-focus-ring-color;
}
</style>
<script type="module" src="https://jssdk.deepstackqa.io/payments/sdk/4.0.0/index.js"></script>
<script type="module" crossorigin src="/assets/index-B5Qt9EMX.js"></script>
</head>
<body>
<div class="parent-container">
<div class="selection-form">
<form onsubmit="handleSubmit(event)">
<div class="checkbox-container">
<label for="card-mode" id="card-mode-label">Card Simple</label>
<input type="checkbox" class="checkbox" id="card-mode" checked>
</div>
<textarea id="message" name="message" rows="42" cols="80" required spellcheck=false>
{
"style": {
"base": {
"width": "650px",
"height": "400px",
"fontFamily": "Jost",
"fontSize": "18px",
"inputColor": "rgb(100,100,200)",
"color": "black",
"border": "",
"background": "white",
"buttonBackground": "blue",
"buttonColor": "white",
"submitText": "Test Pay",
"labelsColor": "red",
"linksColor": "",
"headerAndBorderBackgroundColor": "",
"headerBackColor": "yellow",
"headerLabelColor": "pink",
"showCancelButton": "true",
"cancelButtonFirstButtonWid
Open service 108.138.36.31:80 · sdk-sample-react.deepstackqa.io
2026-01-05 04:56
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Mon, 05 Jan 2026 04:56:07 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sdk-sample-react.deepstackqa.io/ X-Cache: Redirect from cloudfront Via: 1.1 774fae779f194800b967be38df6bd8d2.cloudfront.net (CloudFront) X-Amz-Cf-Pop: MUC50-P2 X-Amz-Cf-Id: jT5Yhe0_Sy6iSNM6DU85FC8wW-hueLlmOozBJzQbJtodjYr-nPdxOA== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 108.138.36.98:443 · sdk-sample-react.deepstackqa.io
2026-01-05 04:56
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11484
Connection: close
Last-Modified: Mon, 08 Dec 2025 01:23:07 GMT
x-amz-server-side-encryption: AES256
Accept-Ranges: bytes
Server: AmazonS3
Date: Mon, 05 Jan 2026 04:56:07 GMT
Cache-Control: max-age=300
ETag: "870a6dd2adf8ba1681ab6fa18c0108ce"
X-Cache: Hit from cloudfront
Via: 1.1 09b934fc5a2991212bdc3b299a0a1cb4.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: MUC50-P2
X-Amz-Cf-Id: -Fi3nqM2MSRodZ4v8AMlzYaW0bCxLR4WW6FVpqlz3jTHTCsx5BuTVg==
Page title: SDK Implementation Host
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="stylesheet" href="/assets/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SDK Implementation Host</title>
<style>
:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;
color: rgba(255, 255, 255, 0.87);
background-color: #242424;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
font-weight: 500;
color: #646cff;
text-decoration: inherit;
}
a:hover {
color: #535bf2;
}
body {
margin: 0;
display: flex;
place-items: center;
min-width: 320px;
min-height: 100vh;
}
h1 {
font-size: 3.2em;
line-height: 1.1;
color: red;
}
#app {
max-width: 1280px;
margin: 0 auto;
padding: 2rem;
text-align: center;
}
#deepstack-sdk {
width: 900px;
height: 600px;
}
.logo {
height: 6em;
padding: 1.5em;
will-change: filter;
transition: filter 300ms;
}
.logo:hover {
filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vanilla:hover {
filter: drop-shadow(0 0 2em #f7df1eaa);
}
.card {
padding: 2em;
}
.read-the-docs {
color: #888;
}
.parent-container{
display: flex;
gap: 50px;
}
.selection-form{
background-color: #f9f9f9;
color: black;
}
.checkbox{
background-color: white;
color: blue;
}
form{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
button {
border-radius: 8px;
border: 1px solid transparent;
padding: 0.6em 1.2em;
font-size: 1em;
font-weight: 500;
font-family: inherit;
background-color: blue;
color: white;
cursor: pointer;
transition: border-color 0.25s;
margin: 10px auto;
width: 70%;
}
button:hover {
border-color: #646cff;
background-color: #646cff;
}
button:focus,
button:focus-visible {
outline: 4px auto -webkit-focus-ring-color;
}
</style>
<script type="module" src="https://jssdk.deepstackqa.io/payments/sdk/4.0.0/index.js"></script>
<script type="module" crossorigin src="/assets/index-B5Qt9EMX.js"></script>
</head>
<body>
<div class="parent-container">
<div class="selection-form">
<form onsubmit="handleSubmit(event)">
<div class="checkbox-container">
<label for="card-mode" id="card-mode-label">Card Simple</label>
<input type="checkbox" class="checkbox" id="card-mode" checked>
</div>
<textarea id="message" name="message" rows="42" cols="80" required spellcheck=false>
{
"style": {
"base": {
"width": "650px",
"height": "400px",
"fontFamily": "Jost",
"fontSize": "18px",
"inputColor": "rgb(100,100,200)",
"color": "black",
"border": "",
"background": "white",
"buttonBackground": "blue",
"buttonColor": "white",
"submitText": "Test Pay",
"labelsColor": "red",
"linksColor": "",
"headerAndBorderBackgroundColor": "",
"headerBackColor": "yellow",
"headerLabelColor": "pink",
"showCancelButton": "true",
"cancelButtonFirstButtonWid
Open service 108.138.36.114:80 · sdk-sample-react.deepstackqa.io
2026-01-05 04:56
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Mon, 05 Jan 2026 04:56:07 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sdk-sample-react.deepstackqa.io/ X-Cache: Redirect from cloudfront Via: 1.1 ef6c1b0d6b04f2b7f81eb00fa448b890.cloudfront.net (CloudFront) X-Amz-Cf-Pop: MUC50-P2 X-Amz-Cf-Id: DK9xQS9Q7vL4LKR5wuvve9ZtXFf6jtoHjpdoTWB9U_UDh96NGAJOEA== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 108.138.36.98:80 · sdk-sample-react.deepstackqa.io
2026-01-05 04:56
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Mon, 05 Jan 2026 04:56:07 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sdk-sample-react.deepstackqa.io/ X-Cache: Redirect from cloudfront Via: 1.1 349eb6985da057f318665aa6bde74732.cloudfront.net (CloudFront) X-Amz-Cf-Pop: MUC50-P2 X-Amz-Cf-Id: w-OAQ9DUpA-ThCAmG42GAix-Zoe-skTIUmIBM-9DGVTcpSMuWxBX3g== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 108.138.36.61:80 · sdk-sample-react.deepstackqa.io
2026-01-05 04:56
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Mon, 05 Jan 2026 04:56:06 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sdk-sample-react.deepstackqa.io/ X-Cache: Redirect from cloudfront Via: 1.1 e5f838cca0e0de4bbf3520e7a4d3ae3e.cloudfront.net (CloudFront) X-Amz-Cf-Pop: MUC50-P2 X-Amz-Cf-Id: aiUDjyjLlSyO-cFRxNQ_Lw-loZTb_euZDtIkooBcmZ6rXgHLjZupMA== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 108.138.36.114:443 · sdk-sample-react.deepstackqa.io
2026-01-05 04:56
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11484
Connection: close
Last-Modified: Mon, 08 Dec 2025 01:23:07 GMT
x-amz-server-side-encryption: AES256
Accept-Ranges: bytes
Server: AmazonS3
Date: Mon, 05 Jan 2026 04:56:07 GMT
Cache-Control: max-age=300
ETag: "870a6dd2adf8ba1681ab6fa18c0108ce"
X-Cache: Hit from cloudfront
Via: 1.1 c7e33a86531bfe239a9c43428fc5c122.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: MUC50-P2
X-Amz-Cf-Id: DbqOjnyNtsI2bx20Yr0-V1CKK14Hu6Oa8FBDZkQjfsC7R4cFNfsIlQ==
Page title: SDK Implementation Host
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="stylesheet" href="/assets/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SDK Implementation Host</title>
<style>
:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;
color: rgba(255, 255, 255, 0.87);
background-color: #242424;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
font-weight: 500;
color: #646cff;
text-decoration: inherit;
}
a:hover {
color: #535bf2;
}
body {
margin: 0;
display: flex;
place-items: center;
min-width: 320px;
min-height: 100vh;
}
h1 {
font-size: 3.2em;
line-height: 1.1;
color: red;
}
#app {
max-width: 1280px;
margin: 0 auto;
padding: 2rem;
text-align: center;
}
#deepstack-sdk {
width: 900px;
height: 600px;
}
.logo {
height: 6em;
padding: 1.5em;
will-change: filter;
transition: filter 300ms;
}
.logo:hover {
filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vanilla:hover {
filter: drop-shadow(0 0 2em #f7df1eaa);
}
.card {
padding: 2em;
}
.read-the-docs {
color: #888;
}
.parent-container{
display: flex;
gap: 50px;
}
.selection-form{
background-color: #f9f9f9;
color: black;
}
.checkbox{
background-color: white;
color: blue;
}
form{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
button {
border-radius: 8px;
border: 1px solid transparent;
padding: 0.6em 1.2em;
font-size: 1em;
font-weight: 500;
font-family: inherit;
background-color: blue;
color: white;
cursor: pointer;
transition: border-color 0.25s;
margin: 10px auto;
width: 70%;
}
button:hover {
border-color: #646cff;
background-color: #646cff;
}
button:focus,
button:focus-visible {
outline: 4px auto -webkit-focus-ring-color;
}
</style>
<script type="module" src="https://jssdk.deepstackqa.io/payments/sdk/4.0.0/index.js"></script>
<script type="module" crossorigin src="/assets/index-B5Qt9EMX.js"></script>
</head>
<body>
<div class="parent-container">
<div class="selection-form">
<form onsubmit="handleSubmit(event)">
<div class="checkbox-container">
<label for="card-mode" id="card-mode-label">Card Simple</label>
<input type="checkbox" class="checkbox" id="card-mode" checked>
</div>
<textarea id="message" name="message" rows="42" cols="80" required spellcheck=false>
{
"style": {
"base": {
"width": "650px",
"height": "400px",
"fontFamily": "Jost",
"fontSize": "18px",
"inputColor": "rgb(100,100,200)",
"color": "black",
"border": "",
"background": "white",
"buttonBackground": "blue",
"buttonColor": "white",
"submitText": "Test Pay",
"labelsColor": "red",
"linksColor": "",
"headerAndBorderBackgroundColor": "",
"headerBackColor": "yellow",
"headerLabelColor": "pink",
"showCancelButton": "true",
"cancelButtonFirstButtonWid