@wordpress/edit-widgets 6.32.0 → 6.32.1-next.b8c8708f3.0

package/build-module/components/sidebar/widget-areas.js

@@ -1,63 +1,67 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { useMemo } from '@wordpress/element';
-import { blockDefault } from '@wordpress/icons';
-import { BlockIcon } from '@wordpress/block-editor';
-import { Button } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { addQueryArgs } from '@wordpress/url';
-import { safeHTML } from '@wordpress/dom';
-
-/**
- * Internal dependencies
- */
-import { store as editWidgetsStore } from '../../store';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function WidgetAreas({
-  selectedWidgetAreaId
-}) {
-  const widgetAreas = useSelect(select => select(editWidgetsStore).getWidgetAreas(), []);
-  const selectedWidgetArea = useMemo(() => selectedWidgetAreaId && widgetAreas?.find(widgetArea => widgetArea.id === selectedWidgetAreaId), [selectedWidgetAreaId, widgetAreas]);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSelect } from "@wordpress/data";
+import { useMemo } from "@wordpress/element";
+import { blockDefault } from "@wordpress/icons";
+import { BlockIcon } from "@wordpress/block-editor";
+import { Button } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { addQueryArgs } from "@wordpress/url";
+import { safeHTML } from "@wordpress/dom";
+import { store as editWidgetsStore } from "../../store";
+function WidgetAreas({ selectedWidgetAreaId }) {
+  const widgetAreas = useSelect(
+    (select) => select(editWidgetsStore).getWidgetAreas(),
+    []
+  );
+  const selectedWidgetArea = useMemo(
+    () => selectedWidgetAreaId && widgetAreas?.find(
+      (widgetArea) => widgetArea.id === selectedWidgetAreaId
+    ),
+    [selectedWidgetAreaId, widgetAreas]
+  );
   let description;
   if (!selectedWidgetArea) {
     description = __(
-    // eslint-disable-next-line no-restricted-syntax -- 'sidebar' is a common web design term for layouts
-    'Widget Areas are global parts in your site’s layout that can accept blocks. These vary by theme, but are typically parts like your Sidebar or Footer.');
-  } else if (selectedWidgetAreaId === 'wp_inactive_widgets') {
-    description = __('Blocks in this Widget Area will not be displayed in your site.');
+      // eslint-disable-next-line no-restricted-syntax -- 'sidebar' is a common web design term for layouts
+      "Widget Areas are global parts in your site\u2019s layout that can accept blocks. These vary by theme, but are typically parts like your Sidebar or Footer."
+    );
+  } else if (selectedWidgetAreaId === "wp_inactive_widgets") {
+    description = __(
+      "Blocks in this Widget Area will not be displayed in your site."
+    );
   } else {
     description = selectedWidgetArea.description;
   }
-  return /*#__PURE__*/_jsx("div", {
-    className: "edit-widgets-widget-areas",
-    children: /*#__PURE__*/_jsxs("div", {
-      className: "edit-widgets-widget-areas__top-container",
-      children: [/*#__PURE__*/_jsx(BlockIcon, {
-        icon: blockDefault
-      }), /*#__PURE__*/_jsxs("div", {
-        children: [/*#__PURE__*/_jsx("p", {
-          // Use `dangerouslySetInnerHTML` to keep backwards
-          // compatibility. Basic markup in the description is an
-          // established feature of WordPress.
-          // @see https://github.com/WordPress/gutenberg/issues/33106
+  return /* @__PURE__ */ jsx("div", { className: "edit-widgets-widget-areas", children: /* @__PURE__ */ jsxs("div", { className: "edit-widgets-widget-areas__top-container", children: [
+    /* @__PURE__ */ jsx(BlockIcon, { icon: blockDefault }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(
+        "p",
+        {
           dangerouslySetInnerHTML: {
             __html: safeHTML(description)
           }
-        }), widgetAreas?.length === 0 && /*#__PURE__*/_jsx("p", {
-          children: __('Your theme does not contain any Widget Areas.')
-        }), !selectedWidgetArea && /*#__PURE__*/_jsx(Button, {
+        }
+      ),
+      widgetAreas?.length === 0 && /* @__PURE__ */ jsx("p", { children: __(
+        "Your theme does not contain any Widget Areas."
+      ) }),
+      !selectedWidgetArea && /* @__PURE__ */ jsx(
+        Button,
+        {
           __next40pxDefaultSize: true,
-          href: addQueryArgs('customize.php', {
-            'autofocus[panel]': 'widgets',
+          href: addQueryArgs("customize.php", {
+            "autofocus[panel]": "widgets",
             return: window.location.pathname
           }),
           variant: "tertiary",
-          children: __('Manage with live preview')
-        })]
-      })]
-    })
-  });
+          children: __("Manage with live preview")
+        }
+      )
+    ] })
+  ] }) });
 }
-//# sourceMappingURL=widget-areas.js.map
+export {
+  WidgetAreas as default
+};
+//# sourceMappingURL=widget-areas.js.map

