1 files changed, 131 insertions, 0 deletions
diff --git a/plugins/jetpack/extensions/blocks/simple-payments/index.js b/plugins/jetpack/extensions/blocks/simple-payments/index.js
new file mode 100644
index 00000000..a1f0e0ed
--- /dev/null
+++ b/plugins/jetpack/extensions/blocks/simple-payments/index.js
@@ -0,0 +1,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,
+	},
+};