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

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

@@ -1,61 +1,85 @@
 "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 page_exports = {};
+__export(page_exports, {
+  default: () => WelcomeGuidePage
 });
-exports.default = WelcomeGuidePage;
-var _data = require("@wordpress/data");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _preferences = require("@wordpress/preferences");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
+module.exports = __toCommonJS(page_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_preferences = require("@wordpress/preferences");
 function WelcomeGuidePage() {
-  const {
-    toggle
-  } = (0, _data.useDispatch)(_preferences.store);
-  const isVisible = (0, _data.useSelect)(select => {
-    const isPageActive = !!select(_preferences.store).get('core/edit-site', 'welcomeGuidePage');
-    const isEditorActive = !!select(_preferences.store).get('core/edit-site', 'welcomeGuide');
+  const { toggle } = (0, import_data.useDispatch)(import_preferences.store);
+  const isVisible = (0, import_data.useSelect)((select) => {
+    const isPageActive = !!select(import_preferences.store).get(
+      "core/edit-site",
+      "welcomeGuidePage"
+    );
+    const isEditorActive = !!select(import_preferences.store).get(
+      "core/edit-site",
+      "welcomeGuide"
+    );
     return isPageActive && !isEditorActive;
   }, []);
   if (!isVisible) {
     return null;
   }
-  const heading = (0, _i18n.__)('Editing a page');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Guide, {
-    className: "edit-site-welcome-guide guide-page",
-    contentLabel: heading,
-    finishButtonText: (0, _i18n.__)('Continue'),
-    onFinish: () => toggle('core/edit-site', 'welcomeGuidePage'),
-    pages: [{
-      image: /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
-        className: "edit-site-welcome-guide__video",
-        autoPlay: true,
-        loop: true,
-        muted: true,
-        width: "312",
-        height: "240",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("source", {
-          src: "https://s.w.org/images/block-editor/editing-your-page.mp4",
-          type: "video/mp4"
-        })
-      }),
-      content: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-          className: "edit-site-welcome-guide__heading",
-          children: heading
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "edit-site-welcome-guide__text",
-          children: (0, _i18n.__)(
-          // eslint-disable-next-line no-restricted-syntax -- 'sidebar' is a common web design term for layouts
-          'It’s now possible to edit page content in the site editor. To customise other parts of the page like the header and footer switch to editing the template using the settings sidebar.')
-        })]
-      })
-    }]
-  });
+  const heading = (0, import_i18n.__)("Editing a page");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Guide,
+    {
+      className: "edit-site-welcome-guide guide-page",
+      contentLabel: heading,
+      finishButtonText: (0, import_i18n.__)("Continue"),
+      onFinish: () => toggle("core/edit-site", "welcomeGuidePage"),
+      pages: [
+        {
+          image: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "video",
+            {
+              className: "edit-site-welcome-guide__video",
+              autoPlay: true,
+              loop: true,
+              muted: true,
+              width: "312",
+              height: "240",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "source",
+                {
+                  src: "https://s.w.org/images/block-editor/editing-your-page.mp4",
+                  type: "video/mp4"
+                }
+              )
+            }
+          ),
+          content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "edit-site-welcome-guide__heading", children: heading }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "edit-site-welcome-guide__text", children: (0, import_i18n.__)(
+              // eslint-disable-next-line no-restricted-syntax -- 'sidebar' is a common web design term for layouts
+              "It\u2019s now possible to edit page content in the site editor. To customise other parts of the page like the header and footer switch to editing the template using the settings sidebar."
+            ) })
+          ] })
+        }
+      ]
+    }
+  );
 }
