packaged version 0.10.0 from b6de3e00e9acf1498ee8d7b1e079f8eceaec6d23

bigcommerce · Aug 3, 2018 · 433e12b · 433e12b
1 parent 12d03b1
commit 433e12b
Show file tree

Hide file tree

Showing 79 changed files with 1,718 additions and 585 deletions.
diff --git a/assets/css/bc-gutenberg.css b/assets/css/bc-gutenberg.css
diff --git a/assets/css/bc-gutenberg.min.css b/assets/css/bc-gutenberg.min.css
diff --git a/assets/css/master.css b/assets/css/master.css
diff --git a/assets/css/master.min.css b/assets/css/master.min.css
diff --git a/assets/img/admin/Gutenberg-Block_Addresses.png b/assets/img/admin/Gutenberg-Block_Addresses.png
diff --git a/assets/img/admin/Gutenberg-Block_Cart.png b/assets/img/admin/Gutenberg-Block_Cart.png
diff --git a/assets/img/admin/Gutenberg-Block_Gift-Cert-Balance.png b/assets/img/admin/Gutenberg-Block_Gift-Cert-Balance.png
diff --git a/assets/img/admin/Gutenberg-Block_Gift-Cert-Form.png b/assets/img/admin/Gutenberg-Block_Gift-Cert-Form.png
diff --git a/assets/img/admin/Gutenberg-Block_LogIn.png b/assets/img/admin/Gutenberg-Block_LogIn.png
diff --git a/assets/img/admin/Gutenberg-Block_My-Account.png b/assets/img/admin/Gutenberg-Block_My-Account.png
diff --git a/assets/img/admin/Gutenberg-Block_Order-History.png b/assets/img/admin/Gutenberg-Block_Order-History.png
diff --git a/assets/img/admin/Gutenberg-Block_Register-Form.png b/assets/img/admin/Gutenberg-Block_Register-Form.png
diff --git a/assets/js/dist/admin/gutenberg/scripts.js b/assets/js/dist/admin/gutenberg/scripts.js
diff --git a/assets/js/dist/admin/gutenberg/scripts.min.js b/assets/js/dist/admin/gutenberg/scripts.min.js
diff --git a/assets/js/dist/scripts.js b/assets/js/dist/scripts.js
diff --git a/assets/js/dist/scripts.min.js b/assets/js/dist/scripts.min.js
diff --git a/assets/js/dist/vendor.js b/assets/js/dist/vendor.js
diff --git a/assets/js/dist/vendor.min.js b/assets/js/dist/vendor.min.js
diff --git a/assets/js/src/admin/gutenberg/blocks/account-profile/account-profile.js b/assets/js/src/admin/gutenberg/blocks/account-profile/account-profile.js
@@ -5,6 +5,7 @@
  */
 
 import { GUTENBERG_ACCOUNT as BLOCK } from '../../config/gutenberg-settings';
+import { ADMIN_IMAGES } from '../../../config/wp-settings';
 
 const { createElement } = wp.element;
 const { registerBlockType } = wp.blocks;
@@ -48,7 +49,12 @@ const registerBlock = () => {
 		/**
 		 * Attributes used to save and edit our block.
 		 */
-		attributes: {},
+		attributes: {
+			shortcode: {
+				type: 'string',
+				default: '',
+			},
+		},
 
 
 		/**
@@ -60,7 +66,17 @@ const registerBlock = () => {
 		 * @return {Element}        Element to render.
 		 */
 		edit: (props) => {
-			return BLOCK.shortcode;
+			const { setAttributes } = props;
+			const blockImage = `${ADMIN_IMAGES}Gutenberg-Block_My-Account.png`;
+
+			setAttributes({
+				shortcode: BLOCK.shortcode,
+			});
+
+			return [
+				createElement('h2', { className: props.className, key: 'address-list-shortcode-title'}, [__('My Account', 'bigcommerce')] ),
+				createElement('img', { className: props.className, key: 'address-list-shortcode-preview', src: blockImage} ),
+			];
 		},
 
 		/**
@@ -72,7 +88,12 @@ const registerBlock = () => {
 		 * @return {Element} Element to render.
 		 */
 		save: (props) => {
-			return BLOCK.shortcode;
+			const { shortcode } = props.attributes;
+
+
+			return (
+				createElement('div', { className: props.className }, shortcode)
+			);
 		}
 	});
 };