package/build-module/components/sidebar/widget-areas.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useSelect","useMemo","blockDefault","BlockIcon","Button","__","addQueryArgs","safeHTML","store","editWidgetsStore","jsx","_jsx","jsxs","_jsxs","WidgetAreas","selectedWidgetAreaId","widgetAreas","select","getWidgetAreas","selectedWidgetArea","find","widgetArea","id","description","className","children","icon","dangerouslySetInnerHTML","__html","length","__next40pxDefaultSize","href","return","window","location","pathname","variant"],"sources":["@wordpress/edit-widgets/src/components/sidebar/widget-areas.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { blockDefault } from '@wordpress/icons';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { safeHTML } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WidgetAreas( { selectedWidgetAreaId } ) {\n\tconst widgetAreas = useSelect(\n\t\t( select ) => select( editWidgetsStore ).getWidgetAreas(),\n\t\t[]\n\t);\n\n\tconst selectedWidgetArea = useMemo(\n\t\t() =>\n\t\t\tselectedWidgetAreaId &&\n\t\t\twidgetAreas?.find(\n\t\t\t\t( widgetArea ) => widgetArea.id === selectedWidgetAreaId\n\t\t\t),\n\t\t[ selectedWidgetAreaId, widgetAreas ]\n\t);\n\n\tlet description;\n\tif ( ! selectedWidgetArea ) {\n\t\tdescription = __(\n\t\t\t// eslint-disable-next-line no-restricted-syntax -- 'sidebar' is a common web design term for layouts\n\t\t\t'Widget Areas are global parts in your site’s layout that can accept blocks. These vary by theme, but are typically parts like your Sidebar or Footer.'\n\t\t);\n\t} else if ( selectedWidgetAreaId === 'wp_inactive_widgets' ) {\n\t\tdescription = __(\n\t\t\t'Blocks in this Widget Area will not be displayed in your site.'\n\t\t);\n\t} else {\n\t\tdescription = selectedWidgetArea.description;\n\t}\n\n\treturn (\n\t\t<div className=\"edit-widgets-widget-areas\">\n\t\t\t<div className=\"edit-widgets-widget-areas__top-container\">\n\t\t\t\t<BlockIcon icon={ blockDefault } />\n\t\t\t\t<div>\n\t\t\t\t\t<p\n\t\t\t\t\t\t// Use `dangerouslySetInnerHTML` to keep backwards\n\t\t\t\t\t\t// compatibility. Basic markup in the description is an\n\t\t\t\t\t\t// established feature of WordPress.\n\t\t\t\t\t\t// @see https://github.com/WordPress/gutenberg/issues/33106\n\t\t\t\t\t\tdangerouslySetInnerHTML={ {\n\t\t\t\t\t\t\t__html: safeHTML( description ),\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t{ widgetAreas?.length === 0 && (\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Your theme does not contain any Widget Areas.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! selectedWidgetArea && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\thref={ addQueryArgs( 'customize.php', {\n\t\t\t\t\t\t\t\t'autofocus[panel]': 'widgets',\n\t\t\t\t\t\t\t\treturn: window.location.pathname,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Manage with live preview' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,QAAQ,QAAQ,gBAAgB;;AAEzC;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExD,eAAe,SAASC,WAAWA,CAAE;EAAEC;AAAqB,CAAC,EAAG;EAC/D,MAAMC,WAAW,GAAGhB,SAAS,CAC1BiB,MAAM,IAAMA,MAAM,CAAER,gBAAiB,CAAC,CAACS,cAAc,CAAC,CAAC,EACzD,EACD,CAAC;EAED,MAAMC,kBAAkB,GAAGlB,OAAO,CACjC,MACCc,oBAAoB,IACpBC,WAAW,EAAEI,IAAI,CACdC,UAAU,IAAMA,UAAU,CAACC,EAAE,KAAKP,oBACrC,CAAC,EACF,CAAEA,oBAAoB,EAAEC,WAAW,CACpC,CAAC;EAED,IAAIO,WAAW;EACf,IAAK,CAAEJ,kBAAkB,EAAG;IAC3BI,WAAW,GAAGlB,EAAE;IACf;IACA,uJACD,CAAC;EACF,CAAC,MAAM,IAAKU,oBAAoB,KAAK,qBAAqB,EAAG;IAC5DQ,WAAW,GAAGlB,EAAE,CACf,gEACD,CAAC;EACF,CAAC,MAAM;IACNkB,WAAW,GAAGJ,kBAAkB,CAACI,WAAW;EAC7C;EAEA,oBACCZ,IAAA;IAAKa,SAAS,EAAC,2BAA2B;IAAAC,QAAA,eACzCZ,KAAA;MAAKW,SAAS,EAAC,0CAA0C;MAAAC,QAAA,gBACxDd,IAAA,CAACR,SAAS;QAACuB,IAAI,EAAGxB;MAAc,CAAE,CAAC,eACnCW,KAAA;QAAAY,QAAA,gBACCd,IAAA;UACC;UACA;UACA;UACA;UACAgB,uBAAuB,EAAG;YACzBC,MAAM,EAAErB,QAAQ,CAAEgB,WAAY;UAC/B;QAAG,CACH,CAAC,EACAP,WAAW,EAAEa,MAAM,KAAK,CAAC,iBAC1BlB,IAAA;UAAAc,QAAA,EACGpB,EAAE,CACH,+CACD;QAAC,CACC,CACH,EACC,CAAEc,kBAAkB,iBACrBR,IAAA,CAACP,MAAM;UACN0B,qBAAqB;UACrBC,IAAI,EAAGzB,YAAY,CAAE,eAAe,EAAE;YACrC,kBAAkB,EAAE,SAAS;YAC7B0B,MAAM,EAAEC,MAAM,CAACC,QAAQ,CAACC;UACzB,CAAE,CAAG;UACLC,OAAO,EAAC,UAAU;UAAAX,QAAA,EAEhBpB,EAAE,CAAE,0BAA2B;QAAC,CAC3B,CACR;MAAA,CACG,CAAC;IAAA,CACF;EAAC,CACF,CAAC;AAER","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar/widget-areas.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { blockDefault } from '@wordpress/icons';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { safeHTML } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WidgetAreas( { selectedWidgetAreaId } ) {\n\tconst widgetAreas = useSelect(\n\t\t( select ) => select( editWidgetsStore ).getWidgetAreas(),\n\t\t[]\n\t);\n\n\tconst selectedWidgetArea = useMemo(\n\t\t() =>\n\t\t\tselectedWidgetAreaId &&\n\t\t\twidgetAreas?.find(\n\t\t\t\t( widgetArea ) => widgetArea.id === selectedWidgetAreaId\n\t\t\t),\n\t\t[ selectedWidgetAreaId, widgetAreas ]\n\t);\n\n\tlet description;\n\tif ( ! selectedWidgetArea ) {\n\t\tdescription = __(\n\t\t\t// eslint-disable-next-line no-restricted-syntax -- 'sidebar' is a common web design term for layouts\n\t\t\t'Widget Areas are global parts in your site\u2019s layout that can accept blocks. These vary by theme, but are typically parts like your Sidebar or Footer.'\n\t\t);\n\t} else if ( selectedWidgetAreaId === 'wp_inactive_widgets' ) {\n\t\tdescription = __(\n\t\t\t'Blocks in this Widget Area will not be displayed in your site.'\n\t\t);\n\t} else {\n\t\tdescription = selectedWidgetArea.description;\n\t}\n\n\treturn (\n\t\t<div className=\"edit-widgets-widget-areas\">\n\t\t\t<div className=\"edit-widgets-widget-areas__top-container\">\n\t\t\t\t<BlockIcon icon={ blockDefault } />\n\t\t\t\t<div>\n\t\t\t\t\t<p\n\t\t\t\t\t\t// Use `dangerouslySetInnerHTML` to keep backwards\n\t\t\t\t\t\t// compatibility. Basic markup in the description is an\n\t\t\t\t\t\t// established feature of WordPress.\n\t\t\t\t\t\t// @see https://github.com/WordPress/gutenberg/issues/33106\n\t\t\t\t\t\tdangerouslySetInnerHTML={ {\n\t\t\t\t\t\t\t__html: safeHTML( description ),\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t{ widgetAreas?.length === 0 && (\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Your theme does not contain any Widget Areas.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! selectedWidgetArea && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\thref={ addQueryArgs( 'customize.php', {\n\t\t\t\t\t\t\t\t'autofocus[panel]': 'widgets',\n\t\t\t\t\t\t\t\treturn: window.location.pathname,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Manage with live preview' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "AAiDI,cACA,YADA;AA9CJ,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AAKzB,SAAS,SAAS,wBAAwB;AAE3B,SAAR,YAA8B,EAAE,qBAAqB,GAAI;AAC/D,QAAM,cAAc;AAAA,IACnB,CAAE,WAAY,OAAQ,gBAAiB,EAAE,eAAe;AAAA,IACxD,CAAC;AAAA,EACF;AAEA,QAAM,qBAAqB;AAAA,IAC1B,MACC,wBACA,aAAa;AAAA,MACZ,CAAE,eAAgB,WAAW,OAAO;AAAA,IACrC;AAAA,IACD,CAAE,sBAAsB,WAAY;AAAA,EACrC;AAEA,MAAI;AACJ,MAAK,CAAE,oBAAqB;AAC3B,kBAAc;AAAA;AAAA,MAEb;AAAA,IACD;AAAA,EACD,WAAY,yBAAyB,uBAAwB;AAC5D,kBAAc;AAAA,MACb;AAAA,IACD;AAAA,EACD,OAAO;AACN,kBAAc,mBAAmB;AAAA,EAClC;AAEA,SACC,oBAAC,SAAI,WAAU,6BACd,+BAAC,SAAI,WAAU,4CACd;AAAA,wBAAC,aAAU,MAAO,cAAe;AAAA,IACjC,qBAAC,SACA;AAAA;AAAA,QAAC;AAAA;AAAA,UAKA,yBAA0B;AAAA,YACzB,QAAQ,SAAU,WAAY;AAAA,UAC/B;AAAA;AAAA,MACD;AAAA,MACE,aAAa,WAAW,KACzB,oBAAC,OACE;AAAA,QACD;AAAA,MACD,GACD;AAAA,MAEC,CAAE,sBACH;AAAA,QAAC;AAAA;AAAA,UACA,uBAAqB;AAAA,UACrB,MAAO,aAAc,iBAAiB;AAAA,YACrC,oBAAoB;AAAA,YACpB,QAAQ,OAAO,SAAS;AAAA,UACzB,CAAE;AAAA,UACF,SAAQ;AAAA,UAEN,aAAI,0BAA2B;AAAA;AAAA,MAClC;AAAA,OAEF;AAAA,KACD,GACD;AAEF;",
+  "names": []
+}

package/build-module/components/welcome-guide/index.js

@@ -1,137 +1,170 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { ExternalLink, Guide } from '@wordpress/components';
-import { __, sprintf, _n } from '@wordpress/i18n';
-import { createInterpolateElement } from '@wordpress/element';
-import { store as preferencesStore } from '@wordpress/preferences';
-
-/**
- * Internal dependencies
- */
-import { store as editWidgetsStore } from '../../store';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function WelcomeGuide() {
-  var _widgetAreas$filter$l;
-  const isActive = useSelect(select => !!select(preferencesStore).get('core/edit-widgets', 'welcomeGuide'), []);
-  const {
-    toggle
-  } = useDispatch(preferencesStore);
-  const widgetAreas = useSelect(select => select(editWidgetsStore).getWidgetAreas({
-    per_page: -1
-  }), []);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { ExternalLink, Guide } from "@wordpress/components";
+import { __, sprintf, _n } from "@wordpress/i18n";
+import { createInterpolateElement } from "@wordpress/element";
+import { store as preferencesStore } from "@wordpress/preferences";
+import { store as editWidgetsStore } from "../../store";
+function WelcomeGuide() {
+  const isActive = useSelect(
+    (select) => !!select(preferencesStore).get(
+      "core/edit-widgets",
+      "welcomeGuide"
+    ),
+    []
+  );
+  const { toggle } = useDispatch(preferencesStore);
+  const widgetAreas = useSelect(
+    (select) => select(editWidgetsStore).getWidgetAreas({ per_page: -1 }),
+    []
+  );
   if (!isActive) {
     return null;
   }
-  const isEntirelyBlockWidgets = widgetAreas?.every(widgetArea => widgetArea.id === 'wp_inactive_widgets' || widgetArea.widgets.every(widgetId => widgetId.startsWith('block-')));
-  const numWidgetAreas = (_widgetAreas$filter$l = widgetAreas?.filter(widgetArea => widgetArea.id !== 'wp_inactive_widgets').length) !== null && _widgetAreas$filter$l !== void 0 ? _widgetAreas$filter$l : 0;
-  return /*#__PURE__*/_jsx(Guide, {
-    className: "edit-widgets-welcome-guide",
-    contentLabel: __('Welcome to block Widgets'),
-    finishButtonText: __('Get started'),
-    onFinish: () => toggle('core/edit-widgets', 'welcomeGuide'),
-    pages: [{
-      image: /*#__PURE__*/_jsx(WelcomeGuideImage, {
-        nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-canvas.svg",
-        animatedSrc: "https://s.w.org/images/block-editor/welcome-canvas.gif"
-      }),
-      content: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx("h1", {
-          className: "edit-widgets-welcome-guide__heading",
-          children: __('Welcome to block Widgets')
-        }), isEntirelyBlockWidgets ? /*#__PURE__*/_jsx(_Fragment, {
-          children: /*#__PURE__*/_jsx("p", {
-            className: "edit-widgets-welcome-guide__text",
-            children: sprintf(
-            // Translators: %s: Number of block areas in the current theme.
-            _n('Your theme provides %s “block” area for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.', 'Your theme provides %s different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.', numWidgetAreas), numWidgetAreas)
-          })
-        }) : /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx("p", {
-            className: "edit-widgets-welcome-guide__text",
-            children: __('You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.')
-          }), /*#__PURE__*/_jsxs("p", {
-            className: "edit-widgets-welcome-guide__text",
-            children: [/*#__PURE__*/_jsx("strong", {
-              children: __('Want to stick with the old widgets?')
-            }), ' ', /*#__PURE__*/_jsx(ExternalLink, {
-              href: __('https://wordpress.org/plugins/classic-widgets/'),
-              children: __('Get the Classic Widgets plugin.')
-            })]
-          })]
-        })]
-      })
-    }, {
-      image: /*#__PURE__*/_jsx(WelcomeGuideImage, {
-        nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-editor.svg",
-        animatedSrc: "https://s.w.org/images/block-editor/welcome-editor.gif"
-      }),
-      content: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx("h1", {
-          className: "edit-widgets-welcome-guide__heading",
-          children: __('Customize each block')
-        }), /*#__PURE__*/_jsx("p", {
-          className: "edit-widgets-welcome-guide__text",
-          children: __('Each block comes with its own set of controls for changing things like color, width, and alignment. These will show and hide automatically when you have a block selected.')
-        })]
-      })
-    }, {
-      image: /*#__PURE__*/_jsx(WelcomeGuideImage, {
-        nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-library.svg",
-        animatedSrc: "https://s.w.org/images/block-editor/welcome-library.gif"
-      }),
-      content: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx("h1", {
-          className: "edit-widgets-welcome-guide__heading",
-          children: __('Explore all blocks')
-        }), /*#__PURE__*/_jsx("p", {
-          className: "edit-widgets-welcome-guide__text",
-          children: createInterpolateElement(__('All of the blocks available to you live in the block library. You’ll find it wherever you see the <InserterIconImage /> icon.'), {
-            InserterIconImage: /*#__PURE__*/_jsx("img", {
-              className: "edit-widgets-welcome-guide__inserter-icon",
-              alt: __('inserter'),
-              src: "data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='2' fill='%231E1E1E'/%3E%3Cpath d='M9.22727 4V14M4 8.77273H14' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A"
-            })
-          })
-        })]
-      })
-    }, {
-      image: /*#__PURE__*/_jsx(WelcomeGuideImage, {
-        nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.svg",
-        animatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.gif"
-      }),
-      content: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx("h1", {
-          className: "edit-widgets-welcome-guide__heading",
-          children: __('Learn more')
-        }), /*#__PURE__*/_jsx("p", {
-          className: "edit-widgets-welcome-guide__text",
-          children: createInterpolateElement(__("New to the block editor? Want to learn more about using it? <a>Here's a detailed guide.</a>"), {
-            a: /*#__PURE__*/_jsx(ExternalLink, {
-              href: __('https://wordpress.org/documentation/article/wordpress-block-editor/')
-            })
-          })
-        })]
-      })
-    }]
-  });
+  const isEntirelyBlockWidgets = widgetAreas?.every(
+    (widgetArea) => widgetArea.id === "wp_inactive_widgets" || widgetArea.widgets.every(
+      (widgetId) => widgetId.startsWith("block-")
+    )
+  );
+  const numWidgetAreas = widgetAreas?.filter(
+    (widgetArea) => widgetArea.id !== "wp_inactive_widgets"
+  ).length ?? 0;
+  return /* @__PURE__ */ jsx(
+    Guide,
+    {
+      className: "edit-widgets-welcome-guide",
+      contentLabel: __("Welcome to block Widgets"),
+      finishButtonText: __("Get started"),
+      onFinish: () => toggle("core/edit-widgets", "welcomeGuide"),
+      pages: [
+        {
+          image: /* @__PURE__ */ jsx(
+            WelcomeGuideImage,
+            {
+              nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-canvas.svg",
+              animatedSrc: "https://s.w.org/images/block-editor/welcome-canvas.gif"
+            }
+          ),
+          content: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("h1", { className: "edit-widgets-welcome-guide__heading", children: __("Welcome to block Widgets") }),
+            isEntirelyBlockWidgets ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("p", { className: "edit-widgets-welcome-guide__text", children: sprintf(
+              // Translators: %s: Number of block areas in the current theme.
+              _n(
+                "Your theme provides %s \u201Cblock\u201D area for you to add and edit content.\xA0Try adding a search bar, social icons, or other types of blocks here and see how they\u2019ll look on your site.",
+                "Your theme provides %s different \u201Cblock\u201D areas for you to add and edit content.\xA0Try adding a search bar, social icons, or other types of blocks here and see how they\u2019ll look on your site.",
+                numWidgetAreas
+              ),
+              numWidgetAreas
+            ) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("p", { className: "edit-widgets-welcome-guide__text", children: __(
+                "You can now add any block to your site\u2019s widget areas. Don\u2019t worry, all of your favorite widgets still work flawlessly."
+              ) }),
+              /* @__PURE__ */ jsxs("p", { className: "edit-widgets-welcome-guide__text", children: [
+                /* @__PURE__ */ jsx("strong", { children: __(
+                  "Want to stick with the old widgets?"
+                ) }),
+                " ",
+                /* @__PURE__ */ jsx(
+                  ExternalLink,
+                  {
+                    href: __(
+                      "https://wordpress.org/plugins/classic-widgets/"
+                    ),
+                    children: __(
+                      "Get the Classic Widgets plugin."
+                    )
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        },
+        {
+          image: /* @__PURE__ */ jsx(
+            WelcomeGuideImage,
+            {
+              nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-editor.svg",
+              animatedSrc: "https://s.w.org/images/block-editor/welcome-editor.gif"
+            }
+          ),
+          content: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("h1", { className: "edit-widgets-welcome-guide__heading", children: __("Customize each block") }),
+            /* @__PURE__ */ jsx("p", { className: "edit-widgets-welcome-guide__text", children: __(
+              "Each block comes with its own set of controls for changing things like color, width, and alignment. These will show and hide automatically when you have a block selected."
+            ) })
+          ] })
+        },
+        {
+          image: /* @__PURE__ */ jsx(
+            WelcomeGuideImage,
+            {
+              nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-library.svg",
+              animatedSrc: "https://s.w.org/images/block-editor/welcome-library.gif"
+            }
+          ),
+          content: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("h1", { className: "edit-widgets-welcome-guide__heading", children: __("Explore all blocks") }),
+            /* @__PURE__ */ jsx("p", { className: "edit-widgets-welcome-guide__text", children: createInterpolateElement(
+              __(
+                "All of the blocks available to you live in the block library. You\u2019ll find it wherever you see the <InserterIconImage /> icon."
+              ),
+              {
+                InserterIconImage: /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    className: "edit-widgets-welcome-guide__inserter-icon",
+                    alt: __("inserter"),
+                    src: "data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='2' fill='%231E1E1E'/%3E%3Cpath d='M9.22727 4V14M4 8.77273H14' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A"
+                  }
+                )
+              }
+            ) })
+          ] })
+        },
+        {
+          image: /* @__PURE__ */ jsx(
+            WelcomeGuideImage,
+            {
+              nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.svg",
+              animatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.gif"
+            }
+          ),
+          content: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("h1", { className: "edit-widgets-welcome-guide__heading", children: __("Learn more") }),
+            /* @__PURE__ */ jsx("p", { className: "edit-widgets-welcome-guide__text", children: createInterpolateElement(
+              __(
+                "New to the block editor? Want to learn more about using it? <a>Here's a detailed guide.</a>"
+              ),
+              {
+                a: /* @__PURE__ */ jsx(
+                  ExternalLink,
+                  {
+                    href: __(
+                      "https://wordpress.org/documentation/article/wordpress-block-editor/"
+                    )
+                  }
+                )
+              }
+            ) })
+          ] })
+        }
+      ]
+    }
+  );
 }
