Block Bindings: Add warning in attributes connected to invalid sources (

#65002)

* Add warning with invalid sources

* Change variable name

Co-authored-by: Greg Ziółkowski <grzegorz@gziolo.pl>

* Use `isSourceInvalid` variable

---------

Co-authored-by: SantosGuillamot <santosguillamot@git.wordpress.org>
Co-authored-by: gziolo <gziolo@git.wordpress.org>
Co-authored-by: ndiego <ndiego@git.wordpress.org>
Co-authored-by: jasmussen <joen@git.wordpress.org>

packages/block-editor/src/hooks/block-bindings.js

@@ -96,16 +96,20 @@ function BlockBindingsAttribute( { attribute, binding } ) {
 	const { source: sourceName, args } = binding || {};
 	const sourceProps =
 		unlock( blocksPrivateApis ).getBlockBindingsSource( sourceName );
+	const isSourceInvalid = ! sourceProps;
 	return (
 		<VStack>
 			<Truncate>{ attribute }</Truncate>
 			{ !! binding && (
 				<Text
-					variant="muted"
+					variant={ ! isSourceInvalid && 'muted' }
 					className="block-editor-bindings__item-explanation"
+					isDestructive={ isSourceInvalid }
 				>
 					<Truncate>
-						{ args?.key || sourceProps?.label || sourceName }
+						{ isSourceInvalid
+							? __( 'Invalid source' )
+							: args?.key || sourceProps?.label || sourceName }
 					</Truncate>
 				</Text>
 			) }