diff --git a/assets/js/src/admin/gutenberg/blocks/address-list/address-list.js b/assets/js/src/admin/gutenberg/blocks/address-list/address-list.js
@@ -5,6 +5,7 @@
  */
 
 import { GUTENBERG_ADDRESS as BLOCK } from '../../config/gutenberg-settings';
+import { ADMIN_IMAGES } from '../../../config/wp-settings';
 import { bigCommerceIcon } from '../products/icon'; // TODO: cart icon
 
 const { createElement } = wp.element;
@@ -49,7 +50,12 @@ const registerBlock = () => {
 		/**
 		 * Attributes used to save and edit our block.
 		 */
-		attributes: {},
+		attributes: {
+			shortcode: {
+				type: 'string',
+				default: '',
+			},
+		},
 
 
 		/**
@@ -61,7 +67,17 @@ const registerBlock = () => {
 		 * @return {Element}        Element to render.
 		 */
 		edit: (props) => {
-			return BLOCK.shortcode;
+			const { setAttributes } = props;
+			const blockImage = `${ADMIN_IMAGES}Gutenberg-Block_Addresses.png`;
+
+			setAttributes({
+				shortcode: BLOCK.shortcode,
+			});
+
+			return [
+				createElement('h2', { className: props.className, key: 'address-list-shortcode-title'}, [__('My Addresses', 'bigcommerce')] ),
+				createElement('img', { className: props.className, key: 'address-list-shortcode-preview', src: blockImage} ),
+			];
 		},
 
 		/**
@@ -73,7 +89,12 @@ const registerBlock = () => {
 		 * @return {Element} Element to render.
 		 */
 		save: (props) => {
-			return BLOCK.shortcode;
+			const { shortcode } = props.attributes;
+
+
+			return (
+				createElement('div', { className: props.className }, shortcode)
+			);
 		}
 	});
 };

diff --git a/assets/js/src/admin/gutenberg/blocks/cart/cart.js b/assets/js/src/admin/gutenberg/blocks/cart/cart.js
@@ -5,6 +5,7 @@
  */
 
 import { GUTENBERG_CART as BLOCK } from '../../config/gutenberg-settings';
+import { ADMIN_IMAGES } from '../../../config/wp-settings';
 
 const { createElement } = wp.element;
 const { registerBlockType } = wp.blocks;
@@ -48,7 +49,12 @@ const registerBlock = () => {
 		/**
 		 * Attributes used to save and edit our block.
 		 */
-		attributes: {},
+		attributes: {
+			shortcode: {
+				type: 'string',
+				default: '',
+			},
+		},
 
 
 		/**
@@ -60,7 +66,17 @@ const registerBlock = () => {
 		 * @return {Element}        Element to render.
 		 */
 		edit: (props) => {
-			return BLOCK.shortcode;
+			const { setAttributes } = props;
+			const blockImage = `${ADMIN_IMAGES}Gutenberg-Block_Cart.png`;
+
+			setAttributes({
+				shortcode: BLOCK.shortcode,
+			});
+
+			return [
+				createElement('h2', { className: props.className, key: 'cart-shortcode-title'}, [__('Cart', 'bigcommerce')] ),
+				createElement('img', { className: props.className, key: 'cart-shortcode-preview', src: blockImage} ),
+			];
 		},
 
 		/**
@@ -72,7 +88,12 @@ const registerBlock = () => {
 		 * @return {Element} Element to render.
 		 */
 		save: (props) => {
-			return BLOCK.shortcode;
+			const { shortcode } = props.attributes;
+
+
+			return (
+				createElement('div', { className: props.className }, shortcode)
+			);
 		}
 	});
 };