-function WelcomeGuideImage({
-  nonAnimatedSrc,
-  animatedSrc
-}) {
-  return /*#__PURE__*/_jsxs("picture", {
-    className: "edit-widgets-welcome-guide__image",
-    children: [/*#__PURE__*/_jsx("source", {
-      srcSet: nonAnimatedSrc,
-      media: "(prefers-reduced-motion: reduce)"
-    }), /*#__PURE__*/_jsx("img", {
-      src: animatedSrc,
-      width: "312",
-      height: "240",
-      alt: ""
-    })]
-  });
+function WelcomeGuideImage({ nonAnimatedSrc, animatedSrc }) {
+  return /* @__PURE__ */ jsxs("picture", { className: "edit-widgets-welcome-guide__image", children: [
+    /* @__PURE__ */ jsx(
+      "source",
+      {
+        srcSet: nonAnimatedSrc,
+        media: "(prefers-reduced-motion: reduce)"
+      }
+    ),
+    /* @__PURE__ */ jsx("img", { src: animatedSrc, width: "312", height: "240", alt: "" })
+  ] });
 }
-//# sourceMappingURL=index.js.map
+export {
+  WelcomeGuide as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/welcome-guide/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useSelect","useDispatch","ExternalLink","Guide","__","sprintf","_n","createInterpolateElement","store","preferencesStore","editWidgetsStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","WelcomeGuide","_widgetAreas$filter$l","isActive","select","get","toggle","widgetAreas","getWidgetAreas","per_page","isEntirelyBlockWidgets","every","widgetArea","id","widgets","widgetId","startsWith","numWidgetAreas","filter","length","className","contentLabel","finishButtonText","onFinish","pages","image","WelcomeGuideImage","nonAnimatedSrc","animatedSrc","content","children","href","InserterIconImage","alt","src","a","srcSet","media","width","height"],"sources":["@wordpress/edit-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ExternalLink, Guide } from '@wordpress/components';\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WelcomeGuide() {\n\tconst isActive = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t[]\n\t);\n\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst widgetAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editWidgetsStore ).getWidgetAreas( { per_page: -1 } ),\n\t\t[]\n\t);\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\tconst isEntirelyBlockWidgets = widgetAreas?.every(\n\t\t( widgetArea ) =>\n\t\t\twidgetArea.id === 'wp_inactive_widgets' ||\n\t\t\twidgetArea.widgets.every( ( widgetId ) =>\n\t\t\t\twidgetId.startsWith( 'block-' )\n\t\t\t)\n\t);\n\n\tconst numWidgetAreas =\n\t\twidgetAreas?.filter(\n\t\t\t( widgetArea ) => widgetArea.id !== 'wp_inactive_widgets'\n\t\t).length ?? 0;\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-widgets-welcome-guide\"\n\t\t\tcontentLabel={ __( 'Welcome to block Widgets' ) }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-widgets', 'welcomeGuide' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t{ isEntirelyBlockWidgets ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// Translators: %s: Number of block areas in the current theme.\n\t\t\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s “block” area for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\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<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t<strong>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Want to stick with the old widgets?'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</strong>{ ' ' }\n\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Get the Classic Widgets plugin.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Customize each block' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Each block comes with its own set of controls for changing things like color, width, and alignment. These will show and hide automatically when you have a block selected.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Explore all blocks' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'All of the blocks available to you live in the block library. You’ll find it wherever you see the <InserterIconImage /> icon.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tInserterIconImage: (\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-widgets-welcome-guide__inserter-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\talt={ __( 'inserter' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='2' fill='%231E1E1E'/%3E%3Cpath d='M9.22727 4V14M4 8.77273H14' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Learn more' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\"New to the block editor? Want to learn more about using it? <a>Here's a detailed guide.</a>\"\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ta: (\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t] }\n\t\t/>\n\t);\n}\n\nfunction WelcomeGuideImage( { nonAnimatedSrc, animatedSrc } ) {\n\treturn (\n\t\t<picture className=\"edit-widgets-welcome-guide__image\">\n\t\t\t<source\n\t\t\t\tsrcSet={ nonAnimatedSrc }\n\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t/>\n\t\t\t<img src={ animatedSrc } width=\"312\" height=\"240\" alt=\"\" />\n\t\t</picture>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,YAAY,EAAEC,KAAK,QAAQ,uBAAuB;AAC3D,SAASC,EAAE,EAAEC,OAAO,EAAEC,EAAE,QAAQ,iBAAiB;AACjD,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAExD,eAAe,SAASC,YAAYA,CAAA,EAAG;EAAA,IAAAC,qBAAA;EACtC,MAAMC,QAAQ,GAAGnB,SAAS,CACvBoB,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEX,gBAAiB,CAAC,CAACY,GAAG,CAChC,mBAAmB,EACnB,cACD,CAAC,EACF,EACD,CAAC;EAED,MAAM;IAAEC;EAAO,CAAC,GAAGrB,WAAW,CAAEQ,gBAAiB,CAAC;EAElD,MAAMc,WAAW,GAAGvB,SAAS,CAC1BoB,MAAM,IACPA,MAAM,CAAEV,gBAAiB,CAAC,CAACc,cAAc,CAAE;IAAEC,QAAQ,EAAE,CAAC;EAAE,CAAE,CAAC,EAC9D,EACD,CAAC;EAED,IAAK,CAAEN,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,MAAMO,sBAAsB,GAAGH,WAAW,EAAEI,KAAK,CAC9CC,UAAU,IACXA,UAAU,CAACC,EAAE,KAAK,qBAAqB,IACvCD,UAAU,CAACE,OAAO,CAACH,KAAK,CAAII,QAAQ,IACnCA,QAAQ,CAACC,UAAU,CAAE,QAAS,CAC/B,CACF,CAAC;EAED,MAAMC,cAAc,IAAAf,qBAAA,GACnBK,WAAW,EAAEW,MAAM,CAChBN,UAAU,IAAMA,UAAU,CAACC,EAAE,KAAK,qBACrC,CAAC,CAACM,MAAM,cAAAjB,qBAAA,cAAAA,qBAAA,GAAI,CAAC;EAEd,oBACCN,IAAA,CAACT,KAAK;IACLiC,SAAS,EAAC,4BAA4B;IACtCC,YAAY,EAAGjC,EAAE,CAAE,0BAA2B,CAAG;IACjDkC,gBAAgB,EAAGlC,EAAE,CAAE,aAAc,CAAG;IACxCmC,QAAQ,EAAGA,CAAA,KAAMjB,MAAM,CAAE,mBAAmB,EAAE,cAAe,CAAG;IAChEkB,KAAK,EAAG,CACP;MACCC,KAAK,eACJ7B,IAAA,CAAC8B,iBAAiB;QACjBC,cAAc,EAAC,wDAAwD;QACvEC,WAAW,EAAC;MAAwD,CACpE,CACD;MACDC,OAAO,eACN7B,KAAA,CAAAF,SAAA;QAAAgC,QAAA,gBACClC,IAAA;UAAIwB,SAAS,EAAC,qCAAqC;UAAAU,QAAA,EAChD1C,EAAE,CAAE,0BAA2B;QAAC,CAC/B,CAAC,EACHsB,sBAAsB,gBACvBd,IAAA,CAAAE,SAAA;UAAAgC,QAAA,eACClC,IAAA;YAAGwB,SAAS,EAAC,kCAAkC;YAAAU,QAAA,EAC5CzC,OAAO;YACR;YACAC,EAAE,CACD,kLAAkL,EAClL,6LAA6L,EAC7L2B,cACD,CAAC,EACDA,cACD;UAAC,CACC;QAAC,CACH,CAAC,gBAEHjB,KAAA,CAAAF,SAAA;UAAAgC,QAAA,gBACClC,IAAA;YAAGwB,SAAS,EAAC,kCAAkC;YAAAU,QAAA,EAC5C1C,EAAE,CACH,yHACD;UAAC,CACC,CAAC,eACJY,KAAA;YAAGoB,SAAS,EAAC,kCAAkC;YAAAU,QAAA,gBAC9ClC,IAAA;cAAAkC,QAAA,EACG1C,EAAE,CACH,qCACD;YAAC,CACM,CAAC,EAAE,GAAG,eACdQ,IAAA,CAACV,YAAY;cACZ6C,IAAI,EAAG3C,EAAE,CACR,gDACD,CAAG;cAAA0C,QAAA,EAED1C,EAAE,CACH,iCACD;YAAC,CACY,CAAC;UAAA,CACb,CAAC;QAAA,CACH,CACF;MAAA,CACA;IAEJ,CAAC,EACD;MACCqC,KAAK,eACJ7B,IAAA,CAAC8B,iBAAiB;QACjBC,cAAc,EAAC,wDAAwD;QACvEC,WAAW,EAAC;MAAwD,CACpE,CACD;MACDC,OAAO,eACN7B,KAAA,CAAAF,SAAA;QAAAgC,QAAA,gBACClC,IAAA;UAAIwB,SAAS,EAAC,qCAAqC;UAAAU,QAAA,EAChD1C,EAAE,CAAE,sBAAuB;QAAC,CAC3B,CAAC,eACLQ,IAAA;UAAGwB,SAAS,EAAC,kCAAkC;UAAAU,QAAA,EAC5C1C,EAAE,CACH,4KACD;QAAC,CACC,CAAC;MAAA,CACH;IAEJ,CAAC,EACD;MACCqC,KAAK,eACJ7B,IAAA,CAAC8B,iBAAiB;QACjBC,cAAc,EAAC,yDAAyD;QACxEC,WAAW,EAAC;MAAyD,CACrE,CACD;MACDC,OAAO,eACN7B,KAAA,CAAAF,SAAA;QAAAgC,QAAA,gBACClC,IAAA;UAAIwB,SAAS,EAAC,qCAAqC;UAAAU,QAAA,EAChD1C,EAAE,CAAE,oBAAqB;QAAC,CACzB,CAAC,eACLQ,IAAA;UAAGwB,SAAS,EAAC,kCAAkC;UAAAU,QAAA,EAC5CvC,wBAAwB,CACzBH,EAAE,CACD,+HACD,CAAC,EACD;YACC4C,iBAAiB,eAChBpC,IAAA;cACCwB,SAAS,EAAC,2CAA2C;cACrDa,GAAG,EAAG7C,EAAE,CAAE,UAAW,CAAG;cACxB8C,GAAG,EAAC;YAA2Q,CAC/Q;UAEH,CACD;QAAC,CACC,CAAC;MAAA,CACH;IAEJ,CAAC,EACD;MACCT,KAAK,eACJ7B,IAAA,CAAC8B,iBAAiB;QACjBC,cAAc,EAAC,+DAA+D;QAC9EC,WAAW,EAAC;MAA+D,CAC3E,CACD;MACDC,OAAO,eACN7B,KAAA,CAAAF,SAAA;QAAAgC,QAAA,gBACClC,IAAA;UAAIwB,SAAS,EAAC,qCAAqC;UAAAU,QAAA,EAChD1C,EAAE,CAAE,YAAa;QAAC,CACjB,CAAC,eACLQ,IAAA;UAAGwB,SAAS,EAAC,kCAAkC;UAAAU,QAAA,EAC5CvC,wBAAwB,CACzBH,EAAE,CACD,6FACD,CAAC,EACD;YACC+C,CAAC,eACAvC,IAAA,CAACV,YAAY;cACZ6C,IAAI,EAAG3C,EAAE,CACR,qEACD;YAAG,CACH;UAEH,CACD;QAAC,CACC,CAAC;MAAA,CACH;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ;AAEA,SAASsC,iBAAiBA,CAAE;EAAEC,cAAc;EAAEC;AAAY,CAAC,EAAG;EAC7D,oBACC5B,KAAA;IAASoB,SAAS,EAAC,mCAAmC;IAAAU,QAAA,gBACrDlC,IAAA;MACCwC,MAAM,EAAGT,cAAgB;MACzBU,KAAK,EAAC;IAAkC,CACxC,CAAC,eACFzC,IAAA;MAAKsC,GAAG,EAAGN,WAAa;MAACU,KAAK,EAAC,KAAK;MAACC,MAAM,EAAC,KAAK;MAACN,GAAG,EAAC;IAAE,CAAE,CAAC;EAAA,CACnD,CAAC;AAEZ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/welcome-guide/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ExternalLink, Guide } from '@wordpress/components';\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function WelcomeGuide() {\n\tconst isActive = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t[]\n\t);\n\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst widgetAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editWidgetsStore ).getWidgetAreas( { per_page: -1 } ),\n\t\t[]\n\t);\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\tconst isEntirelyBlockWidgets = widgetAreas?.every(\n\t\t( widgetArea ) =>\n\t\t\twidgetArea.id === 'wp_inactive_widgets' ||\n\t\t\twidgetArea.widgets.every( ( widgetId ) =>\n\t\t\t\twidgetId.startsWith( 'block-' )\n\t\t\t)\n\t);\n\n\tconst numWidgetAreas =\n\t\twidgetAreas?.filter(\n\t\t\t( widgetArea ) => widgetArea.id !== 'wp_inactive_widgets'\n\t\t).length ?? 0;\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-widgets-welcome-guide\"\n\t\t\tcontentLabel={ __( 'Welcome to block Widgets' ) }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-widgets', 'welcomeGuide' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-canvas.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t{ isEntirelyBlockWidgets ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// Translators: %s: Number of block areas in the current theme.\n\t\t\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s \u201Cblock\u201D area for you to add and edit content.\u00A0Try adding a search bar, social icons, or other types of blocks here and see how they\u2019ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\t'Your theme provides %s different \u201Cblock\u201D areas for you to add and edit content.\u00A0Try adding a search bar, social icons, or other types of blocks here and see how they\u2019ll look on your site.',\n\t\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tnumWidgetAreas\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\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<>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'You can now add any block to your site\u2019s widget areas. Don\u2019t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t\t\t<strong>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Want to stick with the old widgets?'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</strong>{ ' ' }\n\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Get the Classic Widgets plugin.'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Customize each block' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Each block comes with its own set of controls for changing things like color, width, and alignment. These will show and hide automatically when you have a block selected.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-library.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Explore all blocks' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'All of the blocks available to you live in the block library. You\u2019ll find it wherever you see the <InserterIconImage /> icon.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tInserterIconImage: (\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-widgets-welcome-guide__inserter-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\talt={ __( 'inserter' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='2' fill='%231E1E1E'/%3E%3Cpath d='M9.22727 4V14M4 8.77273H14' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.svg\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-documentation.gif\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-widgets-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Learn more' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-widgets-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\"New to the block editor? Want to learn more about using it? <a>Here's a detailed guide.</a>\"\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ta: (\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t] }\n\t\t/>\n\t);\n}\n\nfunction WelcomeGuideImage( { nonAnimatedSrc, animatedSrc } ) {\n\treturn (\n\t\t<picture className=\"edit-widgets-welcome-guide__image\">\n\t\t\t<source\n\t\t\t\tsrcSet={ nonAnimatedSrc }\n\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t/>\n\t\t\t<img src={ animatedSrc } width=\"312\" height=\"240\" alt=\"\" />\n\t\t</picture>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/widget-areas-block-editor-content/index.js