-//# sourceMappingURL=page.js.map
+//# sourceMappingURL=page.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_data","require","_components","_i18n","_preferences","_jsxRuntime","WelcomeGuidePage","toggle","useDispatch","preferencesStore","isVisible","useSelect","select","isPageActive","get","isEditorActive","heading","__","jsx","Guide","className","contentLabel","finishButtonText","onFinish","pages","image","autoPlay","loop","muted","width","height","children","src","type","content","jsxs","Fragment"],"sources":["@wordpress/edit-site/src/components/welcome-guide/page.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function WelcomeGuidePage() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isVisible = useSelect( ( select ) => {\n\t\tconst isPageActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuidePage'\n\t\t);\n\t\tconst isEditorActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuide'\n\t\t);\n\t\treturn isPageActive && ! isEditorActive;\n\t}, [] );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\tconst heading = __( 'Editing a page' );\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-page\"\n\t\t\tcontentLabel={ heading }\n\t\t\tfinishButtonText={ __( 'Continue' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-site', 'welcomeGuidePage' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<video\n\t\t\t\t\t\t\tclassName=\"edit-site-welcome-guide__video\"\n\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<source\n\t\t\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/editing-your-page.mp4\"\n\t\t\t\t\t\t\t\ttype=\"video/mp4\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</video>\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ heading }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t// eslint-disable-next-line no-restricted-syntax -- 'sidebar' is a common web design term for layouts\n\t\t\t\t\t\t\t\t\t'It’s now possible to edit page content in the site editor. To customise other parts of the page like the header and footer switch to editing the template using the settings sidebar.'\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"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAmE,IAAAI,WAAA,GAAAJ,OAAA;AANnE;AACA;AACA;;AAMe,SAASK,gBAAgBA,CAAA,EAAG;EAC1C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,SAAS,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC1C,MAAMC,YAAY,GAAG,CAAC,CAAED,MAAM,CAAEH,kBAAiB,CAAC,CAACK,GAAG,CACrD,gBAAgB,EAChB,kBACD,CAAC;IACD,MAAMC,cAAc,GAAG,CAAC,CAAEH,MAAM,CAAEH,kBAAiB,CAAC,CAACK,GAAG,CACvD,gBAAgB,EAChB,cACD,CAAC;IACD,OAAOD,YAAY,IAAI,CAAEE,cAAc;EACxC,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEL,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,MAAMM,OAAO,GAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAC;EAEtC,oBACC,IAAAZ,WAAA,CAAAa,GAAA,EAAChB,WAAA,CAAAiB,KAAK;IACLC,SAAS,EAAC,oCAAoC;IAC9CC,YAAY,EAAGL,OAAS;IACxBM,gBAAgB,EAAG,IAAAL,QAAE,EAAE,UAAW,CAAG;IACrCM,QAAQ,EAAGA,CAAA,KAAMhB,MAAM,CAAE,gBAAgB,EAAE,kBAAmB,CAAG;IACjEiB,KAAK,EAAG,CACP;MACCC,KAAK,eACJ,IAAApB,WAAA,CAAAa,GAAA;QACCE,SAAS,EAAC,gCAAgC;QAC1CM,QAAQ;QACRC,IAAI;QACJC,KAAK;QACLC,KAAK,EAAC,KAAK;QACXC,MAAM,EAAC,KAAK;QAAAC,QAAA,eAEZ,IAAA1B,WAAA,CAAAa,GAAA;UACCc,GAAG,EAAC,2DAA2D;UAC/DC,IAAI,EAAC;QAAW,CAChB;MAAC,CACI,CACP;MACDC,OAAO,eACN,IAAA7B,WAAA,CAAA8B,IAAA,EAAA9B,WAAA,CAAA+B,QAAA;QAAAL,QAAA,gBACC,IAAA1B,WAAA,CAAAa,GAAA;UAAIE,SAAS,EAAC,kCAAkC;UAAAW,QAAA,EAC7Cf;QAAO,CACN,CAAC,eACL,IAAAX,WAAA,CAAAa,GAAA;UAAGE,SAAS,EAAC,+BAA+B;UAAAW,QAAA,EACzC,IAAAd,QAAE;UACH;UACA,uLACD;QAAC,CACC,CAAC;MAAA,CACH;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/welcome-guide/page.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function WelcomeGuidePage() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isVisible = useSelect( ( select ) => {\n\t\tconst isPageActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuidePage'\n\t\t);\n\t\tconst isEditorActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuide'\n\t\t);\n\t\treturn isPageActive && ! isEditorActive;\n\t}, [] );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\tconst heading = __( 'Editing a page' );\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-page\"\n\t\t\tcontentLabel={ heading }\n\t\t\tfinishButtonText={ __( 'Continue' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-site', 'welcomeGuidePage' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<video\n\t\t\t\t\t\t\tclassName=\"edit-site-welcome-guide__video\"\n\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<source\n\t\t\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/editing-your-page.mp4\"\n\t\t\t\t\t\t\t\ttype=\"video/mp4\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</video>\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ heading }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t// eslint-disable-next-line no-restricted-syntax -- 'sidebar' is a common web design term for layouts\n\t\t\t\t\t\t\t\t\t'It\u2019s now possible to edit page content in the site editor. To customise other parts of the page like the header and footer switch to editing the template using the settings sidebar.'\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CO;AA3CP,kBAAuC;AACvC,wBAAsB;AACtB,kBAAmB;AACnB,yBAA0C;AAE3B,SAAR,mBAAoC;AAC1C,QAAM,EAAE,OAAO,QAAI,yBAAa,mBAAAA,KAAiB;AAEjD,QAAM,gBAAY,uBAAW,CAAE,WAAY;AAC1C,UAAM,eAAe,CAAC,CAAE,OAAQ,mBAAAA,KAAiB,EAAE;AAAA,MAClD;AAAA,MACA;AAAA,IACD;AACA,UAAM,iBAAiB,CAAC,CAAE,OAAQ,mBAAAA,KAAiB,EAAE;AAAA,MACpD;AAAA,MACA;AAAA,IACD;AACA,WAAO,gBAAgB,CAAE;AAAA,EAC1B,GAAG,CAAC,CAAE;AAEN,MAAK,CAAE,WAAY;AAClB,WAAO;AAAA,EACR;AAEA,QAAM,cAAU,gBAAI,gBAAiB;AAErC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,cAAe;AAAA,MACf,sBAAmB,gBAAI,UAAW;AAAA,MAClC,UAAW,MAAM,OAAQ,kBAAkB,kBAAmB;AAAA,MAC9D,OAAQ;AAAA,QACP;AAAA,UACC,OACC;AAAA,YAAC;AAAA;AAAA,cACA,WAAU;AAAA,cACV,UAAQ;AAAA,cACR,MAAI;AAAA,cACJ,OAAK;AAAA,cACL,OAAM;AAAA,cACN,QAAO;AAAA,cAEP;AAAA,gBAAC;AAAA;AAAA,kBACA,KAAI;AAAA,kBACJ,MAAK;AAAA;AAAA,cACN;AAAA;AAAA,UACD;AAAA,UAED,SACC,4EACC;AAAA,wDAAC,QAAG,WAAU,oCACX,mBACH;AAAA,YACA,4CAAC,OAAE,WAAU,iCACV;AAAA;AAAA,cAED;AAAA,YACD,GACD;AAAA,aACD;AAAA,QAEF;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
+  "names": ["preferencesStore"]
+}

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

