AmazonPay as a Tradittional Payment Option - Product Page and Mini Cart Placements - Support Alexa Delivery notifications (#174)

* [wip] 2 step checkout
* [wip] classic integration in 1 step
* [wip] compatibility between the 2 payment methods
* fix: addressDetails and pass classic params through filters
* fix: addressDetails encode
* method docs provided
* fixes order-pay
* fix: reuse code
* amazon pay on woocommerce's mini cart
* [wip] product button placement
* [wip] alexa support init
* adds alexa delivery notification support
* adds amazon pay on product page option
* fix: alt source for product it on variations
* provided method docs
* fix: removed forgotten meta
* needs shipping check and docs
* amend most CR comments
* Alexa Notifications Support implemented
* replaces trigger click with initCheckout method
* renderButton returns the rendered Amazon Pay Button
* fresh checkout session params during checkout from cart
* update checkout params during fragments update
* frontend fixes for amazon product button
* uses Woo's method of restoring a cart
* implementing cr suggestions
* save session data after restoring cart
* cr amends
* fixes is_available and checks availability for all button placements
* fix conditional for is_available method
* distinguish availability rules
* corrected ordering of availability conditions
* removes individual feature checking for availability
* integrates amazon classic in woo checkout block
* documentation and cleanup
* rename assets node to config.
* amends based on CR
* latest CR amends
* removed string type declarations
* required a phone to be submitted when using amazon classic
* [wip] validation pre-order creation
* added doc comments
* honor plugins sub support and declare an action earlier
* don't overwrite completely filtered paymentDetails offset
* css modifications and removed the OR separator from single product
* more self explaining method names
* possible_subscription_product_supported v2
* Update includes/class-wc-gateway-amazon-payments-advanced.php

Co-authored-by: Alejandro Iglesias <[email protected]>

* Update includes/class-wc-gateway-amazon-payments-advanced.php

Co-authored-by: Alejandro Iglesias <[email protected]>

* fixes margins in mini-cart Amazon Pay button
* endline char added
* adjusts according to naming convections / fixes typo
* various phpcs fixes
* refresh mini cart Amazon Pay button on wc_fragments_refreshed too
* Amends to CR Comments

Co-authored-by: Kostas Seresiotis <[email protected]>
Co-authored-by: Kostas Seresiotis <[email protected]>
Co-authored-by: Alejandro Iglesias <[email protected]>

Author: 3 people

.babelrc

@@ -1,9 +1,11 @@
 {
-	"presets": [
-		"es2015",
-		"stage-2"
-	],
+	"ignore": [],
+	"presets": [ "@wordpress/babel-preset-default" ],
 	"plugins": [
-		"add-module-exports"
+		"add-module-exports",
+		"@emotion",
+		[ "@babel/transform-runtime", { corejs: 3 } ],
+		"@babel/plugin-proposal-optional-chaining",
+		"@babel/plugin-proposal-nullish-coalescing-operator",
 	]
 }

.eslintrc.js

@@ -1,13 +1,63 @@
 module.exports = {
-	'extends': 'wpcalypso',
-	'env': {
+	parser: '@babel/eslint-parser',
+	extends: [ 'plugin:@woocommerce/eslint-plugin/recommended' ],
+	globals: {
+		_: false,
+		Backbone: false,
+		jQuery: false,
+		wp: false,
+		__PAYMENT_METHOD_FEES_ENABLED: false,
+	},
+	env: {
 		browser: true,
-		jquery: true
-	},
-	'rules': {
-		'no-var': 0,
-		'camelcase': 0,
-		'max-len': 0,
-		'no-console': 0
-	}
-}
+		'jest/globals': true,
+		node: true,
+	},
+	rules: {
+		'require-await': 'error',
+		'react-hooks/exhaustive-deps': 'error',
+		'react-hooks/rules-of-hooks': 'error',
+		'react/jsx-curly-brace-presence': [
+			'error',
+			{ props: 'never', children: 'never' },
+		],
+		'react/self-closing-comp': [ 'error', { component: true, html: true } ],
+		'@woocommerce/dependency-group': 'off',
+		'import/no-useless-path-segments': [
+			'error',
+			{
+				noUselessIndex: true,
+			},
+		],
+		'import/order': [
+			'error',
+			{
+				'newlines-between': 'never',
+				pathGroups: [
+					{
+						pattern: 'wcstripe/**',
+						group: 'internal',
+					},
+				],
+			},
+		],
+	},
+	settings: {
+		react: {
+			version: 'detect',
+		},
+		'import/resolver': { webpack: {} },
+		jsdoc: { mode: 'typescript' },
+		// List of modules that are externals in our webpack config.
+		// This helps the `import/no-extraneous-dependencies` and
+		//`import/no-unresolved` rules account for them.
+		'import/core-modules': [
+			'@woocommerce/blocks-registry',
+			'@woocommerce/settings',
+			'@wordpress/i18n',
+			'@wordpress/is-shallow-equal',
+			'@wordpress/element',
+			'@wordpress/data',
+		],
+	},
+};

