@paypal/checkout-components 5.0.263 → 5.0.264
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/__sdk__.js +0 -3
- package/dist/button.js +1 -1
- package/package.json +1 -1
- package/src/funding/config.js +0 -21
- package/src/ui/buttons/styles/color.js +0 -6
- package/src/funding/maxima/config.jsx +0 -35
- package/src/funding/maxima/index.js +0 -3
- package/src/funding/verkkopankki/config.jsx +0 -54
- package/src/funding/verkkopankki/index.js +0 -3
- package/src/funding/zimpler/config.jsx +0 -28
- package/src/funding/zimpler/index.js +0 -3
package/package.json
CHANGED
package/src/funding/config.js
CHANGED
|
@@ -19,15 +19,12 @@ import { getSofortConfig } from "./sofort";
|
|
|
19
19
|
import { getEpsConfig } from "./eps";
|
|
20
20
|
import { getMybankConfig } from "./mybank";
|
|
21
21
|
import { getP24Config } from "./p24";
|
|
22
|
-
import { getZimplerConfig } from "./zimpler";
|
|
23
22
|
import { getWechatpayConfig } from "./wechatpay";
|
|
24
23
|
import { getPayuConfig } from "./payu";
|
|
25
|
-
import { getVerkkopankkiConfig } from "./verkkopankki";
|
|
26
24
|
import { getBlikConfig } from "./blik";
|
|
27
25
|
import { getTrustlyConfig } from "./trustly";
|
|
28
26
|
import { getOxxoConfig } from "./oxxo";
|
|
29
27
|
import { getBoletoConfig } from "./boleto";
|
|
30
|
-
import { getMaximaConfig } from "./maxima";
|
|
31
28
|
import { getMercadopagoConfig } from "./mercadopago";
|
|
32
29
|
import { getMultibancoConfig } from "./multibanco";
|
|
33
30
|
import { getSatispayConfig } from "./satispay";
|
|
@@ -134,12 +131,6 @@ export function getFundingConfig(): {
|
|
|
134
131
|
__FUNDING_ELIGIBILITY__.payu.eligible)
|
|
135
132
|
? getPayuConfig()
|
|
136
133
|
: null,
|
|
137
|
-
[FUNDING.VERKKOPANKKI]:
|
|
138
|
-
!__TREE_SHAKE__ ||
|
|
139
|
-
(typeof __FUNDING_ELIGIBILITY__.verkkopankki !== "undefined" &&
|
|
140
|
-
__FUNDING_ELIGIBILITY__.verkkopankki.eligible)
|
|
141
|
-
? getVerkkopankkiConfig()
|
|
142
|
-
: null,
|
|
143
134
|
[FUNDING.BLIK]:
|
|
144
135
|
!__TREE_SHAKE__ ||
|
|
145
136
|
(typeof __FUNDING_ELIGIBILITY__.blik !== "undefined" &&
|
|
@@ -152,12 +143,6 @@ export function getFundingConfig(): {
|
|
|
152
143
|
__FUNDING_ELIGIBILITY__.trustly.eligible)
|
|
153
144
|
? getTrustlyConfig()
|
|
154
145
|
: null,
|
|
155
|
-
[FUNDING.ZIMPLER]:
|
|
156
|
-
!__TREE_SHAKE__ ||
|
|
157
|
-
(typeof __FUNDING_ELIGIBILITY__.zimpler !== "undefined" &&
|
|
158
|
-
__FUNDING_ELIGIBILITY__.zimpler.eligible)
|
|
159
|
-
? getZimplerConfig()
|
|
160
|
-
: null,
|
|
161
146
|
[FUNDING.WECHATPAY]:
|
|
162
147
|
!__TREE_SHAKE__ ||
|
|
163
148
|
(typeof __FUNDING_ELIGIBILITY__.wechatpay !== "undefined" &&
|
|
@@ -182,12 +167,6 @@ export function getFundingConfig(): {
|
|
|
182
167
|
__FUNDING_ELIGIBILITY__.boletobancario.eligible)
|
|
183
168
|
? getBoletoConfig()
|
|
184
169
|
: null,
|
|
185
|
-
[FUNDING.MAXIMA]:
|
|
186
|
-
!__TREE_SHAKE__ ||
|
|
187
|
-
(typeof __FUNDING_ELIGIBILITY__.maxima !== "undefined" &&
|
|
188
|
-
__FUNDING_ELIGIBILITY__.maxima.eligible)
|
|
189
|
-
? getMaximaConfig()
|
|
190
|
-
: null,
|
|
191
170
|
[FUNDING.MERCADOPAGO]:
|
|
192
171
|
!__TREE_SHAKE__ ||
|
|
193
172
|
(typeof __FUNDING_ELIGIBILITY__.mercadopago !== "undefined" &&
|
|
@@ -123,9 +123,6 @@ export const buttonColorStyle = `
|
|
|
123
123
|
background: #003140;
|
|
124
124
|
}
|
|
125
125
|
|
|
126
|
-
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.VERKKOPANKKI}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT} {
|
|
127
|
-
background: #005596;
|
|
128
|
-
}
|
|
129
126
|
|
|
130
127
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.WECHATPAY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT} {
|
|
131
128
|
background: #4D4D4D;
|
|
@@ -154,7 +151,6 @@ export const buttonColorStyle = `
|
|
|
154
151
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.P24}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:hover,
|
|
155
152
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.SOFORT}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:hover,
|
|
156
153
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.TRUSTLY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:hover,
|
|
157
|
-
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.VERKKOPANKKI}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:hover,
|
|
158
154
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.PAYU}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:hover,
|
|
159
155
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.SATISPAY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:hover,
|
|
160
156
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.PAIDY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:hover,
|
|
@@ -177,7 +173,6 @@ export const buttonColorStyle = `
|
|
|
177
173
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.P24}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus,
|
|
178
174
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.SOFORT}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus,
|
|
179
175
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.TRUSTLY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus,
|
|
180
|
-
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.VERKKOPANKKI}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus,
|
|
181
176
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.PAYU}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus,
|
|
182
177
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.SATISPAY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus,
|
|
183
178
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.PAIDY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus,
|
|
@@ -200,7 +195,6 @@ export const buttonColorStyle = `
|
|
|
200
195
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.P24}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus::after,
|
|
201
196
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.SOFORT}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus::after,
|
|
202
197
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.TRUSTLY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus::after,
|
|
203
|
-
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.VERKKOPANKKI}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus::after,
|
|
204
198
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.PAYU}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus::after,
|
|
205
199
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.SATISPAY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus::after,
|
|
206
200
|
.${CLASS.BUTTON}[${ATTRIBUTE.FUNDING_SOURCE}=${FUNDING.PAIDY}].${CLASS.COLOR}-${BUTTON_COLOR.DEFAULT}:focus::after,
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
/** @jsx node */
|
|
3
|
-
|
|
4
|
-
import {
|
|
5
|
-
MaximaLogoInlineSVG,
|
|
6
|
-
MaximaLogoExternalImage,
|
|
7
|
-
} from "@paypal/sdk-logos/src";
|
|
8
|
-
|
|
9
|
-
import { BUTTON_COLOR, BUTTON_LAYOUT } from "../../constants";
|
|
10
|
-
import { DEFAULT_FUNDING_CONFIG, type FundingSourceConfig } from "../common";
|
|
11
|
-
|
|
12
|
-
export function getMaximaConfig(): FundingSourceConfig {
|
|
13
|
-
return {
|
|
14
|
-
...DEFAULT_FUNDING_CONFIG,
|
|
15
|
-
|
|
16
|
-
shippingChange: false,
|
|
17
|
-
|
|
18
|
-
layouts: [BUTTON_LAYOUT.VERTICAL],
|
|
19
|
-
|
|
20
|
-
Logo: ({ logoColor, optional }) => {
|
|
21
|
-
if (__WEB__) {
|
|
22
|
-
return MaximaLogoExternalImage({ logoColor, optional });
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
return MaximaLogoInlineSVG({ logoColor, optional });
|
|
26
|
-
},
|
|
27
|
-
|
|
28
|
-
colors: [
|
|
29
|
-
BUTTON_COLOR.DEFAULT,
|
|
30
|
-
BUTTON_COLOR.SILVER,
|
|
31
|
-
BUTTON_COLOR.WHITE,
|
|
32
|
-
BUTTON_COLOR.BLACK,
|
|
33
|
-
],
|
|
34
|
-
};
|
|
35
|
-
}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
/** @jsx node */
|
|
3
|
-
|
|
4
|
-
import {
|
|
5
|
-
VerkkopankkiLogoInlineSVG,
|
|
6
|
-
VerkkopankkiLogoExternalImage,
|
|
7
|
-
} from "@paypal/sdk-logos/src";
|
|
8
|
-
import { Fragment, node } from "@krakenjs/jsx-pragmatic/src";
|
|
9
|
-
|
|
10
|
-
import { BUTTON_LAYOUT } from "../../constants";
|
|
11
|
-
import {
|
|
12
|
-
DEFAULT_APM_FUNDING_CONFIG,
|
|
13
|
-
type FundingSourceConfig,
|
|
14
|
-
BasicLabel,
|
|
15
|
-
} from "../common";
|
|
16
|
-
import { Text, Space } from "../../ui/text";
|
|
17
|
-
|
|
18
|
-
export function getVerkkopankkiConfig(): FundingSourceConfig {
|
|
19
|
-
return {
|
|
20
|
-
...DEFAULT_APM_FUNDING_CONFIG,
|
|
21
|
-
|
|
22
|
-
automatic: false,
|
|
23
|
-
|
|
24
|
-
layouts: [BUTTON_LAYOUT.VERTICAL],
|
|
25
|
-
|
|
26
|
-
shippingChange: false,
|
|
27
|
-
|
|
28
|
-
Logo: ({ logoColor, optional }) => {
|
|
29
|
-
if (__WEB__) {
|
|
30
|
-
return VerkkopankkiLogoExternalImage({ logoColor, optional });
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
return VerkkopankkiLogoInlineSVG({ logoColor, optional });
|
|
34
|
-
},
|
|
35
|
-
|
|
36
|
-
Label: ({ logo, ...opts }) => {
|
|
37
|
-
if (__WEB__) {
|
|
38
|
-
return logo;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
const apmLogo = (
|
|
42
|
-
<Fragment>
|
|
43
|
-
{logo}
|
|
44
|
-
<Space />
|
|
45
|
-
<Text animate optional>
|
|
46
|
-
Verkkopankki
|
|
47
|
-
</Text>
|
|
48
|
-
</Fragment>
|
|
49
|
-
);
|
|
50
|
-
|
|
51
|
-
return <BasicLabel {...opts} logo={apmLogo} />;
|
|
52
|
-
},
|
|
53
|
-
};
|
|
54
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
/** @jsx node */
|
|
3
|
-
|
|
4
|
-
import {
|
|
5
|
-
ZimplerLogoInlineSVG,
|
|
6
|
-
ZimplerLogoExternalImage,
|
|
7
|
-
} from "@paypal/sdk-logos/src";
|
|
8
|
-
|
|
9
|
-
import { BUTTON_LAYOUT } from "../../constants";
|
|
10
|
-
import { DEFAULT_FUNDING_CONFIG, type FundingSourceConfig } from "../common";
|
|
11
|
-
|
|
12
|
-
export function getZimplerConfig(): FundingSourceConfig {
|
|
13
|
-
return {
|
|
14
|
-
...DEFAULT_FUNDING_CONFIG,
|
|
15
|
-
|
|
16
|
-
shippingChange: false,
|
|
17
|
-
|
|
18
|
-
layouts: [BUTTON_LAYOUT.VERTICAL],
|
|
19
|
-
|
|
20
|
-
Logo: ({ logoColor, optional }) => {
|
|
21
|
-
if (__WEB__) {
|
|
22
|
-
return ZimplerLogoExternalImage({ logoColor, optional });
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
return ZimplerLogoInlineSVG({ logoColor, optional });
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
}
|