@@ -1,112 +1,145 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  default: () => WelcomeGuideStyles
 });
-exports.default = WelcomeGuideStyles;
-var _data = require("@wordpress/data");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _preferences = require("@wordpress/preferences");
-var _editor = require("@wordpress/editor");
-var _image = _interopRequireDefault(require("./image"));
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  interfaceStore
-} = (0, _lockUnlock.unlock)(_editor.privateApis);
+module.exports = __toCommonJS(styles_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_preferences = require("@wordpress/preferences");
+var import_editor = require("@wordpress/editor");
+var import_image = __toESM(require("./image"));
+var import_lock_unlock = require("../../lock-unlock");
+const { interfaceStore } = (0, import_lock_unlock.unlock)(import_editor.privateApis);
 function WelcomeGuideStyles() {
-  const {
-    toggle
-  } = (0, _data.useDispatch)(_preferences.store);
-  const {
-    isActive,
-    isStylesOpen
-  } = (0, _data.useSelect)(select => {
-    const sidebar = select(interfaceStore).getActiveComplementaryArea('core');
+  const { toggle } = (0, import_data.useDispatch)(import_preferences.store);
+  const { isActive, isStylesOpen } = (0, import_data.useSelect)((select) => {
+    const sidebar = select(interfaceStore).getActiveComplementaryArea("core");
     return {
-      isActive: !!select(_preferences.store).get('core/edit-site', 'welcomeGuideStyles'),
-      isStylesOpen: sidebar === 'edit-site/global-styles'
+      isActive: !!select(import_preferences.store).get(
+        "core/edit-site",
+        "welcomeGuideStyles"
+      ),
+      isStylesOpen: sidebar === "edit-site/global-styles"
     };
   }, []);
   if (!isActive || !isStylesOpen) {
     return null;
   }
-  const welcomeLabel = (0, _i18n.__)('Welcome to Styles');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Guide, {
-    className: "edit-site-welcome-guide guide-styles",
-    contentLabel: welcomeLabel,
-    finishButtonText: (0, _i18n.__)('Get started'),
-    onFinish: () => toggle('core/edit-site', 'welcomeGuideStyles'),
-    pages: [{
-      image: /*#__PURE__*/(0, _jsxRuntime.jsx)(_image.default, {
-        nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-to-styles.svg?1",
-        animatedSrc: "https://s.w.org/images/block-editor/welcome-to-styles.gif?1"
-      }),
-      content: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-          className: "edit-site-welcome-guide__heading",
-          children: welcomeLabel
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "edit-site-welcome-guide__text",
-          children: (0, _i18n.__)('Tweak your site, or give it a whole new look! Get creative — how about a new color palette for your buttons, or choosing a new font? Take a look at what you can do here.')
-        })]
-      })
-    }, {
-      image: /*#__PURE__*/(0, _jsxRuntime.jsx)(_image.default, {
-        nonAnimatedSrc: "https://s.w.org/images/block-editor/set-the-design.svg?1",
-        animatedSrc: "https://s.w.org/images/block-editor/set-the-design.gif?1"
-      }),
-      content: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-          className: "edit-site-welcome-guide__heading",
-          children: (0, _i18n.__)('Set the design')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "edit-site-welcome-guide__text",
-          children: (0, _i18n.__)('You can customize your site as much as you like with different colors, typography, and layouts. Or if you prefer, just leave it up to your theme to handle!')
-        })]
-      })
-    }, {
-      image: /*#__PURE__*/(0, _jsxRuntime.jsx)(_image.default, {
-        nonAnimatedSrc: "https://s.w.org/images/block-editor/personalize-blocks.svg?1",
-        animatedSrc: "https://s.w.org/images/block-editor/personalize-blocks.gif?1"
-      }),
-      content: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-          className: "edit-site-welcome-guide__heading",
-          children: (0, _i18n.__)('Personalize blocks')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "edit-site-welcome-guide__text",
-          children: (0, _i18n.__)('You can adjust your blocks to ensure a cohesive experience across your site — add your unique colors to a branded Button block, or adjust the Heading block to your preferred size.')
-        })]
-      })
-    }, {
-      image: /*#__PURE__*/(0, _jsxRuntime.jsx)(_image.default, {
-        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-site-welcome-guide__heading",
-          children: (0, _i18n.__)('Learn more')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-          className: "edit-site-welcome-guide__text",
-          children: [(0, _i18n.__)('New to block themes and styling your site?'), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
-            href: (0, _i18n.__)('https://wordpress.org/documentation/article/styles-overview/'),
-            children: (0, _i18n.__)('Here’s a detailed guide to learn how to make the most of it.')
-          })]
-        })]
-      })
-    }]
-  });
+  const welcomeLabel = (0, import_i18n.__)("Welcome to Styles");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Guide,
+    {
+      className: "edit-site-welcome-guide guide-styles",
+      contentLabel: welcomeLabel,
+      finishButtonText: (0, import_i18n.__)("Get started"),
+      onFinish: () => toggle("core/edit-site", "welcomeGuideStyles"),
+      pages: [
+        {
+          image: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_image.default,
+            {
+              nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-to-styles.svg?1",
+              animatedSrc: "https://s.w.org/images/block-editor/welcome-to-styles.gif?1"
+            }
+          ),
+          content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "edit-site-welcome-guide__heading", children: welcomeLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "edit-site-welcome-guide__text", children: (0, import_i18n.__)(
+              "Tweak your site, or give it a whole new look! Get creative \u2014 how about a new color palette for your buttons, or choosing a new font? Take a look at what you can do here."
+            ) })
+          ] })
+        },
+        {
+          image: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_image.default,
+            {
+              nonAnimatedSrc: "https://s.w.org/images/block-editor/set-the-design.svg?1",
+              animatedSrc: "https://s.w.org/images/block-editor/set-the-design.gif?1"
+            }
+          ),
+          content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "edit-site-welcome-guide__heading", children: (0, import_i18n.__)("Set the design") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "edit-site-welcome-guide__text", children: (0, import_i18n.__)(
+              "You can customize your site as much as you like with different colors, typography, and layouts. Or if you prefer, just leave it up to your theme to handle!"
+            ) })
+          ] })
+        },
+        {
+          image: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_image.default,
+            {
+              nonAnimatedSrc: "https://s.w.org/images/block-editor/personalize-blocks.svg?1",
+              animatedSrc: "https://s.w.org/images/block-editor/personalize-blocks.gif?1"
+            }
+          ),
+          content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "edit-site-welcome-guide__heading", children: (0, import_i18n.__)("Personalize blocks") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "edit-site-welcome-guide__text", children: (0, import_i18n.__)(
+              "You can adjust your blocks to ensure a cohesive experience across your site \u2014 add your unique colors to a branded Button block, or adjust the Heading block to your preferred size."
+            ) })
+          ] })
+        },
+        {
+          image: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_image.default,
+            {
+              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-site-welcome-guide__heading", children: (0, import_i18n.__)("Learn more") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "edit-site-welcome-guide__text", children: [
+              (0, import_i18n.__)(
+                "New to block themes and styling your site?"
+              ),
+              " ",
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.ExternalLink,
+                {
+                  href: (0, import_i18n.__)(
+                    "https://wordpress.org/documentation/article/styles-overview/"
+                  ),
+                  children: (0, import_i18n.__)(
+                    "Here\u2019s a detailed guide to learn how to make the most of it."
+                  )
+                }
+              )
+            ] })
+          ] })
+        }
+      ]
+    }
+  );
 }
