@wordpress/edit-widgets 6.31.1-next.f56bd8138.0 → 6.32.1-next.47f435fc9.0

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

@@ -1,70 +1,86 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var widget_areas_exports = {};
+__export(widget_areas_exports, {
+  default: () => WidgetAreas
 });
-exports.default = WidgetAreas;
-var _data = require("@wordpress/data");
-var _element = require("@wordpress/element");
-var _icons = require("@wordpress/icons");
-var _blockEditor = require("@wordpress/block-editor");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _url = require("@wordpress/url");
-var _dom = require("@wordpress/dom");
-var _store = require("../../store");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function WidgetAreas({
-  selectedWidgetAreaId
-}) {
-  const widgetAreas = (0, _data.useSelect)(select => select(_store.store).getWidgetAreas(), []);
-  const selectedWidgetArea = (0, _element.useMemo)(() => selectedWidgetAreaId && widgetAreas?.find(widgetArea => widgetArea.id === selectedWidgetAreaId), [selectedWidgetAreaId, widgetAreas]);
+module.exports = __toCommonJS(widget_areas_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_icons = require("@wordpress/icons");
+var import_block_editor = require("@wordpress/block-editor");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_url = require("@wordpress/url");
+var import_dom = require("@wordpress/dom");
+var import_store = require("../../store");
+function WidgetAreas({ selectedWidgetAreaId }) {
+  const widgetAreas = (0, import_data.useSelect)(
+    (select) => select(import_store.store).getWidgetAreas(),
+    []
+  );
+  const selectedWidgetArea = (0, import_element.useMemo)(
+    () => selectedWidgetAreaId && widgetAreas?.find(
+      (widgetArea) => widgetArea.id === selectedWidgetAreaId
+    ),
+    [selectedWidgetAreaId, widgetAreas]
+  );
   let description;
   if (!selectedWidgetArea) {
-    description = (0, _i18n.__)(
-    // 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 = (0, _i18n.__)('Blocks in this Widget Area will not be displayed in your site.');
+    description = (0, import_i18n.__)(
+      // 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 = (0, import_i18n.__)(
+      "Blocks in this Widget Area will not be displayed in your site."
+    );
   } else {
     description = selectedWidgetArea.description;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "edit-widgets-widget-areas",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "edit-widgets-widget-areas__top-container",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockIcon, {
-        icon: _icons.blockDefault
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        children: [/*#__PURE__*/(0, _jsxRuntime.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__ */ (0, import_jsx_runtime.jsx)("div", { className: "edit-widgets-widget-areas", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "edit-widgets-widget-areas__top-container", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockIcon, { icon: import_icons.blockDefault }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "p",
+        {
           dangerouslySetInnerHTML: {
-            __html: (0, _dom.safeHTML)(description)
+            __html: (0, import_dom.safeHTML)(description)
           }
-        }), widgetAreas?.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          children: (0, _i18n.__)('Your theme does not contain any Widget Areas.')
-        }), !selectedWidgetArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        }
+      ),
+      widgetAreas?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: (0, import_i18n.__)(
+        "Your theme does not contain any Widget Areas."
+      ) }),
+      !selectedWidgetArea && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.Button,
+        {
           __next40pxDefaultSize: true,
-          href: (0, _url.addQueryArgs)('customize.php', {
-            'autofocus[panel]': 'widgets',
+          href: (0, import_url.addQueryArgs)("customize.php", {
+            "autofocus[panel]": "widgets",
             return: window.location.pathname
           }),
           variant: "tertiary",
-          children: (0, _i18n.__)('Manage with live preview')
-        })]
-      })]
-    })
-  });
+          children: (0, import_i18n.__)("Manage with live preview")
+        }
+      )
+    ] })
+  ] }) });
 }
