boxpay-checkout-web-sdk 1.0.0-beta.0
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/README.md +236 -0
- package/dist/assets/americanExpress.svg +16 -0
- package/dist/assets/back-btn.svg +7 -0
- package/dist/assets/bankCard.svg +11 -0
- package/dist/assets/card.svg +4 -0
- package/dist/assets/diner.svg +6 -0
- package/dist/assets/discover.svg +6 -0
- package/dist/assets/jcb.svg +21 -0
- package/dist/assets/loader.png +0 -0
- package/dist/assets/lottie/BoxPayLogo.json +1 -0
- package/dist/assets/maestro.svg +6 -0
- package/dist/assets/mastercard.svg +6 -0
- package/dist/assets/right-arrow.svg +4 -0
- package/dist/assets/rupay.svg +5 -0
- package/dist/assets/uatp.svg +13 -0
- package/dist/assets/visa.svg +3 -0
- package/dist/boxpay-checkout-js-sdk.js +1866 -0
- package/dist/cardPaymentTemplate.html +41 -0
- package/package.json +52 -0
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
<head><script defer src="boxpay-checkout-js-sdk.js"></script></head><!-- cardPaymentTemplate.html -->
|
|
2
|
+
<div class="card-payment-form">
|
|
3
|
+
<div>
|
|
4
|
+
<label class="mb-2 label">Card Number*</label>
|
|
5
|
+
<span class="cardInputBox">
|
|
6
|
+
<input type="text" name="cardNumber" placeholder="Enter your card number here" required class="cardInput" />
|
|
7
|
+
<span class="cardIcon">
|
|
8
|
+
<img src="assets/card.svg" alt="Card Icon" height="20" id="cardIcon" />
|
|
9
|
+
</span>
|
|
10
|
+
</span>
|
|
11
|
+
<div class="errorBox">
|
|
12
|
+
<span id="cardNumberError" class="error-message"></span>
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
|
|
16
|
+
<div>
|
|
17
|
+
<label class="mb-2 label">Name on Card*</label>
|
|
18
|
+
<input type="text" name="nameOnCard" placeholder="Enter your name" required />
|
|
19
|
+
<div class="errorBox mb-1">
|
|
20
|
+
<span id="nameOnCardError" class="error-message"></span>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
|
|
24
|
+
<div class="d-flex gap-4 expCvvContainer">
|
|
25
|
+
<div>
|
|
26
|
+
<label class="mb-2 label">Expiry Date*</label>
|
|
27
|
+
<input type="text" name="expiryDate" placeholder="MM/YY" required />
|
|
28
|
+
<div class="errorBox">
|
|
29
|
+
<span id="expiryDateError" class="error-message"></span>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
|
|
33
|
+
<div>
|
|
34
|
+
<label class="mb-2 label">CVV*</label>
|
|
35
|
+
<input type="password" name="cvv" placeholder="Enter Card CVV" required />
|
|
36
|
+
<div class="errorBox">
|
|
37
|
+
<span id="cvvError" class="error-message"></span>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
</form>
|
package/package.json
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "boxpay-checkout-web-sdk",
|
|
3
|
+
"version": "1.0.0-beta.0",
|
|
4
|
+
"description": "",
|
|
5
|
+
"main": "dist/boxpay-checkout-web-sdk.js",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"build": "webpack --config webpack.config.ts",
|
|
8
|
+
"build:watch": "webpack --watch --mode development",
|
|
9
|
+
"start": "webpack serve --mode development",
|
|
10
|
+
"start:dev": "webpack serve --env ENVIRONMENT=development --mode development",
|
|
11
|
+
"start:prod": "webpack serve --env ENVIRONMENT=production --mode production"
|
|
12
|
+
},
|
|
13
|
+
"author": "kundan kumar",
|
|
14
|
+
"license": "ISC",
|
|
15
|
+
"devDependencies": {
|
|
16
|
+
"@babel/preset-env": "^7.28.5",
|
|
17
|
+
"@babel/preset-typescript": "^7.28.5",
|
|
18
|
+
"@types/node": "^24.10.0",
|
|
19
|
+
"babel-loader": "^9.2.1",
|
|
20
|
+
"clean-webpack-plugin": "^4.0.0",
|
|
21
|
+
"copy-webpack-plugin": "^12.0.2",
|
|
22
|
+
"css-loader": "^7.1.2",
|
|
23
|
+
"dotenv-webpack": "^8.1.0",
|
|
24
|
+
"file-loader": "^6.2.0",
|
|
25
|
+
"html-loader": "^5.1.0",
|
|
26
|
+
"html-webpack-plugin": "^5.6.3",
|
|
27
|
+
"style-loader": "^4.0.0",
|
|
28
|
+
"svg-url-loader": "^8.0.0",
|
|
29
|
+
"ts-loader": "^9.0.0",
|
|
30
|
+
"ts-node": "^10.9.2",
|
|
31
|
+
"typescript": "^5.9.3",
|
|
32
|
+
"webpack": "^5.96.1",
|
|
33
|
+
"webpack-cli": "^4.0.0",
|
|
34
|
+
"webpack-dev-server": "^4.0.0"
|
|
35
|
+
},
|
|
36
|
+
"files": [
|
|
37
|
+
"dist/",
|
|
38
|
+
"types/"
|
|
39
|
+
],
|
|
40
|
+
"keywords": [
|
|
41
|
+
"payment",
|
|
42
|
+
"sdk",
|
|
43
|
+
"boxpay"
|
|
44
|
+
],
|
|
45
|
+
"dependencies": {
|
|
46
|
+
"@rajesh896/broprint.js": "^2.1.1",
|
|
47
|
+
"axios": "^1.7.7",
|
|
48
|
+
"jose": "^5.9.6",
|
|
49
|
+
"lottie-web": "^5.12.2",
|
|
50
|
+
"uuid": "^11.0.3"
|
|
51
|
+
}
|
|
52
|
+
}
|