-//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_data","require","_components","_i18n","_preferences","_editor","_image","_interopRequireDefault","_lockUnlock","_jsxRuntime","interfaceStore","unlock","editorPrivateApis","WelcomeGuideStyles","toggle","useDispatch","preferencesStore","isActive","isStylesOpen","useSelect","select","sidebar","getActiveComplementaryArea","get","welcomeLabel","__","jsx","Guide","className","contentLabel","finishButtonText","onFinish","pages","image","default","nonAnimatedSrc","animatedSrc","content","jsxs","Fragment","children","ExternalLink","href"],"sources":["@wordpress/edit-site/src/components/welcome-guide/styles.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { ExternalLink, Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport WelcomeGuideImage from './image';\nimport { unlock } from '../../lock-unlock';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\n\nexport default function WelcomeGuideStyles() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst { isActive, isStylesOpen } = useSelect( ( select ) => {\n\t\tconst sidebar =\n\t\t\tselect( interfaceStore ).getActiveComplementaryArea( 'core' );\n\n\t\treturn {\n\t\t\tisActive: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'welcomeGuideStyles'\n\t\t\t),\n\t\t\tisStylesOpen: sidebar === 'edit-site/global-styles',\n\t\t};\n\t}, [] );\n\n\tif ( ! isActive || ! isStylesOpen ) {\n\t\treturn null;\n\t}\n\n\tconst welcomeLabel = __( 'Welcome to Styles' );\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-styles\"\n\t\t\tcontentLabel={ welcomeLabel }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-site', 'welcomeGuideStyles' ) }\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-to-styles.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-to-styles.gif?1\"\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ welcomeLabel }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Tweak your site, or give it a whole new look! Get creative — how about a new color palette for your buttons, or choosing a new font? Take a look at what you can do here.'\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/set-the-design.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/set-the-design.gif?1\"\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Set the design' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'You can customize your site as much as you like with different colors, typography, and layouts. Or if you prefer, just leave it up to your theme to handle!'\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/personalize-blocks.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/personalize-blocks.gif?1\"\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Personalize blocks' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'You can adjust your blocks to ensure a cohesive experience across your site — add your unique colors to a branded Button block, or adjust the Heading block to your preferred size.'\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-site-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-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'New to block themes and styling your site?'\n\t\t\t\t\t\t\t\t) }{ ' ' }\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/styles-overview/'\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\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Here’s a detailed guide to learn how to make the most of it.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</ExternalLink>\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"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/welcome-guide/styles.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { ExternalLink, Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport WelcomeGuideImage from './image';\nimport { unlock } from '../../lock-unlock';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\n\nexport default function WelcomeGuideStyles() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst { isActive, isStylesOpen } = useSelect( ( select ) => {\n\t\tconst sidebar =\n\t\t\tselect( interfaceStore ).getActiveComplementaryArea( 'core' );\n\n\t\treturn {\n\t\t\tisActive: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'welcomeGuideStyles'\n\t\t\t),\n\t\t\tisStylesOpen: sidebar === 'edit-site/global-styles',\n\t\t};\n\t}, [] );\n\n\tif ( ! isActive || ! isStylesOpen ) {\n\t\treturn null;\n\t}\n\n\tconst welcomeLabel = __( 'Welcome to Styles' );\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-styles\"\n\t\t\tcontentLabel={ welcomeLabel }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-site', 'welcomeGuideStyles' ) }\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-to-styles.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/welcome-to-styles.gif?1\"\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ welcomeLabel }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Tweak your site, or give it a whole new look! Get creative \u2014 how about a new color palette for your buttons, or choosing a new font? Take a look at what you can do here.'\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/set-the-design.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/set-the-design.gif?1\"\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Set the design' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'You can customize your site as much as you like with different colors, typography, and layouts. Or if you prefer, just leave it up to your theme to handle!'\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/personalize-blocks.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/personalize-blocks.gif?1\"\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-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ __( 'Personalize blocks' ) }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'You can adjust your blocks to ensure a cohesive experience across your site \u2014 add your unique colors to a branded Button block, or adjust the Heading block to your preferred size.'\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-site-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-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'New to block themes and styling your site?'\n\t\t\t\t\t\t\t\t) }{ ' ' }\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/styles-overview/'\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\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Here\u2019s a detailed guide to learn how to make the most of it.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</ExternalLink>\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDM;AA7CN,kBAAuC;AACvC,wBAAoC;AACpC,kBAAmB;AACnB,yBAA0C;AAC1C,oBAAiD;AAKjD,mBAA8B;AAC9B,yBAAuB;AAEvB,MAAM,EAAE,eAAe,QAAI,2BAAQ,cAAAA,WAAkB;AAEtC,SAAR,qBAAsC;AAC5C,QAAM,EAAE,OAAO,QAAI,yBAAa,mBAAAC,KAAiB;AAEjD,QAAM,EAAE,UAAU,aAAa,QAAI,uBAAW,CAAE,WAAY;AAC3D,UAAM,UACL,OAAQ,cAAe,EAAE,2BAA4B,MAAO;AAE7D,WAAO;AAAA,MACN,UAAU,CAAC,CAAE,OAAQ,mBAAAA,KAAiB,EAAE;AAAA,QACvC;AAAA,QACA;AAAA,MACD;AAAA,MACA,cAAc,YAAY;AAAA,IAC3B;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,MAAK,CAAE,YAAY,CAAE,cAAe;AACnC,WAAO;AAAA,EACR;AAEA,QAAM,mBAAe,gBAAI,mBAAoB;AAE7C,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,cAAe;AAAA,MACf,sBAAmB,gBAAI,aAAc;AAAA,MACrC,UAAW,MAAM,OAAQ,kBAAkB,oBAAqB;AAAA,MAChE,OAAQ;AAAA,QACP;AAAA,UACC,OACC;AAAA,YAAC,aAAAC;AAAA,YAAA;AAAA,cACA,gBAAe;AAAA,cACf,aAAY;AAAA;AAAA,UACb;AAAA,UAED,SACC,4EACC;AAAA,wDAAC,QAAG,WAAU,oCACX,wBACH;AAAA,YACA,4CAAC,OAAE,WAAU,iCACV;AAAA,cACD;AAAA,YACD,GACD;AAAA,aACD;AAAA,QAEF;AAAA,QACA;AAAA,UACC,OACC;AAAA,YAAC,aAAAA;AAAA,YAAA;AAAA,cACA,gBAAe;AAAA,cACf,aAAY;AAAA;AAAA,UACb;AAAA,UAED,SACC,4EACC;AAAA,wDAAC,QAAG,WAAU,oCACX,8BAAI,gBAAiB,GACxB;AAAA,YACA,4CAAC,OAAE,WAAU,iCACV;AAAA,cACD;AAAA,YACD,GACD;AAAA,aACD;AAAA,QAEF;AAAA,QACA;AAAA,UACC,OACC;AAAA,YAAC,aAAAA;AAAA,YAAA;AAAA,cACA,gBAAe;AAAA,cACf,aAAY;AAAA;AAAA,UACb;AAAA,UAED,SACC,4EACC;AAAA,wDAAC,QAAG,WAAU,oCACX,8BAAI,oBAAqB,GAC5B;AAAA,YACA,4CAAC,OAAE,WAAU,iCACV;AAAA,cACD;AAAA,YACD,GACD;AAAA,aACD;AAAA,QAEF;AAAA,QACA;AAAA,UACC,OACC;AAAA,YAAC,aAAAA;AAAA,YAAA;AAAA,cACA,gBAAe;AAAA,cACf,aAAY;AAAA;AAAA,UACb;AAAA,UAED,SACC,4EACC;AAAA,wDAAC,QAAG,WAAU,oCACX,8BAAI,YAAa,GACpB;AAAA,YACA,6CAAC,OAAE,WAAU,iCACV;AAAA;AAAA,gBACD;AAAA,cACD;AAAA,cAAK;AAAA,cACL;AAAA,gBAAC;AAAA;AAAA,kBACA,UAAO;AAAA,oBACN;AAAA,kBACD;AAAA,kBAEE;AAAA,oBACD;AAAA,kBACD;AAAA;AAAA,cACD;AAAA,eACD;AAAA,aACD;AAAA,QAEF;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
+  "names": ["editorPrivateApis", "preferencesStore", "WelcomeGuideImage"]
+}

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

