1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
|
/**
* External dependencies
*/
import { __, _x } from '@wordpress/i18n';
import { ExternalLink, Path, SVG } from '@wordpress/components';
import { Fragment } from '@wordpress/element';
/**
* Internal dependencies
*/
import edit from './edit';
import save from './save';
import { DEFAULT_CURRENCY } from './constants';
/**
* Styles
*/
import './editor.scss';
export const name = 'simple-payments';
export const settings = {
title: __( 'Simple Payments button', 'jetpack' ),
description: (
<Fragment>
<p>
{ __(
'Lets you create and embed credit and debit card payment buttons with minimal setup.',
'jetpack'
) }
</p>
<ExternalLink href="https://support.wordpress.com/simple-payments/">
{ __( 'Support reference', 'jetpack' ) }
</ExternalLink>
</Fragment>
),
icon: (
<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<Path fill="none" d="M0 0h24v24H0V0z" />
<Path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z" />
</SVG>
),
category: 'jetpack',
keywords: [
_x( 'shop', 'block search term', 'jetpack' ),
_x( 'sell', 'block search term', 'jetpack' ),
'PayPal',
],
attributes: {
currency: {
type: 'string',
default: DEFAULT_CURRENCY,
},
content: {
type: 'string',
default: '',
},
email: {
type: 'string',
default: '',
},
featuredMediaId: {
type: 'number',
default: 0,
},
featuredMediaUrl: {
type: 'string',
default: null,
},
featuredMediaTitle: {
type: 'string',
default: null,
},
multiple: {
type: 'boolean',
default: false,
},
price: {
type: 'number',
},
productId: {
type: 'number',
},
title: {
type: 'string',
default: '',
},
},
transforms: {
from: [
{
type: 'shortcode',
tag: 'simple-payment',
attributes: {
productId: {
type: 'number',
shortcode: ( { named: { id } } ) => {
if ( ! id ) {
return;
}
const result = parseInt( id, 10 );
if ( result ) {
return result;
}
},
},
},
},
],
},
edit,
save,
supports: {
className: false,
customClassName: false,
html: false,
// Disabled due several problems because the block uses custom post type to store information
// https://github.com/Automattic/jetpack/issues/11789
reusable: false,
},
};
|
GitWeb