@wordpress/block-library 8.19.3 → 8.19.4

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 ## Unreleased
 
+### Bug Fix
+
+-   Fix Image block lightbox missing alt attribute and improve accessibility. ([#54608](https://github.com/WordPress/gutenberg/pull/55010))
+
+
+## 8.20.0 (2023-10-05)
+
 ## 8.19.0 (2023-09-20)
 
 ## 8.18.0 (2023-08-31)

package/build/cover/edit/inspector-controls.js

@@ -116,7 +116,7 @@ function CoverInspectorControls({
   const colorGradientSettings = (0, _blockEditor.__experimentalUseMultipleOriginColorsAndGradients)();
   const htmlElementMessages = {
     header: (0, _i18n.__)('The <header> element should represent introductory content, typically a group of introductory or navigational aids.'),
-    main: (0, _i18n.__)('The <main> element should be used for the primary content of your document only. '),
+    main: (0, _i18n.__)('The <main> element should be used for the primary content of your document only.'),
     section: (0, _i18n.__)("The <section> element should represent a standalone portion of the document that can't be better represented by another element."),
     article: (0, _i18n.__)('The <article> element should represent a self-contained, syndicatable portion of the document.'),
     aside: (0, _i18n.__)("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content."),

package/build/cover/edit/inspector-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_compose","_blockEditor","_i18n","_shared","CoverHeightInput","onChange","onUnitChange","unit","value","instanceId","useInstanceId","UnitControl","inputId","isPx","units","useCustomUnits","availableUnits","useSetting","defaultValues","px","em","rem","vw","vh","handleOnChange","unprocessedValue","inputValue","parseFloat","undefined","isNaN","computedValue","useMemo","parsedQuantity","parseQuantityAndUnitFromRawValue","join","min","COVER_MIN_HEIGHT","createElement","__experimentalUnitControl","label","__","id","isResetValueOnUnitChange","__unstableInputWidth","CoverInspectorControls","attributes","setAttributes","clientId","setOverlayColor","coverRef","currentSettings","updateDimRatio","onClearMedia","useFeaturedImage","dimRatio","focalPoint","hasParallax","isRepeated","minHeight","minHeightUnit","alt","tagName","isVideoBackground","isImageBackground","mediaElement","url","isImgElement","overlayColor","gradientValue","setGradient","__experimentalUseGradient","toggleParallax","toggleIsRepeated","showFocalPointPicker","imperativeFocalPointPreview","styleOfRef","property","current","style","mediaPosition","colorGradientSettings","useMultipleOriginColorsAndGradients","htmlElementMessages","header","main","section","article","aside","footer","Fragment","InspectorControls","PanelBody","title","ToggleControl","__nextHasNoMarginBottom","checked","FocalPointPicker","onDragStart","onDrag","newFocalPoint","TextareaControl","newAlt","help","ExternalLink","href","PanelRow","Button","variant","isSmall","className","onClick","hasColorsOrGradients","group","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","colorValue","color","onColorChange","onGradientChange","isShownByDefault","resetAllFilter","customOverlayColor","gradient","customGradient","panelId","__experimentalToolsPanelItem","hasValue","onDeselect","RangeControl","newDimRatio","max","step","required","__next40pxDefaultSize","newMinHeight","nextUnit","SelectControl","options"],"sources":["@wordpress/block-library/src/cover/edit/inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\tButton,\n\tExternalLink,\n\tFocalPointPicker,\n\tPanelBody,\n\tPanelRow,\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tSelectControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport {\n\tInspectorControls,\n\tuseSetting,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseGradient,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { COVER_MIN_HEIGHT, mediaPosition } from '../shared';\n\nfunction CoverHeightInput( {\n\tonChange,\n\tonUnitChange,\n\tunit = 'px',\n\tvalue = '',\n} ) {\n\tconst instanceId = useInstanceId( UnitControl );\n\tconst inputId = `block-cover-height-input-${ instanceId }`;\n\tconst isPx = unit === 'px';\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t\t'vh',\n\t\t],\n\t\tdefaultValues: { px: 430, '%': 20, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst handleOnChange = ( unprocessedValue ) => {\n\t\tconst inputValue =\n\t\t\tunprocessedValue !== ''\n\t\t\t\t? parseFloat( unprocessedValue )\n\t\t\t\t: undefined;\n\n\t\tif ( isNaN( inputValue ) && inputValue !== undefined ) {\n\t\t\treturn;\n\t\t}\n\t\tonChange( inputValue );\n\t};\n\n\tconst computedValue = useMemo( () => {\n\t\tconst [ parsedQuantity ] = parseQuantityAndUnitFromRawValue( value );\n\t\treturn [ parsedQuantity, unit ].join( '' );\n\t}, [ unit, value ] );\n\n\tconst min = isPx ? COVER_MIN_HEIGHT : 0;\n\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ __( 'Minimum height of cover' ) }\n\t\t\tid={ inputId }\n\t\t\tisResetValueOnUnitChange\n\t\t\tmin={ min }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonUnitChange={ onUnitChange }\n\t\t\t__unstableInputWidth={ '80px' }\n\t\t\tunits={ units }\n\t\t\tvalue={ computedValue }\n\t\t/>\n\t);\n}\nexport default function CoverInspectorControls( {\n\tattributes,\n\tsetAttributes,\n\tclientId,\n\tsetOverlayColor,\n\tcoverRef,\n\tcurrentSettings,\n\tupdateDimRatio,\n\tonClearMedia,\n} ) {\n\tconst {\n\t\tuseFeaturedImage,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\ttagName,\n\t} = attributes;\n\tconst {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\turl,\n\t\tisImgElement,\n\t\toverlayColor,\n\t} = currentSettings;\n\n\tconst { gradientValue, setGradient } = __experimentalUseGradient();\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax ? { focalPoint: undefined } : {} ),\n\t\t} );\n\t};\n\n\tconst toggleIsRepeated = () => {\n\t\tsetAttributes( {\n\t\t\tisRepeated: ! isRepeated,\n\t\t} );\n\t};\n\n\tconst showFocalPointPicker =\n\t\tisVideoBackground ||\n\t\t( isImageBackground && ( ! hasParallax || isRepeated ) );\n\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst [ styleOfRef, property ] = mediaElement.current\n\t\t\t? [ mediaElement.current.style, 'objectPosition' ]\n\t\t\t: [ coverRef.current.style, 'backgroundPosition' ];\n\t\tstyleOfRef[ property ] = mediaPosition( value );\n\t};\n\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\tconst htmlElementMessages = {\n\t\theader: __(\n\t\t\t'The <header> element should represent introductory content, typically a group of introductory or navigational aids.'\n\t\t),\n\t\tmain: __(\n\t\t\t'The <main> element should be used for the primary content of your document only. '\n\t\t),\n\t\tsection: __(\n\t\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t\t),\n\t\tarticle: __(\n\t\t\t'The <article> element should represent a self-contained, syndicatable portion of the document.'\n\t\t),\n\t\taside: __(\n\t\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t\t),\n\t\tfooter: __(\n\t\t\t'The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).'\n\t\t),\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ !! url && (\n\t\t\t\t\t<PanelBody title={ __( 'Media settings' ) }>\n\t\t\t\t\t\t{ isImageBackground && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Repeated background' ) }\n\t\t\t\t\t\t\t\t\tchecked={ isRepeated }\n\t\t\t\t\t\t\t\t\tonChange={ toggleIsRepeated }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showFocalPointPicker && (\n\t\t\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Focal point picker' ) }\n\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\tonChange={ ( newFocalPoint ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tfocalPoint: newFocalPoint,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! useFeaturedImage &&\n\t\t\t\t\t\t\turl &&\n\t\t\t\t\t\t\tisImageBackground &&\n\t\t\t\t\t\t\tisImgElement && (\n\t\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\t\tvalue={ alt }\n\t\t\t\t\t\t\t\t\tonChange={ ( newAlt ) =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( { alt: newAlt } )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Leave empty if decorative.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t<PanelRow>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\tclassName=\"block-library-cover__reset-button\"\n\t\t\t\t\t\t\t\tonClick={ onClearMedia }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Clear Media' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</PanelRow>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t\t{ colorGradientSettings.hasColorsOrGradients && (\n\t\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcolorValue: overlayColor.color,\n\t\t\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\t\t\tlabel: __( 'Overlay' ),\n\t\t\t\t\t\t\t\tonColorChange: setOverlayColor,\n\t\t\t\t\t\t\t\tonGradientChange: setGradient,\n\t\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\t\tresetAllFilter: () => ( {\n\t\t\t\t\t\t\t\t\toverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tgradient: undefined,\n\t\t\t\t\t\t\t\t\tcustomGradient: undefined,\n\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t\t{ ...colorGradientSettings }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => {\n\t\t\t\t\t\t\t// If there's a media background the dimRatio will be\n\t\t\t\t\t\t\t// defaulted to 50 whereas it will be 100 for colors.\n\t\t\t\t\t\t\treturn dimRatio === undefined\n\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t: dimRatio !== ( url ? 50 : 100 );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\tonDeselect={ () => updateDimRatio( url ? 50 : 100 ) }\n\t\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\t\tdimRatio: url ? 50 : 100,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\t\tonChange={ ( newDimRatio ) =>\n\t\t\t\t\t\t\t\tupdateDimRatio( newDimRatio )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\tstep={ 10 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<InspectorControls group=\"dimensions\">\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! minHeight }\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\t\t\tminHeightUnit: undefined,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\t\tminHeightUnit: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<CoverHeightInput\n\t\t\t\t\t\tvalue={ minHeight }\n\t\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\t\tonChange={ ( newMinHeight ) =>\n\t\t\t\t\t\t\tsetAttributes( { minHeight: newMinHeight } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonUnitChange={ ( nextUnit ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tminHeightUnit: nextUnit,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_components","_compose","_blockEditor","_i18n","_shared","CoverHeightInput","onChange","onUnitChange","unit","value","instanceId","useInstanceId","UnitControl","inputId","isPx","units","useCustomUnits","availableUnits","useSetting","defaultValues","px","em","rem","vw","vh","handleOnChange","unprocessedValue","inputValue","parseFloat","undefined","isNaN","computedValue","useMemo","parsedQuantity","parseQuantityAndUnitFromRawValue","join","min","COVER_MIN_HEIGHT","createElement","__experimentalUnitControl","label","__","id","isResetValueOnUnitChange","__unstableInputWidth","CoverInspectorControls","attributes","setAttributes","clientId","setOverlayColor","coverRef","currentSettings","updateDimRatio","onClearMedia","useFeaturedImage","dimRatio","focalPoint","hasParallax","isRepeated","minHeight","minHeightUnit","alt","tagName","isVideoBackground","isImageBackground","mediaElement","url","isImgElement","overlayColor","gradientValue","setGradient","__experimentalUseGradient","toggleParallax","toggleIsRepeated","showFocalPointPicker","imperativeFocalPointPreview","styleOfRef","property","current","style","mediaPosition","colorGradientSettings","useMultipleOriginColorsAndGradients","htmlElementMessages","header","main","section","article","aside","footer","Fragment","InspectorControls","PanelBody","title","ToggleControl","__nextHasNoMarginBottom","checked","FocalPointPicker","onDragStart","onDrag","newFocalPoint","TextareaControl","newAlt","help","ExternalLink","href","PanelRow","Button","variant","isSmall","className","onClick","hasColorsOrGradients","group","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","colorValue","color","onColorChange","onGradientChange","isShownByDefault","resetAllFilter","customOverlayColor","gradient","customGradient","panelId","__experimentalToolsPanelItem","hasValue","onDeselect","RangeControl","newDimRatio","max","step","required","__next40pxDefaultSize","newMinHeight","nextUnit","SelectControl","options"],"sources":["@wordpress/block-library/src/cover/edit/inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\tButton,\n\tExternalLink,\n\tFocalPointPicker,\n\tPanelBody,\n\tPanelRow,\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tSelectControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport {\n\tInspectorControls,\n\tuseSetting,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseGradient,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { COVER_MIN_HEIGHT, mediaPosition } from '../shared';\n\nfunction CoverHeightInput( {\n\tonChange,\n\tonUnitChange,\n\tunit = 'px',\n\tvalue = '',\n} ) {\n\tconst instanceId = useInstanceId( UnitControl );\n\tconst inputId = `block-cover-height-input-${ instanceId }`;\n\tconst isPx = unit === 'px';\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t\t'vh',\n\t\t],\n\t\tdefaultValues: { px: 430, '%': 20, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst handleOnChange = ( unprocessedValue ) => {\n\t\tconst inputValue =\n\t\t\tunprocessedValue !== ''\n\t\t\t\t? parseFloat( unprocessedValue )\n\t\t\t\t: undefined;\n\n\t\tif ( isNaN( inputValue ) && inputValue !== undefined ) {\n\t\t\treturn;\n\t\t}\n\t\tonChange( inputValue );\n\t};\n\n\tconst computedValue = useMemo( () => {\n\t\tconst [ parsedQuantity ] = parseQuantityAndUnitFromRawValue( value );\n\t\treturn [ parsedQuantity, unit ].join( '' );\n\t}, [ unit, value ] );\n\n\tconst min = isPx ? COVER_MIN_HEIGHT : 0;\n\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ __( 'Minimum height of cover' ) }\n\t\t\tid={ inputId }\n\t\t\tisResetValueOnUnitChange\n\t\t\tmin={ min }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonUnitChange={ onUnitChange }\n\t\t\t__unstableInputWidth={ '80px' }\n\t\t\tunits={ units }\n\t\t\tvalue={ computedValue }\n\t\t/>\n\t);\n}\nexport default function CoverInspectorControls( {\n\tattributes,\n\tsetAttributes,\n\tclientId,\n\tsetOverlayColor,\n\tcoverRef,\n\tcurrentSettings,\n\tupdateDimRatio,\n\tonClearMedia,\n} ) {\n\tconst {\n\t\tuseFeaturedImage,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\ttagName,\n\t} = attributes;\n\tconst {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\turl,\n\t\tisImgElement,\n\t\toverlayColor,\n\t} = currentSettings;\n\n\tconst { gradientValue, setGradient } = __experimentalUseGradient();\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax ? { focalPoint: undefined } : {} ),\n\t\t} );\n\t};\n\n\tconst toggleIsRepeated = () => {\n\t\tsetAttributes( {\n\t\t\tisRepeated: ! isRepeated,\n\t\t} );\n\t};\n\n\tconst showFocalPointPicker =\n\t\tisVideoBackground ||\n\t\t( isImageBackground && ( ! hasParallax || isRepeated ) );\n\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst [ styleOfRef, property ] = mediaElement.current\n\t\t\t? [ mediaElement.current.style, 'objectPosition' ]\n\t\t\t: [ coverRef.current.style, 'backgroundPosition' ];\n\t\tstyleOfRef[ property ] = mediaPosition( value );\n\t};\n\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\tconst htmlElementMessages = {\n\t\theader: __(\n\t\t\t'The <header> element should represent introductory content, typically a group of introductory or navigational aids.'\n\t\t),\n\t\tmain: __(\n\t\t\t'The <main> element should be used for the primary content of your document only.'\n\t\t),\n\t\tsection: __(\n\t\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t\t),\n\t\tarticle: __(\n\t\t\t'The <article> element should represent a self-contained, syndicatable portion of the document.'\n\t\t),\n\t\taside: __(\n\t\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t\t),\n\t\tfooter: __(\n\t\t\t'The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).'\n\t\t),\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ !! url && (\n\t\t\t\t\t<PanelBody title={ __( 'Media settings' ) }>\n\t\t\t\t\t\t{ isImageBackground && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Repeated background' ) }\n\t\t\t\t\t\t\t\t\tchecked={ isRepeated }\n\t\t\t\t\t\t\t\t\tonChange={ toggleIsRepeated }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showFocalPointPicker && (\n\t\t\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Focal point picker' ) }\n\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\tonChange={ ( newFocalPoint ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tfocalPoint: newFocalPoint,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! useFeaturedImage &&\n\t\t\t\t\t\t\turl &&\n\t\t\t\t\t\t\tisImageBackground &&\n\t\t\t\t\t\t\tisImgElement && (\n\t\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\t\tvalue={ alt }\n\t\t\t\t\t\t\t\t\tonChange={ ( newAlt ) =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( { alt: newAlt } )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Leave empty if decorative.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t<PanelRow>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\tclassName=\"block-library-cover__reset-button\"\n\t\t\t\t\t\t\t\tonClick={ onClearMedia }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Clear Media' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</PanelRow>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t\t{ colorGradientSettings.hasColorsOrGradients && (\n\t\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcolorValue: overlayColor.color,\n\t\t\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\t\t\tlabel: __( 'Overlay' ),\n\t\t\t\t\t\t\t\tonColorChange: setOverlayColor,\n\t\t\t\t\t\t\t\tonGradientChange: setGradient,\n\t\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\t\tresetAllFilter: () => ( {\n\t\t\t\t\t\t\t\t\toverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tgradient: undefined,\n\t\t\t\t\t\t\t\t\tcustomGradient: undefined,\n\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t\t{ ...colorGradientSettings }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => {\n\t\t\t\t\t\t\t// If there's a media background the dimRatio will be\n\t\t\t\t\t\t\t// defaulted to 50 whereas it will be 100 for colors.\n\t\t\t\t\t\t\treturn dimRatio === undefined\n\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t: dimRatio !== ( url ? 50 : 100 );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\tonDeselect={ () => updateDimRatio( url ? 50 : 100 ) }\n\t\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\t\tdimRatio: url ? 50 : 100,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\t\tonChange={ ( newDimRatio ) =>\n\t\t\t\t\t\t\t\tupdateDimRatio( newDimRatio )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\tstep={ 10 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<InspectorControls group=\"dimensions\">\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! minHeight }\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\t\t\tminHeightUnit: undefined,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\t\tminHeightUnit: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<CoverHeightInput\n\t\t\t\t\t\tvalue={ minHeight }\n\t\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\t\tonChange={ ( newMinHeight ) =>\n\t\t\t\t\t\t\tsetAttributes( { minHeight: newMinHeight } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonUnitChange={ ( nextUnit ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tminHeightUnit: nextUnit,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/embed/edit.js

@@ -18,6 +18,7 @@ var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
 var _coreData = require("@wordpress/core-data");
 var _primitives = require("@wordpress/primitives");
+var _url = require("@wordpress/url");
 /**
  * Internal dependencies
  */
@@ -128,6 +129,22 @@ const EmbedEdit = props => {
     });
   }, [preview?.html, attributesUrl, cannotEmbed, fetching]);
 
+  // Try a different provider in case the embed url is not supported.
+  (0, _element.useEffect)(() => {
+    if (!cannotEmbed || fetching || !url) {
+      return;
+    }
+
+    // Until X provider is supported in WordPress, as a workaround we use Twitter provider.
+    if ((0, _url.getAuthority)(url) === 'x.com') {
+      const newURL = new URL(url);
+      newURL.host = 'twitter.com';
+      setAttributes({
+        url: newURL.toString()
+      });
+    }
+  }, [url, cannotEmbed, fetching, setAttributes]);
+
   // Handle incoming preview.
   (0, _element.useEffect)(() => {
     if (preview && !isEditingURL) {

package/build/embed/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_util","_embedControls","_interopRequireDefault","_icons","_embedLoading","_embedPlaceholder","_embedPreview","_classnames","_i18n","_data","_blockEditor","_coreData","_primitives","EmbedEdit","props","attributes","providerNameSlug","previewable","responsive","url","attributesUrl","isSelected","onReplace","setAttributes","insertBlocksAfter","onFocus","defaultEmbedInfo","title","_x","icon","embedContentIcon","getEmbedInfoByProvider","setURL","useState","isEditingURL","setIsEditingURL","invalidateResolution","useDispatch","coreStore","preview","fetching","themeSupportsResponsive","cannotEmbed","useSelect","select","getEmbedPreview","isPreviewEmbedFallback","isRequestingEmbedPreview","getThemeSupports","embedPreview","previewIsFallback","badEmbedProvider","html","type","undefined","wordpressCantEmbed","data","status","validPreview","getMergedAttributes","getMergedAttributesWithPreview","toggleResponsive","allowResponsive","className","newAllowResponsive","getClassNames","useEffect","newURL","replace","mergedAttributes","upgradedBlock","createUpgradedEmbedBlock","blockProps","useBlockProps","createElement","View","default","label","sprintf","__","showEmbedPlaceholder","onSubmit","event","preventDefault","blockClass","removeAspectRatioClasses","value","onChange","target","fallback","tryAgain","caption","classFromPreview","classnames","Fragment","showEditButton","blockSupportsResponsive","switchBackToURLInput","onCaptionChange","_default","exports"],"sources":["@wordpress/block-library/src/embed/edit.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tcreateUpgradedEmbedBlock,\n\tgetClassNames,\n\tremoveAspectRatioClasses,\n\tfallback,\n\tgetEmbedInfoByProvider,\n\tgetMergedAttributesWithPreview,\n} from './util';\nimport EmbedControls from './embed-controls';\nimport { embedContentIcon } from './icons';\nimport EmbedLoading from './embed-loading';\nimport EmbedPlaceholder from './embed-placeholder';\nimport EmbedPreview from './embed-preview';\n\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useBlockProps } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { View } from '@wordpress/primitives';\n\nconst EmbedEdit = ( props ) => {\n\tconst {\n\t\tattributes: {\n\t\t\tproviderNameSlug,\n\t\t\tpreviewable,\n\t\t\tresponsive,\n\t\t\turl: attributesUrl,\n\t\t},\n\t\tattributes,\n\t\tisSelected,\n\t\tonReplace,\n\t\tsetAttributes,\n\t\tinsertBlocksAfter,\n\t\tonFocus,\n\t} = props;\n\n\tconst defaultEmbedInfo = {\n\t\ttitle: _x( 'Embed', 'block title' ),\n\t\ticon: embedContentIcon,\n\t};\n\tconst { icon, title } =\n\t\tgetEmbedInfoByProvider( providerNameSlug ) || defaultEmbedInfo;\n\n\tconst [ url, setURL ] = useState( attributesUrl );\n\tconst [ isEditingURL, setIsEditingURL ] = useState( false );\n\tconst { invalidateResolution } = useDispatch( coreStore );\n\n\tconst { preview, fetching, themeSupportsResponsive, cannotEmbed } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetEmbedPreview,\n\t\t\t\t\tisPreviewEmbedFallback,\n\t\t\t\t\tisRequestingEmbedPreview,\n\t\t\t\t\tgetThemeSupports,\n\t\t\t\t} = select( coreStore );\n\t\t\t\tif ( ! attributesUrl ) {\n\t\t\t\t\treturn { fetching: false, cannotEmbed: false };\n\t\t\t\t}\n\n\t\t\t\tconst embedPreview = getEmbedPreview( attributesUrl );\n\t\t\t\tconst previewIsFallback =\n\t\t\t\t\tisPreviewEmbedFallback( attributesUrl );\n\n\t\t\t\t// The external oEmbed provider does not exist. We got no type info and no html.\n\t\t\t\tconst badEmbedProvider =\n\t\t\t\t\tembedPreview?.html === false &&\n\t\t\t\t\tembedPreview?.type === undefined;\n\t\t\t\t// Some WordPress URLs that can't be embedded will cause the API to return\n\t\t\t\t// a valid JSON response with no HTML and `data.status` set to 404, rather\n\t\t\t\t// than generating a fallback response as other embeds do.\n\t\t\t\tconst wordpressCantEmbed = embedPreview?.data?.status === 404;\n\t\t\t\tconst validPreview =\n\t\t\t\t\t!! embedPreview &&\n\t\t\t\t\t! badEmbedProvider &&\n\t\t\t\t\t! wordpressCantEmbed;\n\t\t\t\treturn {\n\t\t\t\t\tpreview: validPreview ? embedPreview : undefined,\n\t\t\t\t\tfetching: isRequestingEmbedPreview( attributesUrl ),\n\t\t\t\t\tthemeSupportsResponsive:\n\t\t\t\t\t\tgetThemeSupports()[ 'responsive-embeds' ],\n\t\t\t\t\tcannotEmbed: ! validPreview || previewIsFallback,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ attributesUrl ]\n\t\t);\n\n\t/**\n\t * Returns the attributes derived from the preview, merged with the current attributes.\n\t *\n\t * @return {Object} Merged attributes.\n\t */\n\tconst getMergedAttributes = () =>\n\t\tgetMergedAttributesWithPreview(\n\t\t\tattributes,\n\t\t\tpreview,\n\t\t\ttitle,\n\t\t\tresponsive\n\t\t);\n\n\tconst toggleResponsive = () => {\n\t\tconst { allowResponsive, className } = attributes;\n\t\tconst { html } = preview;\n\t\tconst newAllowResponsive = ! allowResponsive;\n\n\t\tsetAttributes( {\n\t\t\tallowResponsive: newAllowResponsive,\n\t\t\tclassName: getClassNames(\n\t\t\t\thtml,\n\t\t\t\tclassName,\n\t\t\t\tresponsive && newAllowResponsive\n\t\t\t),\n\t\t} );\n\t};\n\n\tuseEffect( () => {\n\t\tif ( ! preview?.html || ! cannotEmbed || fetching ) {\n\t\t\treturn;\n\t\t}\n\t\t// At this stage, we're not fetching the preview and know it can't be embedded,\n\t\t// so try removing any trailing slash, and resubmit.\n\t\tconst newURL = attributesUrl.replace( /\\/$/, '' );\n\t\tsetURL( newURL );\n\t\tsetIsEditingURL( false );\n\t\tsetAttributes( { url: newURL } );\n\t}, [ preview?.html, attributesUrl, cannotEmbed, fetching ] );\n\n\t// Handle incoming preview.\n\tuseEffect( () => {\n\t\tif ( preview && ! isEditingURL ) {\n\t\t\t// When obtaining an incoming preview,\n\t\t\t// we set the attributes derived from the preview data.\n\t\t\tconst mergedAttributes = getMergedAttributes();\n\t\t\tsetAttributes( mergedAttributes );\n\n\t\t\tif ( onReplace ) {\n\t\t\t\tconst upgradedBlock = createUpgradedEmbedBlock(\n\t\t\t\t\tprops,\n\t\t\t\t\tmergedAttributes\n\t\t\t\t);\n\n\t\t\t\tif ( upgradedBlock ) {\n\t\t\t\t\tonReplace( upgradedBlock );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}, [ preview, isEditingURL ] );\n\n\tconst blockProps = useBlockProps();\n\n\tif ( fetching ) {\n\t\treturn (\n\t\t\t<View { ...blockProps }>\n\t\t\t\t<EmbedLoading />\n\t\t\t</View>\n\t\t);\n\t}\n\n\t// translators: %s: type of embed e.g: \"YouTube\", \"Twitter\", etc. \"Embed\" is used when no specific type exists\n\tconst label = sprintf( __( '%s URL' ), title );\n\n\t// No preview, or we can't embed the current URL, or we've clicked the edit button.\n\tconst showEmbedPlaceholder = ! preview || cannotEmbed || isEditingURL;\n\n\tif ( showEmbedPlaceholder ) {\n\t\treturn (\n\t\t\t<View { ...blockProps }>\n\t\t\t\t<EmbedPlaceholder\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\tif ( event ) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If the embed URL was changed, we need to reset the aspect ratio class.\n\t\t\t\t\t\t// To do this we have to remove the existing ratio class so it can be recalculated.\n\t\t\t\t\t\tconst blockClass = removeAspectRatioClasses(\n\t\t\t\t\t\t\tattributes.className\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tsetIsEditingURL( false );\n\t\t\t\t\t\tsetAttributes( { url, className: blockClass } );\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ url }\n\t\t\t\t\tcannotEmbed={ cannotEmbed }\n\t\t\t\t\tonChange={ ( event ) => setURL( event.target.value ) }\n\t\t\t\t\tfallback={ () => fallback( url, onReplace ) }\n\t\t\t\t\ttryAgain={ () => {\n\t\t\t\t\t\tinvalidateResolution( 'getEmbedPreview', [ url ] );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t);\n\t}\n\n\t// Even though we set attributes that get derived from the preview,\n\t// we don't access them directly because for the initial render,\n\t// the `setAttributes` call will not have taken effect. If we're\n\t// rendering responsive content, setting the responsive classes\n\t// after the preview has been rendered can result in unwanted\n\t// clipping or scrollbars. The `getAttributesFromPreview` function\n\t// that `getMergedAttributes` uses is memoized so that we're not\n\t// calculating them on every render.\n\tconst {\n\t\tcaption,\n\t\ttype,\n\t\tallowResponsive,\n\t\tclassName: classFromPreview,\n\t} = getMergedAttributes();\n\tconst className = classnames( classFromPreview, props.className );\n\n\treturn (\n\t\t<>\n\t\t\t<EmbedControls\n\t\t\t\tshowEditButton={ preview && ! cannotEmbed }\n\t\t\t\tthemeSupportsResponsive={ themeSupportsResponsive }\n\t\t\t\tblockSupportsResponsive={ responsive }\n\t\t\t\tallowResponsive={ allowResponsive }\n\t\t\t\ttoggleResponsive={ toggleResponsive }\n\t\t\t\tswitchBackToURLInput={ () => setIsEditingURL( true ) }\n\t\t\t/>\n\t\t\t<View { ...blockProps }>\n\t\t\t\t<EmbedPreview\n\t\t\t\t\tpreview={ preview }\n\t\t\t\t\tpreviewable={ previewable }\n\t\t\t\t\tclassName={ className }\n\t\t\t\t\turl={ url }\n\t\t\t\t\ttype={ type }\n\t\t\t\t\tcaption={ caption }\n\t\t\t\t\tonCaptionChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { caption: value } )\n\t\t\t\t\t}\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default EmbedEdit;\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_util","_embedControls","_interopRequireDefault","_icons","_embedLoading","_embedPlaceholder","_embedPreview","_classnames","_i18n","_data","_blockEditor","_coreData","_primitives","_url","EmbedEdit","props","attributes","providerNameSlug","previewable","responsive","url","attributesUrl","isSelected","onReplace","setAttributes","insertBlocksAfter","onFocus","defaultEmbedInfo","title","_x","icon","embedContentIcon","getEmbedInfoByProvider","setURL","useState","isEditingURL","setIsEditingURL","invalidateResolution","useDispatch","coreStore","preview","fetching","themeSupportsResponsive","cannotEmbed","useSelect","select","getEmbedPreview","isPreviewEmbedFallback","isRequestingEmbedPreview","getThemeSupports","embedPreview","previewIsFallback","badEmbedProvider","html","type","undefined","wordpressCantEmbed","data","status","validPreview","getMergedAttributes","getMergedAttributesWithPreview","toggleResponsive","allowResponsive","className","newAllowResponsive","getClassNames","useEffect","newURL","replace","getAuthority","URL","host","toString","mergedAttributes","upgradedBlock","createUpgradedEmbedBlock","blockProps","useBlockProps","createElement","View","default","label","sprintf","__","showEmbedPlaceholder","onSubmit","event","preventDefault","blockClass","removeAspectRatioClasses","value","onChange","target","fallback","tryAgain","caption","classFromPreview","classnames","Fragment","showEditButton","blockSupportsResponsive","switchBackToURLInput","onCaptionChange","_default","exports"],"sources":["@wordpress/block-library/src/embed/edit.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tcreateUpgradedEmbedBlock,\n\tgetClassNames,\n\tremoveAspectRatioClasses,\n\tfallback,\n\tgetEmbedInfoByProvider,\n\tgetMergedAttributesWithPreview,\n} from './util';\nimport EmbedControls from './embed-controls';\nimport { embedContentIcon } from './icons';\nimport EmbedLoading from './embed-loading';\nimport EmbedPlaceholder from './embed-placeholder';\nimport EmbedPreview from './embed-preview';\n\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useBlockProps } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { View } from '@wordpress/primitives';\nimport { getAuthority } from '@wordpress/url';\n\nconst EmbedEdit = ( props ) => {\n\tconst {\n\t\tattributes: {\n\t\t\tproviderNameSlug,\n\t\t\tpreviewable,\n\t\t\tresponsive,\n\t\t\turl: attributesUrl,\n\t\t},\n\t\tattributes,\n\t\tisSelected,\n\t\tonReplace,\n\t\tsetAttributes,\n\t\tinsertBlocksAfter,\n\t\tonFocus,\n\t} = props;\n\n\tconst defaultEmbedInfo = {\n\t\ttitle: _x( 'Embed', 'block title' ),\n\t\ticon: embedContentIcon,\n\t};\n\tconst { icon, title } =\n\t\tgetEmbedInfoByProvider( providerNameSlug ) || defaultEmbedInfo;\n\n\tconst [ url, setURL ] = useState( attributesUrl );\n\tconst [ isEditingURL, setIsEditingURL ] = useState( false );\n\tconst { invalidateResolution } = useDispatch( coreStore );\n\n\tconst { preview, fetching, themeSupportsResponsive, cannotEmbed } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetEmbedPreview,\n\t\t\t\t\tisPreviewEmbedFallback,\n\t\t\t\t\tisRequestingEmbedPreview,\n\t\t\t\t\tgetThemeSupports,\n\t\t\t\t} = select( coreStore );\n\t\t\t\tif ( ! attributesUrl ) {\n\t\t\t\t\treturn { fetching: false, cannotEmbed: false };\n\t\t\t\t}\n\n\t\t\t\tconst embedPreview = getEmbedPreview( attributesUrl );\n\t\t\t\tconst previewIsFallback =\n\t\t\t\t\tisPreviewEmbedFallback( attributesUrl );\n\n\t\t\t\t// The external oEmbed provider does not exist. We got no type info and no html.\n\t\t\t\tconst badEmbedProvider =\n\t\t\t\t\tembedPreview?.html === false &&\n\t\t\t\t\tembedPreview?.type === undefined;\n\t\t\t\t// Some WordPress URLs that can't be embedded will cause the API to return\n\t\t\t\t// a valid JSON response with no HTML and `data.status` set to 404, rather\n\t\t\t\t// than generating a fallback response as other embeds do.\n\t\t\t\tconst wordpressCantEmbed = embedPreview?.data?.status === 404;\n\t\t\t\tconst validPreview =\n\t\t\t\t\t!! embedPreview &&\n\t\t\t\t\t! badEmbedProvider &&\n\t\t\t\t\t! wordpressCantEmbed;\n\t\t\t\treturn {\n\t\t\t\t\tpreview: validPreview ? embedPreview : undefined,\n\t\t\t\t\tfetching: isRequestingEmbedPreview( attributesUrl ),\n\t\t\t\t\tthemeSupportsResponsive:\n\t\t\t\t\t\tgetThemeSupports()[ 'responsive-embeds' ],\n\t\t\t\t\tcannotEmbed: ! validPreview || previewIsFallback,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ attributesUrl ]\n\t\t);\n\n\t/**\n\t * Returns the attributes derived from the preview, merged with the current attributes.\n\t *\n\t * @return {Object} Merged attributes.\n\t */\n\tconst getMergedAttributes = () =>\n\t\tgetMergedAttributesWithPreview(\n\t\t\tattributes,\n\t\t\tpreview,\n\t\t\ttitle,\n\t\t\tresponsive\n\t\t);\n\n\tconst toggleResponsive = () => {\n\t\tconst { allowResponsive, className } = attributes;\n\t\tconst { html } = preview;\n\t\tconst newAllowResponsive = ! allowResponsive;\n\n\t\tsetAttributes( {\n\t\t\tallowResponsive: newAllowResponsive,\n\t\t\tclassName: getClassNames(\n\t\t\t\thtml,\n\t\t\t\tclassName,\n\t\t\t\tresponsive && newAllowResponsive\n\t\t\t),\n\t\t} );\n\t};\n\n\tuseEffect( () => {\n\t\tif ( ! preview?.html || ! cannotEmbed || fetching ) {\n\t\t\treturn;\n\t\t}\n\t\t// At this stage, we're not fetching the preview and know it can't be embedded,\n\t\t// so try removing any trailing slash, and resubmit.\n\t\tconst newURL = attributesUrl.replace( /\\/$/, '' );\n\t\tsetURL( newURL );\n\t\tsetIsEditingURL( false );\n\t\tsetAttributes( { url: newURL } );\n\t}, [ preview?.html, attributesUrl, cannotEmbed, fetching ] );\n\n\t// Try a different provider in case the embed url is not supported.\n\tuseEffect( () => {\n\t\tif ( ! cannotEmbed || fetching || ! url ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Until X provider is supported in WordPress, as a workaround we use Twitter provider.\n\t\tif ( getAuthority( url ) === 'x.com' ) {\n\t\t\tconst newURL = new URL( url );\n\t\t\tnewURL.host = 'twitter.com';\n\t\t\tsetAttributes( { url: newURL.toString() } );\n\t\t}\n\t}, [ url, cannotEmbed, fetching, setAttributes ] );\n\n\t// Handle incoming preview.\n\tuseEffect( () => {\n\t\tif ( preview && ! isEditingURL ) {\n\t\t\t// When obtaining an incoming preview,\n\t\t\t// we set the attributes derived from the preview data.\n\t\t\tconst mergedAttributes = getMergedAttributes();\n\t\t\tsetAttributes( mergedAttributes );\n\n\t\t\tif ( onReplace ) {\n\t\t\t\tconst upgradedBlock = createUpgradedEmbedBlock(\n\t\t\t\t\tprops,\n\t\t\t\t\tmergedAttributes\n\t\t\t\t);\n\n\t\t\t\tif ( upgradedBlock ) {\n\t\t\t\t\tonReplace( upgradedBlock );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}, [ preview, isEditingURL ] );\n\n\tconst blockProps = useBlockProps();\n\n\tif ( fetching ) {\n\t\treturn (\n\t\t\t<View { ...blockProps }>\n\t\t\t\t<EmbedLoading />\n\t\t\t</View>\n\t\t);\n\t}\n\n\t// translators: %s: type of embed e.g: \"YouTube\", \"Twitter\", etc. \"Embed\" is used when no specific type exists\n\tconst label = sprintf( __( '%s URL' ), title );\n\n\t// No preview, or we can't embed the current URL, or we've clicked the edit button.\n\tconst showEmbedPlaceholder = ! preview || cannotEmbed || isEditingURL;\n\n\tif ( showEmbedPlaceholder ) {\n\t\treturn (\n\t\t\t<View { ...blockProps }>\n\t\t\t\t<EmbedPlaceholder\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\tif ( event ) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If the embed URL was changed, we need to reset the aspect ratio class.\n\t\t\t\t\t\t// To do this we have to remove the existing ratio class so it can be recalculated.\n\t\t\t\t\t\tconst blockClass = removeAspectRatioClasses(\n\t\t\t\t\t\t\tattributes.className\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tsetIsEditingURL( false );\n\t\t\t\t\t\tsetAttributes( { url, className: blockClass } );\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ url }\n\t\t\t\t\tcannotEmbed={ cannotEmbed }\n\t\t\t\t\tonChange={ ( event ) => setURL( event.target.value ) }\n\t\t\t\t\tfallback={ () => fallback( url, onReplace ) }\n\t\t\t\t\ttryAgain={ () => {\n\t\t\t\t\t\tinvalidateResolution( 'getEmbedPreview', [ url ] );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t);\n\t}\n\n\t// Even though we set attributes that get derived from the preview,\n\t// we don't access them directly because for the initial render,\n\t// the `setAttributes` call will not have taken effect. If we're\n\t// rendering responsive content, setting the responsive classes\n\t// after the preview has been rendered can result in unwanted\n\t// clipping or scrollbars. The `getAttributesFromPreview` function\n\t// that `getMergedAttributes` uses is memoized so that we're not\n\t// calculating them on every render.\n\tconst {\n\t\tcaption,\n\t\ttype,\n\t\tallowResponsive,\n\t\tclassName: classFromPreview,\n\t} = getMergedAttributes();\n\tconst className = classnames( classFromPreview, props.className );\n\n\treturn (\n\t\t<>\n\t\t\t<EmbedControls\n\t\t\t\tshowEditButton={ preview && ! cannotEmbed }\n\t\t\t\tthemeSupportsResponsive={ themeSupportsResponsive }\n\t\t\t\tblockSupportsResponsive={ responsive }\n\t\t\t\tallowResponsive={ allowResponsive }\n\t\t\t\ttoggleResponsive={ toggleResponsive }\n\t\t\t\tswitchBackToURLInput={ () => setIsEditingURL( true ) }\n\t\t\t/>\n\t\t\t<View { ...blockProps }>\n\t\t\t\t<EmbedPreview\n\t\t\t\t\tpreview={ preview }\n\t\t\t\t\tpreviewable={ previewable }\n\t\t\t\t\tclassName={ className }\n\t\t\t\t\turl={ url }\n\t\t\t\t\ttype={ type }\n\t\t\t\t\tcaption={ caption }\n\t\t\t\t\tonCaptionChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { caption: value } )\n\t\t\t\t\t}\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default EmbedEdit;\n"],"mappings":"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"}

package/build/embed/edit.native.js

@@ -19,6 +19,7 @@ var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
 var _coreData = require("@wordpress/core-data");
 var _primitives = require("@wordpress/primitives");
+var _url = require("@wordpress/url");
 /**
  * Internal dependencies
  */
@@ -144,6 +145,22 @@ const EmbedEdit = props => {
     });
   }, [preview?.html, url, cannotEmbed, fetching]);
 