diff --git a/assets/js/src/admin/gutenberg/blocks/gift-certificate-balance/gift-certificate-balance.js b/assets/js/src/admin/gutenberg/blocks/gift-certificate-balance/gift-certificate-balance.js
@@ -5,8 +5,11 @@
  */
 
 import { GUTENBERG_GIFT_CERTIFICATE_BALANCE as BLOCK } from '../../config/gutenberg-settings';
+import { ADMIN_IMAGES } from '../../../config/wp-settings';
 
+const { createElement } = wp.element;
 const { registerBlockType } = wp.blocks;
+const { __ } = wp.i18n;
 
 /**
  * @function registerBlock
@@ -46,7 +49,12 @@ const registerBlock = () => {
 		/**
 		 * Attributes used to save and edit our block.
 		 */
-		attributes: {},
+		attributes: {
+			shortcode: {
+				type: 'string',
+				default: '',
+			},
+		},
 
 
 		/**
@@ -58,7 +66,17 @@ const registerBlock = () => {
 		 * @return {Element}        Element to render.
 		 */
 		edit: (props) => {
-			return BLOCK.shortcode;
+			const { setAttributes } = props;
+			const blockImage = `${ADMIN_IMAGES}Gutenberg-Block_Gift-Cert-Balance.png`;
+
+			setAttributes({
+				shortcode: BLOCK.shortcode,
+			});
+
+			return [
+				createElement('h2', { className: props.className, key: 'address-list-shortcode-title'}, [__('Gift Certificate Balance', 'bigcommerce')] ),
+				createElement('img', { className: props.className, key: 'address-list-shortcode-preview', src: blockImage} ),
+			];
 		},
 
 		/**
@@ -70,7 +88,12 @@ const registerBlock = () => {
 		 * @return {Element} Element to render.
 		 */
 		save: (props) => {
-			return BLOCK.shortcode;
+			const { shortcode } = props.attributes;
+
+
+			return (
+				createElement('div', { className: props.className }, shortcode)
+			);
 		}
 	});
 };

diff --git a/assets/js/src/admin/gutenberg/blocks/gift-certificate-form/gift-certificate-form.js b/assets/js/src/admin/gutenberg/blocks/gift-certificate-form/gift-certificate-form.js
@@ -5,8 +5,11 @@
  */
 
 import { GUTENBERG_GIFT_CERTIFICATE_FORM as BLOCK } from '../../config/gutenberg-settings';
+import { ADMIN_IMAGES } from '../../../config/wp-settings';
 
+const { createElement } = wp.element;
 const { registerBlockType } = wp.blocks;
+const { __ } = wp.i18n;
 
 /**
  * @function registerBlock
@@ -46,7 +49,12 @@ const registerBlock = () => {
 		/**
 		 * Attributes used to save and edit our block.
 		 */
-		attributes: {},
+		attributes: {
+			shortcode: {
+				type: 'string',
+				default: '',
+			},
+		},
 
 
 		/**
@@ -58,7 +66,17 @@ const registerBlock = () => {
 		 * @return {Element}        Element to render.
 		 */
 		edit: (props) => {
-			return BLOCK.shortcode;
+			const { setAttributes } = props;
+			const blockImage = `${ADMIN_IMAGES}Gutenberg-Block_Gift-Cert-Form.png`;
+
+			setAttributes({
+				shortcode: BLOCK.shortcode,
+			});
+
+			return [
+				createElement('h2', { className: props.className, key: 'address-list-shortcode-title'}, [__('Gift Certificates', 'bigcommerce')] ),
+				createElement('img', { className: props.className, key: 'address-list-shortcode-preview', src: blockImage} ),
+			];
 		},
 
 		/**
@@ -70,7 +88,12 @@ const registerBlock = () => {
 		 * @return {Element} Element to render.
 		 */
 		save: (props) => {
-			return BLOCK.shortcode;
+			const { shortcode } = props.attributes;
+
+
+			return (
+				createElement('div', { className: props.className }, shortcode)
+			);
 		}
 	});
 };