-//# sourceMappingURL=widget-areas.js.map
+//# sourceMappingURL=widget-areas.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_data","require","_element","_icons","_blockEditor","_components","_i18n","_url","_dom","_store","_jsxRuntime","WidgetAreas","selectedWidgetAreaId","widgetAreas","useSelect","select","editWidgetsStore","getWidgetAreas","selectedWidgetArea","useMemo","find","widgetArea","id","description","__","jsx","className","children","jsxs","BlockIcon","icon","blockDefault","dangerouslySetInnerHTML","__html","safeHTML","length","Button","__next40pxDefaultSize","href","addQueryArgs","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":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AAAwD,IAAAS,WAAA,GAAAT,OAAA;AAfxD;AACA;AACA;;AAUA;AACA;AACA;;AAGe,SAASU,WAAWA,CAAE;EAAEC;AAAqB,CAAC,EAAG;EAC/D,MAAMC,WAAW,GAAG,IAAAC,eAAS,EAC1BC,MAAM,IAAMA,MAAM,CAAEC,YAAiB,CAAC,CAACC,cAAc,CAAC,CAAC,EACzD,EACD,CAAC;EAED,MAAMC,kBAAkB,GAAG,IAAAC,gBAAO,EACjC,MACCP,oBAAoB,IACpBC,WAAW,EAAEO,IAAI,CACdC,UAAU,IAAMA,UAAU,CAACC,EAAE,KAAKV,oBACrC,CAAC,EACF,CAAEA,oBAAoB,EAAEC,WAAW,CACpC,CAAC;EAED,IAAIU,WAAW;EACf,IAAK,CAAEL,kBAAkB,EAAG;IAC3BK,WAAW,GAAG,IAAAC,QAAE;IACf;IACA,uJACD,CAAC;EACF,CAAC,MAAM,IAAKZ,oBAAoB,KAAK,qBAAqB,EAAG;IAC5DW,WAAW,GAAG,IAAAC,QAAE,EACf,gEACD,CAAC;EACF,CAAC,MAAM;IACND,WAAW,GAAGL,kBAAkB,CAACK,WAAW;EAC7C;EAEA,oBACC,IAAAb,WAAA,CAAAe,GAAA;IAAKC,SAAS,EAAC,2BAA2B;IAAAC,QAAA,eACzC,IAAAjB,WAAA,CAAAkB,IAAA;MAAKF,SAAS,EAAC,0CAA0C;MAAAC,QAAA,gBACxD,IAAAjB,WAAA,CAAAe,GAAA,EAACrB,YAAA,CAAAyB,SAAS;QAACC,IAAI,EAAGC;MAAc,CAAE,CAAC,eACnC,IAAArB,WAAA,CAAAkB,IAAA;QAAAD,QAAA,gBACC,IAAAjB,WAAA,CAAAe,GAAA;UACC;UACA;UACA;UACA;UACAO,uBAAuB,EAAG;YACzBC,MAAM,EAAE,IAAAC,aAAQ,EAAEX,WAAY;UAC/B;QAAG,CACH,CAAC,EACAV,WAAW,EAAEsB,MAAM,KAAK,CAAC,iBAC1B,IAAAzB,WAAA,CAAAe,GAAA;UAAAE,QAAA,EACG,IAAAH,QAAE,EACH,+CACD;QAAC,CACC,CACH,EACC,CAAEN,kBAAkB,iBACrB,IAAAR,WAAA,CAAAe,GAAA,EAACpB,WAAA,CAAA+B,MAAM;UACNC,qBAAqB;UACrBC,IAAI,EAAG,IAAAC,iBAAY,EAAE,eAAe,EAAE;YACrC,kBAAkB,EAAE,SAAS;YAC7BC,MAAM,EAAEC,MAAM,CAACC,QAAQ,CAACC;UACzB,CAAE,CAAG;UACLC,OAAO,EAAC,UAAU;UAAAjB,QAAA,EAEhB,IAAAH,QAAE,EAAE,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": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDI;AA9CJ,kBAA0B;AAC1B,qBAAwB;AACxB,mBAA6B;AAC7B,0BAA0B;AAC1B,wBAAuB;AACvB,kBAAmB;AACnB,iBAA6B;AAC7B,iBAAyB;AAKzB,mBAA0C;AAE3B,SAAR,YAA8B,EAAE,qBAAqB,GAAI;AAC/D,QAAM,kBAAc;AAAA,IACnB,CAAE,WAAY,OAAQ,aAAAA,KAAiB,EAAE,eAAe;AAAA,IACxD,CAAC;AAAA,EACF;AAEA,QAAM,yBAAqB;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,sBAAc;AAAA;AAAA,MAEb;AAAA,IACD;AAAA,EACD,WAAY,yBAAyB,uBAAwB;AAC5D,sBAAc;AAAA,MACb;AAAA,IACD;AAAA,EACD,OAAO;AACN,kBAAc,mBAAmB;AAAA,EAClC;AAEA,SACC,4CAAC,SAAI,WAAU,6BACd,uDAAC,SAAI,WAAU,4CACd;AAAA,gDAAC,iCAAU,MAAO,2BAAe;AAAA,IACjC,6CAAC,SACA;AAAA;AAAA,QAAC;AAAA;AAAA,UAKA,yBAA0B;AAAA,YACzB,YAAQ,qBAAU,WAAY;AAAA,UAC/B;AAAA;AAAA,MACD;AAAA,MACE,aAAa,WAAW,KACzB,4CAAC,OACE;AAAA,QACD;AAAA,MACD,GACD;AAAA,MAEC,CAAE,sBACH;AAAA,QAAC;AAAA;AAAA,UACA,uBAAqB;AAAA,UACrB,UAAO,yBAAc,iBAAiB;AAAA,YACrC,oBAAoB;AAAA,YACpB,QAAQ,OAAO,SAAS;AAAA,UACzB,CAAE;AAAA,UACF,SAAQ;AAAA,UAEN,8BAAI,0BAA2B;AAAA;AAAA,MAClC;AAAA,OAEF;AAAA,KACD,GACD;AAEF;",
+  "names": ["editWidgetsStore"]
+}

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

