@wordpress/block-library 6.0.23 → 7.0.0

package/build-module/cover/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/index.js"],"names":["__","cover","icon","deprecated","edit","save","transforms","name","metadata","settings","example","attributes","customOverlayColor","dimRatio","url","innerBlocks","customFontSize","content","align"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,KAAK,IAAIC,IAAlB,QAA8B,kBAA9B;AAEA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,IAAP,MAAiB,QAAjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBP,EAAAA,IADuB;AAEvBQ,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,kBAAkB,EAAE,SADT;AAEXC,MAAAA,QAAQ,EAAE,EAFC;AAGXC,MAAAA,GAAG,EAAE;AAHM,KADJ;AAMRC,IAAAA,WAAW,EAAE,CACZ;AACCR,MAAAA,IAAI,EAAE,gBADP;AAECI,MAAAA,UAAU,EAAE;AACXK,QAAAA,cAAc,EAAE,EADL;AAEXC,QAAAA,OAAO,EAAEjB,EAAE,CAAE,8BAAF,CAFA;AAGXkB,QAAAA,KAAK,EAAE;AAHI;AAFb,KADY;AANL,GAFc;AAmBvBZ,EAAAA,UAnBuB;AAoBvBD,EAAAA,IApBuB;AAqBvBD,EAAAA,IArBuB;AAsBvBD,EAAAA;AAtBuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { cover as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tcustomOverlayColor: '#065174',\n\t\t\tdimRatio: 40,\n\t\t\turl: 'https://s.w.org/images/core/5.3/Windbuchencom.jpg',\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcustomFontSize: 48,\n\t\t\t\t\tcontent: __( '<strong>Snow Patrol</strong>' ),\n\t\t\t\t\talign: 'center',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\ttransforms,\n\tsave,\n\tedit,\n\tdeprecated,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/index.js"],"names":["__","cover","icon","deprecated","edit","save","transforms","name","metadata","settings","example","attributes","customOverlayColor","dimRatio","url","innerBlocks","customFontSize","content","align"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,KAAK,IAAIC,IAAlB,QAA8B,kBAA9B;AAEA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,IAAP,MAAiB,QAAjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBP,EAAAA,IADuB;AAEvBQ,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,kBAAkB,EAAE,SADT;AAEXC,MAAAA,QAAQ,EAAE,EAFC;AAGXC,MAAAA,GAAG,EAAE;AAHM,KADJ;AAMRC,IAAAA,WAAW,EAAE,CACZ;AACCR,MAAAA,IAAI,EAAE,gBADP;AAECI,MAAAA,UAAU,EAAE;AACXK,QAAAA,cAAc,EAAE,EADL;AAEXC,QAAAA,OAAO,EAAEjB,EAAE,CAAE,8BAAF,CAFA;AAGXkB,QAAAA,KAAK,EAAE;AAHI;AAFb,KADY;AANL,GAFc;AAmBvBZ,EAAAA,UAnBuB;AAoBvBD,EAAAA,IApBuB;AAqBvBD,EAAAA,IArBuB;AAsBvBD,EAAAA;AAtBuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { cover as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tcustomOverlayColor: '#065174',\n\t\t\tdimRatio: 40,\n\t\t\turl: 'https://s.w.org/images/core/5.3/Windbuchencom.jpg',\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcustomFontSize: 48,\n\t\t\t\t\tcontent: __( '<strong>Snow Patrol</strong>' ),\n\t\t\t\t\talign: 'center',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\ttransforms,\n\tsave,\n\tedit,\n\tdeprecated,\n};\n"]}

package/build-module/cover/overlay-color-settings.native.js

@@ -66,12 +66,22 @@ function OverlayColorSettings(_ref) {
       }
     };
 
