@wordpress/block-library 8.10.0 → 8.12.0

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/embed-placeholder.native.js"],"names":["EmbedPlaceholder","icon","isSelected","label","onPress","cannotEmbed","fallback","tryAgain","openEmbedLinkSettings","containerStyle","styles","embed__container","labelStyle","embed__label","descriptionStyle","embed__description","descriptionErrorStyle","actionStyle","embed__action","embedIconErrorStyle","cannotEmbedMenuPickerRef","errorPickerOptions","retry","id","value","onSelect","convertToLink","editLink","options","filter","Boolean","onPickerSelect","selectedItem","find","item","resolveOnPressEvent","current","presentPicker","noticeOutline","fill"],"mappings":";;;;;;;;;AAYA;;AATA;;AAKA;;AACA;;AACA;;AACA;;AAMA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;AAIA,MAAMA,gBAAgB,GAAG,QASlB;AAAA,MAToB;AAC1BC,IAAAA,IAD0B;AAE1BC,IAAAA,UAF0B;AAG1BC,IAAAA,KAH0B;AAI1BC,IAAAA,OAJ0B;AAK1BC,IAAAA,WAL0B;AAM1BC,IAAAA,QAN0B;AAO1BC,IAAAA,QAP0B;AAQ1BC,IAAAA;AAR0B,GASpB;AACN,QAAMC,cAAc,GAAG,2CACtBC,gBAAOC,gBADe,EAEtBD,gBAAQ,wBAAR,CAFsB,CAAvB;AAIA,QAAME,UAAU,GAAG,2CAClBF,gBAAOG,YADW,EAElBH,gBAAQ,oBAAR,CAFkB,CAAnB;AAIA,QAAMI,gBAAgB,GAAGJ,gBAAOK,kBAAhC;AACA,QAAMC,qBAAqB,GAAGN,gBAAQ,2BAAR,CAA9B;AACA,QAAMO,WAAW,GAAG,2CACnBP,gBAAOQ,aADY,EAEnBR,gBAAQ,qBAAR,CAFmB,CAApB;AAIA,QAAMS,mBAAmB,GAAGT,gBAAQ,oBAAR,CAA5B;AAEA,QAAMU,wBAAwB,GAAG,sBAAjC;AAEA,QAAMC,kBAAkB,GAAG;AAC1BC,IAAAA,KAAK,EAAE;AACNC,MAAAA,EAAE,EAAE,aADE;AAENpB,MAAAA,KAAK,EAAE,cAAI,OAAJ,CAFD;AAGNqB,MAAAA,KAAK,EAAE,aAHD;AAINC,MAAAA,QAAQ,EAAElB;AAJJ,KADmB;AAO1BmB,IAAAA,aAAa,EAAE;AACdH,MAAAA,EAAE,EAAE,qBADU;AAEdpB,MAAAA,KAAK,EAAE,cAAI,iBAAJ,CAFO;AAGdqB,MAAAA,KAAK,EAAE,qBAHO;AAIdC,MAAAA,QAAQ,EAAEnB;AAJI,KAPW;AAa1BqB,IAAAA,QAAQ,EAAE;AACTJ,MAAAA,EAAE,EAAE,gBADK;AAETpB,MAAAA,KAAK,EAAE,cAAI,WAAJ,CAFE;AAGTqB,MAAAA,KAAK,EAAE,gBAHE;AAITC,MAAAA,QAAQ,EAAEjB;AAJD;AAbgB,GAA3B;AAqBA,QAAMoB,OAAO,GAAG,CACfvB,WAAW,IAAIgB,kBAAkB,CAACC,KADnB,EAEfjB,WAAW,IAAIgB,kBAAkB,CAACK,aAFnB,EAGfrB,WAAW,IAAIgB,kBAAkB,CAACM,QAHnB,EAIdE,MAJc,CAINC,OAJM,CAAhB;;AAMA,WAASC,cAAT,CAAyBP,KAAzB,EAAiC;AAChC,UAAMQ,YAAY,GAAGJ,OAAO,CAACK,IAAR,CAAgBC,IAAF,IAAYA,IAAI,CAACV,KAAL,KAAeA,KAAzC,CAArB;AACAQ,IAAAA,YAAY,CAACP,QAAb;AACA,GAjDK,CAmDN;;;AACA,WAASU,mBAAT,GAA+B;AAC9B,QAAK9B,WAAL,EAAmB;AAAA;;AAClB,+BAAAe,wBAAwB,CAACgB,OAAzB,gFAAkCC,aAAlC;AACA,KAFD,MAEO;AACNjC,MAAAA,OAAO;AACP;AACD;;AAED,SACC,qDACC,4BAAC,qCAAD;AACC,IAAA,iBAAiB,EAAG,QADrB;AAEC,IAAA,iBAAiB,EAChBC,WAAW,GACR,cAAI,mCAAJ,CADQ,GAER,cAAI,2BAAJ,CALL;AAOC,IAAA,OAAO,EAAG8B,mBAPX;AAQC,IAAA,QAAQ,EAAG,CAAEjC;AARd,KAUC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGO;AAAd,KACGJ,WAAW,GACZ,qDACC,4BAAC,gBAAD;AACC,IAAA,IAAI,EAAGiC,wBADR;AAEC,IAAA,IAAI,EAAGnB,mBAAmB,CAACoB,IAF5B;AAGC,IAAA,KAAK,EAAGpB;AAHT,IADD,EAMC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAG,CACPL,gBADO,EAEPE,qBAFO;AADT,KAMG,cAAI,uBAAJ,CANH,CAND,EAcC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGC;AAAd,KACG,cAAI,cAAJ,CADH,CAdD,EAiBC,4BAAC,kBAAD;AACC,IAAA,KAAK,EAAG,cAAI,eAAJ,CADT;AAEC,IAAA,GAAG,EAAGG,wBAFP;AAGC,IAAA,OAAO,EAAGQ,OAHX;AAIC,IAAA,QAAQ,EAAGG,cAJZ;AAKC,IAAA,gBAAgB,MALjB;AAMC,IAAA,SAAS;AANV,IAjBD,CADY,GA4BZ,qDACC,4BAAC,sBAAD;AAAW,IAAA,IAAI,EAAG9B;AAAlB,IADD,EAEC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGW;AAAd,KAA6BT,KAA7B,CAFD,EAGC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGc;AAAd,KACG,cAAI,UAAJ,CADH,CAHD,CA7BF,CAVD,CADD,CADD;AAqDA,CA1HD;;eA4HejB,gB","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\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 = [\n\t\tcannotEmbed && errorPickerOptions.retry,\n\t\tcannotEmbed && errorPickerOptions.convertToLink,\n\t\tcannotEmbed && errorPickerOptions.editLink,\n\t].filter( Boolean );\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":["EmbedPlaceholder","icon","isSelected","label","onPress","cannotEmbed","fallback","tryAgain","openEmbedLinkSettings","containerStyle","styles","embed__container","labelStyle","embed__label","descriptionStyle","embed__description","descriptionErrorStyle","actionStyle","embed__action","embedIconErrorStyle","cannotEmbedMenuPickerRef","errorPickerOptions","retry","id","value","onSelect","convertToLink","editLink","options","filter","Boolean","onPickerSelect","selectedItem","find","item","resolveOnPressEvent","current","presentPicker","noticeOutline","fill"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\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 = [\n\t\tcannotEmbed && errorPickerOptions.retry,\n\t\tcannotEmbed && errorPickerOptions.convertToLink,\n\t\tcannotEmbed && errorPickerOptions.editLink,\n\t].filter( Boolean );\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"]}

package/build/embed/embed-preview.native.js