+  // Try a different provider in case the embed url is not supported.
+  (0, _element.useEffect)(() => {
+    if (!cannotEmbed || fetching || !url) {
+      return;
+    }
+
+    // Until X provider is supported in WordPress, as a workaround we use Twitter provider.
+    if ((0, _url.getAuthority)(url) === 'x.com') {
+      const newURL = new URL(url);
+      newURL.host = 'twitter.com';
+      setAttributes({
+        url: newURL.toString()
+      });
+    }
+  }, [url, cannotEmbed, fetching, setAttributes]);
+
   // Handle incoming preview.
   (0, _element.useEffect)(() => {
     if (preview && !isEditingURL) {

package/build/embed/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_util","_embedControls","_interopRequireDefault","_icons","_embedLoading","_embedPlaceholder","_embedPreview","_embedLinkSettings","_classnames","_i18n","_data","_blockEditor","_coreData","_primitives","PREVIEWABLE_PROVIDERS","NOT_PREVIEWABLE_WP_EMBED_PROVIDERS","WP_EMBED_TYPE","EmbedEdit","props","attributes","align","providerNameSlug","previewable","responsive","url","isSelected","onReplace","setAttributes","insertBlocksAfter","onFocus","clientId","defaultEmbedInfo","title","_x","icon","embedContentIcon","embedInfoByProvider","getEmbedInfoByProvider","wasBlockJustInserted","useSelect","select","blockEditorStore","isEditingURL","setIsEditingURL","useState","showEmbedBottomSheet","setShowEmbedBottomSheet","invalidateResolution","useDispatch","coreStore","preview","fetching","themeSupportsResponsive","cannotEmbed","getEmbedPreview","hasFinishedResolution","isPreviewEmbedFallback","getThemeSupports","embedPreview","hasResolvedEmbedPreview","previewIsFallback","badEmbedProvider","html","type","undefined","wordpressCantEmbed","code","validPreview","getMergedAttributes","getMergedAttributesWithPreview","toggleResponsive","allowResponsive","className","newAllowResponsive","getClassNames","useEffect","newURL","replace","mergedAttributes","upgradedBlock","createUpgradedEmbedBlock","onEditURL","useCallback","value","blockClass","removeAspectRatioClasses","blockProps","useBlockProps","createElement","View","default","showEmbedPlaceholder","classFromPreview","classnames","isProviderPreviewable","includes","linkLabel","Fragment","label","onPress","event","fallback","tryAgain","openEmbedLinkSettings","blockSupportsResponsive","isDefaultEmbedInfo","autoFocus","isVisible","onClose","onSubmit","withBottomSheet","_default","exports"],"sources":["@wordpress/block-library/src/embed/edit.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tcreateUpgradedEmbedBlock,\n\tgetClassNames,\n\tremoveAspectRatioClasses,\n\tfallback,\n\tgetEmbedInfoByProvider,\n\tgetMergedAttributesWithPreview,\n} from './util';\nimport EmbedControls from './embed-controls';\nimport { embedContentIcon } from './icons';\nimport EmbedLoading from './embed-loading';\nimport EmbedPlaceholder from './embed-placeholder';\nimport EmbedPreview from './embed-preview';\nimport EmbedLinkSettings from './embed-link-settings';\n\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\nimport { useCallback, useState, useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { View } from '@wordpress/primitives';\n\n// The inline preview feature will be released progressible, for this reason\n// the embed will only be considered previewable for the following providers list.\nconst PREVIEWABLE_PROVIDERS = [ 'youtube', 'twitter', 'instagram', 'vimeo' ];\n// Some providers are rendering the inline preview as a WordPress embed and\n// are not supported yet, so we need to disallow them with a fixed providers list.\nconst NOT_PREVIEWABLE_WP_EMBED_PROVIDERS = [ 'pinterest' ];\n\nconst WP_EMBED_TYPE = 'wp-embed';\n\nconst EmbedEdit = ( props ) => {\n\tconst {\n\t\tattributes: { align, providerNameSlug, previewable, responsive, url },\n\t\tattributes,\n\t\tisSelected,\n\t\tonReplace,\n\t\tsetAttributes,\n\t\tinsertBlocksAfter,\n\t\tonFocus,\n\t\tclientId,\n\t} = props;\n\n\tconst defaultEmbedInfo = {\n\t\ttitle: _x( 'Embed', 'block title' ),\n\t\ticon: embedContentIcon,\n\t};\n\tconst embedInfoByProvider = getEmbedInfoByProvider( providerNameSlug );\n\tconst { icon, title } = embedInfoByProvider || defaultEmbedInfo;\n\n\tconst { wasBlockJustInserted } = useSelect(\n\t\t( select ) => ( {\n\t\t\twasBlockJustInserted: select(\n\t\t\t\tblockEditorStore\n\t\t\t).wasBlockJustInserted( clientId, 'inserter_menu' ),\n\t\t} ),\n\t\t[ clientId ]\n\t);\n\tconst [ isEditingURL, setIsEditingURL ] = useState(\n\t\tisSelected && wasBlockJustInserted && ! url\n\t);\n\tconst [ showEmbedBottomSheet, setShowEmbedBottomSheet ] =\n\t\tuseState( isEditingURL );\n\tconst { invalidateResolution } = useDispatch( coreStore );\n\n\tconst { preview, fetching, themeSupportsResponsive, cannotEmbed } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetEmbedPreview,\n\t\t\t\t\thasFinishedResolution,\n\t\t\t\t\tisPreviewEmbedFallback,\n\t\t\t\t\tgetThemeSupports,\n\t\t\t\t} = select( coreStore );\n\t\t\t\tif ( ! url ) {\n\t\t\t\t\treturn { fetching: false, cannotEmbed: false };\n\t\t\t\t}\n\n\t\t\t\tconst embedPreview = getEmbedPreview( url );\n\t\t\t\tconst hasResolvedEmbedPreview = hasFinishedResolution(\n\t\t\t\t\t'getEmbedPreview',\n\t\t\t\t\t[ url ]\n\t\t\t\t);\n\t\t\t\tconst previewIsFallback = isPreviewEmbedFallback( url );\n\n\t\t\t\t// The external oEmbed provider does not exist. We got no type info and no html.\n\t\t\t\tconst badEmbedProvider =\n\t\t\t\t\tembedPreview?.html === false &&\n\t\t\t\t\tembedPreview?.type === undefined;\n\t\t\t\t// Some WordPress URLs that can't be embedded will cause the API to return\n\t\t\t\t// a valid JSON response with no HTML and `code` set to 404, rather\n\t\t\t\t// than generating a fallback response as other embeds do.\n\t\t\t\tconst wordpressCantEmbed = embedPreview?.code === '404';\n\t\t\t\tconst validPreview =\n\t\t\t\t\t!! embedPreview &&\n\t\t\t\t\t! badEmbedProvider &&\n\t\t\t\t\t! wordpressCantEmbed;\n\n\t\t\t\treturn {\n\t\t\t\t\tpreview: validPreview ? embedPreview : undefined,\n\t\t\t\t\tfetching: ! hasResolvedEmbedPreview,\n\t\t\t\t\tthemeSupportsResponsive:\n\t\t\t\t\t\tgetThemeSupports()[ 'responsive-embeds' ],\n\t\t\t\t\tcannotEmbed: ! validPreview || previewIsFallback,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ url ]\n\t\t);\n\n\t/**\n\t * Returns the attributes derived from the preview, merged with the current attributes.\n\t *\n\t * @return {Object} Merged attributes.\n\t */\n\tconst getMergedAttributes = () =>\n\t\tgetMergedAttributesWithPreview(\n\t\t\tattributes,\n\t\t\tpreview,\n\t\t\ttitle,\n\t\t\tresponsive\n\t\t);\n\n\tconst toggleResponsive = () => {\n\t\tconst { allowResponsive, className } = attributes;\n\t\tconst { html } = preview;\n\t\tconst newAllowResponsive = ! allowResponsive;\n\n\t\tsetAttributes( {\n\t\t\tallowResponsive: newAllowResponsive,\n\t\t\tclassName: getClassNames(\n\t\t\t\thtml,\n\t\t\t\tclassName,\n\t\t\t\tresponsive && newAllowResponsive\n\t\t\t),\n\t\t} );\n\t};\n\n\tuseEffect( () => {\n\t\tif ( ! preview?.html || ! cannotEmbed || fetching ) {\n\t\t\treturn;\n\t\t}\n\t\t// At this stage, we're not fetching the preview and know it can't be embedded,\n\t\t// so try removing any trailing slash, and resubmit.\n\t\tconst newURL = url.replace( /\\/$/, '' );\n\t\tsetIsEditingURL( false );\n\t\tsetAttributes( { url: newURL } );\n\t}, [ preview?.html, url, cannotEmbed, fetching ] );\n\n\t// Handle incoming preview.\n\tuseEffect( () => {\n\t\tif ( preview && ! isEditingURL ) {\n\t\t\t// When obtaining an incoming preview,\n\t\t\t// we set the attributes derived from the preview data.\n\t\t\tconst mergedAttributes = getMergedAttributes();\n\t\t\tsetAttributes( mergedAttributes );\n\n\t\t\tif ( onReplace ) {\n\t\t\t\tconst upgradedBlock = createUpgradedEmbedBlock(\n\t\t\t\t\tprops,\n\t\t\t\t\tmergedAttributes\n\t\t\t\t);\n\n\t\t\t\tif ( upgradedBlock ) {\n\t\t\t\t\tonReplace( upgradedBlock );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}, [ preview, isEditingURL ] );\n\n\tuseEffect(\n\t\t() => setShowEmbedBottomSheet( isEditingURL ),\n\t\t[ isEditingURL ]\n\t);\n\n\tconst onEditURL = useCallback(\n\t\t( value ) => {\n\t\t\t// If the embed URL was changed, we need to reset the aspect ratio class.\n\t\t\t// To do this we have to remove the existing ratio class so it can be recalculated.\n\t\t\tif ( attributes.url !== value ) {\n\t\t\t\tconst blockClass = removeAspectRatioClasses(\n\t\t\t\t\tattributes.className\n\t\t\t\t);\n\t\t\t\tsetAttributes( { className: blockClass } );\n\t\t\t}\n\n\t\t\t// The order of the following calls is important, we need to update the URL attribute before changing `isEditingURL`,\n\t\t\t// otherwise the side-effect that potentially replaces the block when updating the local state won't use the new URL\n\t\t\t// for creating the new block.\n\t\t\tsetAttributes( { url: value } );\n\t\t\tsetIsEditingURL( false );\n\t\t},\n\t\t[ attributes, setAttributes ]\n\t);\n\n\tconst blockProps = useBlockProps();\n\n\tif ( fetching ) {\n\t\treturn (\n\t\t\t<View { ...blockProps }>\n\t\t\t\t<EmbedLoading />\n\t\t\t</View>\n\t\t);\n\t}\n\n\tconst showEmbedPlaceholder = ! preview || cannotEmbed;\n\n\t// Even though we set attributes that get derived from the preview,\n\t// we don't access them directly because for the initial render,\n\t// the `setAttributes` call will not have taken effect. If we're\n\t// rendering responsive content, setting the responsive classes\n\t// after the preview has been rendered can result in unwanted\n\t// clipping or scrollbars. The `getAttributesFromPreview` function\n\t// that `getMergedAttributes` uses is memoized so that we're not\n\t// calculating them on every render.\n\tconst {\n\t\ttype,\n\t\tallowResponsive,\n\t\tclassName: classFromPreview,\n\t} = getMergedAttributes();\n\tconst className = classnames( classFromPreview, props.className );\n\n\tconst isProviderPreviewable =\n\t\tPREVIEWABLE_PROVIDERS.includes( providerNameSlug ) ||\n\t\t// For WordPress embeds, we enable the inline preview for all its providers\n\t\t// except the ones that are not supported yet.\n\t\t( WP_EMBED_TYPE === type &&\n\t\t\t! NOT_PREVIEWABLE_WP_EMBED_PROVIDERS.includes( providerNameSlug ) );\n\n\tconst linkLabel = WP_EMBED_TYPE === type ? 'WordPress' : title;\n\n\treturn (\n\t\t<>\n\t\t\t{ showEmbedPlaceholder ? (\n\t\t\t\t<>\n\t\t\t\t\t<View { ...blockProps }>\n\t\t\t\t\t\t<EmbedPlaceholder\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\tlabel={ title }\n\t\t\t\t\t\t\tonPress={ ( event ) => {\n\t\t\t\t\t\t\t\tonFocus( event );\n\t\t\t\t\t\t\t\tsetIsEditingURL( true );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tcannotEmbed={ cannotEmbed }\n\t\t\t\t\t\t\tfallback={ () => fallback( url, onReplace ) }\n\t\t\t\t\t\t\ttryAgain={ () => {\n\t\t\t\t\t\t\t\tinvalidateResolution( 'getEmbedPreview', [\n\t\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t\t] );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\topenEmbedLinkSettings={ () =>\n\t\t\t\t\t\t\t\tsetShowEmbedBottomSheet( true )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<EmbedControls\n\t\t\t\t\t\tthemeSupportsResponsive={ themeSupportsResponsive }\n\t\t\t\t\t\tblockSupportsResponsive={ responsive }\n\t\t\t\t\t\tallowResponsive={ allowResponsive }\n\t\t\t\t\t\ttoggleResponsive={ toggleResponsive }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\tlinkLabel={ linkLabel }\n\t\t\t\t\t\tonEditURL={ onEditURL }\n\t\t\t\t\t/>\n\t\t\t\t\t<View { ...blockProps }>\n\t\t\t\t\t\t<EmbedPreview\n\t\t\t\t\t\t\talign={ align }\n\t\t\t\t\t\t\tclassName={ className }\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\tlabel={ title }\n\t\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\t\tpreview={ preview }\n\t\t\t\t\t\t\tisProviderPreviewable={ isProviderPreviewable }\n\t\t\t\t\t\t\tpreviewable={ previewable }\n\t\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\tisDefaultEmbedInfo={ ! embedInfoByProvider }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<EmbedLinkSettings\n\t\t\t\t// eslint-disable-next-line jsx-a11y/no-autofocus\n\t\t\t\tautoFocus\n\t\t\t\tvalue={ url }\n\t\t\t\tlabel={ linkLabel }\n\t\t\t\tisVisible={ showEmbedBottomSheet }\n\t\t\t\tonClose={ () => setShowEmbedBottomSheet( false ) }\n\t\t\t\tonSubmit={ onEditURL }\n\t\t\t\twithBottomSheet\n\t\t\t/>\n\t\t</>\n\t);\n};\n\nexport default EmbedEdit;\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_util","_embedControls","_interopRequireDefault","_icons","_embedLoading","_embedPlaceholder","_embedPreview","_embedLinkSettings","_classnames","_i18n","_data","_blockEditor","_coreData","_primitives","_url","PREVIEWABLE_PROVIDERS","NOT_PREVIEWABLE_WP_EMBED_PROVIDERS","WP_EMBED_TYPE","EmbedEdit","props","attributes","align","providerNameSlug","previewable","responsive","url","isSelected","onReplace","setAttributes","insertBlocksAfter","onFocus","clientId","defaultEmbedInfo","title","_x","icon","embedContentIcon","embedInfoByProvider","getEmbedInfoByProvider","wasBlockJustInserted","useSelect","select","blockEditorStore","isEditingURL","setIsEditingURL","useState","showEmbedBottomSheet","setShowEmbedBottomSheet","invalidateResolution","useDispatch","coreStore","preview","fetching","themeSupportsResponsive","cannotEmbed","getEmbedPreview","hasFinishedResolution","isPreviewEmbedFallback","getThemeSupports","embedPreview","hasResolvedEmbedPreview","previewIsFallback","badEmbedProvider","html","type","undefined","wordpressCantEmbed","code","validPreview","getMergedAttributes","getMergedAttributesWithPreview","toggleResponsive","allowResponsive","className","newAllowResponsive","getClassNames","useEffect","newURL","replace","getAuthority","URL","host","toString","mergedAttributes","upgradedBlock","createUpgradedEmbedBlock","onEditURL","useCallback","value","blockClass","removeAspectRatioClasses","blockProps","useBlockProps","createElement","View","default","showEmbedPlaceholder","classFromPreview","classnames","isProviderPreviewable","includes","linkLabel","Fragment","label","onPress","event","fallback","tryAgain","openEmbedLinkSettings","blockSupportsResponsive","isDefaultEmbedInfo","autoFocus","isVisible","onClose","onSubmit","withBottomSheet","_default","exports"],"sources":["@wordpress/block-library/src/embed/edit.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tcreateUpgradedEmbedBlock,\n\tgetClassNames,\n\tremoveAspectRatioClasses,\n\tfallback,\n\tgetEmbedInfoByProvider,\n\tgetMergedAttributesWithPreview,\n} from './util';\nimport EmbedControls from './embed-controls';\nimport { embedContentIcon } from './icons';\nimport EmbedLoading from './embed-loading';\nimport EmbedPlaceholder from './embed-placeholder';\nimport EmbedPreview from './embed-preview';\nimport EmbedLinkSettings from './embed-link-settings';\n\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\nimport { useCallback, useState, useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { View } from '@wordpress/primitives';\nimport { getAuthority } from '@wordpress/url';\n\n// The inline preview feature will be released progressible, for this reason\n// the embed will only be considered previewable for the following providers list.\nconst PREVIEWABLE_PROVIDERS = [ 'youtube', 'twitter', 'instagram', 'vimeo' ];\n// Some providers are rendering the inline preview as a WordPress embed and\n// are not supported yet, so we need to disallow them with a fixed providers list.\nconst NOT_PREVIEWABLE_WP_EMBED_PROVIDERS = [ 'pinterest' ];\n\nconst WP_EMBED_TYPE = 'wp-embed';\n\nconst EmbedEdit = ( props ) => {\n\tconst {\n\t\tattributes: { align, providerNameSlug, previewable, responsive, url },\n\t\tattributes,\n\t\tisSelected,\n\t\tonReplace,\n\t\tsetAttributes,\n\t\tinsertBlocksAfter,\n\t\tonFocus,\n\t\tclientId,\n\t} = props;\n\n\tconst defaultEmbedInfo = {\n\t\ttitle: _x( 'Embed', 'block title' ),\n\t\ticon: embedContentIcon,\n\t};\n\tconst embedInfoByProvider = getEmbedInfoByProvider( providerNameSlug );\n\tconst { icon, title } = embedInfoByProvider || defaultEmbedInfo;\n\n\tconst { wasBlockJustInserted } = useSelect(\n\t\t( select ) => ( {\n\t\t\twasBlockJustInserted: select(\n\t\t\t\tblockEditorStore\n\t\t\t).wasBlockJustInserted( clientId, 'inserter_menu' ),\n\t\t} ),\n\t\t[ clientId ]\n\t);\n\tconst [ isEditingURL, setIsEditingURL ] = useState(\n\t\tisSelected && wasBlockJustInserted && ! url\n\t);\n\tconst [ showEmbedBottomSheet, setShowEmbedBottomSheet ] =\n\t\tuseState( isEditingURL );\n\tconst { invalidateResolution } = useDispatch( coreStore );\n\n\tconst { preview, fetching, themeSupportsResponsive, cannotEmbed } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetEmbedPreview,\n\t\t\t\t\thasFinishedResolution,\n\t\t\t\t\tisPreviewEmbedFallback,\n\t\t\t\t\tgetThemeSupports,\n\t\t\t\t} = select( coreStore );\n\t\t\t\tif ( ! url ) {\n\t\t\t\t\treturn { fetching: false, cannotEmbed: false };\n\t\t\t\t}\n\n\t\t\t\tconst embedPreview = getEmbedPreview( url );\n\t\t\t\tconst hasResolvedEmbedPreview = hasFinishedResolution(\n\t\t\t\t\t'getEmbedPreview',\n\t\t\t\t\t[ url ]\n\t\t\t\t);\n\t\t\t\tconst previewIsFallback = isPreviewEmbedFallback( url );\n\n\t\t\t\t// The external oEmbed provider does not exist. We got no type info and no html.\n\t\t\t\tconst badEmbedProvider =\n\t\t\t\t\tembedPreview?.html === false &&\n\t\t\t\t\tembedPreview?.type === undefined;\n\t\t\t\t// Some WordPress URLs that can't be embedded will cause the API to return\n\t\t\t\t// a valid JSON response with no HTML and `code` set to 404, rather\n\t\t\t\t// than generating a fallback response as other embeds do.\n\t\t\t\tconst wordpressCantEmbed = embedPreview?.code === '404';\n\t\t\t\tconst validPreview =\n\t\t\t\t\t!! embedPreview &&\n\t\t\t\t\t! badEmbedProvider &&\n\t\t\t\t\t! wordpressCantEmbed;\n\n\t\t\t\treturn {\n\t\t\t\t\tpreview: validPreview ? embedPreview : undefined,\n\t\t\t\t\tfetching: ! hasResolvedEmbedPreview,\n\t\t\t\t\tthemeSupportsResponsive:\n\t\t\t\t\t\tgetThemeSupports()[ 'responsive-embeds' ],\n\t\t\t\t\tcannotEmbed: ! validPreview || previewIsFallback,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ url ]\n\t\t);\n\n\t/**\n\t * Returns the attributes derived from the preview, merged with the current attributes.\n\t *\n\t * @return {Object} Merged attributes.\n\t */\n\tconst getMergedAttributes = () =>\n\t\tgetMergedAttributesWithPreview(\n\t\t\tattributes,\n\t\t\tpreview,\n\t\t\ttitle,\n\t\t\tresponsive\n\t\t);\n\n\tconst toggleResponsive = () => {\n\t\tconst { allowResponsive, className } = attributes;\n\t\tconst { html } = preview;\n\t\tconst newAllowResponsive = ! allowResponsive;\n\n\t\tsetAttributes( {\n\t\t\tallowResponsive: newAllowResponsive,\n\t\t\tclassName: getClassNames(\n\t\t\t\thtml,\n\t\t\t\tclassName,\n\t\t\t\tresponsive && newAllowResponsive\n\t\t\t),\n\t\t} );\n\t};\n\n\tuseEffect( () => {\n\t\tif ( ! preview?.html || ! cannotEmbed || fetching ) {\n\t\t\treturn;\n\t\t}\n\t\t// At this stage, we're not fetching the preview and know it can't be embedded,\n\t\t// so try removing any trailing slash, and resubmit.\n\t\tconst newURL = url.replace( /\\/$/, '' );\n\t\tsetIsEditingURL( false );\n\t\tsetAttributes( { url: newURL } );\n\t}, [ preview?.html, url, cannotEmbed, fetching ] );\n\n\t// Try a different provider in case the embed url is not supported.\n\tuseEffect( () => {\n\t\tif ( ! cannotEmbed || fetching || ! url ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Until X provider is supported in WordPress, as a workaround we use Twitter provider.\n\t\tif ( getAuthority( url ) === 'x.com' ) {\n\t\t\tconst newURL = new URL( url );\n\t\t\tnewURL.host = 'twitter.com';\n\t\t\tsetAttributes( { url: newURL.toString() } );\n\t\t}\n\t}, [ url, cannotEmbed, fetching, setAttributes ] );\n\n\t// Handle incoming preview.\n\tuseEffect( () => {\n\t\tif ( preview && ! isEditingURL ) {\n\t\t\t// When obtaining an incoming preview,\n\t\t\t// we set the attributes derived from the preview data.\n\t\t\tconst mergedAttributes = getMergedAttributes();\n\t\t\tsetAttributes( mergedAttributes );\n\n\t\t\tif ( onReplace ) {\n\t\t\t\tconst upgradedBlock = createUpgradedEmbedBlock(\n\t\t\t\t\tprops,\n\t\t\t\t\tmergedAttributes\n\t\t\t\t);\n\n\t\t\t\tif ( upgradedBlock ) {\n\t\t\t\t\tonReplace( upgradedBlock );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}, [ preview, isEditingURL ] );\n\n\tuseEffect(\n\t\t() => setShowEmbedBottomSheet( isEditingURL ),\n\t\t[ isEditingURL ]\n\t);\n\n\tconst onEditURL = useCallback(\n\t\t( value ) => {\n\t\t\t// If the embed URL was changed, we need to reset the aspect ratio class.\n\t\t\t// To do this we have to remove the existing ratio class so it can be recalculated.\n\t\t\tif ( attributes.url !== value ) {\n\t\t\t\tconst blockClass = removeAspectRatioClasses(\n\t\t\t\t\tattributes.className\n\t\t\t\t);\n\t\t\t\tsetAttributes( { className: blockClass } );\n\t\t\t}\n\n\t\t\t// The order of the following calls is important, we need to update the URL attribute before changing `isEditingURL`,\n\t\t\t// otherwise the side-effect that potentially replaces the block when updating the local state won't use the new URL\n\t\t\t// for creating the new block.\n\t\t\tsetAttributes( { url: value } );\n\t\t\tsetIsEditingURL( false );\n\t\t},\n\t\t[ attributes, setAttributes ]\n\t);\n\n\tconst blockProps = useBlockProps();\n\n\tif ( fetching ) {\n\t\treturn (\n\t\t\t<View { ...blockProps }>\n\t\t\t\t<EmbedLoading />\n\t\t\t</View>\n\t\t);\n\t}\n\n\tconst showEmbedPlaceholder = ! preview || cannotEmbed;\n\n\t// Even though we set attributes that get derived from the preview,\n\t// we don't access them directly because for the initial render,\n\t// the `setAttributes` call will not have taken effect. If we're\n\t// rendering responsive content, setting the responsive classes\n\t// after the preview has been rendered can result in unwanted\n\t// clipping or scrollbars. The `getAttributesFromPreview` function\n\t// that `getMergedAttributes` uses is memoized so that we're not\n\t// calculating them on every render.\n\tconst {\n\t\ttype,\n\t\tallowResponsive,\n\t\tclassName: classFromPreview,\n\t} = getMergedAttributes();\n\tconst className = classnames( classFromPreview, props.className );\n\n\tconst isProviderPreviewable =\n\t\tPREVIEWABLE_PROVIDERS.includes( providerNameSlug ) ||\n\t\t// For WordPress embeds, we enable the inline preview for all its providers\n\t\t// except the ones that are not supported yet.\n\t\t( WP_EMBED_TYPE === type &&\n\t\t\t! NOT_PREVIEWABLE_WP_EMBED_PROVIDERS.includes( providerNameSlug ) );\n\n\tconst linkLabel = WP_EMBED_TYPE === type ? 'WordPress' : title;\n\n\treturn (\n\t\t<>\n\t\t\t{ showEmbedPlaceholder ? (\n\t\t\t\t<>\n\t\t\t\t\t<View { ...blockProps }>\n\t\t\t\t\t\t<EmbedPlaceholder\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\tlabel={ title }\n\t\t\t\t\t\t\tonPress={ ( event ) => {\n\t\t\t\t\t\t\t\tonFocus( event );\n\t\t\t\t\t\t\t\tsetIsEditingURL( true );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tcannotEmbed={ cannotEmbed }\n\t\t\t\t\t\t\tfallback={ () => fallback( url, onReplace ) }\n\t\t\t\t\t\t\ttryAgain={ () => {\n\t\t\t\t\t\t\t\tinvalidateResolution( 'getEmbedPreview', [\n\t\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t\t] );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\topenEmbedLinkSettings={ () =>\n\t\t\t\t\t\t\t\tsetShowEmbedBottomSheet( true )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<EmbedControls\n\t\t\t\t\t\tthemeSupportsResponsive={ themeSupportsResponsive }\n\t\t\t\t\t\tblockSupportsResponsive={ responsive }\n\t\t\t\t\t\tallowResponsive={ allowResponsive }\n\t\t\t\t\t\ttoggleResponsive={ toggleResponsive }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\tlinkLabel={ linkLabel }\n\t\t\t\t\t\tonEditURL={ onEditURL }\n\t\t\t\t\t/>\n\t\t\t\t\t<View { ...blockProps }>\n\t\t\t\t\t\t<EmbedPreview\n\t\t\t\t\t\t\talign={ align }\n\t\t\t\t\t\t\tclassName={ className }\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\tlabel={ title }\n\t\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\t\tpreview={ preview }\n\t\t\t\t\t\t\tisProviderPreviewable={ isProviderPreviewable }\n\t\t\t\t\t\t\tpreviewable={ previewable }\n\t\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\tisDefaultEmbedInfo={ ! embedInfoByProvider }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<EmbedLinkSettings\n\t\t\t\t// eslint-disable-next-line jsx-a11y/no-autofocus\n\t\t\t\tautoFocus\n\t\t\t\tvalue={ url }\n\t\t\t\tlabel={ linkLabel }\n\t\t\t\tisVisible={ showEmbedBottomSheet }\n\t\t\t\tonClose={ () => setShowEmbedBottomSheet( false ) }\n\t\t\t\tonSubmit={ onEditURL }\n\t\t\t\twithBottomSheet\n\t\t\t/>\n\t\t</>\n\t);\n};\n\nexport default EmbedEdit;\n"],"mappings":"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"}

package/build/image/image.js

@@ -308,7 +308,7 @@ function Image({
   });
   const lightboxSetting = (0, _blockEditor.useSetting)('lightbox');
   const showLightboxToggle = !!lightbox || lightboxSetting?.allowEditing === true;
-  const lightboxChecked = lightbox?.enabled || !lightbox && lightboxSetting?.enabled;
+  const lightboxChecked = !!lightbox?.enabled || !lightbox && !!lightboxSetting?.enabled;
   const dimensionsControl = (0, _element.createElement)(DimensionsTool, {
     value: {
       width,