Updates

Author: reygcalantaol

composer.json

@@ -1,6 +1,6 @@
 {
   "name": "ziorwebdev/wordpress-blocks",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "A collection of custom Gutenberg blocks designed to extend the WordPress block editor with icons, dynamic data, and flexible content composition.",
   "type": "library",
   "autoload": {

resources/blocks/add-to-cart/edit.tsx

@@ -4,7 +4,6 @@ import { useEffect, useMemo, useCallback, useRef } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
 import type { BlockInstance, BlockEditProps } from '@wordpress/blocks';
 import { ProductSelector } from '@ziorweb-dev/product-selector';
-// import ProductSelector from '../../components/product-selector';
 import type { Attributes } from './index';
 
 function mergeClasses(existing = '', add = ''): string {
@@ -74,6 +73,7 @@ export default function Edit({ attributes, setAttributes, clientId }: BlockEditP
 		<>
 			<InspectorControls>
 				<PanelBody title="Product" initialOpen>
+					{ attributes.showProductSelector && (
 					<ProductSelector
 						value={selectedProduct.id ?? ''}
 						onChange={(nextProduct: { id: string; label: string }) => {
@@ -85,7 +85,7 @@ export default function Edit({ attributes, setAttributes, clientId }: BlockEditP
 							});
 						}}
 					/>
-
+					) }
 					<ToggleControl
 						label="Show quantity"
 						checked={!!showQuantity}

resources/blocks/add-to-cart/index.ts

@@ -9,6 +9,7 @@ export type Attributes = {
   productId?: string;
   showQuantity?: boolean;
   quantity?: number;
+  showProductSelector?: boolean;
 };
 
 export const name = metadata.name;

resources/blocks/product-price/edit.tsx

@@ -23,9 +23,7 @@ import { PanelBody, SelectControl, __experimentalText as Text } from '@wordpress
 /**
  * Internal dependencies
  */
-// import ProductSelector from '../../components/product-selector';
 import metadata from '../../../src/blocks/ProductPrice/block.json';
-import { fetchProductInformation } from '../../components/product-selector/product-information';
 import { ProductSelector } from '@ziorweb-dev/product-selector';
 
 type ProductValue = {
@@ -137,23 +135,28 @@ function Edit( { attributes, setAttributes, mergeBlocks, onReplace, style }: Pro
 							{ helpText }
 						</Text>
 					) }
-
+					{ attributes.showProductSelector && (
 					<ProductSelector
 						value={ product ?? EMPTY_PRODUCT }
-						onChange={ ( nextProduct: ProductValue ) => {
-							// Reset guards if product cleared
-							const nextId = nextProduct?.id ? String( nextProduct.id ) : '';
-							if ( ! nextId ) {
-								lastFetchedIdRef.current = '';
-								reqSeqRef.current++;
-								setAttributes( { product: nextProduct, content: '' } );
-								return;
-							}
-
-							setAttributes( { product: nextProduct } );
+							onChange={(nextProduct: ProductValue) => {
+								// Reset guards if product cleared
+								const nextId = nextProduct?.id ? String(nextProduct.id) : '';
+								if (!nextId) {
+									lastFetchedIdRef.current = '';
+									reqSeqRef.current++;
+									setAttributes({ product: nextProduct, content: '' });
+									return;
+								}
+
+								setAttributes({ product: nextProduct });
+							}}
+						onProductInformationChange={ ( productInfo ) => {
+							setAttributes( {
+								content: productInfo?.price_html ?? '',
+							} );
 						} }
 					/>
-
+					) }
 					<SelectControl
 						label={ __( 'HTML tag' ) }
 						value={ tagName }

resources/blocks/product-rating/edit.tsx

@@ -23,8 +23,6 @@ import { PanelBody, __experimentalText as Text } from '@wordpress/components';
 /**
  * Internal dependencies
  */
-// import ProductSelector from '../../components/product-selector';
-import { fetchProductInformation } from '../../components/product-selector/product-information';
 import { ProductSelector } from '@ziorweb-dev/product-selector';
 
 type ProductValue = {
@@ -125,7 +123,7 @@ function Edit( { attributes, setAttributes, mergeBlocks, onReplace, style }: Pro
 							{ helpText }
 						</Text>
 					) }
-
+					{ attributes.showProductSelector && (
 					<ProductSelector
 						value={ product ?? EMPTY_PRODUCT }
 						onChange={ ( nextProduct: ProductValue ) => {
@@ -139,8 +137,14 @@ function Edit( { attributes, setAttributes, mergeBlocks, onReplace, style }: Pro
 							}
 
 							setAttributes( { product: nextProduct } );
+						}}
+						onProductInformationChange={ ( productInfo ) => {
+							setAttributes( {
+								content: productInfo?.rating_html ?? '',
+							} );
 						} }
-					/>
+						/>
+					) }
 				</PanelBody>
 			</InspectorControls>
 			<div className="woocommerce">

src/Blocks/AddToCart/block.json

@@ -25,6 +25,10 @@
 		"showQuantity": {
 			"type": "boolean",
 			"default": false
+		},
+		"showProductSelector": {
+			"type": "boolean",
+			"default": true
 		}
 	},
 	"usesContext": [

src/Blocks/ProductPrice/block.json

@@ -42,6 +42,10 @@
 			"type": "string",
 			"enum": ["h1", "h2", "h3", "h4", "h5", "h6", "p", "div", "span"],
 			"default": "h2"
+		},
+		"showProductSelector": {
+			"type": "boolean",
+			"default": true
 		}
 	},
 	"usesContext": [

src/Blocks/ProductRating/block.json

@@ -28,6 +28,10 @@
 		},
 		"textAlign": {
 			"type": "string"
+		},
+		"showProductSelector": {
+			"type": "boolean",
+			"default": true
 		}
 	},
 	"usesContext": [