@@ -1,144 +1,189 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var welcome_guide_exports = {};
+__export(welcome_guide_exports, {
+  default: () => WelcomeGuide
 });
-exports.default = WelcomeGuide;
-var _data = require("@wordpress/data");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _preferences = require("@wordpress/preferences");
-var _store = require("../../store");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(welcome_guide_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_data = require("@wordpress/data");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_preferences = require("@wordpress/preferences");
+var import_store = require("../../store");
 function WelcomeGuide() {
-  var _widgetAreas$filter$l;
-  const isActive = (0, _data.useSelect)(select => !!select(_preferences.store).get('core/edit-widgets', 'welcomeGuide'), []);
-  const {
-    toggle
-  } = (0, _data.useDispatch)(_preferences.store);
-  const widgetAreas = (0, _data.useSelect)(select => select(_store.store).getWidgetAreas({
-    per_page: -1
-  }), []);
+  const isActive = (0, import_data.useSelect)(
+    (select) => !!select(import_preferences.store).get(
+      "core/edit-widgets",
+      "welcomeGuide"
+    ),
+    []
+  );
+  const { toggle } = (0, import_data.useDispatch)(import_preferences.store);
+  const widgetAreas = (0, import_data.useSelect)(
+    (select) => select(import_store.store).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__*/(0, _jsxRuntime.jsx)(_components.Guide, {
-    className: "edit-widgets-welcome-guide",
-    contentLabel: (0, _i18n.__)('Welcome to block Widgets'),
-    finishButtonText: (0, _i18n.__)('Get started'),
-    onFinish: () => toggle('core/edit-widgets', 'welcomeGuide'),
-    pages: [{
-      image: /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-          className: "edit-widgets-welcome-guide__heading",
-          children: (0, _i18n.__)('Welcome to block Widgets')
-        }), isEntirelyBlockWidgets ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            className: "edit-widgets-welcome-guide__text",
-            children: (0, _i18n.sprintf)(
-            // Translators: %s: Number of block areas in the current theme.
-            (0, _i18n._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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            className: "edit-widgets-welcome-guide__text",
-            children: (0, _i18n.__)('You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-            className: "edit-widgets-welcome-guide__text",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
-              children: (0, _i18n.__)('Want to stick with the old widgets?')
-            }), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
-              href: (0, _i18n.__)('https://wordpress.org/plugins/classic-widgets/'),
-              children: (0, _i18n.__)('Get the Classic Widgets plugin.')
-            })]
-          })]
-        })]
-      })
-    }, {
-      image: /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-          className: "edit-widgets-welcome-guide__heading",
-          children: (0, _i18n.__)('Customize each block')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "edit-widgets-welcome-guide__text",
-          children: (0, _i18n.__)('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__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-          className: "edit-widgets-welcome-guide__heading",
-          children: (0, _i18n.__)('Explore all blocks')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "edit-widgets-welcome-guide__text",
-          children: (0, _element.createInterpolateElement)((0, _i18n.__)('All of the blocks available to you live in the block library. You’ll find it wherever you see the <InserterIconImage /> icon.'), {
-            InserterIconImage: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-              className: "edit-widgets-welcome-guide__inserter-icon",
-              alt: (0, _i18n.__)('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__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-          className: "edit-widgets-welcome-guide__heading",
-          children: (0, _i18n.__)('Learn more')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "edit-widgets-welcome-guide__text",
-          children: (0, _element.createInterpolateElement)((0, _i18n.__)("New to the block editor? Want to learn more about using it? <a>Here's a detailed guide.</a>"), {
-            a: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
-              href: (0, _i18n.__)('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__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Guide,
+    {
+      className: "edit-widgets-welcome-guide",
+      contentLabel: (0, import_i18n.__)("Welcome to block Widgets"),
+      finishButtonText: (0, import_i18n.__)("Get started"),
+      onFinish: () => toggle("core/edit-widgets", "welcomeGuide"),
+      pages: [
+        {
+          image: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "edit-widgets-welcome-guide__heading", children: (0, import_i18n.__)("Welcome to block Widgets") }),
+            isEntirelyBlockWidgets ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "edit-widgets-welcome-guide__text", children: (0, import_i18n.sprintf)(
+              // Translators: %s: Number of block areas in the current theme.
+              (0, import_i18n._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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "edit-widgets-welcome-guide__text", children: (0, import_i18n.__)(
+                "You can now add any block to your site\u2019s widget areas. Don\u2019t worry, all of your favorite widgets still work flawlessly."
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "edit-widgets-welcome-guide__text", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: (0, import_i18n.__)(
+                  "Want to stick with the old widgets?"
+                ) }),
+                " ",
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_components.ExternalLink,
+                  {
+                    href: (0, import_i18n.__)(
+                      "https://wordpress.org/plugins/classic-widgets/"
+                    ),
+                    children: (0, import_i18n.__)(
+                      "Get the Classic Widgets plugin."
+                    )
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        },
+        {
+          image: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "edit-widgets-welcome-guide__heading", children: (0, import_i18n.__)("Customize each block") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "edit-widgets-welcome-guide__text", children: (0, import_i18n.__)(
+              "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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "edit-widgets-welcome-guide__heading", children: (0, import_i18n.__)("Explore all blocks") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "edit-widgets-welcome-guide__text", children: (0, import_element.createInterpolateElement)(
+              (0, import_i18n.__)(
+                "All of the blocks available to you live in the block library. You\u2019ll find it wherever you see the <InserterIconImage /> icon."
+              ),
+              {
+                InserterIconImage: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "img",
+                  {
+                    className: "edit-widgets-welcome-guide__inserter-icon",
+                    alt: (0, import_i18n.__)("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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "edit-widgets-welcome-guide__heading", children: (0, import_i18n.__)("Learn more") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "edit-widgets-welcome-guide__text", children: (0, import_element.createInterpolateElement)(
+              (0, import_i18n.__)(
+                "New to the block editor? Want to learn more about using it? <a>Here's a detailed guide.</a>"
+              ),
+              {
+                a: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_components.ExternalLink,
+                  {
+                    href: (0, import_i18n.__)(
+                      "https://wordpress.org/documentation/article/wordpress-block-editor/"
+                    )
+                  }
+                )
+              }
+            ) })
+          ] })
+        }
+      ]
+    }
+  );
 }
-function WelcomeGuideImage({
-  nonAnimatedSrc,
-  animatedSrc
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("picture", {
-    className: "edit-widgets-welcome-guide__image",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("source", {
-      srcSet: nonAnimatedSrc,
-      media: "(prefers-reduced-motion: reduce)"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: animatedSrc,
-      width: "312",
-      height: "240",
-      alt: ""
-    })]
-  });
+function WelcomeGuideImage({ nonAnimatedSrc, animatedSrc }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("picture", { className: "edit-widgets-welcome-guide__image", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "source",
+      {
+        srcSet: nonAnimatedSrc,
+        media: "(prefers-reduced-motion: reduce)"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: animatedSrc, width: "312", height: "240", alt: "" })
+  ] });
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_data","require","_components","_i18n","_element","_preferences","_store","_jsxRuntime","WelcomeGuide","_widgetAreas$filter$l","isActive","useSelect","select","preferencesStore","get","toggle","useDispatch","widgetAreas","editWidgetsStore","getWidgetAreas","per_page","isEntirelyBlockWidgets","every","widgetArea","id","widgets","widgetId","startsWith","numWidgetAreas","filter","length","jsx","Guide","className","contentLabel","__","finishButtonText","onFinish","pages","image","WelcomeGuideImage","nonAnimatedSrc","animatedSrc","content","jsxs","Fragment","children","sprintf","_n","ExternalLink","href","createInterpolateElement","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":"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","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": ["preferencesStore", "editWidgetsStore"]
+}