@@ -42,23 +42,22 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
-const EmbedPreview = _ref => {
-  let {
-    align,
-    className,
-    clientId,
-    icon,
-    insertBlocksAfter,
-    isSelected,
-    label,
-    onFocus,
-    preview,
-    previewable,
-    isProviderPreviewable,
-    type,
-    url,
-    isDefaultEmbedInfo
-  } = _ref;
+const EmbedPreview = ({
+  align,
+  className,
+  clientId,
+  icon,
+  insertBlocksAfter,
+  isSelected,
+  label,
+  onFocus,
+  preview,
+  previewable,
+  isProviderPreviewable,
+  type,
+  url,
+  isDefaultEmbedInfo
+}) => {
   const [isCaptionSelected, setIsCaptionSelected] = (0, _element.useState)(false);
   const {
     locale

package/build/embed/embed-preview.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/embed-preview.native.js"],"names":["EmbedPreview","align","className","clientId","icon","insertBlocksAfter","isSelected","label","onFocus","preview","previewable","isProviderPreviewable","type","url","isDefaultEmbedInfo","isCaptionSelected","setIsCaptionSelected","locale","blockEditorStore","getSettings","wrapperStyle","styles","wrapperAlignStyle","sandboxAlignStyle","accessibilityLabelCreator","caption","onEmbedPreviewPress","onFocusCaption","provider_url","providerUrl","html","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sandboxClassnames","PreviewContent","WpEmbedPreview","SandBox","embedWrapper"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableWithoutFeedback } from 'react-native';\nimport classnames from 'classnames/dedupe';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport {\n\tBlockCaption,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { memo, useState } from '@wordpress/element';\nimport { SandBox } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { getPhotoHtml } from './util';\nimport EmbedNoPreview from './embed-no-preview';\nimport WpEmbedPreview from './wp-embed-preview';\nimport styles from './styles.scss';\n\nconst EmbedPreview = ( {\n\talign,\n\tclassName,\n\tclientId,\n\ticon,\n\tinsertBlocksAfter,\n\tisSelected,\n\tlabel,\n\tonFocus,\n\tpreview,\n\tpreviewable,\n\tisProviderPreviewable,\n\ttype,\n\turl,\n\tisDefaultEmbedInfo,\n} ) => {\n\tconst [ isCaptionSelected, setIsCaptionSelected ] = useState( false );\n\tconst { locale } = useSelect( blockEditorStore ).getSettings();\n\n\tconst wrapperStyle = styles[ 'embed-preview__wrapper' ];\n\tconst wrapperAlignStyle =\n\t\tstyles[ `embed-preview__wrapper--align-${ align }` ];\n\tconst sandboxAlignStyle =\n\t\tstyles[ `embed-preview__sandbox--align-${ align }` ];\n\n\tfunction accessibilityLabelCreator( caption ) {\n\t\treturn ! caption\n\t\t\t? /* translators: accessibility text. Empty Embed caption. */\n\t\t\t  __( 'Embed caption. Empty' )\n\t\t\t: sprintf(\n\t\t\t\t\t/* translators: accessibility text. %s: Embed caption. */\n\t\t\t\t\t__( 'Embed caption. %s' ),\n\t\t\t\t\tcaption\n\t\t\t  );\n\t}\n\n\tfunction onEmbedPreviewPress() {\n\t\tsetIsCaptionSelected( false );\n\t}\n\n\tfunction onFocusCaption() {\n\t\tif ( onFocus ) {\n\t\t\tonFocus();\n\t\t}\n\t\tif ( ! isCaptionSelected ) {\n\t\t\tsetIsCaptionSelected( true );\n\t\t}\n\t}\n\n\tconst { provider_url: providerUrl } = preview;\n\tconst html = 'photo' === type ? getPhotoHtml( preview ) : preview.html;\n\tconst parsedHost = new URL( url ).host.split( '.' );\n\tconst parsedHostBaseUrl = parsedHost\n\t\t.splice( parsedHost.length - 2, parsedHost.length - 1 )\n\t\t.join( '.' );\n\tconst iframeTitle = sprintf(\n\t\t// translators: %s: host providing embed content e.g: www.youtube.com\n\t\t__( 'Embedded content from %s' ),\n\t\tparsedHostBaseUrl\n\t);\n\tconst sandboxClassnames = classnames(\n\t\ttype,\n\t\tclassName,\n\t\t'wp-block-embed__wrapper'\n\t);\n\n\tconst PreviewContent = 'wp-embed' === type ? WpEmbedPreview : SandBox;\n\tconst embedWrapper = (\n\t\t<>\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ () => {\n\t\t\t\t\tif ( onFocus ) {\n\t\t\t\t\t\tonFocus();\n\t\t\t\t\t}\n\t\t\t\t\tif ( isCaptionSelected ) {\n\t\t\t\t\t\tsetIsCaptionSelected( false );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tpointerEvents=\"box-only\"\n\t\t\t\t\tstyle={ [ wrapperStyle, wrapperAlignStyle ] }\n\t\t\t\t>\n\t\t\t\t\t<PreviewContent\n\t\t\t\t\t\thtml={ html }\n\t\t\t\t\t\tlang={ locale }\n\t\t\t\t\t\ttitle={ iframeTitle }\n\t\t\t\t\t\ttype={ sandboxClassnames }\n\t\t\t\t\t\tproviderUrl={ providerUrl }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\tcontainerStyle={ sandboxAlignStyle }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</>\n\t);\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tonPress={ onEmbedPreviewPress }\n\t\t\tdisabled={ ! isSelected }\n\t\t>\n\t\t\t<View>\n\t\t\t\t{ isProviderPreviewable && previewable ? (\n\t\t\t\t\tembedWrapper\n\t\t\t\t) : (\n\t\t\t\t\t<EmbedNoPreview\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tonPress={ () => setIsCaptionSelected( false ) }\n\t\t\t\t\t\tpreviewable={ previewable }\n\t\t\t\t\t\tisDefaultEmbedInfo={ isDefaultEmbedInfo }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<BlockCaption\n\t\t\t\t\taccessibilityLabelCreator={ accessibilityLabelCreator }\n\t\t\t\t\taccessible\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tisSelected={ isCaptionSelected }\n\t\t\t\t\tonFocus={ onFocusCaption }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n};\n\nexport default memo( EmbedPreview );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/embed/embed-preview.native.js"],"names":["EmbedPreview","align","className","clientId","icon","insertBlocksAfter","isSelected","label","onFocus","preview","previewable","isProviderPreviewable","type","url","isDefaultEmbedInfo","isCaptionSelected","setIsCaptionSelected","locale","blockEditorStore","getSettings","wrapperStyle","styles","wrapperAlignStyle","sandboxAlignStyle","accessibilityLabelCreator","caption","onEmbedPreviewPress","onFocusCaption","provider_url","providerUrl","html","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sandboxClassnames","PreviewContent","WpEmbedPreview","SandBox","embedWrapper"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableWithoutFeedback } from 'react-native';\nimport classnames from 'classnames/dedupe';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport {\n\tBlockCaption,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { memo, useState } from '@wordpress/element';\nimport { SandBox } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { getPhotoHtml } from './util';\nimport EmbedNoPreview from './embed-no-preview';\nimport WpEmbedPreview from './wp-embed-preview';\nimport styles from './styles.scss';\n\nconst EmbedPreview = ( {\n\talign,\n\tclassName,\n\tclientId,\n\ticon,\n\tinsertBlocksAfter,\n\tisSelected,\n\tlabel,\n\tonFocus,\n\tpreview,\n\tpreviewable,\n\tisProviderPreviewable,\n\ttype,\n\turl,\n\tisDefaultEmbedInfo,\n} ) => {\n\tconst [ isCaptionSelected, setIsCaptionSelected ] = useState( false );\n\tconst { locale } = useSelect( blockEditorStore ).getSettings();\n\n\tconst wrapperStyle = styles[ 'embed-preview__wrapper' ];\n\tconst wrapperAlignStyle =\n\t\tstyles[ `embed-preview__wrapper--align-${ align }` ];\n\tconst sandboxAlignStyle =\n\t\tstyles[ `embed-preview__sandbox--align-${ align }` ];\n\n\tfunction accessibilityLabelCreator( caption ) {\n\t\treturn ! caption\n\t\t\t? /* translators: accessibility text. Empty Embed caption. */\n\t\t\t  __( 'Embed caption. Empty' )\n\t\t\t: sprintf(\n\t\t\t\t\t/* translators: accessibility text. %s: Embed caption. */\n\t\t\t\t\t__( 'Embed caption. %s' ),\n\t\t\t\t\tcaption\n\t\t\t  );\n\t}\n\n\tfunction onEmbedPreviewPress() {\n\t\tsetIsCaptionSelected( false );\n\t}\n\n\tfunction onFocusCaption() {\n\t\tif ( onFocus ) {\n\t\t\tonFocus();\n\t\t}\n\t\tif ( ! isCaptionSelected ) {\n\t\t\tsetIsCaptionSelected( true );\n\t\t}\n\t}\n\n\tconst { provider_url: providerUrl } = preview;\n\tconst html = 'photo' === type ? getPhotoHtml( preview ) : preview.html;\n\tconst parsedHost = new URL( url ).host.split( '.' );\n\tconst parsedHostBaseUrl = parsedHost\n\t\t.splice( parsedHost.length - 2, parsedHost.length - 1 )\n\t\t.join( '.' );\n\tconst iframeTitle = sprintf(\n\t\t// translators: %s: host providing embed content e.g: www.youtube.com\n\t\t__( 'Embedded content from %s' ),\n\t\tparsedHostBaseUrl\n\t);\n\tconst sandboxClassnames = classnames(\n\t\ttype,\n\t\tclassName,\n\t\t'wp-block-embed__wrapper'\n\t);\n\n\tconst PreviewContent = 'wp-embed' === type ? WpEmbedPreview : SandBox;\n\tconst embedWrapper = (\n\t\t<>\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ () => {\n\t\t\t\t\tif ( onFocus ) {\n\t\t\t\t\t\tonFocus();\n\t\t\t\t\t}\n\t\t\t\t\tif ( isCaptionSelected ) {\n\t\t\t\t\t\tsetIsCaptionSelected( false );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tpointerEvents=\"box-only\"\n\t\t\t\t\tstyle={ [ wrapperStyle, wrapperAlignStyle ] }\n\t\t\t\t>\n\t\t\t\t\t<PreviewContent\n\t\t\t\t\t\thtml={ html }\n\t\t\t\t\t\tlang={ locale }\n\t\t\t\t\t\ttitle={ iframeTitle }\n\t\t\t\t\t\ttype={ sandboxClassnames }\n\t\t\t\t\t\tproviderUrl={ providerUrl }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\tcontainerStyle={ sandboxAlignStyle }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</>\n\t);\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tonPress={ onEmbedPreviewPress }\n\t\t\tdisabled={ ! isSelected }\n\t\t>\n\t\t\t<View>\n\t\t\t\t{ isProviderPreviewable && previewable ? (\n\t\t\t\t\tembedWrapper\n\t\t\t\t) : (\n\t\t\t\t\t<EmbedNoPreview\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tonPress={ () => setIsCaptionSelected( false ) }\n\t\t\t\t\t\tpreviewable={ previewable }\n\t\t\t\t\t\tisDefaultEmbedInfo={ isDefaultEmbedInfo }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<BlockCaption\n\t\t\t\t\taccessibilityLabelCreator={ accessibilityLabelCreator }\n\t\t\t\t\taccessible\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tisSelected={ isCaptionSelected }\n\t\t\t\t\tonFocus={ onFocusCaption }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n};\n\nexport default memo( EmbedPreview );\n"]}

package/build/embed/index.js

@@ -26,7 +26,7 @@ var _icons = require("./icons");
  */
 const metadata = {
   $schema: "https://schemas.wp.org/trunk/block.json",
-  apiVersion: 2,
+  apiVersion: 3,
   name: "core/embed",
   title: "Embed",
   category: "embed",

package/build/embed/save.js

@@ -20,10 +20,9 @@ var _blockEditor = require("@wordpress/block-editor");
 /**
  * WordPress dependencies
  */
-function save(_ref) {
-  let {
-    attributes
-  } = _ref;
+function save({
+  attributes
+}) {
   const {
     url,
     caption,

package/build/embed/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/save.js"],"names":["save","attributes","url","caption","type","providerNameSlug","className","useBlockProps","RichText","isEmpty"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAOe,SAASA,IAAT,OAAgC;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;AAC9C,QAAM;AAAEC,IAAAA,GAAF;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,IAAhB;AAAsBC,IAAAA;AAAtB,MAA2CJ,UAAjD;;AAEA,MAAK,CAAEC,GAAP,EAAa;AACZ,WAAO,IAAP;AACA;;AAED,QAAMI,SAAS,GAAG,qBAAY,gBAAZ,EAA8B;AAC/C,KAAG,WAAWF,IAAM,EAApB,GAAyBA,IADsB;AAE/C,KAAG,eAAeC,gBAAkB,EAApC,GAAyCA,gBAFM;AAG/C,KAAG,kBAAkBA,gBAAkB,EAAvC,GAA4CA;AAHG,GAA9B,CAAlB;AAMA,SACC,sCAAaE,2BAAcP,IAAd,CAAoB;AAAEM,IAAAA;AAAF,GAApB,CAAb,EACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,KAAKJ,GAAK;AAAI;AADlB,GADD,EAIG,CAAEM,sBAASC,OAAT,CAAkBN,OAAlB,CAAF,IACD,4BAAC,qBAAD,CAAU,OAAV;AACC,IAAA,SAAS,EAAG,oDAAmC,SAAnC,CADb;AAEC,IAAA,OAAO,EAAC,YAFT;AAGC,IAAA,KAAK,EAAGA;AAHT,IALF,CADD;AAcA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames/dedupe';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { url, caption, type, providerNameSlug } = attributes;\n\n\tif ( ! url ) {\n\t\treturn null;\n\t}\n\n\tconst className = classnames( 'wp-block-embed', {\n\t\t[ `is-type-${ type }` ]: type,\n\t\t[ `is-provider-${ providerNameSlug }` ]: providerNameSlug,\n\t\t[ `wp-block-embed-${ providerNameSlug }` ]: providerNameSlug,\n\t} );\n\n\treturn (\n\t\t<figure { ...useBlockProps.save( { className } ) }>\n\t\t\t<div className=\"wp-block-embed__wrapper\">\n\t\t\t\t{ `\\n${ url }\\n` /* URL needs to be on its own line. */ }\n\t\t\t</div>\n\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t<RichText.Content\n\t\t\t\t\tclassName={ __experimentalGetElementClassName( 'caption' ) }\n\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\tvalue={ caption }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</figure>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/embed/save.js"],"names":["save","attributes","url","caption","type","providerNameSlug","className","useBlockProps","RichText","isEmpty"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAOe,SAASA,IAAT,CAAe;AAAEC,EAAAA;AAAF,CAAf,EAAgC;AAC9C,QAAM;AAAEC,IAAAA,GAAF;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,IAAhB;AAAsBC,IAAAA;AAAtB,MAA2CJ,UAAjD;;AAEA,MAAK,CAAEC,GAAP,EAAa;AACZ,WAAO,IAAP;AACA;;AAED,QAAMI,SAAS,GAAG,qBAAY,gBAAZ,EAA8B;AAC/C,KAAG,WAAWF,IAAM,EAApB,GAAyBA,IADsB;AAE/C,KAAG,eAAeC,gBAAkB,EAApC,GAAyCA,gBAFM;AAG/C,KAAG,kBAAkBA,gBAAkB,EAAvC,GAA4CA;AAHG,GAA9B,CAAlB;AAMA,SACC,sCAAaE,2BAAcP,IAAd,CAAoB;AAAEM,IAAAA;AAAF,GAApB,CAAb,EACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,KAAKJ,GAAK;AAAI;AADlB,GADD,EAIG,CAAEM,sBAASC,OAAT,CAAkBN,OAAlB,CAAF,IACD,4BAAC,qBAAD,CAAU,OAAV;AACC,IAAA,SAAS,EAAG,oDAAmC,SAAnC,CADb;AAEC,IAAA,OAAO,EAAC,YAFT;AAGC,IAAA,KAAK,EAAGA;AAHT,IALF,CADD;AAcA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames/dedupe';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { url, caption, type, providerNameSlug } = attributes;\n\n\tif ( ! url ) {\n\t\treturn null;\n\t}\n\n\tconst className = classnames( 'wp-block-embed', {\n\t\t[ `is-type-${ type }` ]: type,\n\t\t[ `is-provider-${ providerNameSlug }` ]: providerNameSlug,\n\t\t[ `wp-block-embed-${ providerNameSlug }` ]: providerNameSlug,\n\t} );\n\n\treturn (\n\t\t<figure { ...useBlockProps.save( { className } ) }>\n\t\t\t<div className=\"wp-block-embed__wrapper\">\n\t\t\t\t{ `\\n${ url }\\n` /* URL needs to be on its own line. */ }\n\t\t\t</div>\n\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t<RichText.Content\n\t\t\t\t\tclassName={ __experimentalGetElementClassName( 'caption' ) }\n\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\tvalue={ caption }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</figure>\n\t);\n}\n"]}

package/build/embed/transforms.js

@@ -16,7 +16,7 @@ var _blocks = require("@wordpress/blocks");
  */
 const metadata = {
   $schema: "https://schemas.wp.org/trunk/block.json",
-  apiVersion: 2,
+  apiVersion: 3,
   name: "core/embed",
   title: "Embed",
   category: "embed",
@@ -75,11 +75,7 @@ const {
 const transforms = {
   from: [{
     type: 'raw',
-    isMatch: node => {
-      var _node$textContent, _node$textContent$mat;
-
-      return node.nodeName === 'P' && /^\s*(https?:\/\/\S+)\s*$/i.test(node.textContent) && ((_node$textContent = node.textContent) === null || _node$textContent === void 0 ? void 0 : (_node$textContent$mat = _node$textContent.match(/https/gi)) === null || _node$textContent$mat === void 0 ? void 0 : _node$textContent$mat.length) === 1;
-    },
+    isMatch: node => node.nodeName === 'P' && /^\s*(https?:\/\/\S+)\s*$/i.test(node.textContent) && node.textContent?.match(/https/gi)?.length === 1,
     transform: node => {
       return (0, _blocks.createBlock)(EMBED_BLOCK, {
         url: node.textContent.trim()
@@ -89,20 +85,16 @@ const transforms = {
   to: [{
     type: 'block',
     blocks: ['core/paragraph'],
-    isMatch: _ref => {
-      let {
-        url
-      } = _ref;
-      return !!url;
-    },
-    transform: _ref2 => {
-      let {
-        url,
-        caption
-      } = _ref2;
+    isMatch: ({
+      url
+    }) => !!url,
+    transform: ({
+      url,
+      caption
+    }) => {
       let value = `<a href="${url}">${url}</a>`;
 
-      if (caption !== null && caption !== void 0 && caption.trim()) {
+      if (caption?.trim()) {
         value += `<br />${caption}`;
       }
 

package/build/embed/transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/transforms.js"],"names":["name","EMBED_BLOCK","metadata","transforms","from","type","isMatch","node","nodeName","test","textContent","match","length","transform","url","trim","to","blocks","caption","value","content"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM;AAAEA,EAAAA,IAAI,EAAEC;AAAR,IAAwBC,QAA9B;AAEA;AACA;AACA;;AACA,MAAMC,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,KADP;AAECC,IAAAA,OAAO,EAAIC,IAAF;AAAA;;AAAA,aACRA,IAAI,CAACC,QAAL,KAAkB,GAAlB,IACA,4BAA4BC,IAA5B,CAAkCF,IAAI,CAACG,WAAvC,CADA,IAEA,sBAAAH,IAAI,CAACG,WAAL,iGAAkBC,KAAlB,CAAyB,SAAzB,iFAAsCC,MAAtC,MAAiD,CAHzC;AAAA,KAFV;AAMCC,IAAAA,SAAS,EAAIN,IAAF,IAAY;AACtB,aAAO,yBAAaN,WAAb,EAA0B;AAChCa,QAAAA,GAAG,EAAEP,IAAI,CAACG,WAAL,CAAiBK,IAAjB;AAD2B,OAA1B,CAAP;AAGA;AAVF,GADK,CADY;AAelBC,EAAAA,EAAE,EAAE,CACH;AACCX,IAAAA,IAAI,EAAE,OADP;AAECY,IAAAA,MAAM,EAAE,CAAE,gBAAF,CAFT;AAGCX,IAAAA,OAAO,EAAE;AAAA,UAAE;AAAEQ,QAAAA;AAAF,OAAF;AAAA,aAAe,CAAC,CAAEA,GAAlB;AAAA,KAHV;AAICD,IAAAA,SAAS,EAAE,SAAwB;AAAA,UAAtB;AAAEC,QAAAA,GAAF;AAAOI,QAAAA;AAAP,OAAsB;AAClC,UAAIC,KAAK,GAAI,YAAYL,GAAK,KAAKA,GAAK,MAAxC;;AACA,UAAKI,OAAL,aAAKA,OAAL,eAAKA,OAAO,CAAEH,IAAT,EAAL,EAAuB;AACtBI,QAAAA,KAAK,IAAK,SAASD,OAAS,EAA5B;AACA;;AACD,aAAO,yBAAa,gBAAb,EAA+B;AACrCE,QAAAA,OAAO,EAAED;AAD4B,OAA/B,CAAP;AAGA;AAZF,GADG;AAfc,CAAnB;eAiCehB,U","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\n\nconst { name: EMBED_BLOCK } = metadata;\n\n/**\n * Default transforms for generic embeds.\n */\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'raw',\n\t\t\tisMatch: ( node ) =>\n\t\t\t\tnode.nodeName === 'P' &&\n\t\t\t\t/^\\s*(https?:\\/\\/\\S+)\\s*$/i.test( node.textContent ) &&\n\t\t\t\tnode.textContent?.match( /https/gi )?.length === 1,\n\t\t\ttransform: ( node ) => {\n\t\t\t\treturn createBlock( EMBED_BLOCK, {\n\t\t\t\t\turl: node.textContent.trim(),\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t],\n\tto: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/paragraph' ],\n\t\t\tisMatch: ( { url } ) => !! url,\n\t\t\ttransform: ( { url, caption } ) => {\n\t\t\t\tlet value = `<a href=\"${ url }\">${ url }</a>`;\n\t\t\t\tif ( caption?.trim() ) {\n\t\t\t\t\tvalue += `<br />${ caption }`;\n\t\t\t\t}\n\t\t\t\treturn createBlock( 'core/paragraph', {\n\t\t\t\t\tcontent: value,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/embed/transforms.js"],"names":["name","EMBED_BLOCK","metadata","transforms","from","type","isMatch","node","nodeName","test","textContent","match","length","transform","url","trim","to","blocks","caption","value","content"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM;AAAEA,EAAAA,IAAI,EAAEC;AAAR,IAAwBC,QAA9B;AAEA;AACA;AACA;;AACA,MAAMC,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,KADP;AAECC,IAAAA,OAAO,EAAIC,IAAF,IACRA,IAAI,CAACC,QAAL,KAAkB,GAAlB,IACA,4BAA4BC,IAA5B,CAAkCF,IAAI,CAACG,WAAvC,CADA,IAEAH,IAAI,CAACG,WAAL,EAAkBC,KAAlB,CAAyB,SAAzB,GAAsCC,MAAtC,KAAiD,CALnD;AAMCC,IAAAA,SAAS,EAAIN,IAAF,IAAY;AACtB,aAAO,yBAAaN,WAAb,EAA0B;AAChCa,QAAAA,GAAG,EAAEP,IAAI,CAACG,WAAL,CAAiBK,IAAjB;AAD2B,OAA1B,CAAP;AAGA;AAVF,GADK,CADY;AAelBC,EAAAA,EAAE,EAAE,CACH;AACCX,IAAAA,IAAI,EAAE,OADP;AAECY,IAAAA,MAAM,EAAE,CAAE,gBAAF,CAFT;AAGCX,IAAAA,OAAO,EAAE,CAAE;AAAEQ,MAAAA;AAAF,KAAF,KAAe,CAAC,CAAEA,GAH5B;AAICD,IAAAA,SAAS,EAAE,CAAE;AAAEC,MAAAA,GAAF;AAAOI,MAAAA;AAAP,KAAF,KAAwB;AAClC,UAAIC,KAAK,GAAI,YAAYL,GAAK,KAAKA,GAAK,MAAxC;;AACA,UAAKI,OAAO,EAAEH,IAAT,EAAL,EAAuB;AACtBI,QAAAA,KAAK,IAAK,SAASD,OAAS,EAA5B;AACA;;AACD,aAAO,yBAAa,gBAAb,EAA+B;AACrCE,QAAAA,OAAO,EAAED;AAD4B,OAA/B,CAAP;AAGA;AAZF,GADG;AAfc,CAAnB;eAiCehB,U","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\n\nconst { name: EMBED_BLOCK } = metadata;\n\n/**\n * Default transforms for generic embeds.\n */\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'raw',\n\t\t\tisMatch: ( node ) =>\n\t\t\t\tnode.nodeName === 'P' &&\n\t\t\t\t/^\\s*(https?:\\/\\/\\S+)\\s*$/i.test( node.textContent ) &&\n\t\t\t\tnode.textContent?.match( /https/gi )?.length === 1,\n\t\t\ttransform: ( node ) => {\n\t\t\t\treturn createBlock( EMBED_BLOCK, {\n\t\t\t\t\turl: node.textContent.trim(),\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t],\n\tto: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/paragraph' ],\n\t\t\tisMatch: ( { url } ) => !! url,\n\t\t\ttransform: ( { url, caption } ) => {\n\t\t\t\tlet value = `<a href=\"${ url }\">${ url }</a>`;\n\t\t\t\tif ( caption?.trim() ) {\n\t\t\t\t\tvalue += `<br />${ caption }`;\n\t\t\t\t}\n\t\t\t\treturn createBlock( 'core/paragraph', {\n\t\t\t\t\tcontent: value,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}

package/build/embed/util.js

@@ -40,7 +40,7 @@ var _blocks = require("@wordpress/blocks");
  */
 const metadata = {
   $schema: "https://schemas.wp.org/trunk/block.json",
-  apiVersion: 2,
+  apiVersion: 3,
   name: "core/embed",
   title: "Embed",
   category: "embed",
@@ -101,16 +101,9 @@ const {
  * @return {WPBlockVariation} The embed block's information
  */
 
-const getEmbedInfoByProvider = provider => {
-  var _getBlockVariations;
-
-  return (_getBlockVariations = (0, _blocks.getBlockVariations)(DEFAULT_EMBED_BLOCK)) === null || _getBlockVariations === void 0 ? void 0 : _getBlockVariations.find(_ref => {
-    let {
-      name
-    } = _ref;
-    return name === provider;
-  });
-};
+const getEmbedInfoByProvider = provider => (0, _blocks.getBlockVariations)(DEFAULT_EMBED_BLOCK)?.find(({
+  name
+}) => name === provider);
 /**
  * Returns true if any of the regular expressions match the URL.
  *
@@ -122,10 +115,7 @@ const getEmbedInfoByProvider = provider => {
 
 exports.getEmbedInfoByProvider = getEmbedInfoByProvider;
 
-const matchesPatterns = function (url) {
-  let patterns = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return patterns.some(pattern => url.match(pattern));
-};
+const matchesPatterns = (url, patterns = []) => patterns.some(pattern => url.match(pattern));
 /**
  * Finds the block variation that should be used for the URL,
  * based on the provided URL and the variation's patterns.
@@ -137,16 +127,9 @@ const matchesPatterns = function (url) {
 
 exports.matchesPatterns = matchesPatterns;
 
-const findMoreSuitableBlock = url => {
-  var _getBlockVariations2;
-
-  return (_getBlockVariations2 = (0, _blocks.getBlockVariations)(DEFAULT_EMBED_BLOCK)) === null || _getBlockVariations2 === void 0 ? void 0 : _getBlockVariations2.find(_ref2 => {
-    let {
-      patterns
-    } = _ref2;
-    return matchesPatterns(url, patterns);
-  });
-};
+const findMoreSuitableBlock = url => (0, _blocks.getBlockVariations)(DEFAULT_EMBED_BLOCK)?.find(({
+  patterns
+}) => matchesPatterns(url, patterns));
 
 exports.findMoreSuitableBlock = findMoreSuitableBlock;
 
@@ -184,10 +167,7 @@ const getPhotoHtml = photo => {
 
 exports.getPhotoHtml = getPhotoHtml;
 
-const createUpgradedEmbedBlock = function (props) {
-  var _getBlockVariations3;
-
-  let attributesFromPreview = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+const createUpgradedEmbedBlock = (props, attributesFromPreview = {}) => {
   const {
     preview,
     attributes = {}
@@ -215,12 +195,9 @@ const createUpgradedEmbedBlock = function (props) {
     });
   }
 
-  const wpVariation = (_getBlockVariations3 = (0, _blocks.getBlockVariations)(DEFAULT_EMBED_BLOCK)) === null || _getBlockVariations3 === void 0 ? void 0 : _getBlockVariations3.find(_ref3 => {
-    let {
-      name
-    } = _ref3;
-    return name === 'wordpress';
-  }); // We can't match the URL for WordPress embeds, we have to check the HTML instead.
+  const wpVariation = (0, _blocks.getBlockVariations)(DEFAULT_EMBED_BLOCK)?.find(({
+    name
+  }) => name === 'wordpress'); // We can't match the URL for WordPress embeds, we have to check the HTML instead.
 
   if (!wpVariation || !preview || !isFromWordPress(preview.html) || isCurrentBlockWP) {
     return;
@@ -255,12 +232,9 @@ const hasAspectRatioClass = existingClassNames => {
     return false;
   }
 
-  return _constants.ASPECT_RATIOS.some(_ref4 => {
-    let {
-      className
-    } = _ref4;
-    return existingClassNames.includes(className);
-  });
+  return _constants.ASPECT_RATIOS.some(({
+    className
+  }) => existingClassNames.includes(className));
 };
 /**
  * Removes all previously set aspect ratio related classes and return the rest
@@ -281,10 +255,9 @@ const removeAspectRatioClasses = existingClassNames => {
     return existingClassNames;
   }
 
-  const aspectRatioClassNames = _constants.ASPECT_RATIOS.reduce((accumulator, _ref5) => {
-    let {
-      className
-    } = _ref5;
+  const aspectRatioClassNames = _constants.ASPECT_RATIOS.reduce((accumulator, {
+    className
+  }) => {
     accumulator[className] = false;
     return accumulator;
   }, {
@@ -305,9 +278,7 @@ const removeAspectRatioClasses = existingClassNames => {
 
 exports.removeAspectRatioClasses = removeAspectRatioClasses;
 
-function getClassNames(html, existingClassNames) {
-  let allowResponsive = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
+function getClassNames(html, existingClassNames, allowResponsive = true) {
   if (!allowResponsive) {
     return removeAspectRatioClasses(existingClassNames);
   }
@@ -369,9 +340,7 @@ function fallback(url, onReplace) {
  */
 
 
-const getAttributesFromPreview = (0, _memize.default)(function (preview, title, currentClassNames, isResponsive) {
-  let allowResponsive = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
-
+const getAttributesFromPreview = (0, _memize.default)((preview, title, currentClassNames, isResponsive, allowResponsive = true) => {
   if (!preview) {
     return {};
   }

package/build/embed/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/util.js"],"names":["name","DEFAULT_EMBED_BLOCK","metadata","getEmbedInfoByProvider","provider","find","matchesPatterns","url","patterns","some","pattern","match","findMoreSuitableBlock","isFromWordPress","html","includes","getPhotoHtml","photo","imageUrl","thumbnail_url","photoPreview","title","createUpgradedEmbedBlock","props","attributesFromPreview","preview","attributes","providerNameSlug","type","restAttributes","matchedBlock","isCurrentBlockWP","WP_EMBED_TYPE","shouldCreateNewBlock","wpVariation","hasAspectRatioClass","existingClassNames","ASPECT_RATIOS","className","removeAspectRatioClasses","aspectRatioClassNames","reduce","accumulator","getClassNames","allowResponsive","previewDocument","document","implementation","createHTMLDocument","body","innerHTML","iframe","querySelector","height","width","aspectRatio","toFixed","ratioIndex","length","potentialRatio","ratio","ratioDiff","fallback","onReplace","link","content","getAttributesFromPreview","currentClassNames","isResponsive","provider_name","providerName","toLowerCase","getMergedAttributesWithPreview","currentAttributes"],"mappings":"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","sourcesContent":["/**\n * Internal dependencies\n */\nimport { ASPECT_RATIOS, WP_EMBED_TYPE } from './constants';\n\n/**\n * External dependencies\n */\nimport { kebabCase } from 'lodash';\nimport classnames from 'classnames/dedupe';\nimport memoize from 'memize';\n\n/**\n * WordPress dependencies\n */\nimport { renderToString } from '@wordpress/element';\nimport {\n\tcreateBlock,\n\tgetBlockType,\n\tgetBlockVariations,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\n\nconst { name: DEFAULT_EMBED_BLOCK } = metadata;\n\n/** @typedef {import('@wordpress/blocks').WPBlockVariation} WPBlockVariation */\n\n/**\n * Returns the embed block's information by matching the provided service provider\n *\n * @param {string} provider The embed block's provider\n * @return {WPBlockVariation} The embed block's information\n */\nexport const getEmbedInfoByProvider = ( provider ) =>\n\tgetBlockVariations( DEFAULT_EMBED_BLOCK )?.find(\n\t\t( { name } ) => name === provider\n\t);\n\n/**\n * Returns true if any of the regular expressions match the URL.\n *\n * @param {string} url      The URL to test.\n * @param {Array}  patterns The list of regular expressions to test agains.\n * @return {boolean} True if any of the regular expressions match the URL.\n */\nexport const matchesPatterns = ( url, patterns = [] ) =>\n\tpatterns.some( ( pattern ) => url.match( pattern ) );\n\n/**\n * Finds the block variation that should be used for the URL,\n * based on the provided URL and the variation's patterns.\n *\n * @param {string} url The URL to test.\n * @return {WPBlockVariation} The block variation that should be used for this URL\n */\nexport const findMoreSuitableBlock = ( url ) =>\n\tgetBlockVariations( DEFAULT_EMBED_BLOCK )?.find( ( { patterns } ) =>\n\t\tmatchesPatterns( url, patterns )\n\t);\n\nexport const isFromWordPress = ( html ) =>\n\thtml && html.includes( 'class=\"wp-embedded-content\"' );\n\nexport const getPhotoHtml = ( photo ) => {\n\t// If full image url not found use thumbnail.\n\tconst imageUrl = photo.url || photo.thumbnail_url;\n\n\t// 100% width for the preview so it fits nicely into the document, some \"thumbnails\" are\n\t// actually the full size photo.\n\tconst photoPreview = (\n\t\t<p>\n\t\t\t<img src={ imageUrl } alt={ photo.title } width=\"100%\" />\n\t\t</p>\n\t);\n\treturn renderToString( photoPreview );\n};\n\n/**\n * Creates a more suitable embed block based on the passed in props\n * and attributes generated from an embed block's preview.\n *\n * We require `attributesFromPreview` to be generated from the latest attributes\n * and preview, and because of the way the react lifecycle operates, we can't\n * guarantee that the attributes contained in the block's props are the latest\n * versions, so we require that these are generated separately.\n * See `getAttributesFromPreview` in the generated embed edit component.\n *\n * @param {Object} props                   The block's props.\n * @param {Object} [attributesFromPreview] Attributes generated from the block's most up to date preview.\n * @return {Object|undefined} A more suitable embed block if one exists.\n */\nexport const createUpgradedEmbedBlock = (\n\tprops,\n\tattributesFromPreview = {}\n) => {\n\tconst { preview, attributes = {} } = props;\n\tconst { url, providerNameSlug, type, ...restAttributes } = attributes;\n\n\tif ( ! url || ! getBlockType( DEFAULT_EMBED_BLOCK ) ) return;\n\n\tconst matchedBlock = findMoreSuitableBlock( url );\n\n\t// WordPress blocks can work on multiple sites, and so don't have patterns,\n\t// so if we're in a WordPress block, assume the user has chosen it for a WordPress URL.\n\tconst isCurrentBlockWP =\n\t\tproviderNameSlug === 'wordpress' || type === WP_EMBED_TYPE;\n\t// If current block is not WordPress and a more suitable block found\n\t// that is different from the current one, create the new matched block.\n\tconst shouldCreateNewBlock =\n\t\t! isCurrentBlockWP &&\n\t\tmatchedBlock &&\n\t\t( matchedBlock.attributes.providerNameSlug !== providerNameSlug ||\n\t\t\t! providerNameSlug );\n\tif ( shouldCreateNewBlock ) {\n\t\treturn createBlock( DEFAULT_EMBED_BLOCK, {\n\t\t\turl,\n\t\t\t...restAttributes,\n\t\t\t...matchedBlock.attributes,\n\t\t} );\n\t}\n\n\tconst wpVariation = getBlockVariations( DEFAULT_EMBED_BLOCK )?.find(\n\t\t( { name } ) => name === 'wordpress'\n\t);\n\n\t// We can't match the URL for WordPress embeds, we have to check the HTML instead.\n\tif (\n\t\t! wpVariation ||\n\t\t! preview ||\n\t\t! isFromWordPress( preview.html ) ||\n\t\tisCurrentBlockWP\n\t) {\n\t\treturn;\n\t}\n\n\t// This is not the WordPress embed block so transform it into one.\n\treturn createBlock( DEFAULT_EMBED_BLOCK, {\n\t\turl,\n\t\t...wpVariation.attributes,\n\t\t// By now we have the preview, but when the new block first renders, it\n\t\t// won't have had all the attributes set, and so won't get the correct\n\t\t// type and it won't render correctly. So, we pass through the current attributes\n\t\t// here so that the initial render works when we switch to the WordPress\n\t\t// block. This only affects the WordPress block because it can't be\n\t\t// rendered in the usual Sandbox (it has a sandbox of its own) and it\n\t\t// relies on the preview to set the correct render type.\n\t\t...attributesFromPreview,\n\t} );\n};\n\n/**\n * Determine if the block already has an aspect ratio class applied.\n *\n * @param {string} existingClassNames Existing block classes.\n * @return {boolean} True or false if the classnames contain an aspect ratio class.\n */\nexport const hasAspectRatioClass = ( existingClassNames ) => {\n\tif ( ! existingClassNames ) {\n\t\treturn false;\n\t}\n\treturn ASPECT_RATIOS.some( ( { className } ) =>\n\t\texistingClassNames.includes( className )\n\t);\n};\n\n/**\n * Removes all previously set aspect ratio related classes and return the rest\n * existing class names.\n *\n * @param {string} existingClassNames Any existing class names.\n * @return {string} The class names without any aspect ratio related class.\n */\nexport const removeAspectRatioClasses = ( existingClassNames ) => {\n\tif ( ! existingClassNames ) {\n\t\t// Avoids extraneous work and also, by returning the same value as\n\t\t// received, ensures the post is not dirtied by a change of the block\n\t\t// attribute from `undefined` to an emtpy string.\n\t\treturn existingClassNames;\n\t}\n\tconst aspectRatioClassNames = ASPECT_RATIOS.reduce(\n\t\t( accumulator, { className } ) => {\n\t\t\taccumulator[ className ] = false;\n\t\t\treturn accumulator;\n\t\t},\n\t\t{ 'wp-has-aspect-ratio': false }\n\t);\n\treturn classnames( existingClassNames, aspectRatioClassNames );\n};\n\n/**\n * Returns class names with any relevant responsive aspect ratio names.\n *\n * @param {string}  html               The preview HTML that possibly contains an iframe with width and height set.\n * @param {string}  existingClassNames Any existing class names.\n * @param {boolean} allowResponsive    If the responsive class names should be added, or removed.\n * @return {string} Deduped class names.\n */\nexport function getClassNames(\n\thtml,\n\texistingClassNames,\n\tallowResponsive = true\n) {\n\tif ( ! allowResponsive ) {\n\t\treturn removeAspectRatioClasses( existingClassNames );\n\t}\n\n\tconst previewDocument = document.implementation.createHTMLDocument( '' );\n\tpreviewDocument.body.innerHTML = html;\n\tconst iframe = previewDocument.body.querySelector( 'iframe' );\n\n\t// If we have a fixed aspect iframe, and it's a responsive embed block.\n\tif ( iframe && iframe.height && iframe.width ) {\n\t\tconst aspectRatio = ( iframe.width / iframe.height ).toFixed( 2 );\n\t\t// Given the actual aspect ratio, find the widest ratio to support it.\n\t\tfor (\n\t\t\tlet ratioIndex = 0;\n\t\t\tratioIndex < ASPECT_RATIOS.length;\n\t\t\tratioIndex++\n\t\t) {\n\t\t\tconst potentialRatio = ASPECT_RATIOS[ ratioIndex ];\n\t\t\tif ( aspectRatio >= potentialRatio.ratio ) {\n\t\t\t\t// Evaluate the difference between actual aspect ratio and closest match.\n\t\t\t\t// If the difference is too big, do not scale the embed according to aspect ratio.\n\t\t\t\tconst ratioDiff = aspectRatio - potentialRatio.ratio;\n\t\t\t\tif ( ratioDiff > 0.1 ) {\n\t\t\t\t\t// No close aspect ratio match found.\n\t\t\t\t\treturn removeAspectRatioClasses( existingClassNames );\n\t\t\t\t}\n\t\t\t\t// Close aspect ratio match found.\n\t\t\t\treturn classnames(\n\t\t\t\t\tremoveAspectRatioClasses( existingClassNames ),\n\t\t\t\t\tpotentialRatio.className,\n\t\t\t\t\t'wp-has-aspect-ratio'\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn existingClassNames;\n}\n\n/**\n * Fallback behaviour for unembeddable URLs.\n * Creates a paragraph block containing a link to the URL, and calls `onReplace`.\n *\n * @param {string}   url       The URL that could not be embedded.\n * @param {Function} onReplace Function to call with the created fallback block.\n */\nexport function fallback( url, onReplace ) {\n\tconst link = <a href={ url }>{ url }</a>;\n\tonReplace(\n\t\tcreateBlock( 'core/paragraph', { content: renderToString( link ) } )\n\t);\n}\n\n/***\n * Gets block attributes based on the preview and responsive state.\n *\n * @param {Object} preview The preview data.\n * @param {string} title The block's title, e.g. Twitter.\n * @param {Object} currentClassNames The block's current class names.\n * @param {boolean} isResponsive Boolean indicating if the block supports responsive content.\n * @param {boolean} allowResponsive Apply responsive classes to fixed size content.\n * @return {Object} Attributes and values.\n */\nexport const getAttributesFromPreview = memoize(\n\t(\n\t\tpreview,\n\t\ttitle,\n\t\tcurrentClassNames,\n\t\tisResponsive,\n\t\tallowResponsive = true\n\t) => {\n\t\tif ( ! preview ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tconst attributes = {};\n\t\t// Some plugins only return HTML with no type info, so default this to 'rich'.\n\t\tlet { type = 'rich' } = preview;\n\t\t// If we got a provider name from the API, use it for the slug, otherwise we use the title,\n\t\t// because not all embed code gives us a provider name.\n\t\tconst { html, provider_name: providerName } = preview;\n\t\tconst providerNameSlug = kebabCase(\n\t\t\t( providerName || title ).toLowerCase()\n\t\t);\n\n\t\tif ( isFromWordPress( html ) ) {\n\t\t\ttype = WP_EMBED_TYPE;\n\t\t}\n\n\t\tif ( html || 'photo' === type ) {\n\t\t\tattributes.type = type;\n\t\t\tattributes.providerNameSlug = providerNameSlug;\n\t\t}\n\n\t\t// Aspect ratio classes are removed when the embed URL is updated.\n\t\t// If the embed already has an aspect ratio class, that means the URL has not changed.\n\t\t// Which also means no need to regenerate it with getClassNames.\n\t\tif ( hasAspectRatioClass( currentClassNames ) ) {\n\t\t\treturn attributes;\n\t\t}\n\n\t\tattributes.className = getClassNames(\n\t\t\thtml,\n\t\t\tcurrentClassNames,\n\t\t\tisResponsive && allowResponsive\n\t\t);\n\n\t\treturn attributes;\n\t}\n);\n\n/**\n * Returns the attributes derived from the preview, merged with the current attributes.\n *\n * @param {Object}  currentAttributes The current attributes of the block.\n * @param {Object}  preview           The preview data.\n * @param {string}  title             The block's title, e.g. Twitter.\n * @param {boolean} isResponsive      Boolean indicating if the block supports responsive content.\n * @return {Object} Merged attributes.\n */\nexport const getMergedAttributesWithPreview = (\n\tcurrentAttributes,\n\tpreview,\n\ttitle,\n\tisResponsive\n) => {\n\tconst { allowResponsive, className } = currentAttributes;\n\n\treturn {\n\t\t...currentAttributes,\n\t\t...getAttributesFromPreview(\n\t\t\tpreview,\n\t\t\ttitle,\n\t\t\tclassName,\n\t\t\tisResponsive,\n\t\t\tallowResponsive\n\t\t),\n\t};\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/embed/util.js"],"names":["name","DEFAULT_EMBED_BLOCK","metadata","getEmbedInfoByProvider","provider","find","matchesPatterns","url","patterns","some","pattern","match","findMoreSuitableBlock","isFromWordPress","html","includes","getPhotoHtml","photo","imageUrl","thumbnail_url","photoPreview","title","createUpgradedEmbedBlock","props","attributesFromPreview","preview","attributes","providerNameSlug","type","restAttributes","matchedBlock","isCurrentBlockWP","WP_EMBED_TYPE","shouldCreateNewBlock","wpVariation","hasAspectRatioClass","existingClassNames","ASPECT_RATIOS","className","removeAspectRatioClasses","aspectRatioClassNames","reduce","accumulator","getClassNames","allowResponsive","previewDocument","document","implementation","createHTMLDocument","body","innerHTML","iframe","querySelector","height","width","aspectRatio","toFixed","ratioIndex","length","potentialRatio","ratio","ratioDiff","fallback","onReplace","link","content","getAttributesFromPreview","currentClassNames","isResponsive","provider_name","providerName","toLowerCase","getMergedAttributesWithPreview","currentAttributes"],"mappings":"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","sourcesContent":["/**\n * Internal dependencies\n */\nimport { ASPECT_RATIOS, WP_EMBED_TYPE } from './constants';\n\n/**\n * External dependencies\n */\nimport { kebabCase } from 'lodash';\nimport classnames from 'classnames/dedupe';\nimport memoize from 'memize';\n\n/**\n * WordPress dependencies\n */\nimport { renderToString } from '@wordpress/element';\nimport {\n\tcreateBlock,\n\tgetBlockType,\n\tgetBlockVariations,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\n\nconst { name: DEFAULT_EMBED_BLOCK } = metadata;\n\n/** @typedef {import('@wordpress/blocks').WPBlockVariation} WPBlockVariation */\n\n/**\n * Returns the embed block's information by matching the provided service provider\n *\n * @param {string} provider The embed block's provider\n * @return {WPBlockVariation} The embed block's information\n */\nexport const getEmbedInfoByProvider = ( provider ) =>\n\tgetBlockVariations( DEFAULT_EMBED_BLOCK )?.find(\n\t\t( { name } ) => name === provider\n\t);\n\n/**\n * Returns true if any of the regular expressions match the URL.\n *\n * @param {string} url      The URL to test.\n * @param {Array}  patterns The list of regular expressions to test agains.\n * @return {boolean} True if any of the regular expressions match the URL.\n */\nexport const matchesPatterns = ( url, patterns = [] ) =>\n\tpatterns.some( ( pattern ) => url.match( pattern ) );\n\n/**\n * Finds the block variation that should be used for the URL,\n * based on the provided URL and the variation's patterns.\n *\n * @param {string} url The URL to test.\n * @return {WPBlockVariation} The block variation that should be used for this URL\n */\nexport const findMoreSuitableBlock = ( url ) =>\n\tgetBlockVariations( DEFAULT_EMBED_BLOCK )?.find( ( { patterns } ) =>\n\t\tmatchesPatterns( url, patterns )\n\t);\n\nexport const isFromWordPress = ( html ) =>\n\thtml && html.includes( 'class=\"wp-embedded-content\"' );\n\nexport const getPhotoHtml = ( photo ) => {\n\t// If full image url not found use thumbnail.\n\tconst imageUrl = photo.url || photo.thumbnail_url;\n\n\t// 100% width for the preview so it fits nicely into the document, some \"thumbnails\" are\n\t// actually the full size photo.\n\tconst photoPreview = (\n\t\t<p>\n\t\t\t<img src={ imageUrl } alt={ photo.title } width=\"100%\" />\n\t\t</p>\n\t);\n\treturn renderToString( photoPreview );\n};\n\n/**\n * Creates a more suitable embed block based on the passed in props\n * and attributes generated from an embed block's preview.\n *\n * We require `attributesFromPreview` to be generated from the latest attributes\n * and preview, and because of the way the react lifecycle operates, we can't\n * guarantee that the attributes contained in the block's props are the latest\n * versions, so we require that these are generated separately.\n * See `getAttributesFromPreview` in the generated embed edit component.\n *\n * @param {Object} props                   The block's props.\n * @param {Object} [attributesFromPreview] Attributes generated from the block's most up to date preview.\n * @return {Object|undefined} A more suitable embed block if one exists.\n */\nexport const createUpgradedEmbedBlock = (\n\tprops,\n\tattributesFromPreview = {}\n) => {\n\tconst { preview, attributes = {} } = props;\n\tconst { url, providerNameSlug, type, ...restAttributes } = attributes;\n\n\tif ( ! url || ! getBlockType( DEFAULT_EMBED_BLOCK ) ) return;\n\n\tconst matchedBlock = findMoreSuitableBlock( url );\n\n\t// WordPress blocks can work on multiple sites, and so don't have patterns,\n\t// so if we're in a WordPress block, assume the user has chosen it for a WordPress URL.\n\tconst isCurrentBlockWP =\n\t\tproviderNameSlug === 'wordpress' || type === WP_EMBED_TYPE;\n\t// If current block is not WordPress and a more suitable block found\n\t// that is different from the current one, create the new matched block.\n\tconst shouldCreateNewBlock =\n\t\t! isCurrentBlockWP &&\n\t\tmatchedBlock &&\n\t\t( matchedBlock.attributes.providerNameSlug !== providerNameSlug ||\n\t\t\t! providerNameSlug );\n\tif ( shouldCreateNewBlock ) {\n\t\treturn createBlock( DEFAULT_EMBED_BLOCK, {\n\t\t\turl,\n\t\t\t...restAttributes,\n\t\t\t...matchedBlock.attributes,\n\t\t} );\n\t}\n\n\tconst wpVariation = getBlockVariations( DEFAULT_EMBED_BLOCK )?.find(\n\t\t( { name } ) => name === 'wordpress'\n\t);\n\n\t// We can't match the URL for WordPress embeds, we have to check the HTML instead.\n\tif (\n\t\t! wpVariation ||\n\t\t! preview ||\n\t\t! isFromWordPress( preview.html ) ||\n\t\tisCurrentBlockWP\n\t) {\n\t\treturn;\n\t}\n\n\t// This is not the WordPress embed block so transform it into one.\n\treturn createBlock( DEFAULT_EMBED_BLOCK, {\n\t\turl,\n\t\t...wpVariation.attributes,\n\t\t// By now we have the preview, but when the new block first renders, it\n\t\t// won't have had all the attributes set, and so won't get the correct\n\t\t// type and it won't render correctly. So, we pass through the current attributes\n\t\t// here so that the initial render works when we switch to the WordPress\n\t\t// block. This only affects the WordPress block because it can't be\n\t\t// rendered in the usual Sandbox (it has a sandbox of its own) and it\n\t\t// relies on the preview to set the correct render type.\n\t\t...attributesFromPreview,\n\t} );\n};\n\n/**\n * Determine if the block already has an aspect ratio class applied.\n *\n * @param {string} existingClassNames Existing block classes.\n * @return {boolean} True or false if the classnames contain an aspect ratio class.\n */\nexport const hasAspectRatioClass = ( existingClassNames ) => {\n\tif ( ! existingClassNames ) {\n\t\treturn false;\n\t}\n\treturn ASPECT_RATIOS.some( ( { className } ) =>\n\t\texistingClassNames.includes( className )\n\t);\n};\n\n/**\n * Removes all previously set aspect ratio related classes and return the rest\n * existing class names.\n *\n * @param {string} existingClassNames Any existing class names.\n * @return {string} The class names without any aspect ratio related class.\n */\nexport const removeAspectRatioClasses = ( existingClassNames ) => {\n\tif ( ! existingClassNames ) {\n\t\t// Avoids extraneous work and also, by returning the same value as\n\t\t// received, ensures the post is not dirtied by a change of the block\n\t\t// attribute from `undefined` to an emtpy string.\n\t\treturn existingClassNames;\n\t}\n\tconst aspectRatioClassNames = ASPECT_RATIOS.reduce(\n\t\t( accumulator, { className } ) => {\n\t\t\taccumulator[ className ] = false;\n\t\t\treturn accumulator;\n\t\t},\n\t\t{ 'wp-has-aspect-ratio': false }\n\t);\n\treturn classnames( existingClassNames, aspectRatioClassNames );\n};\n\n/**\n * Returns class names with any relevant responsive aspect ratio names.\n *\n * @param {string}  html               The preview HTML that possibly contains an iframe with width and height set.\n * @param {string}  existingClassNames Any existing class names.\n * @param {boolean} allowResponsive    If the responsive class names should be added, or removed.\n * @return {string} Deduped class names.\n */\nexport function getClassNames(\n\thtml,\n\texistingClassNames,\n\tallowResponsive = true\n) {\n\tif ( ! allowResponsive ) {\n\t\treturn removeAspectRatioClasses( existingClassNames );\n\t}\n\n\tconst previewDocument = document.implementation.createHTMLDocument( '' );\n\tpreviewDocument.body.innerHTML = html;\n\tconst iframe = previewDocument.body.querySelector( 'iframe' );\n\n\t// If we have a fixed aspect iframe, and it's a responsive embed block.\n\tif ( iframe && iframe.height && iframe.width ) {\n\t\tconst aspectRatio = ( iframe.width / iframe.height ).toFixed( 2 );\n\t\t// Given the actual aspect ratio, find the widest ratio to support it.\n\t\tfor (\n\t\t\tlet ratioIndex = 0;\n\t\t\tratioIndex < ASPECT_RATIOS.length;\n\t\t\tratioIndex++\n\t\t) {\n\t\t\tconst potentialRatio = ASPECT_RATIOS[ ratioIndex ];\n\t\t\tif ( aspectRatio >= potentialRatio.ratio ) {\n\t\t\t\t// Evaluate the difference between actual aspect ratio and closest match.\n\t\t\t\t// If the difference is too big, do not scale the embed according to aspect ratio.\n\t\t\t\tconst ratioDiff = aspectRatio - potentialRatio.ratio;\n\t\t\t\tif ( ratioDiff > 0.1 ) {\n\t\t\t\t\t// No close aspect ratio match found.\n\t\t\t\t\treturn removeAspectRatioClasses( existingClassNames );\n\t\t\t\t}\n\t\t\t\t// Close aspect ratio match found.\n\t\t\t\treturn classnames(\n\t\t\t\t\tremoveAspectRatioClasses( existingClassNames ),\n\t\t\t\t\tpotentialRatio.className,\n\t\t\t\t\t'wp-has-aspect-ratio'\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn existingClassNames;\n}\n\n/**\n * Fallback behaviour for unembeddable URLs.\n * Creates a paragraph block containing a link to the URL, and calls `onReplace`.\n *\n * @param {string}   url       The URL that could not be embedded.\n * @param {Function} onReplace Function to call with the created fallback block.\n */\nexport function fallback( url, onReplace ) {\n\tconst link = <a href={ url }>{ url }</a>;\n\tonReplace(\n\t\tcreateBlock( 'core/paragraph', { content: renderToString( link ) } )\n\t);\n}\n\n/***\n * Gets block attributes based on the preview and responsive state.\n *\n * @param {Object} preview The preview data.\n * @param {string} title The block's title, e.g. Twitter.\n * @param {Object} currentClassNames The block's current class names.\n * @param {boolean} isResponsive Boolean indicating if the block supports responsive content.\n * @param {boolean} allowResponsive Apply responsive classes to fixed size content.\n * @return {Object} Attributes and values.\n */\nexport const getAttributesFromPreview = memoize(\n\t(\n\t\tpreview,\n\t\ttitle,\n\t\tcurrentClassNames,\n\t\tisResponsive,\n\t\tallowResponsive = true\n\t) => {\n\t\tif ( ! preview ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tconst attributes = {};\n\t\t// Some plugins only return HTML with no type info, so default this to 'rich'.\n\t\tlet { type = 'rich' } = preview;\n\t\t// If we got a provider name from the API, use it for the slug, otherwise we use the title,\n\t\t// because not all embed code gives us a provider name.\n\t\tconst { html, provider_name: providerName } = preview;\n\t\tconst providerNameSlug = kebabCase(\n\t\t\t( providerName || title ).toLowerCase()\n\t\t);\n\n\t\tif ( isFromWordPress( html ) ) {\n\t\t\ttype = WP_EMBED_TYPE;\n\t\t}\n\n\t\tif ( html || 'photo' === type ) {\n\t\t\tattributes.type = type;\n\t\t\tattributes.providerNameSlug = providerNameSlug;\n\t\t}\n\n\t\t// Aspect ratio classes are removed when the embed URL is updated.\n\t\t// If the embed already has an aspect ratio class, that means the URL has not changed.\n\t\t// Which also means no need to regenerate it with getClassNames.\n\t\tif ( hasAspectRatioClass( currentClassNames ) ) {\n\t\t\treturn attributes;\n\t\t}\n\n\t\tattributes.className = getClassNames(\n\t\t\thtml,\n\t\t\tcurrentClassNames,\n\t\t\tisResponsive && allowResponsive\n\t\t);\n\n\t\treturn attributes;\n\t}\n);\n\n/**\n * Returns the attributes derived from the preview, merged with the current attributes.\n *\n * @param {Object}  currentAttributes The current attributes of the block.\n * @param {Object}  preview           The preview data.\n * @param {string}  title             The block's title, e.g. Twitter.\n * @param {boolean} isResponsive      Boolean indicating if the block supports responsive content.\n * @return {Object} Merged attributes.\n */\nexport const getMergedAttributesWithPreview = (\n\tcurrentAttributes,\n\tpreview,\n\ttitle,\n\tisResponsive\n) => {\n\tconst { allowResponsive, className } = currentAttributes;\n\n\treturn {\n\t\t...currentAttributes,\n\t\t...getAttributesFromPreview(\n\t\t\tpreview,\n\t\t\ttitle,\n\t\t\tclassName,\n\t\t\tisResponsive,\n\t\t\tallowResponsive\n\t\t),\n\t};\n};\n"]}

package/build/embed/wp-embed-preview.js

@@ -25,21 +25,19 @@ const attributeMap = {
   marginwidth: 'marginWidth'
 };
 
-function WpEmbedPreview(_ref) {
-  let {
-    html
-  } = _ref;
+function WpEmbedPreview({
+  html
+}) {
   const ref = (0, _element.useRef)();
   const props = (0, _element.useMemo)(() => {
     const doc = new window.DOMParser().parseFromString(html, 'text/html');
     const iframe = doc.querySelector('iframe');
     const iframeProps = {};
     if (!iframe) return iframeProps;
-    Array.from(iframe.attributes).forEach(_ref2 => {
-      let {
-        name,
-        value
-      } = _ref2;
+    Array.from(iframe.attributes).forEach(({
+      name,
+      value
+    }) => {
       if (name === 'style') return;
       iframeProps[attributeMap[name] || name] = value;
     });
@@ -68,15 +66,13 @@ function WpEmbedPreview(_ref) {
      * @param {MessageEvent} event Message event.
      */
 
-    function resizeWPembeds(_ref3) {
-      let {
-        data: {
-          secret,
-          message,
-          value
-        } = {}
-      } = _ref3;
-
+    function resizeWPembeds({
+      data: {
+        secret,
+        message,
+        value
+      } = {}
+    }) {
       if (message !== 'height' || secret !== props['data-secret']) {
         return;
       }

package/build/embed/wp-embed-preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/wp-embed-preview.js"],"names":["attributeMap","class","frameborder","marginheight","marginwidth","WpEmbedPreview","html","ref","props","doc","window","DOMParser","parseFromString","iframe","querySelector","iframeProps","Array","from","attributes","forEach","name","value","ownerDocument","current","defaultView","resizeWPembeds","data","secret","message","height","addEventListener","removeEventListener","title"],"mappings":";;;;;;;;;AAIA;;;;AADA;;AAHA;AACA;AACA;;AAIA;AAEA,MAAMA,YAAY,GAAG;AACpBC,EAAAA,KAAK,EAAE,WADa;AAEpBC,EAAAA,WAAW,EAAE,aAFO;AAGpBC,EAAAA,YAAY,EAAE,cAHM;AAIpBC,EAAAA,WAAW,EAAE;AAJO,CAArB;;AAOe,SAASC,cAAT,OAAoC;AAAA,MAAX;AAAEC,IAAAA;AAAF,GAAW;AAClD,QAAMC,GAAG,GAAG,sBAAZ;AACA,QAAMC,KAAK,GAAG,sBAAS,MAAM;AAC5B,UAAMC,GAAG,GAAG,IAAIC,MAAM,CAACC,SAAX,GAAuBC,eAAvB,CAAwCN,IAAxC,EAA8C,WAA9C,CAAZ;AACA,UAAMO,MAAM,GAAGJ,GAAG,CAACK,aAAJ,CAAmB,QAAnB,CAAf;AACA,UAAMC,WAAW,GAAG,EAApB;AAEA,QAAK,CAAEF,MAAP,EAAgB,OAAOE,WAAP;AAEhBC,IAAAA,KAAK,CAACC,IAAN,CAAYJ,MAAM,CAACK,UAAnB,EAAgCC,OAAhC,CAAyC,SAAuB;AAAA,UAArB;AAAEC,QAAAA,IAAF;AAAQC,QAAAA;AAAR,OAAqB;AAC/D,UAAKD,IAAI,KAAK,OAAd,EAAwB;AACxBL,MAAAA,WAAW,CAAEf,YAAY,CAAEoB,IAAF,CAAZ,IAAwBA,IAA1B,CAAX,GAA8CC,KAA9C;AACA,KAHD;AAKA,WAAON,WAAP;AACA,GAba,EAaX,CAAET,IAAF,CAbW,CAAd;AAeA,0BAAW,MAAM;AAChB,UAAM;AAAEgB,MAAAA;AAAF,QAAoBf,GAAG,CAACgB,OAA9B;AACA,UAAM;AAAEC,MAAAA;AAAF,QAAkBF,aAAxB;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACE,aAASG,cAAT,QAAqE;AAAA,UAA5C;AAAEC,QAAAA,IAAI,EAAE;AAAEC,UAAAA,MAAF;AAAUC,UAAAA,OAAV;AAAmBP,UAAAA;AAAnB,YAA6B;AAArC,OAA4C;;AACpE,UAAKO,OAAO,KAAK,QAAZ,IAAwBD,MAAM,KAAKnB,KAAK,CAAE,aAAF,CAA7C,EAAiE;AAChE;AACA;;AAEDD,MAAAA,GAAG,CAACgB,OAAJ,CAAYM,MAAZ,GAAqBR,KAArB;AACA;;AAEDG,IAAAA,WAAW,CAACM,gBAAZ,CAA8B,SAA9B,EAAyCL,cAAzC;AACA,WAAO,MAAM;AACZD,MAAAA,WAAW,CAACO,mBAAZ,CAAiC,SAAjC,EAA4CN,cAA5C;AACA,KAFD;AAGA,GA/BD,EA+BG,EA/BH;AAiCA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AACC,IAAA,GAAG,EAAG,2BAAc,CAAElB,GAAF,EAAO,kCAAP,CAAd,CADP;AAEC,IAAA,KAAK,EAAGC,KAAK,CAACwB;AAFf,KAGMxB,KAHN,EADD,CADD;AASA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMergeRefs, useFocusableIframe } from '@wordpress/compose';\nimport { useRef, useEffect, useMemo } from '@wordpress/element';\n\n/** @typedef {import('@wordpress/element').WPSyntheticEvent} WPSyntheticEvent */\n\nconst attributeMap = {\n\tclass: 'className',\n\tframeborder: 'frameBorder',\n\tmarginheight: 'marginHeight',\n\tmarginwidth: 'marginWidth',\n};\n\nexport default function WpEmbedPreview( { html } ) {\n\tconst ref = useRef();\n\tconst props = useMemo( () => {\n\t\tconst doc = new window.DOMParser().parseFromString( html, 'text/html' );\n\t\tconst iframe = doc.querySelector( 'iframe' );\n\t\tconst iframeProps = {};\n\n\t\tif ( ! iframe ) return iframeProps;\n\n\t\tArray.from( iframe.attributes ).forEach( ( { name, value } ) => {\n\t\t\tif ( name === 'style' ) return;\n\t\t\tiframeProps[ attributeMap[ name ] || name ] = value;\n\t\t} );\n\n\t\treturn iframeProps;\n\t}, [ html ] );\n\n\tuseEffect( () => {\n\t\tconst { ownerDocument } = ref.current;\n\t\tconst { defaultView } = ownerDocument;\n\n\t\t/**\n\t\t * Checks for WordPress embed events signaling the height change when\n\t\t * iframe content loads or iframe's window is resized.  The event is\n\t\t * sent from WordPress core via the window.postMessage API.\n\t\t *\n\t\t * References:\n\t\t * window.postMessage:\n\t\t * https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage\n\t\t * WordPress core embed-template on load:\n\t\t * https://github.com/WordPress/WordPress/blob/HEAD/wp-includes/js/wp-embed-template.js#L143\n\t\t * WordPress core embed-template on resize:\n\t\t * https://github.com/WordPress/WordPress/blob/HEAD/wp-includes/js/wp-embed-template.js#L187\n\t\t *\n\t\t * @param {MessageEvent} event Message event.\n\t\t */\n\t\tfunction resizeWPembeds( { data: { secret, message, value } = {} } ) {\n\t\t\tif ( message !== 'height' || secret !== props[ 'data-secret' ] ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tref.current.height = value;\n\t\t}\n\n\t\tdefaultView.addEventListener( 'message', resizeWPembeds );\n\t\treturn () => {\n\t\t\tdefaultView.removeEventListener( 'message', resizeWPembeds );\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<div className=\"wp-block-embed__wrapper\">\n\t\t\t<iframe\n\t\t\t\tref={ useMergeRefs( [ ref, useFocusableIframe() ] ) }\n\t\t\t\ttitle={ props.title }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/embed/wp-embed-preview.js"],"names":["attributeMap","class","frameborder","marginheight","marginwidth","WpEmbedPreview","html","ref","props","doc","window","DOMParser","parseFromString","iframe","querySelector","iframeProps","Array","from","attributes","forEach","name","value","ownerDocument","current","defaultView","resizeWPembeds","data","secret","message","height","addEventListener","removeEventListener","title"],"mappings":";;;;;;;;;AAIA;;;;AADA;;AAHA;AACA;AACA;;AAIA;AAEA,MAAMA,YAAY,GAAG;AACpBC,EAAAA,KAAK,EAAE,WADa;AAEpBC,EAAAA,WAAW,EAAE,aAFO;AAGpBC,EAAAA,YAAY,EAAE,cAHM;AAIpBC,EAAAA,WAAW,EAAE;AAJO,CAArB;;AAOe,SAASC,cAAT,CAAyB;AAAEC,EAAAA;AAAF,CAAzB,EAAoC;AAClD,QAAMC,GAAG,GAAG,sBAAZ;AACA,QAAMC,KAAK,GAAG,sBAAS,MAAM;AAC5B,UAAMC,GAAG,GAAG,IAAIC,MAAM,CAACC,SAAX,GAAuBC,eAAvB,CAAwCN,IAAxC,EAA8C,WAA9C,CAAZ;AACA,UAAMO,MAAM,GAAGJ,GAAG,CAACK,aAAJ,CAAmB,QAAnB,CAAf;AACA,UAAMC,WAAW,GAAG,EAApB;AAEA,QAAK,CAAEF,MAAP,EAAgB,OAAOE,WAAP;AAEhBC,IAAAA,KAAK,CAACC,IAAN,CAAYJ,MAAM,CAACK,UAAnB,EAAgCC,OAAhC,CAAyC,CAAE;AAAEC,MAAAA,IAAF;AAAQC,MAAAA;AAAR,KAAF,KAAuB;AAC/D,UAAKD,IAAI,KAAK,OAAd,EAAwB;AACxBL,MAAAA,WAAW,CAAEf,YAAY,CAAEoB,IAAF,CAAZ,IAAwBA,IAA1B,CAAX,GAA8CC,KAA9C;AACA,KAHD;AAKA,WAAON,WAAP;AACA,GAba,EAaX,CAAET,IAAF,CAbW,CAAd;AAeA,0BAAW,MAAM;AAChB,UAAM;AAAEgB,MAAAA;AAAF,QAAoBf,GAAG,CAACgB,OAA9B;AACA,UAAM;AAAEC,MAAAA;AAAF,QAAkBF,aAAxB;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACE,aAASG,cAAT,CAAyB;AAAEC,MAAAA,IAAI,EAAE;AAAEC,QAAAA,MAAF;AAAUC,QAAAA,OAAV;AAAmBP,QAAAA;AAAnB,UAA6B;AAArC,KAAzB,EAAqE;AACpE,UAAKO,OAAO,KAAK,QAAZ,IAAwBD,MAAM,KAAKnB,KAAK,CAAE,aAAF,CAA7C,EAAiE;AAChE;AACA;;AAEDD,MAAAA,GAAG,CAACgB,OAAJ,CAAYM,MAAZ,GAAqBR,KAArB;AACA;;AAEDG,IAAAA,WAAW,CAACM,gBAAZ,CAA8B,SAA9B,EAAyCL,cAAzC;AACA,WAAO,MAAM;AACZD,MAAAA,WAAW,CAACO,mBAAZ,CAAiC,SAAjC,EAA4CN,cAA5C;AACA,KAFD;AAGA,GA/BD,EA+BG,EA/BH;AAiCA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AACC,IAAA,GAAG,EAAG,2BAAc,CAAElB,GAAF,EAAO,kCAAP,CAAd,CADP;AAEC,IAAA,KAAK,EAAGC,KAAK,CAACwB;AAFf,KAGMxB,KAHN,EADD,CADD;AASA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMergeRefs, useFocusableIframe } from '@wordpress/compose';\nimport { useRef, useEffect, useMemo } from '@wordpress/element';\n\n/** @typedef {import('@wordpress/element').WPSyntheticEvent} WPSyntheticEvent */\n\nconst attributeMap = {\n\tclass: 'className',\n\tframeborder: 'frameBorder',\n\tmarginheight: 'marginHeight',\n\tmarginwidth: 'marginWidth',\n};\n\nexport default function WpEmbedPreview( { html } ) {\n\tconst ref = useRef();\n\tconst props = useMemo( () => {\n\t\tconst doc = new window.DOMParser().parseFromString( html, 'text/html' );\n\t\tconst iframe = doc.querySelector( 'iframe' );\n\t\tconst iframeProps = {};\n\n\t\tif ( ! iframe ) return iframeProps;\n\n\t\tArray.from( iframe.attributes ).forEach( ( { name, value } ) => {\n\t\t\tif ( name === 'style' ) return;\n\t\t\tiframeProps[ attributeMap[ name ] || name ] = value;\n\t\t} );\n\n\t\treturn iframeProps;\n\t}, [ html ] );\n\n\tuseEffect( () => {\n\t\tconst { ownerDocument } = ref.current;\n\t\tconst { defaultView } = ownerDocument;\n\n\t\t/**\n\t\t * Checks for WordPress embed events signaling the height change when\n\t\t * iframe content loads or iframe's window is resized.  The event is\n\t\t * sent from WordPress core via the window.postMessage API.\n\t\t *\n\t\t * References:\n\t\t * window.postMessage:\n\t\t * https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage\n\t\t * WordPress core embed-template on load:\n\t\t * https://github.com/WordPress/WordPress/blob/HEAD/wp-includes/js/wp-embed-template.js#L143\n\t\t * WordPress core embed-template on resize:\n\t\t * https://github.com/WordPress/WordPress/blob/HEAD/wp-includes/js/wp-embed-template.js#L187\n\t\t *\n\t\t * @param {MessageEvent} event Message event.\n\t\t */\n\t\tfunction resizeWPembeds( { data: { secret, message, value } = {} } ) {\n\t\t\tif ( message !== 'height' || secret !== props[ 'data-secret' ] ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tref.current.height = value;\n\t\t}\n\n\t\tdefaultView.addEventListener( 'message', resizeWPembeds );\n\t\treturn () => {\n\t\t\tdefaultView.removeEventListener( 'message', resizeWPembeds );\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<div className=\"wp-block-embed__wrapper\">\n\t\t\t<iframe\n\t\t\t\tref={ useMergeRefs( [ ref, useFocusableIframe() ] ) }\n\t\t\t\ttitle={ props.title }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}

package/build/embed/wp-embed-preview.native.js

@@ -63,11 +63,10 @@ const observeAndResizeJS = `
         window.addEventListener( 'message', sendResize );
 } )();`;
 
-function WpEmbedPreview(_ref) {
-  let {
-    html,
-    ...rest
-  } = _ref;
+function WpEmbedPreview({
+  html,
+  ...rest
+}) {
   const wpEmbedHtml = (0, _element.useMemo)(() => {
     const doc = new window.DOMParser().parseFromString(html, 'text/html');
     const iframe = doc.querySelector('iframe');

package/build/embed/wp-embed-preview.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/wp-embed-preview.native.js"],"names":["observeAndResizeJS","WpEmbedPreview","html","rest","wpEmbedHtml","doc","window","DOMParser","parseFromString","iframe","querySelector","removeAttribute","blockQuote","innerHTML","body"],"mappings":";;;;;;;;;AAGA;;;;AACA;;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,kBAAkB,GAAI;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAlCA;;AAoCA,SAASC,cAAT,OAA6C;AAAA,MAApB;AAAEC,IAAAA,IAAF;AAAQ,OAAGC;AAAX,GAAoB;AAC5C,QAAMC,WAAW,GAAG,sBAAS,MAAM;AAClC,UAAMC,GAAG,GAAG,IAAIC,MAAM,CAACC,SAAX,GAAuBC,eAAvB,CAAwCN,IAAxC,EAA8C,WAA9C,CAAZ;AACA,UAAMO,MAAM,GAAGJ,GAAG,CAACK,aAAJ,CAAmB,QAAnB,CAAf;;AAEA,QAAKD,MAAL,EAAc;AACbA,MAAAA,MAAM,CAACE,eAAP,CAAwB,OAAxB;AACA;;AAED,UAAMC,UAAU,GAAGP,GAAG,CAACK,aAAJ,CAAmB,YAAnB,CAAnB;;AAEA,QAAKE,UAAL,EAAkB;AACjBA,MAAAA,UAAU,CAACC,SAAX,GAAuB,EAAvB;AACA;;AAED,WAAOR,GAAG,CAACS,IAAJ,CAASD,SAAhB;AACA,GAfmB,EAejB,CAAEX,IAAF,CAfiB,CAApB;AAiBA,SACC,4BAAC,mBAAD;AACC,IAAA,QAAQ,EAAGF,kBADZ;AAEC,IAAA,IAAI,EAAGI;AAFR,KAGMD,IAHN,EADD;AAOA;;eAEc,mBAAMF,cAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo, useMemo } from '@wordpress/element';\nimport { SandBox } from '@wordpress/components';\n\n/**\n * Checks for WordPress embed events signaling the height change when iframe\n * content loads or iframe's window is resized.  The event is sent from\n * WordPress core via the window.postMessage API.\n *\n * References:\n * window.postMessage: https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage\n * WordPress core embed-template on load: https://github.com/WordPress/WordPress/blob/HEAD/wp-includes/js/wp-embed-template.js#L143\n * WordPress core embed-template on resize: https://github.com/WordPress/WordPress/blob/HEAD/wp-includes/js/wp-embed-template.js#L187\n */\nconst observeAndResizeJS = `\n    ( function() {\n        if ( ! document.body || ! window.parent ) {\n            return;\n        }\n\n        function sendResize( { data: { secret, message, value } = {} } ) {\n            if (\n                [ secret, message, value ].some(\n                    ( attribute ) => ! attribute\n                ) ||\n                message !== 'height'\n            ) {\n                return;\n            }\n\n            document\n                .querySelectorAll( 'iframe[data-secret=\"' + secret + '\"' )\n                .forEach( ( iframe ) => {  \n                    if ( +iframe.height !== value ) {\n                        iframe.height = value;\n                    }\n                } );\n\n            // The function postMessage is exposed by the react-native-webview library \n            // to communicate between React Native and the WebView, in this case, \n            // we use it for notifying resize changes.\n            window.ReactNativeWebView.postMessage(JSON.stringify( {\n                action: 'resize',\n                height: value,\n            }));\n        }\n\n        window.addEventListener( 'message', sendResize );\n} )();`;\n\nfunction WpEmbedPreview( { html, ...rest } ) {\n\tconst wpEmbedHtml = useMemo( () => {\n\t\tconst doc = new window.DOMParser().parseFromString( html, 'text/html' );\n\t\tconst iframe = doc.querySelector( 'iframe' );\n\n\t\tif ( iframe ) {\n\t\t\tiframe.removeAttribute( 'style' );\n\t\t}\n\n\t\tconst blockQuote = doc.querySelector( 'blockquote' );\n\n\t\tif ( blockQuote ) {\n\t\t\tblockQuote.innerHTML = '';\n\t\t}\n\n\t\treturn doc.body.innerHTML;\n\t}, [ html ] );\n\n\treturn (\n\t\t<SandBox\n\t\t\tcustomJS={ observeAndResizeJS }\n\t\t\thtml={ wpEmbedHtml }\n\t\t\t{ ...rest }\n\t\t/>\n\t);\n}\n\nexport default memo( WpEmbedPreview );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/embed/wp-embed-preview.native.js"],"names":["observeAndResizeJS","WpEmbedPreview","html","rest","wpEmbedHtml","doc","window","DOMParser","parseFromString","iframe","querySelector","removeAttribute","blockQuote","innerHTML","body"],"mappings":";;;;;;;;;AAGA;;;;AACA;;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,kBAAkB,GAAI;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAlCA;;AAoCA,SAASC,cAAT,CAAyB;AAAEC,EAAAA,IAAF;AAAQ,KAAGC;AAAX,CAAzB,EAA6C;AAC5C,QAAMC,WAAW,GAAG,sBAAS,MAAM;AAClC,UAAMC,GAAG,GAAG,IAAIC,MAAM,CAACC,SAAX,GAAuBC,eAAvB,CAAwCN,IAAxC,EAA8C,WAA9C,CAAZ;AACA,UAAMO,MAAM,GAAGJ,GAAG,CAACK,aAAJ,CAAmB,QAAnB,CAAf;;AAEA,QAAKD,MAAL,EAAc;AACbA,MAAAA,MAAM,CAACE,eAAP,CAAwB,OAAxB;AACA;;AAED,UAAMC,UAAU,GAAGP,GAAG,CAACK,aAAJ,CAAmB,YAAnB,CAAnB;;AAEA,QAAKE,UAAL,EAAkB;AACjBA,MAAAA,UAAU,CAACC,SAAX,GAAuB,EAAvB;AACA;;AAED,WAAOR,GAAG,CAACS,IAAJ,CAASD,SAAhB;AACA,GAfmB,EAejB,CAAEX,IAAF,CAfiB,CAApB;AAiBA,SACC,4BAAC,mBAAD;AACC,IAAA,QAAQ,EAAGF,kBADZ;AAEC,IAAA,IAAI,EAAGI;AAFR,KAGMD,IAHN,EADD;AAOA;;eAEc,mBAAMF,cAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo, useMemo } from '@wordpress/element';\nimport { SandBox } from '@wordpress/components';\n\n/**\n * Checks for WordPress embed events signaling the height change when iframe\n * content loads or iframe's window is resized.  The event is sent from\n * WordPress core via the window.postMessage API.\n *\n * References:\n * window.postMessage: https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage\n * WordPress core embed-template on load: https://github.com/WordPress/WordPress/blob/HEAD/wp-includes/js/wp-embed-template.js#L143\n * WordPress core embed-template on resize: https://github.com/WordPress/WordPress/blob/HEAD/wp-includes/js/wp-embed-template.js#L187\n */\nconst observeAndResizeJS = `\n    ( function() {\n        if ( ! document.body || ! window.parent ) {\n            return;\n        }\n\n        function sendResize( { data: { secret, message, value } = {} } ) {\n            if (\n                [ secret, message, value ].some(\n                    ( attribute ) => ! attribute\n                ) ||\n                message !== 'height'\n            ) {\n                return;\n            }\n\n            document\n                .querySelectorAll( 'iframe[data-secret=\"' + secret + '\"' )\n                .forEach( ( iframe ) => {  \n                    if ( +iframe.height !== value ) {\n                        iframe.height = value;\n                    }\n                } );\n\n            // The function postMessage is exposed by the react-native-webview library \n            // to communicate between React Native and the WebView, in this case, \n            // we use it for notifying resize changes.\n            window.ReactNativeWebView.postMessage(JSON.stringify( {\n                action: 'resize',\n                height: value,\n            }));\n        }\n\n        window.addEventListener( 'message', sendResize );\n} )();`;\n\nfunction WpEmbedPreview( { html, ...rest } ) {\n\tconst wpEmbedHtml = useMemo( () => {\n\t\tconst doc = new window.DOMParser().parseFromString( html, 'text/html' );\n\t\tconst iframe = doc.querySelector( 'iframe' );\n\n\t\tif ( iframe ) {\n\t\t\tiframe.removeAttribute( 'style' );\n\t\t}\n\n\t\tconst blockQuote = doc.querySelector( 'blockquote' );\n\n\t\tif ( blockQuote ) {\n\t\t\tblockQuote.innerHTML = '';\n\t\t}\n\n\t\treturn doc.body.innerHTML;\n\t}, [ html ] );\n\n\treturn (\n\t\t<SandBox\n\t\t\tcustomJS={ observeAndResizeJS }\n\t\t\thtml={ wpEmbedHtml }\n\t\t\t{ ...rest }\n\t\t/>\n\t);\n}\n\nexport default memo( WpEmbedPreview );\n"]}

package/build/file/deprecated.js

@@ -76,10 +76,9 @@ const v3 = {
     align: true
   },
 
-  save(_ref) {
-    let {
-      attributes
-    } = _ref;
+  save({
+    attributes
+  }) {
     const {
       href,
       fileId,
@@ -180,10 +179,9 @@ const v2 = {
     align: true
   },
 
-  save(_ref2) {
-    let {
-      attributes
-    } = _ref2;
+  save({
+    attributes
+  }) {
     const {
       href,
       fileId,
@@ -277,10 +275,9 @@ const v1 = {
     align: true
   },
 
-  save(_ref3) {
-    let {
-      attributes
-    } = _ref3;
+  save({
+    attributes
+  }) {
     const {
       href,
       fileName,