.gitignore

@@ -15,6 +15,7 @@ sftp-config.json
 screenshots/
 /assets/**/*.min.js
 /assets/**/*.css
+/build/
 
 # Ignore all log files except for .htaccess
 /logs/*

.jshintrc

@@ -1,15 +1,13 @@
 {
+	"esversion": 6,
 	"boss": true,
 	"curly": true,
 	"eqeqeq": true,
 	"eqnull": true,
-	"es3": true,
 	"expr": true,
 	"immed": true,
 	"noarg": true,
-	"onevar": true,
 	"quotmark": "single",
-	"trailing": true,
 	"undef": true,
 	"unused": true,
 
@@ -19,7 +17,6 @@
 		"_": false,
 		"Backbone": false,
 		"jQuery": false,
-		"JSON": false,
 		"wp": false
 	}
 }

.prettierrc.js

@@ -0,0 +1,3 @@
+// Import the default config file and expose it in the project root.
+// Useful for editor integrations.
+module.exports = require( '@wordpress/prettier-config' );

assets/css/style.scss

@@ -1,12 +1,16 @@
-#pay_with_amazon {
+#pay_with_amazon,
+#pay_with_amazon_cart,
+#pay_with_amazon_product {
 	margin: 0px auto;
 	max-width: 100%;
 	line-height: 1em;
 	display: block;
 	border: 0;
 	text-align: right;
 }
-#pay_with_amazon img {
+#pay_with_amazon img,
+#pay_with_amazon_cart img,
+#pay_with_amazon_product img {
 	width: auto !important;
 	vertical-align: middle;
 	cursor: pointer;
@@ -22,7 +26,9 @@
 	min-height: 300px;
 	margin: 0 auto !important;
 }
-.woocommerce-info #pay_with_amazon {
+.woocommerce-info #pay_with_amazon,
+.woocommerce-info #pay_with_amazon_cart,
+.woocommerce-info #pay_with_amazon_product {
 	float: right;
 }
 #amazon_customer_details.wc-amazon-payments-advanced-populated
@@ -46,7 +52,9 @@
 	margin-right: 10px;
 	margin-bottom: 10px;
 }
-#payment .payment_methods li #pay_with_amazon img {
+#payment .payment_methods li #pay_with_amazon img,
+#payment .payment_methods li #pay_with_amazon_cart img,
+#payment .payment_methods li #pay_with_amazon_product img {
 	max-height: 100%;
 }
 form.checkout .hidden {
@@ -73,7 +81,7 @@ img.wc-apa-amazon-logo {
 }
 
 span.wc-apa-amazon-logo {
-	background-image: url("../images/logo-amazonpay-primary-fullcolor-positive.svg");
+	background-image: url('../images/logo-amazonpay-primary-fullcolor-positive.svg');
 	background-position: 0 0;
 	background-size: contain;
 	background-repeat: no-repeat;
@@ -85,15 +93,18 @@ span.wc-apa-amazon-logo {
 	margin-bottom: 1.618em;
 }
 
-
 .woocommerce-order-pay {
-	.wc_apa_login_again_text + #pay_with_amazon {
+	.wc_apa_login_again_text + #pay_with_amazon,
+	.wc_apa_login_again_text + #pay_with_amazon_cart,
+	.wc_apa_login_again_text + #pay_with_amazon_product {
 		margin-top: 1em;
 	}
 	#order_review {
 		#payment {
 			.payment_box.payment_method_amazon_payments_advanced {
-				#payment_method_widget, #shipping_address_widget, #billing_address_widget {
+				#payment_method_widget,
+				#shipping_address_widget,
+				#billing_address_widget {
 					margin-bottom: 0;
 					& + #payment_method_widget,
 					& + #shipping_address_widget,
@@ -109,8 +120,21 @@ span.wc-apa-amazon-logo {
 	}
 }
 
-.wc-apa-button-separator { 
+.wc-apa-button-separator {
 	margin: 1.5em 0;
 	text-align: center;
 	display: none;
 }
+
+#classic_pay_with_amazon {
+	display: none;
+}
+
+#pay_with_amazon_product {
+	margin: 0.7em auto;
+}
+
+.site-header .widget_shopping_cart div.buttons {
+	padding-left: 1.41575em;
+	padding-right: 1.41575em;
+}