fix some errors

Author: kaeizen

src/components/block-css/use-block-style-generator.js

@@ -29,8 +29,14 @@ export const useBlockCssGenerator = props => {
 	// Keep the generated CSS for editor and return it when only the text attribute has changed.
 	const oldCss = useRef( null )
 
-	const generateCssStyles = useMemo( () => isBlockStyleAttributesModified( blockName, attributes.blockStyle, attributes ),
-		[ clientId, attributes ] )
+	const generateCssStyles = useMemo( () => {
+		if ( ! blockName ) {
+			return true
+		}
+
+		return isBlockStyleAttributesModified( blockName, attributes.blockStyle, attributes )
+	},
+	[ clientId, attributes ] )
 
 	const editCss = useMemo( () => {
 		if ( oldText.current !== attributes.text ) {

src/components/block-styles-control/index.js

@@ -39,7 +39,7 @@ const popoverProps = {
 export const BlockStylesControl = props => {
 	const { blockName, clientId } = props
 	const blockType = getBlockType( blockName )
-	const blockAttributesFilter = [ ...STACKABLE_FILTERS[ blockName ], 'uniqueId' ]
+	const blockAttributesFilter = [ ...( STACKABLE_FILTERS[ blockName ] || [] ), 'uniqueId' ]
 	const defaultBlockAttributes = useMemo( () => getFilteredAttributes( blockType.attributes, blockAttributesFilter ), [] )
 
 	const [ openProNoticeModal, setOpenProNoticeModal ] = useState( false )

src/components/inspector-tabs/index.js

@@ -73,7 +73,7 @@ const InspectorTabs = props => {
 	return (
 		<>
 			<InspectorControls>
-				{ ! isPro && showProNotice && <BlockStylesControl blockName={ name } clientId={ clientId } /> }
+				{ ( isPro || showProNotice ) && <BlockStylesControl blockName={ name } clientId={ clientId } /> }
 				<PanelTabs
 					tabs={ props.tabs }
 					initialTab={ activeTab }

src/util/block-styles.js

@@ -6,7 +6,7 @@ import { select } from '@wordpress/data'
 export const isBlockStyleAttributesModified = ( blockName, styleSlug, _blockAttrs ) => {
 	const blockStyleAttrs = select( 'stackable/global-block-styles' ).getBlockStyles( blockName )?.find( item => item.slug === styleSlug )?.attributes || {}
 	const blockAttrs = getCleanAttributes( _blockAttrs, blockName )
-	const currentAttrs = ( [ ...STACKABLE_FILTERS[ blockName ], 'uniqueId', 'generatedCss', 'blockStyle', 'modifiedBlockStyle' ] ).reduce( ( output, attribute ) => {
+	const currentAttrs = ( [ ...( STACKABLE_FILTERS[ blockName ] || [] ), 'uniqueId', 'generatedCss', 'blockStyle', 'modifiedBlockStyle' ] ).reduce( ( output, attribute ) => {
 		if ( output[ attribute ] ) {
 			delete output[ attribute ]
 		}