@@ -1,42 +1,49 @@
-/**
- * WordPress dependencies
- */
-import { BlockList, BlockToolbar, BlockTools, BlockSelectionClearer, WritingFlow, __unstableEditorStyles as EditorStyles } from '@wordpress/block-editor';
-import { useViewportMatch } from '@wordpress/compose';
-import { useSelect } from '@wordpress/data';
-import { useMemo } from '@wordpress/element';
-import { store as preferencesStore } from '@wordpress/preferences';
-
-/**
- * Internal dependencies
- */
-import Notices from '../notices';
-import KeyboardShortcuts from '../keyboard-shortcuts';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function WidgetAreasBlockEditorContent({
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  BlockList,
+  BlockToolbar,
+  BlockTools,
+  BlockSelectionClearer,
+  WritingFlow,
+  __unstableEditorStyles as EditorStyles
+} from "@wordpress/block-editor";
+import { useViewportMatch } from "@wordpress/compose";
+import { useSelect } from "@wordpress/data";
+import { useMemo } from "@wordpress/element";
+import { store as preferencesStore } from "@wordpress/preferences";
+import Notices from "../notices";
+import KeyboardShortcuts from "../keyboard-shortcuts";
+function WidgetAreasBlockEditorContent({
   blockEditorSettings
 }) {
-  const hasThemeStyles = useSelect(select => !!select(preferencesStore).get('core/edit-widgets', 'themeStyles'), []);
-  const isLargeViewport = useViewportMatch('medium');
+  const hasThemeStyles = useSelect(
+    (select) => !!select(preferencesStore).get(
+      "core/edit-widgets",
+      "themeStyles"
+    ),
+    []
+  );
+  const isLargeViewport = useViewportMatch("medium");
   const styles = useMemo(() => {
     return hasThemeStyles ? blockEditorSettings.styles : [];
   }, [blockEditorSettings, hasThemeStyles]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: "edit-widgets-block-editor",
-    children: [/*#__PURE__*/_jsx(Notices, {}), !isLargeViewport && /*#__PURE__*/_jsx(BlockToolbar, {
-      hideDragHandle: true
-    }), /*#__PURE__*/_jsxs(BlockTools, {
-      children: [/*#__PURE__*/_jsx(KeyboardShortcuts, {}), /*#__PURE__*/_jsx(EditorStyles, {
-        styles: styles,
-        scope: ":where(.editor-styles-wrapper)"
-      }), /*#__PURE__*/_jsx(BlockSelectionClearer, {
-        children: /*#__PURE__*/_jsx(WritingFlow, {
-          children: /*#__PURE__*/_jsx(BlockList, {
-            className: "edit-widgets-main-block-list"
-          })
-        })
-      })]
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { className: "edit-widgets-block-editor", children: [
+    /* @__PURE__ */ jsx(Notices, {}),
+    !isLargeViewport && /* @__PURE__ */ jsx(BlockToolbar, { hideDragHandle: true }),
+    /* @__PURE__ */ jsxs(BlockTools, { children: [
+      /* @__PURE__ */ jsx(KeyboardShortcuts, {}),
+      /* @__PURE__ */ jsx(
+        EditorStyles,
+        {
+          styles,
+          scope: ":where(.editor-styles-wrapper)"
+        }
+      ),
+      /* @__PURE__ */ jsx(BlockSelectionClearer, { children: /* @__PURE__ */ jsx(WritingFlow, { children: /* @__PURE__ */ jsx(BlockList, { className: "edit-widgets-main-block-list" }) }) })
+    ] })
+  ] });
 }
-//# sourceMappingURL=index.js.map
+export {
+  WidgetAreasBlockEditorContent as default
+};
+//# sourceMappingURL=index.js.map