@paypal/checkout-components 5.0.201 → 5.0.202
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/CHANGELOG.md +6 -0
- package/__sdk__.js +1 -1
- package/dist/button.js +1 -1
- package/package.json +5 -1
- package/src/funding/config.js +2 -2
- package/src/funding/{multiblanco → multibanco}/config.jsx +3 -3
- package/src/funding/{multiblanco → multibanco}/index.js +0 -0
- package/src/ui/buttons/props.js +9 -5
- package/src/zoid/buttons/component.jsx +6 -0
- package/src/zoid/checkout/component.jsx +5 -0
package/package.json
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@paypal/checkout-components",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.202",
|
|
4
4
|
"description": "PayPal Checkout components, for integrating checkout products.",
|
|
5
5
|
"main": "index.js",
|
|
6
|
+
"engines": {
|
|
7
|
+
"node": ">=14.13.1",
|
|
8
|
+
"npm": ">=6"
|
|
9
|
+
},
|
|
6
10
|
"scripts": {
|
|
7
11
|
"dev": "babel-node $(npm bin)/webpack-dev-server --config webpack.config.dev.js --port 9001 --host localhost.paypal.com --open-page demo/dev/index.htm --https --hot=false --inline=false",
|
|
8
12
|
"lint": "eslint --ext .js --ext .jsx src/ test/ *.js",
|
package/src/funding/config.js
CHANGED
|
@@ -29,7 +29,7 @@ import { getOxxoConfig } from './oxxo';
|
|
|
29
29
|
import { getBoletoConfig } from './boleto';
|
|
30
30
|
import { getMaximaConfig } from './maxima';
|
|
31
31
|
import { getMercadopagoConfig } from './mercadopago';
|
|
32
|
-
import {
|
|
32
|
+
import { getMultibancoConfig } from './multibanco';
|
|
33
33
|
|
|
34
34
|
export function getFundingConfig() : { [$Values<typeof FUNDING>] : ?FundingSourceConfig } {
|
|
35
35
|
return inlineMemoize(getFundingConfig, () => {
|
|
@@ -59,7 +59,7 @@ export function getFundingConfig() : { [$Values<typeof FUNDING>] : ?FundingSourc
|
|
|
59
59
|
[ FUNDING.BOLETO ]: (!__TREE_SHAKE__ || (typeof __FUNDING_ELIGIBILITY__.boleto !== 'undefined' && __FUNDING_ELIGIBILITY__.boleto.eligible)) ? getBoletoConfig() : null,
|
|
60
60
|
[ FUNDING.MAXIMA ]: (!__TREE_SHAKE__ || (typeof __FUNDING_ELIGIBILITY__.maxima !== 'undefined' && __FUNDING_ELIGIBILITY__.maxima.eligible)) ? getMaximaConfig() : null,
|
|
61
61
|
[ FUNDING.MERCADOPAGO ]: (!__TREE_SHAKE__ || (typeof __FUNDING_ELIGIBILITY__.mercadopago !== 'undefined' && __FUNDING_ELIGIBILITY__.mercadopago.eligible)) ? getMercadopagoConfig() : null,
|
|
62
|
-
[ FUNDING.
|
|
62
|
+
[ FUNDING.MULTIBANCO ]: (!__TREE_SHAKE__ || (typeof __FUNDING_ELIGIBILITY__.multibanco !== 'undefined' && __FUNDING_ELIGIBILITY__.multibanco.eligible)) ? getMultibancoConfig() : null
|
|
63
63
|
};
|
|
64
64
|
});
|
|
65
65
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/* @flow */
|
|
2
2
|
/** @jsx node */
|
|
3
3
|
|
|
4
|
-
import {
|
|
4
|
+
import { MultibancoLogo } from '@paypal/sdk-logos/src';
|
|
5
5
|
|
|
6
6
|
import { BUTTON_LAYOUT } from '../../constants';
|
|
7
7
|
import { DEFAULT_FUNDING_CONFIG, type FundingSourceConfig } from '../common';
|
|
8
8
|
|
|
9
|
-
export function
|
|
9
|
+
export function getMultibancoConfig() : FundingSourceConfig {
|
|
10
10
|
return {
|
|
11
11
|
...DEFAULT_FUNDING_CONFIG,
|
|
12
12
|
|
|
@@ -16,6 +16,6 @@ export function getMultiblancoConfig() : FundingSourceConfig {
|
|
|
16
16
|
BUTTON_LAYOUT.VERTICAL
|
|
17
17
|
],
|
|
18
18
|
|
|
19
|
-
Logo: ({ logoColor, optional }) =>
|
|
19
|
+
Logo: ({ logoColor, optional }) => MultibancoLogo({ logoColor, optional })
|
|
20
20
|
};
|
|
21
21
|
}
|
|
File without changes
|
package/src/ui/buttons/props.js
CHANGED
|
@@ -261,7 +261,8 @@ export type RenderButtonProps = {|
|
|
|
261
261
|
applePay : ApplePaySessionConfigRequest,
|
|
262
262
|
applePaySupport : boolean,
|
|
263
263
|
supportsPopups : boolean,
|
|
264
|
-
supportedNativeBrowser : boolean
|
|
264
|
+
supportedNativeBrowser : boolean,
|
|
265
|
+
inlinexo : boolean | void
|
|
265
266
|
|};
|
|
266
267
|
|
|
267
268
|
export type PrerenderDetails = {|
|
|
@@ -309,7 +310,8 @@ export type ButtonProps = {|
|
|
|
309
310
|
applePaySupport : boolean,
|
|
310
311
|
applePay : ApplePaySessionConfigRequest,
|
|
311
312
|
meta : {||},
|
|
312
|
-
renderedButtons : $ReadOnlyArray<$Values<typeof FUNDING
|
|
313
|
+
renderedButtons : $ReadOnlyArray<$Values<typeof FUNDING>>,
|
|
314
|
+
inlinexo : boolean | void
|
|
313
315
|
|};
|
|
314
316
|
|
|
315
317
|
// eslint-disable-next-line flowtype/require-exact-type
|
|
@@ -346,7 +348,8 @@ export type ButtonPropsInputs = {
|
|
|
346
348
|
applePay : ApplePaySessionConfigRequest,
|
|
347
349
|
applePaySupport : boolean,
|
|
348
350
|
supportsPopups : boolean,
|
|
349
|
-
supportedNativeBrowser : boolean
|
|
351
|
+
supportedNativeBrowser : boolean,
|
|
352
|
+
inlinexo : boolean | void
|
|
350
353
|
};
|
|
351
354
|
|
|
352
355
|
export const DEFAULT_STYLE = {
|
|
@@ -490,7 +493,8 @@ export function normalizeButtonProps(props : ?ButtonPropsInputs) : RenderButtonP
|
|
|
490
493
|
applePay,
|
|
491
494
|
applePaySupport = false,
|
|
492
495
|
supportsPopups = false,
|
|
493
|
-
supportedNativeBrowser = false
|
|
496
|
+
supportedNativeBrowser = false,
|
|
497
|
+
inlinexo = false
|
|
494
498
|
} = props;
|
|
495
499
|
|
|
496
500
|
const { country, lang } = locale;
|
|
@@ -533,5 +537,5 @@ export function normalizeButtonProps(props : ?ButtonPropsInputs) : RenderButtonP
|
|
|
533
537
|
|
|
534
538
|
return { clientID, fundingSource, style, locale, remembered, env, fundingEligibility, platform, clientAccessToken,
|
|
535
539
|
buttonSessionID, commit, sessionID, nonce, components, onShippingChange, personalization, content, wallet, flow,
|
|
536
|
-
experiment, vault, userIDToken, applePay, applePaySupport, supportsPopups, supportedNativeBrowser };
|
|
540
|
+
experiment, vault, userIDToken, applePay, applePaySupport, supportsPopups, supportedNativeBrowser, inlinexo };
|
|
537
541
|
}
|
|
@@ -597,6 +597,12 @@ export const getButtonsComponent : () => ButtonsComponent = memoize(() => {
|
|
|
597
597
|
value: applePaySession
|
|
598
598
|
},
|
|
599
599
|
|
|
600
|
+
inlinexo: {
|
|
601
|
+
queryParam: true,
|
|
602
|
+
required: false,
|
|
603
|
+
type: 'boolean'
|
|
604
|
+
},
|
|
605
|
+
|
|
600
606
|
// allowBillingPayments prop is used by Honey Extension to render the one-click button
|
|
601
607
|
// with payment methods & to use the payment methods instead of the Billing Agreement
|
|
602
608
|
allowBillingPayments: {
|
|
@@ -229,6 +229,11 @@ export function getCheckoutComponent() : CheckoutComponent {
|
|
|
229
229
|
test: {
|
|
230
230
|
type: 'object',
|
|
231
231
|
default: () => (window.__test__ || { action: 'checkout' })
|
|
232
|
+
},
|
|
233
|
+
inlinexo: {
|
|
234
|
+
type: 'boolean',
|
|
235
|
+
required: false,
|
|
236
|
+
queryParam: true
|
|
232
237
|
}
|
|
233
238
|
},
|
|
234
239
|
|