+    const onColorCleared = () => {
+      setAttributes({
+        overlayColor: undefined,
+        customOverlayColor: undefined,
+        gradient: undefined,
+        customGradient: undefined
+      });
+    };
+
     return [{
       label: __('Color'),
       onColorChange,
       colorValue,
       gradientValue,
-      onGradientChange
+      onGradientChange,
+      onColorCleared
     }];
   }, [colorValue, gradientValue, colors, gradients]);
   return createElement(PanelColorGradientSettings, {

package/build-module/cover/overlay-color-settings.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/overlay-color-settings.native.js"],"names":["__","getColorObjectByColorValue","getColorObjectByAttributeValues","getGradientValueBySlug","getGradientSlugByValue","__experimentalPanelColorGradientSettings","PanelColorGradientSettings","useSetting","useMemo","OverlayColorSettings","overlayColor","customOverlayColor","gradient","customGradient","setAttributes","EMPTY_ARRAY","colors","gradients","gradientValue","colorValue","color","settings","setOverlayAttribute","attributeName","value","undefined","onColorChange","colorObject","slug","onGradientChange","label"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,SACCC,0BADD,EAECC,+BAFD,EAGCC,sBAHD,EAICC,sBAJD,EAKCC,wCAAwC,IAAIC,0BAL7C,EAMCC,UAND,QAOO,yBAPP;AAQA,SAASC,OAAT,QAAwB,oBAAxB;;AAEA,SAASC,oBAAT,OAMI;AAAA,MAN2B;AAC9BC,IAAAA,YAD8B;AAE9BC,IAAAA,kBAF8B;AAG9BC,IAAAA,QAH8B;AAI9BC,IAAAA,cAJ8B;AAK9BC,IAAAA;AAL8B,GAM3B;AACH,QAAMC,WAAW,GAAG,EAApB;AACA,QAAMC,MAAM,GAAGT,UAAU,CAAE,eAAF,CAAV,IAAiCQ,WAAhD;AACA,QAAME,SAAS,GAAGV,UAAU,CAAE,iBAAF,CAAV,IAAmCQ,WAArD;AAEA,QAAMG,aAAa,GAClBL,cAAc,IAAIV,sBAAsB,CAAEc,SAAF,EAAaL,QAAb,CADzC;AAGA,QAAMO,UAAU,GAAGjB,+BAA+B,CACjDc,MADiD,EAEjDN,YAFiD,EAGjDC,kBAHiD,CAA/B,CAIjBS,KAJF;AAMA,QAAMC,QAAQ,GAAGb,OAAO,CAAE,MAAM;AAC/B,UAAMc,mBAAmB,GAAG,CAAEC,aAAF,EAAiBC,KAAjB,KAA4B;AACvDV,MAAAA,aAAa,CAAE;AACd;AACAJ,QAAAA,YAAY,EAAEe,SAFA;AAGdd,QAAAA,kBAAkB,EAAEc,SAHN;AAIdb,QAAAA,QAAQ,EAAEa,SAJI;AAKdZ,QAAAA,cAAc,EAAEY,SALF;AAMd,SAAEF,aAAF,GAAmBC;AANL,OAAF,CAAb;AAQA,KATD;;AAWA,UAAME,aAAa,GAAKF,KAAF,IAAa;AAClC;AACA,UAAK,CAAEA,KAAP,EAAe;AACd;AACA;;AACD,YAAMG,WAAW,GAAG1B,0BAA0B,CAAEe,MAAF,EAAUQ,KAAV,CAA9C;;AACA,UAAKG,WAAL,aAAKA,WAAL,eAAKA,WAAW,CAAEC,IAAlB,EAAyB;AACxBN,QAAAA,mBAAmB,CAAE,cAAF,EAAkBK,WAAW,CAACC,IAA9B,CAAnB;AACA,OAFD,MAEO;AACNN,QAAAA,mBAAmB,CAAE,oBAAF,EAAwBE,KAAxB,CAAnB;AACA;AACD,KAXD;;AAaA,UAAMK,gBAAgB,GAAKL,KAAF,IAAa;AACrC;AACA,UAAK,CAAEA,KAAP,EAAe;AACd;AACA;;AACD,YAAMI,IAAI,GAAGxB,sBAAsB,CAAEa,SAAF,EAAaO,KAAb,CAAnC;;AACA,UAAKI,IAAL,EAAY;AACXN,QAAAA,mBAAmB,CAAE,UAAF,EAAcM,IAAd,CAAnB;AACA,OAFD,MAEO;AACNN,QAAAA,mBAAmB,CAAE,gBAAF,EAAoBE,KAApB,CAAnB;AACA;AACD,KAXD;;AAaA,WAAO,CACN;AACCM,MAAAA,KAAK,EAAE9B,EAAE,CAAE,OAAF,CADV;AAEC0B,MAAAA,aAFD;AAGCP,MAAAA,UAHD;AAICD,MAAAA,aAJD;AAKCW,MAAAA;AALD,KADM,CAAP;AASA,GA/CuB,EA+CrB,CAAEV,UAAF,EAAcD,aAAd,EAA6BF,MAA7B,EAAqCC,SAArC,CA/CqB,CAAxB;AAiDA,SACC,cAAC,0BAAD;AACC,IAAA,KAAK,EAAGjB,EAAE,CAAE,SAAF,CADX;AAEC,IAAA,WAAW,EAAG,KAFf;AAGC,IAAA,QAAQ,EAAGqB;AAHZ,IADD;AAOA;;AAED,eAAeZ,oBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\tgetGradientSlugByValue,\n\t__experimentalPanelColorGradientSettings as PanelColorGradientSettings,\n\tuseSetting,\n} from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\n\nfunction OverlayColorSettings( {\n\toverlayColor,\n\tcustomOverlayColor,\n\tgradient,\n\tcustomGradient,\n\tsetAttributes,\n} ) {\n\tconst EMPTY_ARRAY = [];\n\tconst colors = useSetting( 'color.palette' ) || EMPTY_ARRAY;\n\tconst gradients = useSetting( 'color.gradients' ) || EMPTY_ARRAY;\n\n\tconst gradientValue =\n\t\tcustomGradient || getGradientValueBySlug( gradients, gradient );\n\n\tconst colorValue = getColorObjectByAttributeValues(\n\t\tcolors,\n\t\toverlayColor,\n\t\tcustomOverlayColor\n\t).color;\n\n\tconst settings = useMemo( () => {\n\t\tconst setOverlayAttribute = ( attributeName, value ) => {\n\t\t\tsetAttributes( {\n\t\t\t\t// clear all related attributes (only one should be set)\n\t\t\t\toverlayColor: undefined,\n\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tcustomGradient: undefined,\n\t\t\t\t[ attributeName ]: value,\n\t\t\t} );\n\t\t};\n\n\t\tconst onColorChange = ( value ) => {\n\t\t\t// do nothing for falsy values\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst colorObject = getColorObjectByColorValue( colors, value );\n\t\t\tif ( colorObject?.slug ) {\n\t\t\t\tsetOverlayAttribute( 'overlayColor', colorObject.slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customOverlayColor', value );\n\t\t\t}\n\t\t};\n\n\t\tconst onGradientChange = ( value ) => {\n\t\t\t// do nothing for falsy values\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst slug = getGradientSlugByValue( gradients, value );\n\t\t\tif ( slug ) {\n\t\t\t\tsetOverlayAttribute( 'gradient', slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customGradient', value );\n\t\t\t}\n\t\t};\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: __( 'Color' ),\n\t\t\t\tonColorChange,\n\t\t\t\tcolorValue,\n\t\t\t\tgradientValue,\n\t\t\t\tonGradientChange,\n\t\t\t},\n\t\t];\n\t}, [ colorValue, gradientValue, colors, gradients ] );\n\n\treturn (\n\t\t<PanelColorGradientSettings\n\t\t\ttitle={ __( 'Overlay' ) }\n\t\t\tinitialOpen={ false }\n\t\t\tsettings={ settings }\n\t\t/>\n\t);\n}\n\nexport default OverlayColorSettings;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/overlay-color-settings.native.js"],"names":["__","getColorObjectByColorValue","getColorObjectByAttributeValues","getGradientValueBySlug","getGradientSlugByValue","__experimentalPanelColorGradientSettings","PanelColorGradientSettings","useSetting","useMemo","OverlayColorSettings","overlayColor","customOverlayColor","gradient","customGradient","setAttributes","EMPTY_ARRAY","colors","gradients","gradientValue","colorValue","color","settings","setOverlayAttribute","attributeName","value","undefined","onColorChange","colorObject","slug","onGradientChange","onColorCleared","label"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\tgetGradientSlugByValue,\n\t__experimentalPanelColorGradientSettings as PanelColorGradientSettings,\n\tuseSetting,\n} from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\n\nfunction OverlayColorSettings( {\n\toverlayColor,\n\tcustomOverlayColor,\n\tgradient,\n\tcustomGradient,\n\tsetAttributes,\n} ) {\n\tconst EMPTY_ARRAY = [];\n\tconst colors = useSetting( 'color.palette' ) || EMPTY_ARRAY;\n\tconst gradients = useSetting( 'color.gradients' ) || EMPTY_ARRAY;\n\n\tconst gradientValue =\n\t\tcustomGradient || getGradientValueBySlug( gradients, gradient );\n\n\tconst colorValue = getColorObjectByAttributeValues(\n\t\tcolors,\n\t\toverlayColor,\n\t\tcustomOverlayColor\n\t).color;\n\n\tconst settings = useMemo( () => {\n\t\tconst setOverlayAttribute = ( attributeName, value ) => {\n\t\t\tsetAttributes( {\n\t\t\t\t// clear all related attributes (only one should be set)\n\t\t\t\toverlayColor: undefined,\n\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tcustomGradient: undefined,\n\t\t\t\t[ attributeName ]: value,\n\t\t\t} );\n\t\t};\n\n\t\tconst onColorChange = ( value ) => {\n\t\t\t// do nothing for falsy values\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst colorObject = getColorObjectByColorValue( colors, value );\n\t\t\tif ( colorObject?.slug ) {\n\t\t\t\tsetOverlayAttribute( 'overlayColor', colorObject.slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customOverlayColor', value );\n\t\t\t}\n\t\t};\n\n\t\tconst onGradientChange = ( value ) => {\n\t\t\t// do nothing for falsy values\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst slug = getGradientSlugByValue( gradients, value );\n\t\t\tif ( slug ) {\n\t\t\t\tsetOverlayAttribute( 'gradient', slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customGradient', value );\n\t\t\t}\n\t\t};\n\n\t\tconst onColorCleared = () => {\n\t\t\tsetAttributes( {\n\t\t\t\toverlayColor: undefined,\n\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tcustomGradient: undefined,\n\t\t\t} );\n\t\t};\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: __( 'Color' ),\n\t\t\t\tonColorChange,\n\t\t\t\tcolorValue,\n\t\t\t\tgradientValue,\n\t\t\t\tonGradientChange,\n\t\t\t\tonColorCleared,\n\t\t\t},\n\t\t];\n\t}, [ colorValue, gradientValue, colors, gradients ] );\n\n\treturn (\n\t\t<PanelColorGradientSettings\n\t\t\ttitle={ __( 'Overlay' ) }\n\t\t\tinitialOpen={ false }\n\t\t\tsettings={ settings }\n\t\t/>\n\t);\n}\n\nexport default OverlayColorSettings;\n"]}

package/build-module/cover/save.js

@@ -59,15 +59,20 @@ export default function save(_ref) {
     'is-repeated': isRepeated,
     'has-custom-content-position': !isContentPositionCenter(contentPosition)
   }, getPositionClassName(contentPosition));
+  const gradientValue = gradient || customGradient;
   return createElement("div", useBlockProps.save({
     className: classes,
     style
   }), createElement("span", {
     "aria-hidden": "true",
-    className: classnames(overlayColorClass, dimRatioToClass(dimRatio), 'wp-block-cover__gradient-background', gradientClass, {
+    className: classnames('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
       'has-background-dim': dimRatio !== undefined,
-      'has-background-gradient': gradient || customGradient,
-      [gradientClass]: !url && gradientClass
+      // For backwards compatibility. Former versions of the Cover Block applied
+      // `.wp-block-cover__gradient-background` in the presence of
+      // media, a gradient and a dim.
+      'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+      'has-background-gradient': gradientValue,
+      [gradientClass]: gradientClass
     }),
     style: bgStyle
   }), isImageBackground && isImgElement && url && createElement("img", {

package/build-module/cover/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/save.js"],"names":["classnames","useInnerBlocksProps","getColorClassName","__experimentalGetGradientClass","useBlockProps","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","backgroundImageStyles","dimRatioToClass","isContentPositionCenter","getPositionClassName","save","attributes","backgroundType","gradient","contentPosition","customGradient","customOverlayColor","dimRatio","focalPoint","hasParallax","isDark","isRepeated","overlayColor","url","alt","id","minHeight","minHeightProp","minHeightUnit","overlayColorClass","gradientClass","isImageBackground","isVideoBackground","isImgElement","style","undefined","bgStyle","backgroundColor","background","objectPosition","Math","round","x","y","classes","className"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseInnerBlocksProps,\n\tgetColorClassName,\n\t__experimentalGetGradientClass,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport {\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tbackgroundImageStyles,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n} from './shared';\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tbackgroundType,\n\t\tgradient,\n\t\tcontentPosition,\n\t\tcustomGradient,\n\t\tcustomOverlayColor,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\toverlayColor,\n\t\turl,\n\t\talt,\n\t\tid,\n\t\tminHeight: minHeightProp,\n\t\tminHeightUnit,\n\t} = attributes;\n\tconst overlayColorClass = getColorClassName(\n\t\t'background-color',\n\t\toverlayColor\n\t);\n\tconst gradientClass = __experimentalGetGradientClass( gradient );\n\tconst minHeight = minHeightUnit\n\t\t? `${ minHeightProp }${ minHeightUnit }`\n\t\t: minHeightProp;\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\t...( isImageBackground && ! isImgElement\n\t\t\t? backgroundImageStyles( url )\n\t\t\t: {} ),\n\t\tminHeight: minHeight || undefined,\n\t};\n\n\tconst bgStyle = {\n\t\tbackgroundColor: ! overlayColorClass ? customOverlayColor : undefined,\n\t\tbackground: customGradient ? customGradient : undefined,\n\t};\n\n\tconst objectPosition =\n\t\t// prettier-ignore\n\t\tfocalPoint && isImgElement\n\t\t\t ? `${ Math.round( focalPoint.x * 100 ) }% ${ Math.round( focalPoint.y * 100 ) }%`\n\t\t\t : undefined;\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-light': ! isDark,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t\t'has-custom-content-position': ! isContentPositionCenter(\n\t\t\t\tcontentPosition\n\t\t\t),\n\t\t},\n\t\tgetPositionClassName( contentPosition )\n\t);\n\n\treturn (\n\t\t<div { ...useBlockProps.save( { className: classes, style } ) }>\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\toverlayColorClass,\n\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t'wp-block-cover__gradient-background',\n\t\t\t\t\tgradientClass,\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t'has-background-gradient': gradient || customGradient,\n\t\t\t\t\t\t[ gradientClass ]: ! url && gradientClass,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tstyle={ bgStyle }\n\t\t\t/>\n\n\t\t\t{ isImageBackground && isImgElement && url && (\n\t\t\t\t<img\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'wp-block-cover__image-background',\n\t\t\t\t\t\tid ? `wp-image-${ id }` : null\n\t\t\t\t\t) }\n\t\t\t\t\talt={ alt }\n\t\t\t\t\tsrc={ url }\n\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isVideoBackground && url && (\n\t\t\t\t<video\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'wp-block-cover__video-background',\n\t\t\t\t\t\t'intrinsic-ignore'\n\t\t\t\t\t) }\n\t\t\t\t\tautoPlay\n\t\t\t\t\tmuted\n\t\t\t\t\tloop\n\t\t\t\t\tplaysInline\n\t\t\t\t\tsrc={ url }\n\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/save.js"],"names":["classnames","useInnerBlocksProps","getColorClassName","__experimentalGetGradientClass","useBlockProps","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","backgroundImageStyles","dimRatioToClass","isContentPositionCenter","getPositionClassName","save","attributes","backgroundType","gradient","contentPosition","customGradient","customOverlayColor","dimRatio","focalPoint","hasParallax","isDark","isRepeated","overlayColor","url","alt","id","minHeight","minHeightProp","minHeightUnit","overlayColorClass","gradientClass","isImageBackground","isVideoBackground","isImgElement","style","undefined","bgStyle","backgroundColor","background","objectPosition","Math","round","x","y","classes","gradientValue","className"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseInnerBlocksProps,\n\tgetColorClassName,\n\t__experimentalGetGradientClass,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport {\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tbackgroundImageStyles,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n} from './shared';\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tbackgroundType,\n\t\tgradient,\n\t\tcontentPosition,\n\t\tcustomGradient,\n\t\tcustomOverlayColor,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\toverlayColor,\n\t\turl,\n\t\talt,\n\t\tid,\n\t\tminHeight: minHeightProp,\n\t\tminHeightUnit,\n\t} = attributes;\n\tconst overlayColorClass = getColorClassName(\n\t\t'background-color',\n\t\toverlayColor\n\t);\n\tconst gradientClass = __experimentalGetGradientClass( gradient );\n\tconst minHeight = minHeightUnit\n\t\t? `${ minHeightProp }${ minHeightUnit }`\n\t\t: minHeightProp;\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\t...( isImageBackground && ! isImgElement\n\t\t\t? backgroundImageStyles( url )\n\t\t\t: {} ),\n\t\tminHeight: minHeight || undefined,\n\t};\n\n\tconst bgStyle = {\n\t\tbackgroundColor: ! overlayColorClass ? customOverlayColor : undefined,\n\t\tbackground: customGradient ? customGradient : undefined,\n\t};\n\n\tconst objectPosition =\n\t\t// prettier-ignore\n\t\tfocalPoint && isImgElement\n\t\t\t ? `${ Math.round( focalPoint.x * 100 ) }% ${ Math.round( focalPoint.y * 100 ) }%`\n\t\t\t : undefined;\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-light': ! isDark,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t\t'has-custom-content-position': ! isContentPositionCenter(\n\t\t\t\tcontentPosition\n\t\t\t),\n\t\t},\n\t\tgetPositionClassName( contentPosition )\n\t);\n\n\tconst gradientValue = gradient || customGradient;\n\n\treturn (\n\t\t<div { ...useBlockProps.save( { className: classes, style } ) }>\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\toverlayColorClass,\n\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tstyle={ bgStyle }\n\t\t\t/>\n\n\t\t\t{ isImageBackground && isImgElement && url && (\n\t\t\t\t<img\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'wp-block-cover__image-background',\n\t\t\t\t\t\tid ? `wp-image-${ id }` : null\n\t\t\t\t\t) }\n\t\t\t\t\talt={ alt }\n\t\t\t\t\tsrc={ url }\n\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isVideoBackground && url && (\n\t\t\t\t<video\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'wp-block-cover__video-background',\n\t\t\t\t\t\t'intrinsic-ignore'\n\t\t\t\t\t) }\n\t\t\t\t\tautoPlay\n\t\t\t\t\tmuted\n\t\t\t\t\tloop\n\t\t\t\t\tplaysInline\n\t\t\t\t\tsrc={ url }\n\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}

package/build-module/embed/deprecated.js

@@ -9,6 +9,7 @@ import classnames from 'classnames';
  */
 
 const metadata = {
+  $schema: "https://schemas.wp.org/trunk/block.json",
   apiVersion: 2,
   name: "core/embed",
   title: "Embed",

package/build-module/embed/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/deprecated.js"],"names":["classnames","RichText","attributes","blockAttributes","metadata","deprecated","save","url","caption","type","providerNameSlug","embedClassName","isEmpty"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;;AACA,SAASC,QAAT,QAAyB,yBAAzB;AAEA,MAAM;AAAEC,EAAAA,UAAU,EAAEC;AAAd,IAAkCC,QAAxC;AAEA,MAAMC,UAAU,GAAG,CAClB;AACCH,EAAAA,UAAU,EAAEC,eADb;;AAECG,EAAAA,IAAI,OAA6D;AAAA,QAA3D;AAAEJ,MAAAA,UAAU,EAAE;AAAEK,QAAAA,GAAF;AAAOC,QAAAA,OAAP;AAAgBC,QAAAA,IAAhB;AAAsBC,QAAAA;AAAtB;AAAd,KAA2D;;AAChE,QAAK,CAAEH,GAAP,EAAa;AACZ,aAAO,IAAP;AACA;;AAED,UAAMI,cAAc,GAAGX,UAAU,CAAE,gBAAF,EAAoB;AACpD,OAAG,WAAWS,IAAM,EAApB,GAAyBA,IAD2B;AAEpD,OAAG,eAAeC,gBAAkB,EAApC,GAAyCA;AAFW,KAApB,CAAjC;AAKA,WACC;AAAQ,MAAA,SAAS,EAAGC;AAApB,OACI,KAAKJ,GAAK;AAAI;AADlB,MAEG,CAAEN,QAAQ,CAACW,OAAT,CAAkBJ,OAAlB,CAAF,IACD,cAAC,QAAD,CAAU,OAAV;AACC,MAAA,OAAO,EAAC,YADT;AAEC,MAAA,KAAK,EAAGA;AAFT,MAHF,CADD;AAWA;;AAvBF,CADkB,CAAnB;AA4BA,eAAeH,UAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\n\n/**\n * WordPress dependencies\n */\nimport { RichText } from '@wordpress/block-editor';\n\nconst { attributes: blockAttributes } = metadata;\n\nconst deprecated = [\n\t{\n\t\tattributes: blockAttributes,\n\t\tsave( { attributes: { url, caption, type, providerNameSlug } } ) {\n\t\t\tif ( ! url ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst embedClassName = classnames( 'wp-block-embed', {\n\t\t\t\t[ `is-type-${ type }` ]: type,\n\t\t\t\t[ `is-provider-${ providerNameSlug }` ]: providerNameSlug,\n\t\t\t} );\n\n\t\t\treturn (\n\t\t\t\t<figure className={ embedClassName }>\n\t\t\t\t\t{ `\\n${ url }\\n` /* URL needs to be on its own line. */ }\n\t\t\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t\t\t<RichText.Content\n\t\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</figure>\n\t\t\t);\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/embed/deprecated.js"],"names":["classnames","RichText","attributes","blockAttributes","metadata","deprecated","save","url","caption","type","providerNameSlug","embedClassName","isEmpty"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;;AACA,SAASC,QAAT,QAAyB,yBAAzB;AAEA,MAAM;AAAEC,EAAAA,UAAU,EAAEC;AAAd,IAAkCC,QAAxC;AAEA,MAAMC,UAAU,GAAG,CAClB;AACCH,EAAAA,UAAU,EAAEC,eADb;;AAECG,EAAAA,IAAI,OAA6D;AAAA,QAA3D;AAAEJ,MAAAA,UAAU,EAAE;AAAEK,QAAAA,GAAF;AAAOC,QAAAA,OAAP;AAAgBC,QAAAA,IAAhB;AAAsBC,QAAAA;AAAtB;AAAd,KAA2D;;AAChE,QAAK,CAAEH,GAAP,EAAa;AACZ,aAAO,IAAP;AACA;;AAED,UAAMI,cAAc,GAAGX,UAAU,CAAE,gBAAF,EAAoB;AACpD,OAAG,WAAWS,IAAM,EAApB,GAAyBA,IAD2B;AAEpD,OAAG,eAAeC,gBAAkB,EAApC,GAAyCA;AAFW,KAApB,CAAjC;AAKA,WACC;AAAQ,MAAA,SAAS,EAAGC;AAApB,OACI,KAAKJ,GAAK;AAAI;AADlB,MAEG,CAAEN,QAAQ,CAACW,OAAT,CAAkBJ,OAAlB,CAAF,IACD,cAAC,QAAD,CAAU,OAAV;AACC,MAAA,OAAO,EAAC,YADT;AAEC,MAAA,KAAK,EAAGA;AAFT,MAHF,CADD;AAWA;;AAvBF,CADkB,CAAnB;AA4BA,eAAeH,UAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\n\n/**\n * WordPress dependencies\n */\nimport { RichText } from '@wordpress/block-editor';\n\nconst { attributes: blockAttributes } = metadata;\n\nconst deprecated = [\n\t{\n\t\tattributes: blockAttributes,\n\t\tsave( { attributes: { url, caption, type, providerNameSlug } } ) {\n\t\t\tif ( ! url ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst embedClassName = classnames( 'wp-block-embed', {\n\t\t\t\t[ `is-type-${ type }` ]: type,\n\t\t\t\t[ `is-provider-${ providerNameSlug }` ]: providerNameSlug,\n\t\t\t} );\n\n\t\t\treturn (\n\t\t\t\t<figure className={ embedClassName }>\n\t\t\t\t\t{ `\\n${ url }\\n` /* URL needs to be on its own line. */ }\n\t\t\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t\t\t<RichText.Content\n\t\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</figure>\n\t\t\t);\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"]}

package/build-module/embed/edit.native.js

@@ -9,7 +9,7 @@ import { embedContentIcon } from './icons';
 import EmbedLoading from './embed-loading';
 import EmbedPlaceholder from './embed-placeholder';
 import EmbedPreview from './embed-preview';
-import EmbedBottomSheet from './embed-bottom-sheet';
+import EmbedLinkSettings from './embed-link-settings';
 /**
  * External dependencies
  */
@@ -20,7 +20,7 @@ import classnames from 'classnames';
  */
 
 import { _x } from '@wordpress/i18n';
-import { useState, useEffect } from '@wordpress/element';
+import { useCallback, useState, useEffect } from '@wordpress/element';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { useBlockProps, store as blockEditorStore } from '@wordpress/block-editor';
 import { store as coreStore } from '@wordpress/core-data';
@@ -171,6 +171,15 @@ const EmbedEdit = props => {
     }
   }, [preview, isEditingURL]);
   useEffect(() => setShowEmbedBottomSheet(isEditingURL), [isEditingURL]);
+  const onEditURL = useCallback(value => {
+    // The order of the following calls is important, we need to update the URL attribute before changing `isEditingURL`,
+    // otherwise the side-effect that potentially replaces the block when updating the local state won't use the new URL
+    // for creating the new block.
+    setAttributes({
+      url: value
+    });
+    setIsEditingURL(false);
+  }, []);
   const blockProps = useBlockProps();
 
   if (fetching) {
@@ -195,11 +204,8 @@ const EmbedEdit = props => {
   const isProviderPreviewable = PREVIEWABLE_PROVIDERS.includes(providerNameSlug) || // For WordPress embeds, we enable the inline preview for all its providers
   // except the ones that are not supported yet.
   WP_EMBED_TYPE === type && !NOT_PREVIEWABLE_WP_EMBED_PROVIDERS.includes(providerNameSlug);
-  const bottomSheetLabel = WP_EMBED_TYPE === type ? 'WordPress' : title;
-  return createElement(Fragment, null, showEmbedPlaceholder ? createElement(Fragment, null, createElement(EmbedControls, {
-    showEditButton: cannotEmbed,
-    switchBackToURLInput: () => setIsEditingURL(true)
-  }), createElement(View, blockProps, createElement(EmbedPlaceholder, {
+  const linkLabel = WP_EMBED_TYPE === type ? 'WordPress' : title;
+  return createElement(Fragment, null, showEmbedPlaceholder ? createElement(Fragment, null, createElement(View, blockProps, createElement(EmbedPlaceholder, {
     icon: icon,
     isSelected: isSelected,
     label: title,
@@ -211,14 +217,16 @@ const EmbedEdit = props => {
     fallback: () => fallback(url, onReplace),
     tryAgain: () => {
       invalidateResolution('getEmbedPreview', [url]);
-    }
+    },
+    openEmbedLinkSettings: () => setShowEmbedBottomSheet(true)
   }))) : createElement(Fragment, null, createElement(EmbedControls, {
-    showEditButton: preview && !cannotEmbed,
     themeSupportsResponsive: themeSupportsResponsive,
     blockSupportsResponsive: responsive,
     allowResponsive: allowResponsive,
     toggleResponsive: toggleResponsive,
-    switchBackToURLInput: () => setIsEditingURL(true)
+    url: url,
+    linkLabel: linkLabel,
+    onEditURL: onEditURL
   }), createElement(View, blockProps, createElement(EmbedPreview, {
     align: align,
     className: className,
@@ -234,20 +242,15 @@ const EmbedEdit = props => {
     type: type,
     url: url,
     isDefaultEmbedInfo: !embedInfoByProvider
-  }))), createElement(EmbedBottomSheet, {
+  }))), createElement(EmbedLinkSettings // eslint-disable-next-line jsx-a11y/no-autofocus
+  , {
+    autoFocus: true,
     value: url,
-    label: bottomSheetLabel,
+    label: linkLabel,
     isVisible: showEmbedBottomSheet,
     onClose: () => setShowEmbedBottomSheet(false),
-    onSubmit: value => {
-      // The order of the following calls is important, we need to update the URL attribute before changing `isEditingURL`,
-      // otherwise the side-effect that potentially replaces the block when updating the local state won't use the new URL
-      // for creating the new block.
-      setAttributes({
-        url: value
-      });
-      setIsEditingURL(false);
-    }
+    onSubmit: onEditURL,
+    withBottomSheet: true
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/edit.native.js"],"names":["createUpgradedEmbedBlock","getClassNames","fallback","getAttributesFromPreview","getEmbedInfoByProvider","EmbedControls","embedContentIcon","EmbedLoading","EmbedPlaceholder","EmbedPreview","EmbedBottomSheet","classnames","_x","useState","useEffect","useDispatch","useSelect","useBlockProps","store","blockEditorStore","coreStore","View","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","icon","embedInfoByProvider","wasBlockJustInserted","select","isEditingURL","setIsEditingURL","showEmbedBottomSheet","setShowEmbedBottomSheet","invalidateResolution","preview","fetching","themeSupportsResponsive","cannotEmbed","getEmbedPreview","hasFinishedResolution","isPreviewEmbedFallback","getThemeSupports","embedPreview","hasResolvedEmbedPreview","previewIsFallback","badEmbedProvider","html","type","undefined","wordpressCantEmbed","code","validPreview","getMergedAttributes","ignorePreviousClassName","allowResponsive","className","toggleResponsive","newAllowResponsive","newURL","replace","upgradedBlock","blockProps","showEmbedPlaceholder","classFromPreview","isProviderPreviewable","includes","bottomSheetLabel","event","value"],"mappings":"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","sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tcreateUpgradedEmbedBlock,\n\tgetClassNames,\n\tfallback,\n\tgetAttributesFromPreview,\n\tgetEmbedInfoByProvider,\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 EmbedBottomSheet from './embed-bottom-sheet';\n\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\nimport { 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 ] = useState(\n\t\tisEditingURL\n\t);\n\tconst { invalidateResolution } = useDispatch( coreStore );\n\n\tconst {\n\t\tpreview,\n\t\tfetching,\n\t\tthemeSupportsResponsive,\n\t\tcannotEmbed,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetEmbedPreview,\n\t\t\t\thasFinishedResolution,\n\t\t\t\tisPreviewEmbedFallback,\n\t\t\t\tgetThemeSupports,\n\t\t\t} = select( coreStore );\n\t\t\tif ( ! url ) {\n\t\t\t\treturn { fetching: false, cannotEmbed: false };\n\t\t\t}\n\n\t\t\tconst embedPreview = getEmbedPreview( url );\n\t\t\tconst hasResolvedEmbedPreview = hasFinishedResolution(\n\t\t\t\t'getEmbedPreview',\n\t\t\t\t[ url ]\n\t\t\t);\n\t\t\tconst previewIsFallback = isPreviewEmbedFallback( url );\n\n\t\t\t// The external oEmbed provider does not exist. We got no type info and no html.\n\t\t\tconst badEmbedProvider =\n\t\t\t\tembedPreview?.html === false &&\n\t\t\t\tembedPreview?.type === undefined;\n\t\t\t// Some WordPress URLs that can't be embedded will cause the API to return\n\t\t\t// a valid JSON response with no HTML and `code` set to 404, rather\n\t\t\t// than generating a fallback response as other embeds do.\n\t\t\tconst wordpressCantEmbed = embedPreview?.code === '404';\n\t\t\tconst validPreview =\n\t\t\t\t!! embedPreview && ! badEmbedProvider && ! wordpressCantEmbed;\n\n\t\t\treturn {\n\t\t\t\tpreview: validPreview ? embedPreview : undefined,\n\t\t\t\tfetching: ! hasResolvedEmbedPreview,\n\t\t\t\tthemeSupportsResponsive: getThemeSupports()[\n\t\t\t\t\t'responsive-embeds'\n\t\t\t\t],\n\t\t\t\tcannotEmbed: ! validPreview || previewIsFallback,\n\t\t\t};\n\t\t},\n\t\t[ url ]\n\t);\n\n\t/**\n\t * Returns the attributes derived from the preview, merged with the current attributes.\n\t *\n\t * @param {boolean} ignorePreviousClassName Determines if the previous className attribute should be ignored when merging.\n\t * @return {Object} Merged attributes.\n\t */\n\tconst getMergedAttributes = ( ignorePreviousClassName = false ) => {\n\t\tconst { allowResponsive, className } = attributes;\n\t\treturn {\n\t\t\t...attributes,\n\t\t\t...getAttributesFromPreview(\n\t\t\t\tpreview,\n\t\t\t\ttitle,\n\t\t\t\tignorePreviousClassName ? undefined : className,\n\t\t\t\tresponsive,\n\t\t\t\tallowResponsive\n\t\t\t),\n\t\t};\n\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 ] );\n\n\t// Handle incoming preview\n\tuseEffect( () => {\n\t\tif ( preview && ! isEditingURL ) {\n\t\t\t// When obtaining an incoming preview, we set the attributes derived from\n\t\t\t// the preview data. In this case when getting the merged attributes,\n\t\t\t// we ignore the previous classname because it might not match the expected\n\t\t\t// classes by the new preview.\n\t\t\tsetAttributes( getMergedAttributes( true ) );\n\n\t\t\tif ( onReplace ) {\n\t\t\t\tconst upgradedBlock = createUpgradedEmbedBlock(\n\t\t\t\t\tprops,\n\t\t\t\t\tgetMergedAttributes()\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( () => setShowEmbedBottomSheet( isEditingURL ), [\n\t\tisEditingURL,\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 bottomSheetLabel = 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<EmbedControls\n\t\t\t\t\t\tshowEditButton={ cannotEmbed }\n\t\t\t\t\t\tswitchBackToURLInput={ () => setIsEditingURL( true ) }\n\t\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/>\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\tshowEditButton={ preview && ! cannotEmbed }\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\tswitchBackToURLInput={ () => setIsEditingURL( true ) }\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<EmbedBottomSheet\n\t\t\t\tvalue={ url }\n\t\t\t\tlabel={ bottomSheetLabel }\n\t\t\t\tisVisible={ showEmbedBottomSheet }\n\t\t\t\tonClose={ () => setShowEmbedBottomSheet( false ) }\n\t\t\t\tonSubmit={ ( value ) => {\n\t\t\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\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\t\t// for creating the new block.\n\t\t\t\t\tsetAttributes( { url: value } );\n\t\t\t\t\tsetIsEditingURL( false );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</>\n\t);\n};\n\nexport default EmbedEdit;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/embed/edit.native.js"],"names":["createUpgradedEmbedBlock","getClassNames","fallback","getAttributesFromPreview","getEmbedInfoByProvider","EmbedControls","embedContentIcon","EmbedLoading","EmbedPlaceholder","EmbedPreview","EmbedLinkSettings","classnames","_x","useCallback","useState","useEffect","useDispatch","useSelect","useBlockProps","store","blockEditorStore","coreStore","View","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","icon","embedInfoByProvider","wasBlockJustInserted","select","isEditingURL","setIsEditingURL","showEmbedBottomSheet","setShowEmbedBottomSheet","invalidateResolution","preview","fetching","themeSupportsResponsive","cannotEmbed","getEmbedPreview","hasFinishedResolution","isPreviewEmbedFallback","getThemeSupports","embedPreview","hasResolvedEmbedPreview","previewIsFallback","badEmbedProvider","html","type","undefined","wordpressCantEmbed","code","validPreview","getMergedAttributes","ignorePreviousClassName","allowResponsive","className","toggleResponsive","newAllowResponsive","newURL","replace","upgradedBlock","onEditURL","value","blockProps","showEmbedPlaceholder","classFromPreview","isProviderPreviewable","includes","linkLabel","event"],"mappings":"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","sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tcreateUpgradedEmbedBlock,\n\tgetClassNames,\n\tfallback,\n\tgetAttributesFromPreview,\n\tgetEmbedInfoByProvider,\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 ] = useState(\n\t\tisEditingURL\n\t);\n\tconst { invalidateResolution } = useDispatch( coreStore );\n\n\tconst {\n\t\tpreview,\n\t\tfetching,\n\t\tthemeSupportsResponsive,\n\t\tcannotEmbed,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetEmbedPreview,\n\t\t\t\thasFinishedResolution,\n\t\t\t\tisPreviewEmbedFallback,\n\t\t\t\tgetThemeSupports,\n\t\t\t} = select( coreStore );\n\t\t\tif ( ! url ) {\n\t\t\t\treturn { fetching: false, cannotEmbed: false };\n\t\t\t}\n\n\t\t\tconst embedPreview = getEmbedPreview( url );\n\t\t\tconst hasResolvedEmbedPreview = hasFinishedResolution(\n\t\t\t\t'getEmbedPreview',\n\t\t\t\t[ url ]\n\t\t\t);\n\t\t\tconst previewIsFallback = isPreviewEmbedFallback( url );\n\n\t\t\t// The external oEmbed provider does not exist. We got no type info and no html.\n\t\t\tconst badEmbedProvider =\n\t\t\t\tembedPreview?.html === false &&\n\t\t\t\tembedPreview?.type === undefined;\n\t\t\t// Some WordPress URLs that can't be embedded will cause the API to return\n\t\t\t// a valid JSON response with no HTML and `code` set to 404, rather\n\t\t\t// than generating a fallback response as other embeds do.\n\t\t\tconst wordpressCantEmbed = embedPreview?.code === '404';\n\t\t\tconst validPreview =\n\t\t\t\t!! embedPreview && ! badEmbedProvider && ! wordpressCantEmbed;\n\n\t\t\treturn {\n\t\t\t\tpreview: validPreview ? embedPreview : undefined,\n\t\t\t\tfetching: ! hasResolvedEmbedPreview,\n\t\t\t\tthemeSupportsResponsive: getThemeSupports()[\n\t\t\t\t\t'responsive-embeds'\n\t\t\t\t],\n\t\t\t\tcannotEmbed: ! validPreview || previewIsFallback,\n\t\t\t};\n\t\t},\n\t\t[ url ]\n\t);\n\n\t/**\n\t * Returns the attributes derived from the preview, merged with the current attributes.\n\t *\n\t * @param {boolean} ignorePreviousClassName Determines if the previous className attribute should be ignored when merging.\n\t * @return {Object} Merged attributes.\n\t */\n\tconst getMergedAttributes = ( ignorePreviousClassName = false ) => {\n\t\tconst { allowResponsive, className } = attributes;\n\t\treturn {\n\t\t\t...attributes,\n\t\t\t...getAttributesFromPreview(\n\t\t\t\tpreview,\n\t\t\t\ttitle,\n\t\t\t\tignorePreviousClassName ? undefined : className,\n\t\t\t\tresponsive,\n\t\t\t\tallowResponsive\n\t\t\t),\n\t\t};\n\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 ] );\n\n\t// Handle incoming preview\n\tuseEffect( () => {\n\t\tif ( preview && ! isEditingURL ) {\n\t\t\t// When obtaining an incoming preview, we set the attributes derived from\n\t\t\t// the preview data. In this case when getting the merged attributes,\n\t\t\t// we ignore the previous classname because it might not match the expected\n\t\t\t// classes by the new preview.\n\t\t\tsetAttributes( getMergedAttributes( true ) );\n\n\t\t\tif ( onReplace ) {\n\t\t\t\tconst upgradedBlock = createUpgradedEmbedBlock(\n\t\t\t\t\tprops,\n\t\t\t\t\tgetMergedAttributes()\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( () => setShowEmbedBottomSheet( isEditingURL ), [\n\t\tisEditingURL,\n\t] );\n\n\tconst onEditURL = useCallback( ( value ) => {\n\t\t// The order of the following calls is important, we need to update the URL attribute before changing `isEditingURL`,\n\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// for creating the new block.\n\t\tsetAttributes( { url: value } );\n\t\tsetIsEditingURL( false );\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"]}

package/build-module/embed/embed-controls.native.js

@@ -0,0 +1,54 @@
+import { createElement, Fragment } from "@wordpress/element";
+
+/**
+ * Internal dependencies
+ */
+import EmbedLinkSettings from './embed-link-settings';
+/**
+ * WordPress dependencies
+ */
+
+import { __ } from '@wordpress/i18n';
+import { PanelBody, ToggleControl } from '@wordpress/components';
+import { InspectorControls } from '@wordpress/block-editor';
+import { useDispatch } from '@wordpress/data';
+import { store as editPostStore } from '@wordpress/edit-post';
+
+function getResponsiveHelp(checked) {
+  return checked ? __('This embed will preserve its aspect ratio when the browser is resized.') : __('This embed may not preserve its aspect ratio when the browser is resized.');
+}
+
+const EmbedControls = _ref => {
+  let {
+    blockSupportsResponsive,
+    themeSupportsResponsive,
+    allowResponsive,
+    toggleResponsive,
+    url,
+    linkLabel,
+    onEditURL
+  } = _ref;
+  const {
+    closeGeneralSidebar: closeSettingsBottomSheet
+  } = useDispatch(editPostStore);
+  return createElement(Fragment, null, createElement(InspectorControls, null, themeSupportsResponsive && blockSupportsResponsive && createElement(PanelBody, {
+    title: __('Media settings')
+  }, createElement(ToggleControl, {
+    label: __('Resize for smaller devices'),
+    checked: allowResponsive,
+    help: getResponsiveHelp,
+    onChange: toggleResponsive
+  })), createElement(PanelBody, {
+    title: __('Link settings')
+  }, createElement(EmbedLinkSettings, {
+    value: url,
+    label: linkLabel,
+    onSubmit: value => {
+      closeSettingsBottomSheet();
+      onEditURL(value);
+    }
+  }))));
+};
+
+export default EmbedControls;
+//# sourceMappingURL=embed-controls.native.js.map

package/build-module/embed/embed-controls.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/embed/embed-controls.native.js"],"names":["EmbedLinkSettings","__","PanelBody","ToggleControl","InspectorControls","useDispatch","store","editPostStore","getResponsiveHelp","checked","EmbedControls","blockSupportsResponsive","themeSupportsResponsive","allowResponsive","toggleResponsive","url","linkLabel","onEditURL","closeGeneralSidebar","closeSettingsBottomSheet","value"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,iBAAP,MAA8B,uBAA9B;AACA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,aAApB,QAAyC,uBAAzC;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,KAAK,IAAIC,aAAlB,QAAuC,sBAAvC;;AAEA,SAASC,iBAAT,CAA4BC,OAA5B,EAAsC;AACrC,SAAOA,OAAO,GACXR,EAAE,CACF,wEADE,CADS,GAIXA,EAAE,CACF,2EADE,CAJL;AAOA;;AAED,MAAMS,aAAa,GAAG,QAQf;AAAA,MARiB;AACvBC,IAAAA,uBADuB;AAEvBC,IAAAA,uBAFuB;AAGvBC,IAAAA,eAHuB;AAIvBC,IAAAA,gBAJuB;AAKvBC,IAAAA,GALuB;AAMvBC,IAAAA,SANuB;AAOvBC,IAAAA;AAPuB,GAQjB;AACN,QAAM;AAAEC,IAAAA,mBAAmB,EAAEC;AAAvB,MAAoDd,WAAW,CACpEE,aADoE,CAArE;AAIA,SACC,8BACC,cAAC,iBAAD,QACGK,uBAAuB,IAAID,uBAA3B,IACD,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGV,EAAE,CAAE,gBAAF;AAArB,KACC,cAAC,aAAD;AACC,IAAA,KAAK,EAAGA,EAAE,CAAE,4BAAF,CADX;AAEC,IAAA,OAAO,EAAGY,eAFX;AAGC,IAAA,IAAI,EAAGL,iBAHR;AAIC,IAAA,QAAQ,EAAGM;AAJZ,IADD,CAFF,EAWC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGb,EAAE,CAAE,eAAF;AAArB,KACC,cAAC,iBAAD;AACC,IAAA,KAAK,EAAGc,GADT;AAEC,IAAA,KAAK,EAAGC,SAFT;AAGC,IAAA,QAAQ,EAAKI,KAAF,IAAa;AACvBD,MAAAA,wBAAwB;AACxBF,MAAAA,SAAS,CAAEG,KAAF,CAAT;AACA;AANF,IADD,CAXD,CADD,CADD;AA0BA,CAvCD;;AAyCA,eAAeV,aAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport EmbedLinkSettings from './embed-link-settings';\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { InspectorControls } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\nimport { store as editPostStore } from '@wordpress/edit-post';\n\nfunction getResponsiveHelp( checked ) {\n\treturn checked\n\t\t? __(\n\t\t\t\t'This embed will preserve its aspect ratio when the browser is resized.'\n\t\t  )\n\t\t: __(\n\t\t\t\t'This embed may not preserve its aspect ratio when the browser is resized.'\n\t\t  );\n}\n\nconst EmbedControls = ( {\n\tblockSupportsResponsive,\n\tthemeSupportsResponsive,\n\tallowResponsive,\n\ttoggleResponsive,\n\turl,\n\tlinkLabel,\n\tonEditURL,\n} ) => {\n\tconst { closeGeneralSidebar: closeSettingsBottomSheet } = useDispatch(\n\t\teditPostStore\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ themeSupportsResponsive && blockSupportsResponsive && (\n\t\t\t\t\t<PanelBody title={ __( 'Media settings' ) }>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Resize for smaller devices' ) }\n\t\t\t\t\t\t\tchecked={ allowResponsive }\n\t\t\t\t\t\t\thelp={ getResponsiveHelp }\n\t\t\t\t\t\t\tonChange={ toggleResponsive }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t\t<PanelBody title={ __( 'Link settings' ) }>\n\t\t\t\t\t<EmbedLinkSettings\n\t\t\t\t\t\tvalue={ url }\n\t\t\t\t\t\tlabel={ linkLabel }\n\t\t\t\t\t\tonSubmit={ ( value ) => {\n\t\t\t\t\t\t\tcloseSettingsBottomSheet();\n\t\t\t\t\t\t\tonEditURL( value );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n};\n\nexport default EmbedControls;\n"]}

package/build-module/embed/embed-link-settings.native.js

@@ -0,0 +1,90 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { __, sprintf } from '@wordpress/i18n';
+import { LinkSettingsNavigation, FooterMessageLink } from '@wordpress/components';
+import { isURL } from '@wordpress/url';
+import { useDispatch } from '@wordpress/data';
+import { store as noticesStore } from '@wordpress/notices';
+import { useCallback, useEffect, useRef, useState } from '@wordpress/element';
+
+const EmbedLinkSettings = _ref => {
+  let {
+    autoFocus,
+    value,
+    label,
+    isVisible,
+    onClose,
+    onSubmit,
+    withBottomSheet
+  } = _ref;
+  const url = useRef(value);
+  const [inputURL, setInputURL] = useState(value);
+  const {
+    createErrorNotice
+  } = useDispatch(noticesStore);
+  const linkSettingsOptions = {
+    url: {
+      label: sprintf( // translators: %s: embed block variant's label e.g: "Twitter".
+      __('%s link'), label),
+      placeholder: __('Add link'),
+      autoFocus,
+      autoFill: true
+    },
+    footer: {
+      label: createElement(FooterMessageLink, {
+        href: __('https://wordpress.org/support/article/embeds/'),
+        value: __('Learn more about embeds')
+      }),
+      separatorType: 'topFullWidth'
+    }
+  };
+  const onDismiss = useCallback(() => {
+    if (!isURL(url.current) && url.current !== '') {
+      createErrorNotice(__('Invalid URL. Please enter a valid URL.')); // If the URL was already defined, we submit it to stop showing the embed placeholder.
+
+      onSubmit(value);
+      return;
+    }
+
+    onSubmit(url.current);
+  }, [onSubmit, value]);
+  useEffect(() => {
+    url.current = value;
+    setInputURL(value);
+  }, [value]);
+  /**
+   * If the Embed Bottom Sheet component does not utilize a bottom sheet then the onDismiss action is not
+   * called. Here we are wiring the onDismiss to the onClose callback that gets triggered when input is submitted.
+   */
+
+  const performOnCloseOperations = useCallback(() => {
+    if (onClose) {
+      onClose();
+    }
+
+    if (!withBottomSheet) {
+      onDismiss();
+    }
+  }, [onClose]);
+  const onSetAttributes = useCallback(attributes => {
+    url.current = attributes.url;
+    setInputURL(attributes.url);
+  }, []);
+  return createElement(LinkSettingsNavigation, {
+    isVisible: isVisible,
+    url: inputURL,
+    onClose: performOnCloseOperations,
+    onDismiss: onDismiss,
+    setAttributes: onSetAttributes,
+    options: linkSettingsOptions,
+    testID: "embed-edit-url-modal",
+    withBottomSheet: withBottomSheet,
+    showIcon: true
+  });
+};
+
+export default EmbedLinkSettings;
+//# sourceMappingURL=embed-link-settings.native.js.map

package/build-module/embed/embed-link-settings.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/embed/embed-link-settings.native.js"],"names":["__","sprintf","LinkSettingsNavigation","FooterMessageLink","isURL","useDispatch","store","noticesStore","useCallback","useEffect","useRef","useState","EmbedLinkSettings","autoFocus","value","label","isVisible","onClose","onSubmit","withBottomSheet","url","inputURL","setInputURL","createErrorNotice","linkSettingsOptions","placeholder","autoFill","footer","separatorType","onDismiss","current","performOnCloseOperations","onSetAttributes","attributes"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tLinkSettingsNavigation,\n\tFooterMessageLink,\n} from '@wordpress/components';\nimport { isURL } from '@wordpress/url';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useCallback, useEffect, useRef, useState } from '@wordpress/element';\n\nconst EmbedLinkSettings = ( {\n\tautoFocus,\n\tvalue,\n\tlabel,\n\tisVisible,\n\tonClose,\n\tonSubmit,\n\twithBottomSheet,\n} ) => {\n\tconst url = useRef( value );\n\tconst [ inputURL, setInputURL ] = useState( value );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst linkSettingsOptions = {\n\t\turl: {\n\t\t\tlabel: sprintf(\n\t\t\t\t// translators: %s: embed block variant's label e.g: \"Twitter\".\n\t\t\t\t__( '%s link' ),\n\t\t\t\tlabel\n\t\t\t),\n\t\t\tplaceholder: __( 'Add link' ),\n\t\t\tautoFocus,\n\t\t\tautoFill: true,\n\t\t},\n\t\tfooter: {\n\t\t\tlabel: (\n\t\t\t\t<FooterMessageLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/support/article/embeds/'\n\t\t\t\t\t) }\n\t\t\t\t\tvalue={ __( 'Learn more about embeds' ) }\n\t\t\t\t/>\n\t\t\t),\n\t\t\tseparatorType: 'topFullWidth',\n\t\t},\n\t};\n\n\tconst onDismiss = useCallback( () => {\n\t\tif ( ! isURL( url.current ) && url.current !== '' ) {\n\t\t\tcreateErrorNotice( __( 'Invalid URL. Please enter a valid URL.' ) );\n\t\t\t// If the URL was already defined, we submit it to stop showing the embed placeholder.\n\t\t\tonSubmit( value );\n\t\t\treturn;\n\t\t}\n\t\tonSubmit( url.current );\n\t}, [ onSubmit, value ] );\n\n\tuseEffect( () => {\n\t\turl.current = value;\n\t\tsetInputURL( value );\n\t}, [ value ] );\n\n\t/**\n\t * If the Embed Bottom Sheet component does not utilize a bottom sheet then the onDismiss action is not\n\t * called. Here we are wiring the onDismiss to the onClose callback that gets triggered when input is submitted.\n\t */\n\tconst performOnCloseOperations = useCallback( () => {\n\t\tif ( onClose ) {\n\t\t\tonClose();\n\t\t}\n\n\t\tif ( ! withBottomSheet ) {\n\t\t\tonDismiss();\n\t\t}\n\t}, [ onClose ] );\n\n\tconst onSetAttributes = useCallback( ( attributes ) => {\n\t\turl.current = attributes.url;\n\t\tsetInputURL( attributes.url );\n\t}, [] );\n\n\treturn (\n\t\t<LinkSettingsNavigation\n\t\t\tisVisible={ isVisible }\n\t\t\turl={ inputURL }\n\t\t\tonClose={ performOnCloseOperations }\n\t\t\tonDismiss={ onDismiss }\n\t\t\tsetAttributes={ onSetAttributes }\n\t\t\toptions={ linkSettingsOptions }\n\t\t\ttestID=\"embed-edit-url-modal\"\n\t\t\twithBottomSheet={ withBottomSheet }\n\t\t\tshowIcon\n\t\t/>\n\t);\n};\n\nexport default EmbedLinkSettings;\n"]}

package/build-module/embed/embed-loading.js

@@ -3,12 +3,11 @@ import { createElement } from "@wordpress/element";
 /**
  * WordPress dependencies
  */
-import { __ } from '@wordpress/i18n';
 import { Spinner } from '@wordpress/components';
 
 const EmbedLoading = () => createElement("div", {
   className: "wp-block-embed is-loading"
-}, createElement(Spinner, null), createElement("p", null, __('Embedding…')));
+}, createElement(Spinner, null));
 
 export default EmbedLoading;
 //# sourceMappingURL=embed-loading.js.map

package/build-module/embed/embed-loading.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/embed-loading.js"],"names":["__","Spinner","EmbedLoading"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,OAAT,QAAwB,uBAAxB;;AAEA,MAAMC,YAAY,GAAG,MACpB;AAAK,EAAA,SAAS,EAAC;AAAf,GACC,cAAC,OAAD,OADD,EAEC,yBAAKF,EAAE,CAAE,YAAF,CAAP,CAFD,CADD;;AAOA,eAAeE,YAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Spinner } from '@wordpress/components';\n\nconst EmbedLoading = () => (\n\t<div className=\"wp-block-embed is-loading\">\n\t\t<Spinner />\n\t\t<p>{ __( 'Embedding…' ) }</p>\n\t</div>\n);\n\nexport default EmbedLoading;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/embed/embed-loading.js"],"names":["Spinner","EmbedLoading"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,uBAAxB;;AAEA,MAAMC,YAAY,GAAG,MACpB;AAAK,EAAA,SAAS,EAAC;AAAf,GACC,cAAC,OAAD,OADD,CADD;;AAMA,eAAeA,YAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Spinner } from '@wordpress/components';\n\nconst EmbedLoading = () => (\n\t<div className=\"wp-block-embed is-loading\">\n\t\t<Spinner />\n\t</div>\n);\n\nexport default EmbedLoading;\n"]}

package/build-module/embed/embed-placeholder.native.js

@@ -29,7 +29,8 @@ const EmbedPlaceholder = _ref => {
     onPress,
     cannotEmbed,
     fallback,
-    tryAgain
+    tryAgain,
+    openEmbedLinkSettings
   } = _ref;
   const containerStyle = usePreferredColorSchemeStyle(styles.embed__container, styles['embed__container--dark']);
   const labelStyle = usePreferredColorSchemeStyle(styles.embed__label, styles['embed__label--dark']);
@@ -50,9 +51,15 @@ const EmbedPlaceholder = _ref => {
       label: __('Convert to link'),
       value: 'convertToLinkOption',
       onSelect: fallback
+    },
+    editLink: {
+      id: 'editLinkOption',
+      label: __('Edit link'),
+      value: 'editLinkOption',
+      onSelect: openEmbedLinkSettings
     }
   };
-  const options = compact([cannotEmbed && errorPickerOptions.retry, cannotEmbed && errorPickerOptions.convertToLink]);
+  const options = compact([cannotEmbed && errorPickerOptions.retry, cannotEmbed && errorPickerOptions.convertToLink, cannotEmbed && errorPickerOptions.editLink]);
 
   function onPickerSelect(value) {
     const selectedItem = options.find(item => item.value === value);

package/build-module/embed/embed-placeholder.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/embed-placeholder.native.js"],"names":["View","Text","TouchableWithoutFeedback","compact","__","usePreferredColorSchemeStyle","Icon","Picker","BlockIcon","useRef","styles","noticeOutline","EmbedPlaceholder","icon","isSelected","label","onPress","cannotEmbed","fallback","tryAgain","containerStyle","embed__container","labelStyle","embed__label","descriptionStyle","embed__description","descriptionErrorStyle","actionStyle","embed__action","embedIconErrorStyle","cannotEmbedMenuPickerRef","errorPickerOptions","retry","id","value","onSelect","convertToLink","options","onPickerSelect","selectedItem","find","item","resolveOnPressEvent","current","presentPicker","fill"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,IAAf,EAAqBC,wBAArB,QAAqD,cAArD;AACA,SAASC,OAAT,QAAwB,QAAxB;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,4BAAT,QAA6C,oBAA7C;AACA,SAASC,IAAT,EAAeC,MAAf,QAA6B,uBAA7B;AACA,SAASC,SAAT,QAA0B,yBAA1B;AACA,SAASC,MAAT,QAAuB,oBAAvB;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,eAAnB;AACA,SAASC,aAAT,QAA8B,0CAA9B;;AAEA,MAAMC,gBAAgB,GAAG,QAQlB;AAAA,MARoB;AAC1BC,IAAAA,IAD0B;AAE1BC,IAAAA,UAF0B;AAG1BC,IAAAA,KAH0B;AAI1BC,IAAAA,OAJ0B;AAK1BC,IAAAA,WAL0B;AAM1BC,IAAAA,QAN0B;AAO1BC,IAAAA;AAP0B,GAQpB;AACN,QAAMC,cAAc,GAAGf,4BAA4B,CAClDK,MAAM,CAACW,gBAD2C,EAElDX,MAAM,CAAE,wBAAF,CAF4C,CAAnD;AAIA,QAAMY,UAAU,GAAGjB,4BAA4B,CAC9CK,MAAM,CAACa,YADuC,EAE9Cb,MAAM,CAAE,oBAAF,CAFwC,CAA/C;AAIA,QAAMc,gBAAgB,GAAGd,MAAM,CAACe,kBAAhC;AACA,QAAMC,qBAAqB,GAAGhB,MAAM,CAAE,2BAAF,CAApC;AACA,QAAMiB,WAAW,GAAGtB,4BAA4B,CAC/CK,MAAM,CAACkB,aADwC,EAE/ClB,MAAM,CAAE,qBAAF,CAFyC,CAAhD;AAIA,QAAMmB,mBAAmB,GAAGnB,MAAM,CAAE,oBAAF,CAAlC;AAEA,QAAMoB,wBAAwB,GAAGrB,MAAM,EAAvC;AAEA,QAAMsB,kBAAkB,GAAG;AAC1BC,IAAAA,KAAK,EAAE;AACNC,MAAAA,EAAE,EAAE,aADE;AAENlB,MAAAA,KAAK,EAAEX,EAAE,CAAE,OAAF,CAFH;AAGN8B,MAAAA,KAAK,EAAE,aAHD;AAINC,MAAAA,QAAQ,EAAEhB;AAJJ,KADmB;AAO1BiB,IAAAA,aAAa,EAAE;AACdH,MAAAA,EAAE,EAAE,qBADU;AAEdlB,MAAAA,KAAK,EAAEX,EAAE,CAAE,iBAAF,CAFK;AAGd8B,MAAAA,KAAK,EAAE,qBAHO;AAIdC,MAAAA,QAAQ,EAAEjB;AAJI;AAPW,GAA3B;AAeA,QAAMmB,OAAO,GAAGlC,OAAO,CAAE,CACxBc,WAAW,IAAIc,kBAAkB,CAACC,KADV,EAExBf,WAAW,IAAIc,kBAAkB,CAACK,aAFV,CAAF,CAAvB;;AAKA,WAASE,cAAT,CAAyBJ,KAAzB,EAAiC;AAChC,UAAMK,YAAY,GAAGF,OAAO,CAACG,IAAR,CAAgBC,IAAF,IAAYA,IAAI,CAACP,KAAL,KAAeA,KAAzC,CAArB;AACAK,IAAAA,YAAY,CAACJ,QAAb;AACA,GA1CK,CA4CN;;;AACA,WAASO,mBAAT,GAA+B;AAC9B,QAAKzB,WAAL,EAAmB;AAAA;;AAClB,+BAAAa,wBAAwB,CAACa,OAAzB,gFAAkCC,aAAlC;AACA,KAFD,MAEO;AACN5B,MAAAA,OAAO;AACP;AACD;;AAED,SACC,8BACC,cAAC,wBAAD;AACC,IAAA,iBAAiB,EAAG,QADrB;AAEC,IAAA,iBAAiB,EAChBC,WAAW,GACRb,EAAE,CAAE,mCAAF,CADM,GAERA,EAAE,CAAE,2BAAF,CALP;AAOC,IAAA,OAAO,EAAGsC,mBAPX;AAQC,IAAA,QAAQ,EAAG,CAAE5B;AARd,KAUC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGM;AAAd,KACGH,WAAW,GACZ,8BACC,cAAC,IAAD;AACC,IAAA,IAAI,EAAGN,aADR;AAEC,IAAA,IAAI,EAAGkB,mBAAmB,CAACgB,IAF5B;AAGC,IAAA,KAAK,EAAGhB;AAHT,IADD,EAMC,cAAC,IAAD;AACC,IAAA,KAAK,EAAG,CACPL,gBADO,EAEPE,qBAFO;AADT,KAMGtB,EAAE,CAAE,uBAAF,CANL,CAND,EAcC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGuB;AAAd,KACGvB,EAAE,CAAE,cAAF,CADL,CAdD,EAiBC,cAAC,MAAD;AACC,IAAA,KAAK,EAAGA,EAAE,CAAE,eAAF,CADX;AAEC,IAAA,GAAG,EAAG0B,wBAFP;AAGC,IAAA,OAAO,EAAGO,OAHX;AAIC,IAAA,QAAQ,EAAGC,cAJZ;AAKC,IAAA,gBAAgB,MALjB;AAMC,IAAA,SAAS;AANV,IAjBD,CADY,GA4BZ,8BACC,cAAC,SAAD;AAAW,IAAA,IAAI,EAAGzB;AAAlB,IADD,EAEC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGS;AAAd,KAA6BP,KAA7B,CAFD,EAGC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGY;AAAd,KACGvB,EAAE,CAAE,UAAF,CADL,CAHD,CA7BF,CAVD,CADD,CADD;AAqDA,CAlHD;;AAoHA,eAAeQ,gBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\nimport { compact } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { Icon, Picker } from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { noticeOutline } from '../../../components/src/mobile/gridicons';\n\nconst EmbedPlaceholder = ( {\n\ticon,\n\tisSelected,\n\tlabel,\n\tonPress,\n\tcannotEmbed,\n\tfallback,\n\ttryAgain,\n} ) => {\n\tconst containerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__container,\n\t\tstyles[ 'embed__container--dark' ]\n\t);\n\tconst labelStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__label,\n\t\tstyles[ 'embed__label--dark' ]\n\t);\n\tconst descriptionStyle = styles.embed__description;\n\tconst descriptionErrorStyle = styles[ 'embed__description--error' ];\n\tconst actionStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__action,\n\t\tstyles[ 'embed__action--dark' ]\n\t);\n\tconst embedIconErrorStyle = styles[ 'embed__icon--error' ];\n\n\tconst cannotEmbedMenuPickerRef = useRef();\n\n\tconst errorPickerOptions = {\n\t\tretry: {\n\t\t\tid: 'retryOption',\n\t\t\tlabel: __( 'Retry' ),\n\t\t\tvalue: 'retryOption',\n\t\t\tonSelect: tryAgain,\n\t\t},\n\t\tconvertToLink: {\n\t\t\tid: 'convertToLinkOption',\n\t\t\tlabel: __( 'Convert to link' ),\n\t\t\tvalue: 'convertToLinkOption',\n\t\t\tonSelect: fallback,\n\t\t},\n\t};\n\n\tconst options = compact( [\n\t\tcannotEmbed && errorPickerOptions.retry,\n\t\tcannotEmbed && errorPickerOptions.convertToLink,\n\t] );\n\n\tfunction onPickerSelect( value ) {\n\t\tconst selectedItem = options.find( ( item ) => item.value === value );\n\t\tselectedItem.onSelect();\n\t}\n\n\t// When the content cannot be embedded the onPress should trigger the Picker instead of the onPress prop.\n\tfunction resolveOnPressEvent() {\n\t\tif ( cannotEmbed ) {\n\t\t\tcannotEmbedMenuPickerRef.current?.presentPicker();\n\t\t} else {\n\t\t\tonPress();\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={\n\t\t\t\t\tcannotEmbed\n\t\t\t\t\t\t? __( 'Double tap to view embed options.' )\n\t\t\t\t\t\t: __( 'Double tap to add a link.' )\n\t\t\t\t}\n\t\t\t\tonPress={ resolveOnPressEvent }\n\t\t\t\tdisabled={ ! isSelected }\n\t\t\t>\n\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t{ cannotEmbed ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ noticeOutline }\n\t\t\t\t\t\t\t\tfill={ embedIconErrorStyle.fill }\n\t\t\t\t\t\t\t\tstyle={ embedIconErrorStyle }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\tdescriptionStyle,\n\t\t\t\t\t\t\t\t\tdescriptionErrorStyle,\n\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Unable to embed media' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text style={ actionStyle }>\n\t\t\t\t\t\t\t\t{ __( 'More options' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Picker\n\t\t\t\t\t\t\t\ttitle={ __( 'Embed options' ) }\n\t\t\t\t\t\t\t\tref={ cannotEmbedMenuPickerRef }\n\t\t\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\t\t\tonChange={ onPickerSelect }\n\t\t\t\t\t\t\t\thideCancelButton\n\t\t\t\t\t\t\t\tleftAlign\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\t\t<>\n\t\t\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t\t\t<Text style={ labelStyle }>{ label }</Text>\n\t\t\t\t\t\t\t<Text style={ actionStyle }>\n\t\t\t\t\t\t\t\t{ __( 'ADD LINK' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</>\n\t);\n};\n\nexport default EmbedPlaceholder;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/embed/embed-placeholder.native.js"],"names":["View","Text","TouchableWithoutFeedback","compact","__","usePreferredColorSchemeStyle","Icon","Picker","BlockIcon","useRef","styles","noticeOutline","EmbedPlaceholder","icon","isSelected","label","onPress","cannotEmbed","fallback","tryAgain","openEmbedLinkSettings","containerStyle","embed__container","labelStyle","embed__label","descriptionStyle","embed__description","descriptionErrorStyle","actionStyle","embed__action","embedIconErrorStyle","cannotEmbedMenuPickerRef","errorPickerOptions","retry","id","value","onSelect","convertToLink","editLink","options","onPickerSelect","selectedItem","find","item","resolveOnPressEvent","current","presentPicker","fill"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\nimport { compact } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { Icon, Picker } from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { noticeOutline } from '../../../components/src/mobile/gridicons';\n\nconst EmbedPlaceholder = ( {\n\ticon,\n\tisSelected,\n\tlabel,\n\tonPress,\n\tcannotEmbed,\n\tfallback,\n\ttryAgain,\n\topenEmbedLinkSettings,\n} ) => {\n\tconst containerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__container,\n\t\tstyles[ 'embed__container--dark' ]\n\t);\n\tconst labelStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__label,\n\t\tstyles[ 'embed__label--dark' ]\n\t);\n\tconst descriptionStyle = styles.embed__description;\n\tconst descriptionErrorStyle = styles[ 'embed__description--error' ];\n\tconst actionStyle = usePreferredColorSchemeStyle(\n\t\tstyles.embed__action,\n\t\tstyles[ 'embed__action--dark' ]\n\t);\n\tconst embedIconErrorStyle = styles[ 'embed__icon--error' ];\n\n\tconst cannotEmbedMenuPickerRef = useRef();\n\n\tconst errorPickerOptions = {\n\t\tretry: {\n\t\t\tid: 'retryOption',\n\t\t\tlabel: __( 'Retry' ),\n\t\t\tvalue: 'retryOption',\n\t\t\tonSelect: tryAgain,\n\t\t},\n\t\tconvertToLink: {\n\t\t\tid: 'convertToLinkOption',\n\t\t\tlabel: __( 'Convert to link' ),\n\t\t\tvalue: 'convertToLinkOption',\n\t\t\tonSelect: fallback,\n\t\t},\n\t\teditLink: {\n\t\t\tid: 'editLinkOption',\n\t\t\tlabel: __( 'Edit link' ),\n\t\t\tvalue: 'editLinkOption',\n\t\t\tonSelect: openEmbedLinkSettings,\n\t\t},\n\t};\n\n\tconst options = compact( [\n\t\tcannotEmbed && errorPickerOptions.retry,\n\t\tcannotEmbed && errorPickerOptions.convertToLink,\n\t\tcannotEmbed && errorPickerOptions.editLink,\n\t] );\n\n\tfunction onPickerSelect( value ) {\n\t\tconst selectedItem = options.find( ( item ) => item.value === value );\n\t\tselectedItem.onSelect();\n\t}\n\n\t// When the content cannot be embedded the onPress should trigger the Picker instead of the onPress prop.\n\tfunction resolveOnPressEvent() {\n\t\tif ( cannotEmbed ) {\n\t\t\tcannotEmbedMenuPickerRef.current?.presentPicker();\n\t\t} else {\n\t\t\tonPress();\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={\n\t\t\t\t\tcannotEmbed\n\t\t\t\t\t\t? __( 'Double tap to view embed options.' )\n\t\t\t\t\t\t: __( 'Double tap to add a link.' )\n\t\t\t\t}\n\t\t\t\tonPress={ resolveOnPressEvent }\n\t\t\t\tdisabled={ ! isSelected }\n\t\t\t>\n\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t{ cannotEmbed ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ noticeOutline }\n\t\t\t\t\t\t\t\tfill={ embedIconErrorStyle.fill }\n\t\t\t\t\t\t\t\tstyle={ embedIconErrorStyle }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\tdescriptionStyle,\n\t\t\t\t\t\t\t\t\tdescriptionErrorStyle,\n\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Unable to embed media' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text style={ actionStyle }>\n\t\t\t\t\t\t\t\t{ __( 'More options' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Picker\n\t\t\t\t\t\t\t\ttitle={ __( 'Embed options' ) }\n\t\t\t\t\t\t\t\tref={ cannotEmbedMenuPickerRef }\n\t\t\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\t\t\tonChange={ onPickerSelect }\n\t\t\t\t\t\t\t\thideCancelButton\n\t\t\t\t\t\t\t\tleftAlign\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\t\t<>\n\t\t\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t\t\t<Text style={ labelStyle }>{ label }</Text>\n\t\t\t\t\t\t\t<Text style={ actionStyle }>\n\t\t\t\t\t\t\t\t{ __( 'ADD LINK' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</>\n\t);\n};\n\nexport default EmbedPlaceholder;\n"]}