@wordpress/block-library 9.32.0 → 9.33.1-next.b8c8708f3.0

package/build-module/embed/edit.js

@@ -1,32 +1,27 @@
-/* wp:polyfill */
-/**
- * Internal dependencies
- */
-import { createUpgradedEmbedBlock, getClassNames, removeAspectRatioClasses, fallback, getEmbedInfoByProvider, getMergedAttributesWithPreview } from './util';
-import EmbedControls from './embed-controls';
-import { embedContentIcon } from './icons';
-import EmbedLoading from './embed-loading';
-import EmbedPlaceholder from './embed-placeholder';
-import EmbedPreview from './embed-preview';
-
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __, _x, sprintf } from '@wordpress/i18n';
-import { useState, useEffect } from '@wordpress/element';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { useBlockProps } from '@wordpress/block-editor';
-import { store as coreStore } from '@wordpress/core-data';
-import { View } from '@wordpress/primitives';
-import { getAuthority } from '@wordpress/url';
-import { Caption } from '../utils/caption';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const EmbedEdit = props => {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  createUpgradedEmbedBlock,
+  getClassNames,
+  removeAspectRatioClasses,
+  fallback,
+  getEmbedInfoByProvider,
+  getMergedAttributesWithPreview
+} from "./util";
+import EmbedControls from "./embed-controls";
+import { embedContentIcon } from "./icons";
+import EmbedLoading from "./embed-loading";
+import EmbedPlaceholder from "./embed-placeholder";
+import EmbedPreview from "./embed-preview";
+import clsx from "clsx";
+import { __, _x, sprintf } from "@wordpress/i18n";
+import { useState, useEffect } from "@wordpress/element";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { useBlockProps } from "@wordpress/block-editor";
+import { store as coreStore } from "@wordpress/core-data";
+import { View } from "@wordpress/primitives";
+import { getAuthority } from "@wordpress/url";
+import { Caption } from "../utils/caption";
+const EmbedEdit = (props) => {
   const {
     attributes: {
       providerNameSlug,
@@ -42,118 +37,105 @@ const EmbedEdit = props => {
     onFocus
   } = props;
   const defaultEmbedInfo = {
-    title: _x('Embed', 'block title'),
+    title: _x("Embed", "block title"),
     icon: embedContentIcon
   };
-  const {
-    icon,
-    title
-  } = getEmbedInfoByProvider(providerNameSlug) || defaultEmbedInfo;
+  const { icon, title } = getEmbedInfoByProvider(providerNameSlug) || defaultEmbedInfo;
   const [url, setURL] = useState(attributesUrl);
   const [isEditingURL, setIsEditingURL] = useState(false);
-  const {
-    invalidateResolution
-  } = useDispatch(coreStore);
+  const { invalidateResolution } = useDispatch(coreStore);
   const {
     preview,
     fetching,
     themeSupportsResponsive,
     cannotEmbed,
     hasResolved
-  } = useSelect(select => {
-    const {
-      getEmbedPreview,
-      isPreviewEmbedFallback,
-      isRequestingEmbedPreview,
-      getThemeSupports,
-      hasFinishedResolution
-    } = select(coreStore);
-    if (!attributesUrl) {
+  } = useSelect(
+    (select) => {
+      const {
+        getEmbedPreview,
+        isPreviewEmbedFallback,
+        isRequestingEmbedPreview,
+        getThemeSupports,
+        hasFinishedResolution
+      } = select(coreStore);
+      if (!attributesUrl) {
+        return { fetching: false, cannotEmbed: false };
+      }
+      const embedPreview = getEmbedPreview(attributesUrl);
+      const previewIsFallback = isPreviewEmbedFallback(attributesUrl);
+      const badEmbedProvider = embedPreview?.html === false && embedPreview?.type === void 0;
+      const wordpressCantEmbed = embedPreview?.data?.status === 404;
+      const validPreview = !!embedPreview && !badEmbedProvider && !wordpressCantEmbed;
       return {
-        fetching: false,
-        cannotEmbed: false
+        preview: validPreview ? embedPreview : void 0,
+        fetching: isRequestingEmbedPreview(attributesUrl),
+        themeSupportsResponsive: getThemeSupports()["responsive-embeds"],
+        cannotEmbed: !validPreview || previewIsFallback,
+        hasResolved: hasFinishedResolution("getEmbedPreview", [
+          attributesUrl
+        ])
       };
-    }
-    const embedPreview = getEmbedPreview(attributesUrl);
-    const previewIsFallback = isPreviewEmbedFallback(attributesUrl);
-
-    // The external oEmbed provider does not exist. We got no type info and no html.
-    const badEmbedProvider = embedPreview?.html === false && embedPreview?.type === undefined;
-    // Some WordPress URLs that can't be embedded will cause the API to return
-    // a valid JSON response with no HTML and `data.status` set to 404, rather
-    // than generating a fallback response as other embeds do.
-    const wordpressCantEmbed = embedPreview?.data?.status === 404;
-    const validPreview = !!embedPreview && !badEmbedProvider && !wordpressCantEmbed;
-    return {
-      preview: validPreview ? embedPreview : undefined,
-      fetching: isRequestingEmbedPreview(attributesUrl),
-      themeSupportsResponsive: getThemeSupports()['responsive-embeds'],
-      cannotEmbed: !validPreview || previewIsFallback,
-      hasResolved: hasFinishedResolution('getEmbedPreview', [attributesUrl])
-    };
-  }, [attributesUrl]);
-
-  /**
-   * Returns the attributes derived from the preview, merged with the current attributes.
-   *
-   * @return {Object} Merged attributes.
-   */
-  const getMergedAttributes = () => getMergedAttributesWithPreview(attributes, preview, title, responsive);
+    },
+    [attributesUrl]
+  );
+  const getMergedAttributes = () => getMergedAttributesWithPreview(
+    attributes,
+    preview,
+    title,
+    responsive
+  );
   function toggleResponsive(newAllowResponsive) {
-    const {
-      className
-    } = attributes;
-    const {
-      html
-    } = preview;
+    const { className: className2 } = attributes;
+    const { html } = preview;
     setAttributes({
       allowResponsive: newAllowResponsive,
-      className: getClassNames(html, className, responsive && newAllowResponsive)
+      className: getClassNames(
+        html,
+        className2,
+        responsive && newAllowResponsive
+      )
     });
   }
   useEffect(() => {
     if (preview?.html || !cannotEmbed || !hasResolved) {
       return;
     }
-
-    // At this stage, we're not fetching the preview and know it can't be embedded,
-    // so try removing any trailing slash, and resubmit.
-    const newURL = attributesUrl.replace(/\/$/, '');
+    const newURL = attributesUrl.replace(/\/$/, "");
     setURL(newURL);
     setIsEditingURL(false);
-    setAttributes({
-      url: newURL
-    });
-  }, [preview?.html, attributesUrl, cannotEmbed, hasResolved, setAttributes]);
-
-  // Try a different provider in case the embed url is not supported.
+    setAttributes({ url: newURL });
+  }, [
+    preview?.html,
+    attributesUrl,
+    cannotEmbed,
+    hasResolved,
+    setAttributes
+  ]);
   useEffect(() => {
     if (!cannotEmbed || fetching || !url) {
       return;
     }
-
-    // Until X provider is supported in WordPress, as a workaround we use Twitter provider.
-    if (getAuthority(url) === 'x.com') {
+    if (getAuthority(url) === "x.com") {
       const newURL = new URL(url);
-      newURL.host = 'twitter.com';
-      setAttributes({
-        url: newURL.toString()
-      });
+      newURL.host = "twitter.com";
+      setAttributes({ url: newURL.toString() });
     }
   }, [url, cannotEmbed, fetching, setAttributes]);
-
-  // Handle incoming preview.
   useEffect(() => {
     if (preview && !isEditingURL) {
-      // When obtaining an incoming preview,
-      // we set the attributes derived from the preview data.
       const mergedAttributes = getMergedAttributes();
-      const hasChanges = Object.keys(mergedAttributes).some(key => mergedAttributes[key] !== attributes[key]);
+      const hasChanges = Object.keys(mergedAttributes).some(
+        (key) => mergedAttributes[key] !== attributes[key]
+      );
       if (hasChanges) {
         setAttributes(mergedAttributes);
       }
       if (onReplace) {
-        const upgradedBlock = createUpgradedEmbedBlock(props, mergedAttributes);
+        const upgradedBlock = createUpgradedEmbedBlock(
+          props,
+          mergedAttributes
+        );
         if (upgradedBlock) {
           onReplace(upgradedBlock);
         }
@@ -162,57 +144,37 @@ const EmbedEdit = props => {
   }, [preview, isEditingURL]);
   const blockProps = useBlockProps();
   if (fetching) {
-    return /*#__PURE__*/_jsx(View, {
-      ...blockProps,
-      children: /*#__PURE__*/_jsx(EmbedLoading, {})
-    });
+    return /* @__PURE__ */ jsx(View, { ...blockProps, children: /* @__PURE__ */ jsx(EmbedLoading, {}) });
   }
-
-  // translators: %s: type of embed e.g: "YouTube", "Twitter", etc. "Embed" is used when no specific type exists
-  const label = sprintf(__('%s URL'), title);
-
-  // No preview, or we can't embed the current URL, or we've clicked the edit button.
+  const label = sprintf(__("%s URL"), title);
   const showEmbedPlaceholder = !preview || cannotEmbed || isEditingURL;
   if (showEmbedPlaceholder) {
-    return /*#__PURE__*/_jsx(View, {
-      ...blockProps,
-      children: /*#__PURE__*/_jsx(EmbedPlaceholder, {
-        icon: icon,
-        label: label,
-        onFocus: onFocus,
-        onSubmit: event => {
+    return /* @__PURE__ */ jsx(View, { ...blockProps, children: /* @__PURE__ */ jsx(
+      EmbedPlaceholder,
+      {
+        icon,
+        label,
+        onFocus,
+        onSubmit: (event) => {
           if (event) {
             event.preventDefault();
           }
-
-          // If the embed URL was changed, we need to reset the aspect ratio class.
-          // To do this we have to remove the existing ratio class so it can be recalculated.
-          const blockClass = removeAspectRatioClasses(attributes.className);
+          const blockClass = removeAspectRatioClasses(
+            attributes.className
+          );
           setIsEditingURL(false);
-          setAttributes({
-            url,
-            className: blockClass
-          });
+          setAttributes({ url, className: blockClass });
         },
         value: url,
-        cannotEmbed: cannotEmbed,
-        onChange: value => setURL(value),
+        cannotEmbed,
+        onChange: (value) => setURL(value),
         fallback: () => fallback(url, onReplace),
         tryAgain: () => {
-          invalidateResolution('getEmbedPreview', [url]);
+          invalidateResolution("getEmbedPreview", [url]);
         }
-      })
-    });
+      }
+    ) });
   }
-
-  // Even though we set attributes that get derived from the preview,
-  // we don't access them directly because for the initial render,
-  // the `setAttributes` call will not have taken effect. If we're
-  // rendering responsive content, setting the responsive classes
-  // after the preview has been rendered can result in unwanted
-  // clipping or scrollbars. The `getAttributesFromPreview` function
-  // that `getMergedAttributes` uses is memoized so that we're not
-  // calculating them on every render.
   const {
     caption,
     type,
@@ -220,47 +182,64 @@ const EmbedEdit = props => {
     className: classFromPreview
   } = getMergedAttributes();
   const className = clsx(classFromPreview, props.className);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(EmbedControls, {
-      showEditButton: preview && !cannotEmbed,
-      themeSupportsResponsive: themeSupportsResponsive,
-      blockSupportsResponsive: responsive,
-      allowResponsive: allowResponsive,
-      toggleResponsive: toggleResponsive,
-      switchBackToURLInput: () => setIsEditingURL(true)
-    }), /*#__PURE__*/_jsxs("figure", {
-      ...blockProps,
-      className: clsx(blockProps.className, className, {
-        [`is-type-${type}`]: type,
-        [`is-provider-${providerNameSlug}`]: providerNameSlug,
-        [`wp-block-embed-${providerNameSlug}`]: providerNameSlug
-      }),
-      children: [/*#__PURE__*/_jsx(EmbedPreview, {
-        preview: preview,
-        previewable: previewable,
-        className: className,
-        url: url,
-        type: type,
-        caption: caption,
-        onCaptionChange: value => setAttributes({
-          caption: value
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      EmbedControls,
+      {
+        showEditButton: preview && !cannotEmbed,
+        themeSupportsResponsive,
+        blockSupportsResponsive: responsive,
+        allowResponsive,
+        toggleResponsive,
+        switchBackToURLInput: () => setIsEditingURL(true)
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "figure",
+      {
+        ...blockProps,
+        className: clsx(blockProps.className, className, {
+          [`is-type-${type}`]: type,
+          [`is-provider-${providerNameSlug}`]: providerNameSlug,
+          [`wp-block-embed-${providerNameSlug}`]: providerNameSlug
         }),
-        isSelected: isSelected,
-        icon: icon,
-        label: label,
-        insertBlocksAfter: insertBlocksAfter,
-        attributes: attributes,
-        setAttributes: setAttributes
-      }), /*#__PURE__*/_jsx(Caption, {
-        attributes: attributes,
-        setAttributes: setAttributes,
-        isSelected: isSelected,
-        insertBlocksAfter: insertBlocksAfter,
-        label: __('Embed caption text'),
-        showToolbarButton: isSelected
-      })]
-    })]
-  });
+        children: [
+          /* @__PURE__ */ jsx(
+            EmbedPreview,
+            {
+              preview,
+              previewable,
+              className,
+              url,
+              type,
+              caption,
+              onCaptionChange: (value) => setAttributes({ caption: value }),
+              isSelected,
+              icon,
+              label,
+              insertBlocksAfter,
+              attributes,
+              setAttributes
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Caption,
+            {
+              attributes,
+              setAttributes,
+              isSelected,
+              insertBlocksAfter,
+              label: __("Embed caption text"),
+              showToolbarButton: isSelected
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+var edit_default = EmbedEdit;
+export {
+  edit_default as default
 };
-export default EmbedEdit;
-//# sourceMappingURL=edit.js.map
+//# sourceMappingURL=edit.js.map

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

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

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

@@ -1,18 +1,21 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { ToolbarButton, ToggleControl, ToolbarGroup, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
-import { BlockControls, InspectorControls } from '@wordpress/block-editor';
-import { edit } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import {
+  ToolbarButton,
+  ToggleControl,
+  ToolbarGroup,
+  __experimentalToolsPanel as ToolsPanel,
+  __experimentalToolsPanelItem as ToolsPanelItem
+} from "@wordpress/components";
+import { BlockControls, InspectorControls } from "@wordpress/block-editor";
+import { pencil } from "@wordpress/icons";
+import { useToolsPanelDropdownMenuProps } from "../utils/hooks";
 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.');
+  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 = ({
   blockSupportsResponsive,
@@ -23,41 +26,51 @@ const EmbedControls = ({
   switchBackToURLInput
 }) => {
   const dropdownMenuProps = useToolsPanelDropdownMenuProps();
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(BlockControls, {
-      children: /*#__PURE__*/_jsx(ToolbarGroup, {
-        children: showEditButton && /*#__PURE__*/_jsx(ToolbarButton, {
-          className: "components-toolbar__control",
-          label: __('Edit URL'),
-          icon: edit,
-          onClick: switchBackToURLInput
-        })
-      })
-    }), themeSupportsResponsive && blockSupportsResponsive && /*#__PURE__*/_jsx(InspectorControls, {
-      children: /*#__PURE__*/_jsx(ToolsPanel, {
-        label: __('Media settings'),
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(BlockControls, { children: /* @__PURE__ */ jsx(ToolbarGroup, { children: showEditButton && /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        className: "components-toolbar__control",
+        label: __("Edit URL"),
+        icon: pencil,
+        onClick: switchBackToURLInput
+      }
+    ) }) }),
+    themeSupportsResponsive && blockSupportsResponsive && /* @__PURE__ */ jsx(InspectorControls, { children: /* @__PURE__ */ jsx(
+      ToolsPanel,
+      {
+        label: __("Media settings"),
         resetAll: () => {
           toggleResponsive(true);
         },
-        dropdownMenuProps: dropdownMenuProps,
-        children: /*#__PURE__*/_jsx(ToolsPanelItem, {
-          label: __('Media settings'),
-          isShownByDefault: true,
-          hasValue: () => !allowResponsive,
-          onDeselect: () => {
-            toggleResponsive(!allowResponsive);
-          },
-          children: /*#__PURE__*/_jsx(ToggleControl, {
-            __nextHasNoMarginBottom: true,
-            label: __('Resize for smaller devices'),
-            checked: allowResponsive,
-            help: getResponsiveHelp,
-            onChange: toggleResponsive
-          })
-        })
-      })
-    })]
-  });
+        dropdownMenuProps,
+        children: /* @__PURE__ */ jsx(
+          ToolsPanelItem,
+          {
+            label: __("Media settings"),
+            isShownByDefault: true,
+            hasValue: () => !allowResponsive,
+            onDeselect: () => {
+              toggleResponsive(!allowResponsive);
+            },
+            children: /* @__PURE__ */ jsx(
+              ToggleControl,
+              {
+                __nextHasNoMarginBottom: true,
+                label: __("Resize for smaller devices"),
+                checked: allowResponsive,
+                help: getResponsiveHelp,
+                onChange: toggleResponsive
+              }
+            )
+          }
+        )
+      }
+    ) })
+  ] });
 };
-export default EmbedControls;
-//# sourceMappingURL=embed-controls.js.map
+var embed_controls_default = EmbedControls;
+export {
+  embed_controls_default as default
+};
+//# sourceMappingURL=embed-controls.js.map