diff --git a/assets/js/src/admin/gutenberg/blocks/login-form/login-form.js b/assets/js/src/admin/gutenberg/blocks/login-form/login-form.js
@@ -5,7 +5,8 @@
  */
 
 import { GUTENBERG_LOGIN as BLOCK } from '../../config/gutenberg-settings';
-import { bigCommerceIcon } from '../products/icon'; // TODO: cart icon
+import { bigCommerceIcon } from '../products/icon';
+import { ADMIN_IMAGES } from '../../../config/wp-settings'; // TODO: cart icon
 
 const { createElement } = wp.element;
 const { registerBlockType } = wp.blocks;
@@ -49,7 +50,12 @@ const registerBlock = () => {
 		/**
 		 * Attributes used to save and edit our block.
 		 */
-		attributes: {},
+		attributes: {
+			shortcode: {
+				type: 'string',
+				default: '',
+			},
+		},
 
 
 		/**
@@ -61,7 +67,17 @@ const registerBlock = () => {
 		 * @return {Element}        Element to render.
 		 */
 		edit: (props) => {
-			return BLOCK.shortcode;
+			const { setAttributes } = props;
+			const blockImage = `${ADMIN_IMAGES}Gutenberg-Block_LogIn.png`;
+
+			setAttributes({
+				shortcode: BLOCK.shortcode,
+			});
+
+			return [
+				createElement('h2', { className: props.className, key: 'address-list-shortcode-title'}, [__('Login Form', 'bigcommerce')] ),
+				createElement('img', { className: props.className, key: 'address-list-shortcode-preview', src: blockImage} ),
+			];
 		},
 
 		/**
@@ -73,7 +89,12 @@ const registerBlock = () => {
 		 * @return {Element} Element to render.
 		 */
 		save: (props) => {
-			return BLOCK.shortcode;
+			const { shortcode } = props.attributes;
+
+
+			return (
+				createElement('div', { className: props.className }, shortcode)
+			);
 		}
 	});
 };

diff --git a/assets/js/src/admin/gutenberg/blocks/order-history/order-history.js b/assets/js/src/admin/gutenberg/blocks/order-history/order-history.js
@@ -5,6 +5,7 @@
  */
 
 import { GUTENBERG_ORDERS as BLOCK } from '../../config/gutenberg-settings';
+import { ADMIN_IMAGES } from '../../../config/wp-settings';
 
 const { createElement } = wp.element;
 const { registerBlockType } = wp.blocks;
@@ -48,7 +49,12 @@ const registerBlock = () => {
 		/**
 		 * Attributes used to save and edit our block.
 		 */
-		attributes: {},
+		attributes: {
+			shortcode: {
+				type: 'string',
+				default: '',
+			},
+		},
 
 
 		/**
@@ -60,7 +66,17 @@ const registerBlock = () => {
 		 * @return {Element}        Element to render.
 		 */
 		edit: (props) => {
-			return BLOCK.shortcode;
+			const { setAttributes } = props;
+			const blockImage = `${ADMIN_IMAGES}Gutenberg-Block_Order-History.png`;
+
+			setAttributes({
+				shortcode: BLOCK.shortcode,
+			});
+
+			return [
+				createElement('h2', { className: props.className, key: 'address-list-shortcode-title'}, [__('Order History', 'bigcommerce')] ),
+				createElement('img', { className: props.className, key: 'address-list-shortcode-preview', src: blockImage} ),
+			];
 		},
 
 		/**
@@ -72,7 +88,12 @@ const registerBlock = () => {
 		 * @return {Element} Element to render.
 		 */
 		save: (props) => {
-			return BLOCK.shortcode;
+			const { shortcode } = props.attributes;
+
+
+			return (
+				createElement('div', { className: props.className }, shortcode)
+			);
 		}
 	});
 };