@@ -1,35 +1,39 @@
 "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 template_exports = {};
+__export(template_exports, {
+  default: () => WelcomeGuideTemplate
 });
-exports.default = WelcomeGuideTemplate;
-var _data = require("@wordpress/data");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _preferences = require("@wordpress/preferences");
-var _editor = require("@wordpress/editor");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
+module.exports = __toCommonJS(template_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_preferences = require("@wordpress/preferences");
+var import_editor = require("@wordpress/editor");
 function WelcomeGuideTemplate() {
-  const {
-    toggle
-  } = (0, _data.useDispatch)(_preferences.store);
-  const {
-    isActive,
-    hasPreviousEntity
-  } = (0, _data.useSelect)(select => {
-    const {
-      getEditorSettings
-    } = select(_editor.store);
-    const {
-      get
-    } = select(_preferences.store);
+  const { toggle } = (0, import_data.useDispatch)(import_preferences.store);
+  const { isActive, hasPreviousEntity } = (0, import_data.useSelect)((select) => {
+    const { getEditorSettings } = select(import_editor.store);
+    const { get } = select(import_preferences.store);
     return {
-      isActive: get('core/edit-site', 'welcomeGuideTemplate'),
+      isActive: get("core/edit-site", "welcomeGuideTemplate"),
       hasPreviousEntity: !!getEditorSettings().onNavigateToPreviousEntityRecord
     };
   }, []);
@@ -37,35 +41,43 @@ function WelcomeGuideTemplate() {
   if (!isVisible) {
     return null;
   }
-  const heading = (0, _i18n.__)('Editing a template');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Guide, {
-    className: "edit-site-welcome-guide guide-template",
-    contentLabel: heading,
-    finishButtonText: (0, _i18n.__)('Continue'),
-    onFinish: () => toggle('core/edit-site', 'welcomeGuideTemplate'),
-    pages: [{
-      image: /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
-        className: "edit-site-welcome-guide__video",
-        autoPlay: true,
-        loop: true,
-        muted: true,
-        width: "312",
-        height: "240",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("source", {
-          src: "https://s.w.org/images/block-editor/editing-your-template.mp4",
-          type: "video/mp4"
-        })
-      }),
-      content: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-          className: "edit-site-welcome-guide__heading",
-          children: heading
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "edit-site-welcome-guide__text",
-          children: (0, _i18n.__)('Note that the same template can be used by multiple pages, so any changes made here may affect other pages on the site. To switch back to editing the page content click the ‘Back’ button in the toolbar.')
-        })]
-      })
-    }]
-  });
+  const heading = (0, import_i18n.__)("Editing a template");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Guide,
+    {
+      className: "edit-site-welcome-guide guide-template",
+      contentLabel: heading,
+      finishButtonText: (0, import_i18n.__)("Continue"),
+      onFinish: () => toggle("core/edit-site", "welcomeGuideTemplate"),
+      pages: [
+        {
+          image: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "video",
+            {
+              className: "edit-site-welcome-guide__video",
+              autoPlay: true,
+              loop: true,
+              muted: true,
+              width: "312",
+              height: "240",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "source",
+                {
+                  src: "https://s.w.org/images/block-editor/editing-your-template.mp4",
+                  type: "video/mp4"
+                }
+              )
+            }
+          ),
+          content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "edit-site-welcome-guide__heading", children: heading }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "edit-site-welcome-guide__text", children: (0, import_i18n.__)(
+              "Note that the same template can be used by multiple pages, so any changes made here may affect other pages on the site. To switch back to editing the page content click the \u2018Back\u2019 button in the toolbar."
+            ) })
+          ] })
+        }
+      ]
+    }
+  );
 }
-//# sourceMappingURL=template.js.map
+//# sourceMappingURL=template.js.map