Skip to content

Commit 51dc37a

Browse files
rahulkannanrahulkannan
authored
feat: Adding paidy as APM. (paypal#2037)
* adding paidy * paidy css changes * merge * Adding paidy changes * screenshots * adding CDN changes
1 parent 4866465 commit 51dc37a

File tree

12 files changed

+74
-4
lines changed

12 files changed

+74
-4
lines changed

‎__sdk__.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,7 @@ const SMART_FUNDING_SOURCES = [
3333
FUNDING.MAXIMA,
3434
FUNDING.MERCADOPAGO,
3535
FUNDING.SATISPAY,
36+
FUNDING.PAIDY,
3637
FUNDING.CARD
3738
];
3839

‎package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -105,10 +105,10 @@
105105
"@krakenjs/post-robot": "^11.0.0",
106106
"@krakenjs/zalgo-promise": "^2.0.0",
107107
"@krakenjs/zoid": "^10.0.0",
108-
"@paypal/common-components": "^1.0.34",
109-
"@paypal/funding-components": "^1.0.30",
108+
"@paypal/common-components": "^1.0.35",
109+
"@paypal/funding-components": "^1.0.31",
110110
"@paypal/sdk-client": "^4.0.166",
111-
"@paypal/sdk-constants": "^1.0.127",
111+
"@paypal/sdk-constants": "^1.0.128",
112112
"@paypal/sdk-logos": "^2.2.3"
113113
},
114114
"lint-staged": {

‎src/funding/config.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,7 @@ import { getMaximaConfig } from './maxima';
3131
import { getMercadopagoConfig } from './mercadopago';
3232
import { getMultibancoConfig } from './multibanco';
3333
import { getSatispayConfig } from './satispay';
34+
import { getPaidyConfig } from './paidy';
3435

3536
export function getFundingConfig() : { [$Values<typeof FUNDING>] : ?FundingSourceConfig } {
3637
return inlineMemoize(getFundingConfig, () => {
@@ -62,7 +63,8 @@ export function getFundingConfig() : { [$Values<typeof FUNDING>] : ?FundingSourc
6263
[ FUNDING.MAXIMA ]: (!__TREE_SHAKE__ || (typeof __FUNDING_ELIGIBILITY__.maxima !== 'undefined' && __FUNDING_ELIGIBILITY__.maxima.eligible)) ? getMaximaConfig() : null,
6364
[ FUNDING.MERCADOPAGO ]: (!__TREE_SHAKE__ || (typeof __FUNDING_ELIGIBILITY__.mercadopago !== 'undefined' && __FUNDING_ELIGIBILITY__.mercadopago.eligible)) ? getMercadopagoConfig() : null,
6465
[ FUNDING.MULTIBANCO ]: (!__TREE_SHAKE__ || (typeof __FUNDING_ELIGIBILITY__.multibanco !== 'undefined' && __FUNDING_ELIGIBILITY__.multibanco.eligible)) ? getMultibancoConfig() : null,
65-
[ FUNDING.SATISPAY ]: (!__TREE_SHAKE__ || (typeof __FUNDING_ELIGIBILITY__.satispay !== 'undefined' && __FUNDING_ELIGIBILITY__.satispay.eligible)) ? getSatispayConfig() : null
66+
[ FUNDING.SATISPAY ]: (!__TREE_SHAKE__ || (typeof __FUNDING_ELIGIBILITY__.satispay !== 'undefined' && __FUNDING_ELIGIBILITY__.satispay.eligible)) ? getSatispayConfig() : null,
67+
[ FUNDING.PAIDY ]: (!__TREE_SHAKE__ || (typeof __FUNDING_ELIGIBILITY__.paidy !== 'undefined' && __FUNDING_ELIGIBILITY__.paidy.eligible)) ? getPaidyConfig() : null
6668
};
6769
});
6870
}

‎src/funding/paidy/config.jsx

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
/* @flow */
2+
/** @jsx node */
3+
4+
import { PaidyLogo } from '@paypal/sdk-logos/src';
5+
import { Fragment, node } from '@krakenjs/jsx-pragmatic/src';
6+
7+
import { BUTTON_LAYOUT } from '../../constants';
8+
import { DEFAULT_APM_FUNDING_CONFIG, type FundingSourceConfig, BasicLabel } from '../common';
9+
import { Text, Space } from '../../ui/text';
10+
import { enableLogoCDNExperiment } from '../../lib/getLogoCDNExperiment';
11+
12+
export function getPaidyConfig() : FundingSourceConfig {
13+
return {
14+
...DEFAULT_APM_FUNDING_CONFIG,
15+
16+
automatic: false,
17+
18+
shippingChange: false,
19+
20+
layouts: [
21+
BUTTON_LAYOUT.VERTICAL
22+
],
23+
24+
Logo: ({ logoColor, optional }) => enableLogoCDNExperiment(PaidyLogo, { logoColor, optional }),
25+
26+
Label: ({ logo, ...opts }) => {
27+
if (__WEB__) {
28+
return logo;
29+
}
30+
31+
const apmLogo = (
32+
<Fragment>
33+
{ logo }<Space /><Text animate optional>Paidy</Text>
34+
</Fragment>
35+
);
36+
37+
return (<BasicLabel
38+
{ ...opts }
39+
logo={ apmLogo }
40+
/>);
41+
}
42+
};
43+
}

‎src/funding/paidy/index.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
/* @flow */
2+
3+
export * from './config';

‎src/ui/buttons/styles/color.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,10 @@ export const buttonColorStyle = `
7171
background: linear-gradient(to right, #1E3764, #005AB9);
7272
}
7373
74+
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.PAIDY }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT } {
75+
background: linear-gradient(to right, #FF009C, #A6009C);
76+
}
77+
7478
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.BOLETO }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT } {
7579
background: #2C2E2F;
7680
}
@@ -153,6 +157,7 @@ export const buttonColorStyle = `
153157
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.VERKKOPANKKI }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:hover,
154158
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.PAYU }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:hover,
155159
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.SATISPAY }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:hover,
160+
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.PAIDY }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:hover,
156161
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.WECHATPAY }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:hover {
157162
filter: brightness(1.2);
158163
}
@@ -175,6 +180,7 @@ export const buttonColorStyle = `
175180
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.VERKKOPANKKI }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:focus,
176181
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.PAYU }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:focus,
177182
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.SATISPAY }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:focus,
183+
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.PAIDY }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:focus,
178184
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.WECHATPAY }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:focus {
179185
outline: none;
180186
}
@@ -197,6 +203,7 @@ export const buttonColorStyle = `
197203
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.VERKKOPANKKI }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:focus::after,
198204
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.PAYU }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:focus::after,
199205
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.SATISPAY }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:focus::after,
206+
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.PAIDY }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:focus::after,
200207
.${ CLASS.BUTTON }[${ ATTRIBUTE.FUNDING_SOURCE }=${ FUNDING.WECHATPAY }].${ CLASS.COLOR }-${ BUTTON_COLOR.DEFAULT }:focus::after {
201208
content: '';
202209
position: absolute;

‎test/globals.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -114,6 +114,9 @@ const fundingEligibility = {
114114
},
115115
satispay: {
116116
eligible: false
117+
},
118+
paidy: {
119+
eligible: false
117120
}
118121
};
119122

