htech-pay 0.1.0-beta → 0.1.2-beta
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/htechPay.mjs +95 -53
- package/dist/htechPay.umd.js +1 -1
- package/package.json +2 -2
package/dist/htechPay.mjs
CHANGED
|
@@ -1,98 +1,138 @@
|
|
|
1
1
|
/*! HtechPay | MIT License */
|
|
2
|
-
async function
|
|
2
|
+
async function W(i, C = {}) {
|
|
3
3
|
const {
|
|
4
|
-
environment:
|
|
5
|
-
onViewForm:
|
|
6
|
-
onPaymentResult:
|
|
7
|
-
theme:
|
|
8
|
-
on3dsChallengeOpen:
|
|
9
|
-
onProcessPayment:
|
|
10
|
-
onNeedCvv:
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
4
|
+
environment: o = "qa",
|
|
5
|
+
onViewForm: p,
|
|
6
|
+
onPaymentResult: f,
|
|
7
|
+
theme: _ = "",
|
|
8
|
+
on3dsChallengeOpen: v,
|
|
9
|
+
onProcessPayment: P,
|
|
10
|
+
onNeedCvv: w,
|
|
11
|
+
isPaymentToken: U = !1,
|
|
12
|
+
onClose: k
|
|
13
|
+
} = C;
|
|
14
|
+
let { type: r } = C;
|
|
15
|
+
const a = {
|
|
14
16
|
//qa: "http://localhost:5173",
|
|
15
17
|
qa: "https://sp-checkout-qa.pagoshtechstage.com/index.html",
|
|
16
18
|
stage: "https://sp-checkout-stage.pagoshtechstage.com/index.html",
|
|
17
19
|
prod: "https://sp-checkout.pagoshtech.com/index.html"
|
|
18
20
|
};
|
|
19
|
-
let
|
|
20
|
-
const m = {
|
|
21
|
+
let l = null;
|
|
22
|
+
const x = "position: fixed !important; z-index: 2147483647 !important; background: rgba(40, 40, 40, 0.75) !important; transition: background 400ms !important; will-change: background !important; inset: 0px !important; margin: 0px !important; padding: 0px !important; border-radius: 0px; height:100vh", m = {
|
|
21
23
|
defaultUrl: {
|
|
22
|
-
url: `${
|
|
24
|
+
url: `${a[o]}?orderId=${i}&theme=${_}`,
|
|
23
25
|
height: "670",
|
|
24
26
|
style: ""
|
|
25
27
|
},
|
|
26
28
|
widget: {
|
|
27
|
-
url: `${
|
|
29
|
+
url: `${a[o]}?orderId=${i}#/widget`,
|
|
28
30
|
height: "88",
|
|
29
31
|
style: ""
|
|
30
32
|
},
|
|
31
33
|
paymentToken: {
|
|
32
|
-
url: `${
|
|
33
|
-
height: "
|
|
34
|
+
url: `${a[o]}?orderId=${i}&theme=${_}#/paymentToken`,
|
|
35
|
+
height: "530",
|
|
36
|
+
style: x
|
|
37
|
+
},
|
|
38
|
+
paymentTokenWidget: {
|
|
39
|
+
url: `${a[o]}?orderId=${i}#/widgetPaymentToken`,
|
|
40
|
+
height: "88",
|
|
34
41
|
style: ""
|
|
35
42
|
}
|
|
36
43
|
};
|
|
37
|
-
m[r] || (r = "defaultUrl");
|
|
38
|
-
let
|
|
44
|
+
m[r] || (r = "defaultUrl"), r === "widget" && U && (r = "paymentTokenWidget"), r === "defaultUrl" && U && (r = "paymentToken");
|
|
45
|
+
let d = null, u = null, c = null, h = null, g = null, y = !1, V = !1;
|
|
39
46
|
const n = document.createElement("iframe");
|
|
40
47
|
n.id = "iframe_htechPay", n.src = m[r].url, n.width = "100%", n.height = m[r].height, n.frameBorder = "0", n.allowFullscreen = !0, n.title = "Payment form", n.style = m[r].style;
|
|
41
|
-
const
|
|
42
|
-
|
|
48
|
+
const T = () => {
|
|
49
|
+
window.removeEventListener("message", E), n.remove();
|
|
50
|
+
}, F = () => new Promise((e, t) => {
|
|
51
|
+
d = e, document.getElementById("iframe_htechPay").contentWindow.postMessage(
|
|
43
52
|
"htechPayment_onPayment",
|
|
44
|
-
new URL(
|
|
53
|
+
new URL(a[o]).origin
|
|
54
|
+
), setTimeout(() => {
|
|
55
|
+
y || e({
|
|
56
|
+
status: "validation_error",
|
|
57
|
+
message: "Unknown error"
|
|
58
|
+
});
|
|
59
|
+
}, 600);
|
|
60
|
+
}), I = () => new Promise((e, t) => {
|
|
61
|
+
u = e, document.getElementById("iframe_htechPay").contentWindow.postMessage(
|
|
62
|
+
"htechPayment_onPaymentToken",
|
|
63
|
+
new URL(a[o]).origin
|
|
45
64
|
), setTimeout(() => {
|
|
46
|
-
|
|
65
|
+
V || e({
|
|
47
66
|
status: "validation_error",
|
|
48
67
|
message: "Unknown error"
|
|
49
68
|
});
|
|
50
69
|
}, 600);
|
|
51
|
-
}),
|
|
52
|
-
const t = (
|
|
53
|
-
e({ needCvv:
|
|
70
|
+
}), b = () => new Promise((e) => {
|
|
71
|
+
const t = (s) => {
|
|
72
|
+
e({ needCvv: s });
|
|
54
73
|
};
|
|
55
|
-
if (
|
|
56
|
-
t(
|
|
74
|
+
if (l !== null) {
|
|
75
|
+
t(l);
|
|
57
76
|
return;
|
|
58
77
|
}
|
|
59
|
-
|
|
60
|
-
t(
|
|
78
|
+
g = (s) => {
|
|
79
|
+
t(s.needCvv);
|
|
61
80
|
};
|
|
62
|
-
}),
|
|
63
|
-
|
|
81
|
+
}), L = () => new Promise((e, t) => {
|
|
82
|
+
c = e, document.getElementById("iframe_htechPay").contentWindow.postMessage(
|
|
64
83
|
"htechPayment_onValidateForm",
|
|
65
|
-
new URL(
|
|
84
|
+
new URL(a[o]).origin
|
|
85
|
+
), setTimeout(() => {
|
|
86
|
+
y || e({
|
|
87
|
+
status: "validation_error",
|
|
88
|
+
message: "Unknown error"
|
|
89
|
+
});
|
|
90
|
+
}, 600);
|
|
91
|
+
}), M = () => new Promise((e, t) => {
|
|
92
|
+
h = e, document.getElementById("iframe_htechPay").contentWindow.postMessage(
|
|
93
|
+
"htechPayment_onValidateFormCvv",
|
|
94
|
+
new URL(a[o]).origin
|
|
66
95
|
), setTimeout(() => {
|
|
67
|
-
|
|
96
|
+
y || e({
|
|
68
97
|
status: "validation_error",
|
|
69
98
|
message: "Unknown error"
|
|
70
99
|
});
|
|
71
100
|
}, 600);
|
|
72
|
-
}),
|
|
73
|
-
onViewForm: () =>
|
|
101
|
+
}), $ = {
|
|
102
|
+
onViewForm: () => p == null ? void 0 : p(!0),
|
|
74
103
|
onPaymentResult: (e) => {
|
|
75
104
|
const t = e.data.payload || {};
|
|
76
|
-
return
|
|
105
|
+
return d && (d(t), d = null), u && (u(t), u = null), f == null ? void 0 : f(t);
|
|
77
106
|
},
|
|
78
|
-
on3dsChallengeOpen: (e) => (r
|
|
79
|
-
onProcessPayment: () => (
|
|
107
|
+
on3dsChallengeOpen: (e) => (r !== "defaultUrl" && e.isOpen && (n.style.cssText = x), !e.isOpen && r !== "paymentToken" && (n.style = ""), v == null ? void 0 : v(e.isOpen)),
|
|
108
|
+
onProcessPayment: () => (V = !0, y = !0, P == null ? void 0 : P(!0)),
|
|
80
109
|
onValidForm: (e) => {
|
|
81
110
|
const t = {
|
|
82
111
|
isValid: e.formIsValid,
|
|
83
112
|
errors: e.errors
|
|
84
113
|
};
|
|
85
|
-
return
|
|
114
|
+
return c && (c(t), c = null), t;
|
|
115
|
+
},
|
|
116
|
+
onValidFormCvv: (e) => {
|
|
117
|
+
const t = {
|
|
118
|
+
isValid: e.formIsValid,
|
|
119
|
+
errors: e.errors
|
|
120
|
+
};
|
|
121
|
+
return h && (h(t), h = null), t;
|
|
86
122
|
},
|
|
87
|
-
onNeedCvv: (e) => (
|
|
88
|
-
needCvv:
|
|
89
|
-
}),
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
123
|
+
onNeedCvv: (e) => (l = e.value, g && (g({
|
|
124
|
+
needCvv: l
|
|
125
|
+
}), g = null), w == null ? void 0 : w(e)),
|
|
126
|
+
onClose: () => (T(), k == null ? void 0 : k(!0)),
|
|
127
|
+
onConfigError: () => {
|
|
128
|
+
console.error("htech-pay: Configuration error"), T();
|
|
129
|
+
}
|
|
130
|
+
}, E = (e) => {
|
|
131
|
+
var s;
|
|
132
|
+
const t = (s = e.data) == null ? void 0 : s.hook;
|
|
133
|
+
!t || !$[t] || $[t](e.data);
|
|
94
134
|
};
|
|
95
|
-
return window.addEventListener("message",
|
|
135
|
+
return window.addEventListener("message", E), {
|
|
96
136
|
mount: (e) => {
|
|
97
137
|
const t = typeof e == "string" ? document.querySelector(e) : e;
|
|
98
138
|
if (!t)
|
|
@@ -100,13 +140,15 @@ async function b(c, w = {}) {
|
|
|
100
140
|
t.appendChild(n);
|
|
101
141
|
},
|
|
102
142
|
destroy: () => {
|
|
103
|
-
|
|
143
|
+
T();
|
|
104
144
|
},
|
|
105
|
-
processPayment:
|
|
106
|
-
validateForm:
|
|
107
|
-
verifyNeedCvv:
|
|
145
|
+
processPayment: F,
|
|
146
|
+
validateForm: L,
|
|
147
|
+
verifyNeedCvv: b,
|
|
148
|
+
processPaymentToken: I,
|
|
149
|
+
validateFormCvv: M
|
|
108
150
|
};
|
|
109
151
|
}
|
|
110
152
|
export {
|
|
111
|
-
|
|
153
|
+
W as htechPay
|
|
112
154
|
};
|
package/dist/htechPay.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(s,l){typeof exports=="object"&&typeof module<"u"?l(exports):typeof define=="function"&&define.amd?define(["exports"],l):(s=typeof globalThis<"u"?globalThis:s||self,l(s.HtechPay={}))})(this,function(s){"use strict";/*! HtechPay | MIT License */async function l(m,x={}){const{environment:r="qa",onViewForm:v,onPaymentResult:P,theme:U="",on3dsChallengeOpen:w,onProcessPayment:k,onNeedCvv:T,isPaymentToken:V=!1,onClose:C}=x;let{type:o}=x;const i={qa:"https://sp-checkout-qa.pagoshtechstage.com/index.html",stage:"https://sp-checkout-stage.pagoshtechstage.com/index.html",prod:"https://sp-checkout.pagoshtech.com/index.html"};let d=null;const $="position: fixed !important; z-index: 2147483647 !important; background: rgba(40, 40, 40, 0.75) !important; transition: background 400ms !important; will-change: background !important; inset: 0px !important; margin: 0px !important; padding: 0px !important; border-radius: 0px; height:100vh",u={defaultUrl:{url:`${i[r]}?orderId=${m}&theme=${U}`,height:"670",style:""},widget:{url:`${i[r]}?orderId=${m}#/widget`,height:"88",style:""},paymentToken:{url:`${i[r]}?orderId=${m}&theme=${U}#/paymentToken`,height:"530",style:$},paymentTokenWidget:{url:`${i[r]}?orderId=${m}#/widgetPaymentToken`,height:"88",style:""}};u[o]||(o="defaultUrl"),o==="widget"&&V&&(o="paymentTokenWidget"),o==="defaultUrl"&&V&&(o="paymentToken");let c=null,h=null,f=null,y=null,p=null,g=!1,b=!1;const n=document.createElement("iframe");n.id="iframe_htechPay",n.src=u[o].url,n.width="100%",n.height=u[o].height,n.frameBorder="0",n.allowFullscreen=!0,n.title="Payment form",n.style=u[o].style;const _=()=>{window.removeEventListener("message",F),n.remove()},I=()=>new Promise((e,t)=>{c=e,document.getElementById("iframe_htechPay").contentWindow.postMessage("htechPayment_onPayment",new URL(i[r]).origin),setTimeout(()=>{g||e({status:"validation_error",message:"Unknown error"})},600)}),M=()=>new Promise((e,t)=>{h=e,document.getElementById("iframe_htechPay").contentWindow.postMessage("htechPayment_onPaymentToken",new URL(i[r]).origin),setTimeout(()=>{b||e({status:"validation_error",message:"Unknown error"})},600)}),j=()=>new Promise(e=>{const t=a=>{e({needCvv:a})};if(d!==null){t(d);return}p=a=>{t(a.needCvv)}}),L=()=>new Promise((e,t)=>{f=e,document.getElementById("iframe_htechPay").contentWindow.postMessage("htechPayment_onValidateForm",new URL(i[r]).origin),setTimeout(()=>{g||e({status:"validation_error",message:"Unknown error"})},600)}),S=()=>new Promise((e,t)=>{y=e,document.getElementById("iframe_htechPay").contentWindow.postMessage("htechPayment_onValidateFormCvv",new URL(i[r]).origin),setTimeout(()=>{g||e({status:"validation_error",message:"Unknown error"})},600)}),E={onViewForm:()=>v==null?void 0:v(!0),onPaymentResult:e=>{const t=e.data.payload||{};return c&&(c(t),c=null),h&&(h(t),h=null),P==null?void 0:P(t)},on3dsChallengeOpen:e=>(o!=="defaultUrl"&&e.isOpen&&(n.style.cssText=$),!e.isOpen&&o!=="paymentToken"&&(n.style=""),w==null?void 0:w(e.isOpen)),onProcessPayment:()=>(b=!0,g=!0,k==null?void 0:k(!0)),onValidForm:e=>{const t={isValid:e.formIsValid,errors:e.errors};return f&&(f(t),f=null),t},onValidFormCvv:e=>{const t={isValid:e.formIsValid,errors:e.errors};return y&&(y(t),y=null),t},onNeedCvv:e=>(d=e.value,p&&(p({needCvv:d}),p=null),T==null?void 0:T(e)),onClose:()=>(_(),C==null?void 0:C(!0)),onConfigError:()=>{console.error("htech-pay: Configuration error"),_()}},F=e=>{var a;const t=(a=e.data)==null?void 0:a.hook;!t||!E[t]||E[t](e.data)};return window.addEventListener("message",F),{mount:e=>{const t=typeof e=="string"?document.querySelector(e):e;if(!t)throw new Error("The container to mount the form could not be found");t.appendChild(n)},destroy:()=>{_()},processPayment:I,validateForm:L,verifyNeedCvv:j,processPaymentToken:M,validateFormCvv:S}}s.htechPay=l,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "htech-pay",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.2-beta",
|
|
5
5
|
"description": "Payment SDK for HtechPay",
|
|
6
6
|
"main": "dist/htechPay.umd.js",
|
|
7
7
|
"module": "dist/htechPay.mjs",
|
|
@@ -40,6 +40,6 @@
|
|
|
40
40
|
"vite": "^5.4.1"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"htech-pay": "^0.0
|
|
43
|
+
"htech-pay": "^0.1.0-beta"
|
|
44
44
|
}
|
|
45
45
|
}
|