@juspay-tech/react-hyper-js 1.2.1 → 1.2.3
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/LICENSE +201 -0
- package/README.md +35 -1
- package/dist/index.js +25 -0
- package/dist/index.mjs +25 -0
- package/package.json +31 -31
- package/.babelrc +0 -3
- package/CHANGELOG.md +0 -15
- package/build.js +0 -38
- package/index.js +0 -1
- package/index.mjs +0 -1
- package/rescript.json +0 -23
- package/src/Context.bs.js +0 -173
- package/src/Context.res +0 -232
- package/src/Index.bs.js +0 -97
- package/src/Index.res +0 -56
- package/src/Index.resi +0 -192
- package/src/OrcaJs.bs.js +0 -63
- package/src/OrcaJs.res +0 -66
- package/src/Window.bs.js +0 -11
- package/src/Window.res +0 -26
- package/src/components/ApplePayElement.bs.js +0 -26
- package/src/components/ApplePayElement.res +0 -25
- package/src/components/CardCVC.bs.js +0 -26
- package/src/components/CardCVC.res +0 -25
- package/src/components/CardElement.bs.js +0 -26
- package/src/components/CardElement.res +0 -25
- package/src/components/CardExpiry.bs.js +0 -26
- package/src/components/CardExpiry.res +0 -25
- package/src/components/CardNumber.bs.js +0 -26
- package/src/components/CardNumber.res +0 -25
- package/src/components/Elements.bs.js +0 -71
- package/src/components/Elements.res +0 -39
- package/src/components/ExpressCheckoutElement.bs.js +0 -26
- package/src/components/ExpressCheckoutElement.res +0 -25
- package/src/components/GooglePayElement.bs.js +0 -26
- package/src/components/GooglePayElement.res +0 -25
- package/src/components/HyperElements.bs.js +0 -71
- package/src/components/HyperElements.res +0 -39
- package/src/components/HyperManagementElements.bs.js +0 -65
- package/src/components/HyperManagementElements.res +0 -41
- package/src/components/PayPalElement.bs.js +0 -26
- package/src/components/PayPalElement.res +0 -25
- package/src/components/PaymentElement.bs.js +0 -26
- package/src/components/PaymentElement.res +0 -25
- package/src/components/PaymentElementsWrapper.bs.js +0 -54
- package/src/components/PaymentElementsWrapper.res +0 -39
- package/src/components/PaymentMethodsManagementElement.bs.js +0 -58
- package/src/components/PaymentMethodsManagementElement.res +0 -45
- package/webpack.config.js +0 -34
package/src/Index.resi
DELETED
|
@@ -1,192 +0,0 @@
|
|
|
1
|
-
type eventData = {
|
|
2
|
-
iframeMounted: bool,
|
|
3
|
-
focusTriggered: bool,
|
|
4
|
-
blurTriggered: bool,
|
|
5
|
-
clickTriggered: bool,
|
|
6
|
-
elementType: string,
|
|
7
|
-
classChange: bool,
|
|
8
|
-
newClassType: string,
|
|
9
|
-
}
|
|
10
|
-
let useHyper: unit => Context.switchContextType
|
|
11
|
-
let useStripe: unit => Context.switchContextType
|
|
12
|
-
let useWidgets: unit => Context.elementsType
|
|
13
|
-
let useElements: unit => Context.elementsType
|
|
14
|
-
let \"Elements": Elements.props<
|
|
15
|
-
React.element,
|
|
16
|
-
RescriptCore.Promise.t<OrcaJs.switchInstance>,
|
|
17
|
-
RescriptCore.JSON.t,
|
|
18
|
-
> => React.element
|
|
19
|
-
let \"HyperElements": HyperElements.props<
|
|
20
|
-
React.element,
|
|
21
|
-
RescriptCore.Promise.t<OrcaJs.switchInstance>,
|
|
22
|
-
RescriptCore.JSON.t,
|
|
23
|
-
> => React.element
|
|
24
|
-
let \"PaymentElement": PaymentElement.props<
|
|
25
|
-
string,
|
|
26
|
-
RescriptCore.JSON.t,
|
|
27
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
28
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
29
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
30
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
31
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
32
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
33
|
-
unit => RescriptCore.Promise.t<unit>,
|
|
34
|
-
> => React.element
|
|
35
|
-
let \"UnifiedCheckout": PaymentElement.props<
|
|
36
|
-
string,
|
|
37
|
-
RescriptCore.JSON.t,
|
|
38
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
39
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
40
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
41
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
42
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
43
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
44
|
-
unit => RescriptCore.Promise.t<unit>,
|
|
45
|
-
> => React.element
|
|
46
|
-
let \"CardElement": CardElement.props<
|
|
47
|
-
string,
|
|
48
|
-
RescriptCore.JSON.t,
|
|
49
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
50
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
51
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
52
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
53
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
54
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
55
|
-
unit => RescriptCore.Promise.t<unit>,
|
|
56
|
-
> => React.element
|
|
57
|
-
let \"CardWidget": CardElement.props<
|
|
58
|
-
string,
|
|
59
|
-
RescriptCore.JSON.t,
|
|
60
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
61
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
62
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
63
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
64
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
65
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
66
|
-
unit => RescriptCore.Promise.t<unit>,
|
|
67
|
-
> => React.element
|
|
68
|
-
let \"CardNumberElement": CardNumber.props<
|
|
69
|
-
string,
|
|
70
|
-
RescriptCore.JSON.t,
|
|
71
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
72
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
73
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
74
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
75
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
76
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
77
|
-
unit => RescriptCore.Promise.t<unit>,
|
|
78
|
-
> => React.element
|
|
79
|
-
let \"CardNumberWidget": CardNumber.props<
|
|
80
|
-
string,
|
|
81
|
-
RescriptCore.JSON.t,
|
|
82
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
83
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
84
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
85
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
86
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
87
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
88
|
-
unit => RescriptCore.Promise.t<unit>,
|
|
89
|
-
> => React.element
|
|
90
|
-
let \"CardCVCElement": CardCVC.props<
|
|
91
|
-
string,
|
|
92
|
-
RescriptCore.JSON.t,
|
|
93
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
94
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
95
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
96
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
97
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
98
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
99
|
-
unit => RescriptCore.Promise.t<unit>,
|
|
100
|
-
> => React.element
|
|
101
|
-
let \"CardCVCWidget": CardCVC.props<
|
|
102
|
-
string,
|
|
103
|
-
RescriptCore.JSON.t,
|
|
104
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
105
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
106
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
107
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
108
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
109
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
110
|
-
unit => RescriptCore.Promise.t<unit>,
|
|
111
|
-
> => React.element
|
|
112
|
-
let \"CardExpiryElement": CardExpiry.props<
|
|
113
|
-
string,
|
|
114
|
-
RescriptCore.JSON.t,
|
|
115
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
116
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
117
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
118
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
119
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
120
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
121
|
-
unit => RescriptCore.Promise.t<unit>,
|
|
122
|
-
> => React.element
|
|
123
|
-
let \"CardExpiryWidget": CardExpiry.props<
|
|
124
|
-
string,
|
|
125
|
-
RescriptCore.JSON.t,
|
|
126
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
127
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
128
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
129
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
130
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
131
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
132
|
-
unit => RescriptCore.Promise.t<unit>,
|
|
133
|
-
> => React.element
|
|
134
|
-
let \"GooglePayElement": GooglePayElement.props<
|
|
135
|
-
string,
|
|
136
|
-
RescriptCore.JSON.t,
|
|
137
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
138
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
139
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
140
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
141
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
142
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
143
|
-
unit => RescriptCore.Promise.t<unit>,
|
|
144
|
-
> => React.element
|
|
145
|
-
let \"ApplePayElement": ApplePayElement.props<
|
|
146
|
-
string,
|
|
147
|
-
RescriptCore.JSON.t,
|
|
148
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
149
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
150
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
151
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
152
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
153
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
154
|
-
unit => RescriptCore.Promise.t<unit>,
|
|
155
|
-
> => React.element
|
|
156
|
-
let \"PayPalElement": PayPalElement.props<
|
|
157
|
-
string,
|
|
158
|
-
RescriptCore.JSON.t,
|
|
159
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
160
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
161
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
162
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
163
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
164
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
165
|
-
unit => RescriptCore.Promise.t<unit>,
|
|
166
|
-
> => React.element
|
|
167
|
-
let \"ExpressCheckoutElement": ExpressCheckoutElement.props<
|
|
168
|
-
string,
|
|
169
|
-
RescriptCore.JSON.t,
|
|
170
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
171
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
172
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
173
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
174
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
175
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
176
|
-
unit => RescriptCore.Promise.t<unit>,
|
|
177
|
-
> => React.element
|
|
178
|
-
let \"HyperManagementElements": HyperManagementElements.props<
|
|
179
|
-
React.element,
|
|
180
|
-
RescriptCore.Promise.t<OrcaJs.switchInstance>,
|
|
181
|
-
RescriptCore.JSON.t,
|
|
182
|
-
> => React.element
|
|
183
|
-
let \"PaymentMethodsManagementElement": PaymentMethodsManagementElement.props<
|
|
184
|
-
string,
|
|
185
|
-
RescriptCore.JSON.t,
|
|
186
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
187
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
188
|
-
string,
|
|
189
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
190
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
191
|
-
option<option<RescriptCore.JSON.t> => unit>,
|
|
192
|
-
> => Jsx.element
|
package/src/OrcaJs.bs.js
DELETED
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
// Generated by ReScript, PLEASE EDIT WITH CARE
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var This = {};
|
|
5
|
-
|
|
6
|
-
function defaultPaymentElement_on(_str, _func) {
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
function defaultPaymentElement_collapse() {
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
function defaultPaymentElement_blur() {
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
function defaultPaymentElement_update(_x) {
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
function defaultPaymentElement_destroy() {
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
function defaultPaymentElement_unmount() {
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
function defaultPaymentElement_mount(_string) {
|
|
31
|
-
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
function defaultPaymentElement_focus() {
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
function defaultPaymentElement_clear() {
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
function defaultPaymentElement_onSDKHandleClick(param) {
|
|
43
|
-
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
var defaultPaymentElement = {
|
|
47
|
-
on: defaultPaymentElement_on,
|
|
48
|
-
collapse: defaultPaymentElement_collapse,
|
|
49
|
-
blur: defaultPaymentElement_blur,
|
|
50
|
-
update: defaultPaymentElement_update,
|
|
51
|
-
destroy: defaultPaymentElement_destroy,
|
|
52
|
-
unmount: defaultPaymentElement_unmount,
|
|
53
|
-
mount: defaultPaymentElement_mount,
|
|
54
|
-
focus: defaultPaymentElement_focus,
|
|
55
|
-
clear: defaultPaymentElement_clear,
|
|
56
|
-
onSDKHandleClick: defaultPaymentElement_onSDKHandleClick
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
export {
|
|
60
|
-
This ,
|
|
61
|
-
defaultPaymentElement ,
|
|
62
|
-
}
|
|
63
|
-
/* No side effect */
|
package/src/OrcaJs.res
DELETED
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
type eventData = {
|
|
2
|
-
iframeMounted: bool,
|
|
3
|
-
focusTriggered: bool,
|
|
4
|
-
blurTriggered: bool,
|
|
5
|
-
clickTriggered: bool,
|
|
6
|
-
elementType: string,
|
|
7
|
-
classChange: bool,
|
|
8
|
-
newClassType: string,
|
|
9
|
-
}
|
|
10
|
-
type event = {key: string, data: eventData}
|
|
11
|
-
type eventParam = Event(event) | EventData(eventData) | Empty
|
|
12
|
-
type eventHandler = eventParam => unit
|
|
13
|
-
|
|
14
|
-
module This = {
|
|
15
|
-
type t
|
|
16
|
-
@get
|
|
17
|
-
external iframeElem: t => option<Js.nullable<Dom.element>> = "iframeElem"
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
type paymentElement = {
|
|
21
|
-
on: (string, option<option<JSON.t> => unit>) => unit,
|
|
22
|
-
collapse: unit => unit,
|
|
23
|
-
blur: unit => unit,
|
|
24
|
-
update: JSON.t => unit,
|
|
25
|
-
destroy: unit => unit,
|
|
26
|
-
unmount: unit => unit,
|
|
27
|
-
mount: string => unit,
|
|
28
|
-
focus: unit => unit,
|
|
29
|
-
clear: unit => unit,
|
|
30
|
-
onSDKHandleClick: (unit => Promise.t<unit>) => unit,
|
|
31
|
-
}
|
|
32
|
-
let defaultPaymentElement = {
|
|
33
|
-
on: (_str, _func) => (),
|
|
34
|
-
collapse: () => (),
|
|
35
|
-
blur: () => (),
|
|
36
|
-
update: _x => (),
|
|
37
|
-
destroy: () => (),
|
|
38
|
-
unmount: () => (),
|
|
39
|
-
mount: _string => (),
|
|
40
|
-
focus: () => (),
|
|
41
|
-
clear: () => (),
|
|
42
|
-
onSDKHandleClick: _ => (),
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
type element = {
|
|
46
|
-
getElement: string => option<paymentElement>,
|
|
47
|
-
update: JSON.t => unit,
|
|
48
|
-
fetchUpdates: unit => Promise.t<JSON.t>,
|
|
49
|
-
create: (string, JSON.t) => paymentElement,
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
type confirmParams = {return_url: string}
|
|
53
|
-
|
|
54
|
-
type confirmPaymentParams = {
|
|
55
|
-
elements: JSON.t,
|
|
56
|
-
confirmParams: Nullable.t<confirmParams>,
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
type switchInstance = {
|
|
60
|
-
confirmPayment: JSON.t => Promise.t<JSON.t>,
|
|
61
|
-
elements: JSON.t => element,
|
|
62
|
-
confirmCardPayment: (string, option<JSON.t>, option<JSON.t>) => Promise.t<JSON.t>,
|
|
63
|
-
retrievePaymentIntent: string => Promise.t<JSON.t>,
|
|
64
|
-
paymentRequest: JSON.t => JSON.t,
|
|
65
|
-
paymentMethodsManagementElements: JSON.t => element,
|
|
66
|
-
}
|
package/src/Window.bs.js
DELETED
package/src/Window.res
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
type window
|
|
2
|
-
type parent
|
|
3
|
-
|
|
4
|
-
type event = {data: JSON.t}
|
|
5
|
-
@val @scope("window")
|
|
6
|
-
external addEventListener: (string, _ => unit) => unit = "addEventListener"
|
|
7
|
-
@val @scope("window")
|
|
8
|
-
external removeEventListener: (string, 'ev => unit) => unit = "removeEventListener"
|
|
9
|
-
|
|
10
|
-
@val external window: window = "window"
|
|
11
|
-
@val @scope("window") external iframeParent: parent = "parent"
|
|
12
|
-
|
|
13
|
-
external eventToJson: event => JSON.t = "%identity"
|
|
14
|
-
|
|
15
|
-
@val @scope(("window", "location"))
|
|
16
|
-
external replace: string => unit = "replace"
|
|
17
|
-
|
|
18
|
-
type domElement
|
|
19
|
-
@send external postMessage: (domElement, string, string) => unit = "postMessage"
|
|
20
|
-
|
|
21
|
-
@get
|
|
22
|
-
external contentWindow: Js.nullable<Dom.element> => domElement = "contentWindow"
|
|
23
|
-
|
|
24
|
-
let iframePostMessage = (iframeRef: React.ref<Js.nullable<Dom.element>>, message) => {
|
|
25
|
-
iframeRef.current->contentWindow->postMessage(message->JSON.stringify, "*")
|
|
26
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// Generated by ReScript, PLEASE EDIT WITH CARE
|
|
2
|
-
|
|
3
|
-
import * as JsxRuntime from "react/jsx-runtime";
|
|
4
|
-
import * as PaymentElementsWrapper from "./PaymentElementsWrapper.bs.js";
|
|
5
|
-
|
|
6
|
-
function ApplePayElement(props) {
|
|
7
|
-
return JsxRuntime.jsx(PaymentElementsWrapper.make, {
|
|
8
|
-
id: props.id,
|
|
9
|
-
options: props.options,
|
|
10
|
-
onChange: props.onChange,
|
|
11
|
-
onReady: props.onReady,
|
|
12
|
-
componentType: "applePay",
|
|
13
|
-
onFocus: props.onFocus,
|
|
14
|
-
onBlur: props.onBlur,
|
|
15
|
-
onClick: props.onClick,
|
|
16
|
-
onPaymentComplete: props.onPaymentComplete,
|
|
17
|
-
onPaymentButtonClick: props.onPaymentButtonClick
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
var make = ApplePayElement;
|
|
22
|
-
|
|
23
|
-
export {
|
|
24
|
-
make ,
|
|
25
|
-
}
|
|
26
|
-
/* react/jsx-runtime Not a pure module */
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
@react.component
|
|
2
|
-
let make = (
|
|
3
|
-
~id,
|
|
4
|
-
~options: JSON.t,
|
|
5
|
-
~onChange,
|
|
6
|
-
~onReady,
|
|
7
|
-
~onFocus,
|
|
8
|
-
~onBlur,
|
|
9
|
-
~onClick,
|
|
10
|
-
~onPaymentComplete,
|
|
11
|
-
~onPaymentButtonClick,
|
|
12
|
-
) => {
|
|
13
|
-
<PaymentElementsWrapper
|
|
14
|
-
id
|
|
15
|
-
options
|
|
16
|
-
onChange
|
|
17
|
-
onReady
|
|
18
|
-
onFocus
|
|
19
|
-
onBlur
|
|
20
|
-
onClick
|
|
21
|
-
componentType="applePay"
|
|
22
|
-
onPaymentComplete
|
|
23
|
-
onPaymentButtonClick
|
|
24
|
-
/>
|
|
25
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// Generated by ReScript, PLEASE EDIT WITH CARE
|
|
2
|
-
|
|
3
|
-
import * as JsxRuntime from "react/jsx-runtime";
|
|
4
|
-
import * as PaymentElementsWrapper from "./PaymentElementsWrapper.bs.js";
|
|
5
|
-
|
|
6
|
-
function CardCVC(props) {
|
|
7
|
-
return JsxRuntime.jsx(PaymentElementsWrapper.make, {
|
|
8
|
-
id: props.id,
|
|
9
|
-
options: props.options,
|
|
10
|
-
onChange: props.onChange,
|
|
11
|
-
onReady: props.onReady,
|
|
12
|
-
componentType: "cardCvc",
|
|
13
|
-
onFocus: props.onFocus,
|
|
14
|
-
onBlur: props.onBlur,
|
|
15
|
-
onClick: props.onClick,
|
|
16
|
-
onPaymentComplete: props.onPaymentComplete,
|
|
17
|
-
onPaymentButtonClick: props.onPaymentButtonClick
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
var make = CardCVC;
|
|
22
|
-
|
|
23
|
-
export {
|
|
24
|
-
make ,
|
|
25
|
-
}
|
|
26
|
-
/* react/jsx-runtime Not a pure module */
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
@react.component
|
|
2
|
-
let make = (
|
|
3
|
-
~id,
|
|
4
|
-
~options: JSON.t,
|
|
5
|
-
~onChange,
|
|
6
|
-
~onReady,
|
|
7
|
-
~onFocus,
|
|
8
|
-
~onBlur,
|
|
9
|
-
~onClick,
|
|
10
|
-
~onPaymentComplete,
|
|
11
|
-
~onPaymentButtonClick,
|
|
12
|
-
) => {
|
|
13
|
-
<PaymentElementsWrapper
|
|
14
|
-
id
|
|
15
|
-
options
|
|
16
|
-
onChange
|
|
17
|
-
onReady
|
|
18
|
-
onFocus
|
|
19
|
-
onBlur
|
|
20
|
-
onClick
|
|
21
|
-
componentType="cardCvc"
|
|
22
|
-
onPaymentComplete
|
|
23
|
-
onPaymentButtonClick
|
|
24
|
-
/>
|
|
25
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// Generated by ReScript, PLEASE EDIT WITH CARE
|
|
2
|
-
|
|
3
|
-
import * as JsxRuntime from "react/jsx-runtime";
|
|
4
|
-
import * as PaymentElementsWrapper from "./PaymentElementsWrapper.bs.js";
|
|
5
|
-
|
|
6
|
-
function CardElement(props) {
|
|
7
|
-
return JsxRuntime.jsx(PaymentElementsWrapper.make, {
|
|
8
|
-
id: props.id,
|
|
9
|
-
options: props.options,
|
|
10
|
-
onChange: props.onChange,
|
|
11
|
-
onReady: props.onReady,
|
|
12
|
-
componentType: "card",
|
|
13
|
-
onFocus: props.onFocus,
|
|
14
|
-
onBlur: props.onBlur,
|
|
15
|
-
onClick: props.onClick,
|
|
16
|
-
onPaymentComplete: props.onPaymentComplete,
|
|
17
|
-
onPaymentButtonClick: props.onPaymentButtonClick
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
var make = CardElement;
|
|
22
|
-
|
|
23
|
-
export {
|
|
24
|
-
make ,
|
|
25
|
-
}
|
|
26
|
-
/* react/jsx-runtime Not a pure module */
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
@react.component
|
|
2
|
-
let make = (
|
|
3
|
-
~id,
|
|
4
|
-
~options: JSON.t,
|
|
5
|
-
~onChange,
|
|
6
|
-
~onReady,
|
|
7
|
-
~onFocus,
|
|
8
|
-
~onBlur,
|
|
9
|
-
~onClick,
|
|
10
|
-
~onPaymentComplete,
|
|
11
|
-
~onPaymentButtonClick,
|
|
12
|
-
) => {
|
|
13
|
-
<PaymentElementsWrapper
|
|
14
|
-
id
|
|
15
|
-
options
|
|
16
|
-
onChange
|
|
17
|
-
onReady
|
|
18
|
-
onFocus
|
|
19
|
-
onBlur
|
|
20
|
-
onClick
|
|
21
|
-
componentType="card"
|
|
22
|
-
onPaymentComplete
|
|
23
|
-
onPaymentButtonClick
|
|
24
|
-
/>
|
|
25
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// Generated by ReScript, PLEASE EDIT WITH CARE
|
|
2
|
-
|
|
3
|
-
import * as JsxRuntime from "react/jsx-runtime";
|
|
4
|
-
import * as PaymentElementsWrapper from "./PaymentElementsWrapper.bs.js";
|
|
5
|
-
|
|
6
|
-
function CardExpiry(props) {
|
|
7
|
-
return JsxRuntime.jsx(PaymentElementsWrapper.make, {
|
|
8
|
-
id: props.id,
|
|
9
|
-
options: props.options,
|
|
10
|
-
onChange: props.onChange,
|
|
11
|
-
onReady: props.onReady,
|
|
12
|
-
componentType: "cardExpiry",
|
|
13
|
-
onFocus: props.onFocus,
|
|
14
|
-
onBlur: props.onBlur,
|
|
15
|
-
onClick: props.onClick,
|
|
16
|
-
onPaymentComplete: props.onPaymentComplete,
|
|
17
|
-
onPaymentButtonClick: props.onPaymentButtonClick
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
var make = CardExpiry;
|
|
22
|
-
|
|
23
|
-
export {
|
|
24
|
-
make ,
|
|
25
|
-
}
|
|
26
|
-
/* react/jsx-runtime Not a pure module */
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
@react.component
|
|
2
|
-
let make = (
|
|
3
|
-
~id,
|
|
4
|
-
~options: JSON.t,
|
|
5
|
-
~onChange,
|
|
6
|
-
~onReady,
|
|
7
|
-
~onFocus,
|
|
8
|
-
~onBlur,
|
|
9
|
-
~onClick,
|
|
10
|
-
~onPaymentComplete,
|
|
11
|
-
~onPaymentButtonClick,
|
|
12
|
-
) => {
|
|
13
|
-
<PaymentElementsWrapper
|
|
14
|
-
id
|
|
15
|
-
options
|
|
16
|
-
onChange
|
|
17
|
-
onReady
|
|
18
|
-
onFocus
|
|
19
|
-
onBlur
|
|
20
|
-
onClick
|
|
21
|
-
componentType="cardExpiry"
|
|
22
|
-
onPaymentComplete
|
|
23
|
-
onPaymentButtonClick
|
|
24
|
-
/>
|
|
25
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// Generated by ReScript, PLEASE EDIT WITH CARE
|
|
2
|
-
|
|
3
|
-
import * as JsxRuntime from "react/jsx-runtime";
|
|
4
|
-
import * as PaymentElementsWrapper from "./PaymentElementsWrapper.bs.js";
|
|
5
|
-
|
|
6
|
-
function CardNumber(props) {
|
|
7
|
-
return JsxRuntime.jsx(PaymentElementsWrapper.make, {
|
|
8
|
-
id: props.id,
|
|
9
|
-
options: props.options,
|
|
10
|
-
onChange: props.onChange,
|
|
11
|
-
onReady: props.onReady,
|
|
12
|
-
componentType: "cardNumber",
|
|
13
|
-
onFocus: props.onFocus,
|
|
14
|
-
onBlur: props.onBlur,
|
|
15
|
-
onClick: props.onClick,
|
|
16
|
-
onPaymentComplete: props.onPaymentComplete,
|
|
17
|
-
onPaymentButtonClick: props.onPaymentButtonClick
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
var make = CardNumber;
|
|
22
|
-
|
|
23
|
-
export {
|
|
24
|
-
make ,
|
|
25
|
-
}
|
|
26
|
-
/* react/jsx-runtime Not a pure module */
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
@react.component
|
|
2
|
-
let make = (
|
|
3
|
-
~id,
|
|
4
|
-
~options: JSON.t,
|
|
5
|
-
~onChange,
|
|
6
|
-
~onReady,
|
|
7
|
-
~onFocus,
|
|
8
|
-
~onBlur,
|
|
9
|
-
~onClick,
|
|
10
|
-
~onPaymentComplete,
|
|
11
|
-
~onPaymentButtonClick,
|
|
12
|
-
) => {
|
|
13
|
-
<PaymentElementsWrapper
|
|
14
|
-
id
|
|
15
|
-
options
|
|
16
|
-
onChange
|
|
17
|
-
onReady
|
|
18
|
-
onFocus
|
|
19
|
-
onBlur
|
|
20
|
-
onClick
|
|
21
|
-
componentType="cardNumber"
|
|
22
|
-
onPaymentComplete
|
|
23
|
-
onPaymentButtonClick
|
|
24
|
-
/>
|
|
25
|
-
}
|