Merge pull request #152 from saucal/add/private-beta-messaging

Show a notice to warn merchants that integration is invite-only

Author: haszari

assets/source/components/prelaunch-notice/index.js

@@ -0,0 +1,42 @@
+/**
+ * External dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { Notice } from '@wordpress/components';
+
+const PrelaunchNotice = () => {
+	return (
+		<Notice
+			status="warning"
+			isDismissible={ false }
+			className="pinterest-for-woocommerce-prelaunch-notice"
+		>
+			<h3>
+				{ __(
+					'Pinterest for WooCommerce is a limited beta.',
+					'pinterest-for-woocommerce'
+				) }
+			</h3>
+			<p>
+				{ __(
+					'The integration is only available to approved stores participating in the beta program.',
+					'pinterest-for-woocommerce'
+				) }
+			</p>
+			<p>
+				<a
+					href="https://help.pinterest.com/en-gb/business/article/get-a-business-profile"
+					target="_blank"
+					rel="noreferrer"
+				>
+					{ __(
+						'Click here for more information.',
+						'pinterest-for-woocommerce'
+					) }
+				</a>
+			</p>
+		</Notice>
+	);
+};
+
+export default PrelaunchNotice;

assets/source/setup-guide/app/style.scss

@@ -389,9 +389,15 @@ $root: ".woocommerce-setup-guide";
 	}
 }
 
+.pinterest-for-woocommerce-prelaunch-notice {
+	max-width: 824px;
+	margin: auto auto;
+	padding: 1em 2em;
+}
+
 .pinterest-for-woocommerce-landing-page {
 	max-width: 824px;
-	margin: 0 auto;
+	margin: 24px auto;
 
 	.components-flex {
 		flex-direction: column;

assets/source/setup-guide/app/views/LandingPageApp.js

@@ -18,6 +18,7 @@ import {
 /**
  * Internal dependencies
  */
+import PrelaunchNotice from '../../../components/prelaunch-notice';
 
 const WelcomeSection = () => {
 	return (
@@ -195,14 +196,22 @@ const FaqQuestion = ( { question, answer } ) => {
 };
 
 const LandingPageApp = () => {
-	return (
-		<div className="pinterest-for-woocommerce-landing-page">
-			<WelcomeSection />
+	const { pluginVersion } = wcSettings.pinterest_for_woocommerce;
 
-			<FeaturesSection />
+	// Only show the pre-launch beta notice if the plugin version is a beta.
+	const prelaunchNotice = pluginVersion.includes( 'beta' ) ? (
+		<PrelaunchNotice />
+	) : null;
 
-			<FaqSection />
-		</div>
+	return (
+		<>
+			{ prelaunchNotice }
+			<div className="pinterest-for-woocommerce-landing-page">
+				<WelcomeSection />
+				<FeaturesSection />
+				<FaqSection />
+			</div>
+		</>
 	);
 };
 

class-pinterest-for-woocommerce.php

@@ -59,7 +59,7 @@ final class Pinterest_For_Woocommerce {
 		 *
 		 * @var string
 		 */
-		public $version = '0.9.0';
+		public $version = '1.0.0-beta.1';
 
 		/**
 		 * The single instance of the class.

includes/admin/class-pinterest-for-woocommerce-admin.php

@@ -378,6 +378,7 @@ public function load_settings() {
 		private function get_component_settings() {
 
 			return array(
+				'pluginVersion'   => PINTEREST_FOR_WOOCOMMERCE_VERSION,
 				'adminUrl'        => esc_url(
 					add_query_arg(
 						array(

package.json

@@ -1,7 +1,7 @@
 {
   "name": "pinterest-for-woocommerce",
   "description": "Pinterest for WooCommerce",
-  "version": "0.0.1",
+  "version": "1.0.0-beta.1",
   "main": "gulpfile.js",
   "dependencies": {
     "@woocommerce/components": "^5.1.2",

pinterest-for-woocommerce.php

@@ -13,7 +13,7 @@
  * Plugin Name:       Pinterest for WooCommerce
  * Plugin URI:        https://woocommerce.com/products/pinterest-for-woocommerce/
  * Description:       Grow your business on Pinterest! Use this official plugin to allow shoppers to Pin products while browsing your store, track conversions, and advertise on Pinterest.
- * Version:           0.9.0
+ * Version:           1.0.0-beta.1
  * Author:            WooCommerce
  * Author URI:        https://woocommerce.com
  * License:           GPL-2.0+