‎test/integration/globals.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -114,5 +114,8 @@ window.__TEST_FUNDING_ELIGIBILITY__ = {
114114
},
115115
satispay: {
116116
eligible: false
117+
},
118+
paidy: {
119+
eligible: false
117120
}
118121
};

‎test/integration/tests/button/validation.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -780,6 +780,13 @@ const buttonConfigs = [
780780
label: `satispay`,
781781
commit: true,
782782
valid: false
783+
},
784+
785+
{
786+
layout: `vertical`,
787+
label: `paidy`,
788+
commit: true,
789+
valid: false
783790
}
784791

785792
// $FlowFixMe

‎test/screenshot/config.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,7 @@ const SUPPORTED_FUNDING_SOURCES : $ReadOnlyArray<$Values<typeof FUNDING>> = [
2828
FUNDING.BOLETOBANCARIO,
2929
FUNDING.MAXIMA,
3030
FUNDING.SATISPAY,
31+
FUNDING.PAIDY,
3132
FUNDING.CARD
3233
];
3334

‎test/screenshot/images/YluCj5UY5hmhqQTiBX05himzcEWf8BfABwvhvzlhJk.png

3 KB
Loading

‎test/screenshot/images/aviFbU5fgqW43bTwC6Ba1KhxLG8h3FR5WnHVKugE.png

16.9 KB
Loading

0 commit comments

Comments
 (0)