@wordpress/edit-site 5.15.0 → 5.17.0

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/welcome-guide/styles.js"],"names":["WelcomeGuideStyles","toggle","preferencesStore","isActive","isStylesOpen","select","sidebar","interfaceStore","getActiveComplementaryArea","editSiteStore","name","get","welcomeLabel","image","content"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AAbA;AACA;AACA;;AAOA;AACA;AACA;AAIe,SAASA,kBAAT,GAA8B;AAC5C,QAAM;AAAEC,IAAAA;AAAF,MAAa,uBAAaC,kBAAb,CAAnB;AAEA,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,MAA6B,qBAAaC,MAAF,IAAc;AAC3D,UAAMC,OAAO,GAAGD,MAAM,CAAEE,gBAAF,CAAN,CAAyBC,0BAAzB,CACfC,aAAcC,IADC,CAAhB;AAIA,WAAO;AACNP,MAAAA,QAAQ,EAAE,CAAC,CAAEE,MAAM,CAAEH,kBAAF,CAAN,CAA2BS,GAA3B,CACZ,gBADY,EAEZ,oBAFY,CADP;AAKNP,MAAAA,YAAY,EAAEE,OAAO,KAAK;AALpB,KAAP;AAOA,GAZkC,EAYhC,EAZgC,CAAnC;;AAcA,MAAK,CAAEH,QAAF,IAAc,CAAEC,YAArB,EAAoC;AACnC,WAAO,IAAP;AACA;;AAED,QAAMQ,YAAY,GAAG,cAAI,mBAAJ,CAArB;AAEA,SACC,4BAAC,iBAAD;AACC,IAAA,SAAS,EAAC,sCADX;AAEC,IAAA,YAAY,EAAGA,YAFhB;AAGC,IAAA,gBAAgB,EAAG,cAAI,aAAJ,CAHpB;AAIC,IAAA,QAAQ,EAAG,MAAMX,MAAM,CAAE,gBAAF,EAAoB,oBAApB,CAJxB;AAKC,IAAA,KAAK,EAAG,CACP;AACCY,MAAAA,KAAK,EACJ,4BAAC,cAAD;AACC,QAAA,cAAc,EAAC,6DADhB;AAEC,QAAA,WAAW,EAAC;AAFb,QAFF;AAOCC,MAAAA,OAAO,EACN,qDACC;AAAI,QAAA,SAAS,EAAC;AAAd,SACGF,YADH,CADD,EAIC;AAAG,QAAA,SAAS,EAAC;AAAb,SACG,cACD,2KADC,CADH,CAJD;AARF,KADO,EAqBP;AACCC,MAAAA,KAAK,EACJ,4BAAC,cAAD;AACC,QAAA,cAAc,EAAC,0DADhB;AAEC,QAAA,WAAW,EAAC;AAFb,QAFF;AAOCC,MAAAA,OAAO,EACN,qDACC;AAAI,QAAA,SAAS,EAAC;AAAd,SACG,cAAI,gBAAJ,CADH,CADD,EAIC;AAAG,QAAA,SAAS,EAAC;AAAb,SACG,cACD,8JADC,CADH,CAJD;AARF,KArBO,EAyCP;AACCD,MAAAA,KAAK,EACJ,4BAAC,cAAD;AACC,QAAA,cAAc,EAAC,8DADhB;AAEC,QAAA,WAAW,EAAC;AAFb,QAFF;AAOCC,MAAAA,OAAO,EACN,qDACC;AAAI,QAAA,SAAS,EAAC;AAAd,SACG,cAAI,oBAAJ,CADH,CADD,EAIC;AAAG,QAAA,SAAS,EAAC;AAAb,SACG,cACD,qLADC,CADH,CAJD;AARF,KAzCO,EA6DP;AACCD,MAAAA,KAAK,EACJ,4BAAC,cAAD;AACC,QAAA,cAAc,EAAC,+DADhB;AAEC,QAAA,WAAW,EAAC;AAFb,QAFF;AAOCC,MAAAA,OAAO,EACN,qDACC;AAAI,QAAA,SAAS,EAAC;AAAd,SACG,cAAI,YAAJ,CADH,CADD,EAIC;AAAG,QAAA,SAAS,EAAC;AAAb,SACG,cACD,6CADC,CADH,EAIC,4BAAC,wBAAD;AACC,QAAA,IAAI,EAAG,cACN,8DADM;AADR,SAKG,cACD,8DADC,CALH,CAJD,CAJD;AARF,KA7DO;AALT,IADD;AAmGA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { ExternalLink, Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport WelcomeGuideImage from './image';\nimport { store as editSiteStore } from '../../store';\n\nexport default function WelcomeGuideStyles() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst { isActive, isStylesOpen } = useSelect( ( select ) => {\n\t\tconst sidebar = select( interfaceStore ).getActiveComplementaryArea(\n\t\t\teditSiteStore.name\n\t\t);\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"]}
+{"version":3,"names":["_data","require","_components","_i18n","_interface","_preferences","_image","_interopRequireDefault","_store","WelcomeGuideStyles","toggle","useDispatch","preferencesStore","isActive","isStylesOpen","useSelect","select","sidebar","interfaceStore","getActiveComplementaryArea","editSiteStore","name","get","welcomeLabel","__","_element","createElement","Guide","className","contentLabel","finishButtonText","onFinish","pages","image","default","nonAnimatedSrc","animatedSrc","content","Fragment","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 interfaceStore } from '@wordpress/interface';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport WelcomeGuideImage from './image';\nimport { store as editSiteStore } from '../../store';\n\nexport default function WelcomeGuideStyles() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst { isActive, isStylesOpen } = useSelect( ( select ) => {\n\t\tconst sidebar = select( interfaceStore ).getActiveComplementaryArea(\n\t\t\teditSiteStore.name\n\t\t);\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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"}

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WelcomeGuideTemplate;
-
 var _element = require("@wordpress/element");
-
 var _data = require("@wordpress/data");
-
 var _components = require("@wordpress/components");
-
 var _i18n = require("@wordpress/i18n");
-
 var _preferences = require("@wordpress/preferences");
-
 var _store = require("../../store");
-
 /**
  * WordPress dependencies
  */
@@ -24,6 +17,7 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
+
 function WelcomeGuideTemplate() {
   const {
     toggle
@@ -37,11 +31,9 @@ function WelcomeGuideTemplate() {
     } = select(_store.store);
     return isTemplateActive && !isEditorActive && isPage() && !hasPageContentFocus();
   }, []);
-
   if (!isVisible) {
     return null;
   }
-
   const heading = (0, _i18n.__)('Editing a template');
   return (0, _element.createElement)(_components.Guide, {
     className: "edit-site-welcome-guide guide-template",

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/welcome-guide/template.js"],"names":["WelcomeGuideTemplate","toggle","preferencesStore","isVisible","select","isTemplateActive","get","isEditorActive","isPage","hasPageContentFocus","editSiteStore","heading","image","content"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AAKA;;AAXA;AACA;AACA;;AAMA;AACA;AACA;AAGe,SAASA,oBAAT,GAAgC;AAC9C,QAAM;AAAEC,IAAAA;AAAF,MAAa,uBAAaC,kBAAb,CAAnB;AAEA,QAAMC,SAAS,GAAG,qBAAaC,MAAF,IAAc;AAC1C,UAAMC,gBAAgB,GAAG,CAAC,CAAED,MAAM,CAAEF,kBAAF,CAAN,CAA2BI,GAA3B,CAC3B,gBAD2B,EAE3B,sBAF2B,CAA5B;AAIA,UAAMC,cAAc,GAAG,CAAC,CAAEH,MAAM,CAAEF,kBAAF,CAAN,CAA2BI,GAA3B,CACzB,gBADyB,EAEzB,cAFyB,CAA1B;AAIA,UAAM;AAAEE,MAAAA,MAAF;AAAUC,MAAAA;AAAV,QAAkCL,MAAM,CAAEM,YAAF,CAA9C;AACA,WACCL,gBAAgB,IAChB,CAAEE,cADF,IAEAC,MAAM,EAFN,IAGA,CAAEC,mBAAmB,EAJtB;AAMA,GAhBiB,EAgBf,EAhBe,CAAlB;;AAkBA,MAAK,CAAEN,SAAP,EAAmB;AAClB,WAAO,IAAP;AACA;;AAED,QAAMQ,OAAO,GAAG,cAAI,oBAAJ,CAAhB;AAEA,SACC,4BAAC,iBAAD;AACC,IAAA,SAAS,EAAC,wCADX;AAEC,IAAA,YAAY,EAAGA,OAFhB;AAGC,IAAA,gBAAgB,EAAG,cAAI,UAAJ,CAHpB;AAIC,IAAA,QAAQ,EAAG,MACVV,MAAM,CAAE,gBAAF,EAAoB,sBAApB,CALR;AAOC,IAAA,KAAK,EAAG,CACP;AACCW,MAAAA,KAAK,EACJ;AACC,QAAA,SAAS,EAAC,gCADX;AAEC,QAAA,QAAQ,MAFT;AAGC,QAAA,IAAI,MAHL;AAIC,QAAA,KAAK,MAJN;AAKC,QAAA,KAAK,EAAC,KALP;AAMC,QAAA,MAAM,EAAC;AANR,SAQC;AACC,QAAA,GAAG,EAAC,+DADL;AAEC,QAAA,IAAI,EAAC;AAFN,QARD,CAFF;AAgBCC,MAAAA,OAAO,EACN,qDACC;AAAI,QAAA,SAAS,EAAC;AAAd,SACGF,OADH,CADD,EAIC;AAAG,QAAA,SAAS,EAAC;AAAb,SACG,cACD,4MADC,CADH,CAJD;AAjBF,KADO;AAPT,IADD;AAyCA","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\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function WelcomeGuideTemplate() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isVisible = useSelect( ( select ) => {\n\t\tconst isTemplateActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuideTemplate'\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\tconst { isPage, hasPageContentFocus } = select( editSiteStore );\n\t\treturn (\n\t\t\tisTemplateActive &&\n\t\t\t! isEditorActive &&\n\t\t\tisPage() &&\n\t\t\t! hasPageContentFocus()\n\t\t);\n\t}, [] );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\tconst heading = __( 'Editing a template' );\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-template\"\n\t\t\tcontentLabel={ heading }\n\t\t\tfinishButtonText={ __( 'Continue' ) }\n\t\t\tonFinish={ () =>\n\t\t\t\ttoggle( 'core/edit-site', 'welcomeGuideTemplate' )\n\t\t\t}\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-template.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'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.'\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"]}
+{"version":3,"names":["_data","require","_components","_i18n","_preferences","_store","WelcomeGuideTemplate","toggle","useDispatch","preferencesStore","isVisible","useSelect","select","isTemplateActive","get","isEditorActive","isPage","hasPageContentFocus","editSiteStore","heading","__","_element","createElement","Guide","className","contentLabel","finishButtonText","onFinish","pages","image","autoPlay","loop","muted","width","height","src","type","content","Fragment"],"sources":["@wordpress/edit-site/src/components/welcome-guide/template.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\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function WelcomeGuideTemplate() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isVisible = useSelect( ( select ) => {\n\t\tconst isTemplateActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuideTemplate'\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\tconst { isPage, hasPageContentFocus } = select( editSiteStore );\n\t\treturn (\n\t\t\tisTemplateActive &&\n\t\t\t! isEditorActive &&\n\t\t\tisPage() &&\n\t\t\t! hasPageContentFocus()\n\t\t);\n\t}, [] );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\tconst heading = __( 'Editing a template' );\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-template\"\n\t\t\tcontentLabel={ heading }\n\t\t\tfinishButtonText={ __( 'Continue' ) }\n\t\t\tonFinish={ () =>\n\t\t\t\ttoggle( 'core/edit-site', 'welcomeGuideTemplate' )\n\t\t\t}\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-template.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'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.'\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;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGe,SAASK,oBAAoBA,CAAA,EAAG;EAC9C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,SAAS,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC1C,MAAMC,gBAAgB,GAAG,CAAC,CAAED,MAAM,CAAEH,kBAAiB,CAAC,CAACK,GAAG,CACzD,gBAAgB,EAChB,sBACD,CAAC;IACD,MAAMC,cAAc,GAAG,CAAC,CAAEH,MAAM,CAAEH,kBAAiB,CAAC,CAACK,GAAG,CACvD,gBAAgB,EAChB,cACD,CAAC;IACD,MAAM;MAAEE,MAAM;MAAEC;IAAoB,CAAC,GAAGL,MAAM,CAAEM,YAAc,CAAC;IAC/D,OACCL,gBAAgB,IAChB,CAAEE,cAAc,IAChBC,MAAM,CAAC,CAAC,IACR,CAAEC,mBAAmB,CAAC,CAAC;EAEzB,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEP,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,MAAMS,OAAO,GAAG,IAAAC,QAAE,EAAE,oBAAqB,CAAC;EAE1C,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAqB,KAAK;IACLC,SAAS,EAAC,wCAAwC;IAClDC,YAAY,EAAGN,OAAS;IACxBO,gBAAgB,EAAG,IAAAN,QAAE,EAAE,UAAW,CAAG;IACrCO,QAAQ,EAAGA,CAAA,KACVpB,MAAM,CAAE,gBAAgB,EAAE,sBAAuB,CACjD;IACDqB,KAAK,EAAG,CACP;MACCC,KAAK,EACJ,IAAAR,QAAA,CAAAC,aAAA;QACCE,SAAS,EAAC,gCAAgC;QAC1CM,QAAQ;QACRC,IAAI;QACJC,KAAK;QACLC,KAAK,EAAC,KAAK;QACXC,MAAM,EAAC;MAAK,GAEZ,IAAAb,QAAA,CAAAC,aAAA;QACCa,GAAG,EAAC,+DAA+D;QACnEC,IAAI,EAAC;MAAW,CAChB,CACK,CACP;MACDC,OAAO,EACN,IAAAhB,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAiB,QAAA,QACC,IAAAjB,QAAA,CAAAC,aAAA;QAAIE,SAAS,EAAC;MAAkC,GAC7CL,OACC,CAAC,EACL,IAAAE,QAAA,CAAAC,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAJ,QAAE,EACH,4MACD,CACE,CACF;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ"}

package/build/hooks/commands/use-common-commands.js

@@ -1,40 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCommonCommands = useCommonCommands;
-
 var _element = require("@wordpress/element");
-
 var _data = require("@wordpress/data");
-
 var _i18n = require("@wordpress/i18n");
-
 var _icons = require("@wordpress/icons");
-
 var _commands = require("@wordpress/commands");
-
 var _blockEditor = require("@wordpress/block-editor");
-
 var _router = require("@wordpress/router");
-
 var _preferences = require("@wordpress/preferences");
-
 var _coreData = require("@wordpress/core-data");
-
 var _notices = require("@wordpress/notices");
-
 var _compose = require("@wordpress/compose");
-
 var _lockUnlock = require("../../lock-unlock");
-
 var _store = require("../../store");
-
 var _getIsListPage = _interopRequireDefault(require("../../utils/get-is-list-page"));
-
 /**
  * WordPress dependencies
  */
@@ -42,6 +26,7 @@ var _getIsListPage = _interopRequireDefault(require("../../utils/get-is-list-pag
 /**
  * Internal dependencies
  */
+
 const {
   useGlobalStylesReset
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
@@ -49,14 +34,130 @@ const {
   useHistory,
   useLocation
 } = (0, _lockUnlock.unlock)(_router.privateApis);
-
+function useGlobalStylesOpenStylesCommands() {
+  const {
+    openGeneralSidebar,
+    setCanvasMode
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+  const {
+    params
+  } = useLocation();
+  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
+  const isEditorPage = !(0, _getIsListPage.default)(params, isMobileViewport);
+  const {
+    getCanvasMode
+  } = (0, _lockUnlock.unlock)((0, _data.useSelect)(_store.store));
+  const {
+    set
+  } = (0, _data.useDispatch)(_preferences.store);
+  const {
+    createInfoNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  const history = useHistory();
+  const isDistractionFree = (0, _data.useSelect)(select => {
+    return select(_preferences.store).get(_store.store.name, 'distractionFree');
+  }, []);
+  const isBlockBasedTheme = (0, _data.useSelect)(select => {
+    return select(_coreData.store).getCurrentTheme().is_block_theme;
+  }, []);
+  const commands = (0, _element.useMemo)(() => {
+    if (!isBlockBasedTheme) {
+      return [];
+    }
+    return [{
+      name: 'core/edit-site/open-styles',
+      label: (0, _i18n.__)('Open styles'),
+      callback: ({
+        close
+      }) => {
+        close();
+        if (!isEditorPage) {
+          history.push({
+            path: '/wp_global_styles',
+            canvas: 'edit'
+          });
+        }
+        if (isEditorPage && getCanvasMode() !== 'edit') {
+          setCanvasMode('edit');
+        }
+        if (isDistractionFree) {
+          set(_store.store.name, 'distractionFree', false);
+          createInfoNotice((0, _i18n.__)('Distraction free mode turned off.'), {
+            type: 'snackbar'
+          });
+        }
+        openGeneralSidebar('edit-site/global-styles');
+      },
+      icon: _icons.styles
+    }];
+  }, [history, openGeneralSidebar, setCanvasMode, isEditorPage, createInfoNotice, getCanvasMode, isDistractionFree, isBlockBasedTheme, set]);
+  return {
+    isLoading: false,
+    commands
+  };
+}
+function useGlobalStylesToggleWelcomeGuideCommands() {
+  const {
+    openGeneralSidebar,
+    setCanvasMode
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+  const {
+    params
+  } = useLocation();
+  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
+  const isEditorPage = !(0, _getIsListPage.default)(params, isMobileViewport);
+  const {
+    getCanvasMode
+  } = (0, _lockUnlock.unlock)((0, _data.useSelect)(_store.store));
+  const {
+    set
+  } = (0, _data.useDispatch)(_preferences.store);
+  const history = useHistory();
+  const isBlockBasedTheme = (0, _data.useSelect)(select => {
+    return select(_coreData.store).getCurrentTheme().is_block_theme;
+  }, []);
+  const commands = (0, _element.useMemo)(() => {
+    if (!isBlockBasedTheme) {
+      return [];
+    }
+    return [{
+      name: 'core/edit-site/toggle-styles-welcome-guide',
+      label: (0, _i18n.__)('Learn about styles'),
+      callback: ({
+        close
+      }) => {
+        close();
+        if (!isEditorPage) {
+          history.push({
+            path: '/wp_global_styles',
+            canvas: 'edit'
+          });
+        }
+        if (isEditorPage && getCanvasMode() !== 'edit') {
+          setCanvasMode('edit');
+        }
+        openGeneralSidebar('edit-site/global-styles');
+        set('core/edit-site', 'welcomeGuideStyles', true);
+        // sometimes there's a focus loss that happens after some time
+        // that closes the modal, we need to force reopening it.
+        setTimeout(() => {
+          set('core/edit-site', 'welcomeGuideStyles', true);
+        }, 500);
+      },
+      icon: _icons.help
+    }];
+  }, [history, openGeneralSidebar, setCanvasMode, isEditorPage, getCanvasMode, isBlockBasedTheme, set]);
+  return {
+    isLoading: false,
+    commands
+  };
+}
 function useGlobalStylesResetCommands() {
   const [canReset, onReset] = useGlobalStylesReset();
   const commands = (0, _element.useMemo)(() => {
     if (!canReset) {
       return [];
     }
-
     return [{
       name: 'core/edit-site/reset-global-styles',
       label: (0, _i18n.__)('Reset styles to defaults'),
@@ -74,7 +175,6 @@ function useGlobalStylesResetCommands() {
     commands
   };
 }
-
 function useGlobalStylesOpenCssCommands() {
   const {
     openGeneralSidebar,
@@ -92,14 +192,11 @@ function useGlobalStylesOpenCssCommands() {
     canEditCSS
   } = (0, _data.useSelect)(select => {
     var _globalStyles$_links$;
-
     const {
       getEntityRecord,
       __experimentalGetCurrentGlobalStylesId
     } = select(_coreData.store);
-
     const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-
     const globalStyles = globalStylesId ? getEntityRecord('root', 'globalStyles', globalStylesId) : undefined;
     return {
       canEditCSS: (_globalStyles$_links$ = !!globalStyles?._links?.['wp:action-edit-css']) !== null && _globalStyles$_links$ !== void 0 ? _globalStyles$_links$ : false
@@ -112,27 +209,23 @@ function useGlobalStylesOpenCssCommands() {
     if (!canEditCSS) {
       return [];
     }
-
     return [{
       name: 'core/edit-site/open-styles-css',
-      label: (0, _i18n.__)('Open CSS'),
-      icon: _icons.styles,
+      label: (0, _i18n.__)('Customize CSS'),
+      icon: _icons.brush,
       callback: ({
         close
       }) => {
         close();
-
         if (!isEditorPage) {
           history.push({
             path: '/wp_global_styles',
             canvas: 'edit'
           });
         }
-
         if (isEditorPage && getCanvasMode() !== 'edit') {
           setCanvasMode('edit');
         }
-
         openGeneralSidebar('edit-site/global-styles');
         setEditorCanvasContainerView('global-styles-css');
       }
@@ -143,125 +236,60 @@ function useGlobalStylesOpenCssCommands() {
     commands
   };
 }
-
-function useCommonCommands() {
+function useGlobalStylesOpenRevisionsCommands() {
   const {
     openGeneralSidebar,
     setEditorCanvasContainerView,
     setCanvasMode
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-  const {
-    params
-  } = useLocation();
-  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
-  const isListPage = (0, _getIsListPage.default)(params, isMobileViewport);
-  const isEditorPage = !isListPage;
   const {
     getCanvasMode
   } = (0, _lockUnlock.unlock)((0, _data.useSelect)(_store.store));
   const {
-    set
-  } = (0, _data.useDispatch)(_preferences.store);
-  const {
-    createInfoNotice
-  } = (0, _data.useDispatch)(_notices.store);
+    params
+  } = useLocation();
+  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
+  const isEditorPage = !(0, _getIsListPage.default)(params, isMobileViewport);
   const history = useHistory();
-  const {
-    homeUrl,
-    isDistractionFree
-  } = (0, _data.useSelect)(select => {
+  const hasRevisions = (0, _data.useSelect)(select => select(_coreData.store).getCurrentThemeGlobalStylesRevisions()?.length, []);
+  const commands = (0, _element.useMemo)(() => {
+    if (!hasRevisions) {
+      return [];
+    }
+    return [{
+      name: 'core/edit-site/open-global-styles-revisions',
+      label: (0, _i18n.__)('Style revisions'),
+      icon: _icons.backup,
+      callback: ({
+        close
+      }) => {
+        close();
+        if (!isEditorPage) {
+          history.push({
+            path: '/wp_global_styles',
+            canvas: 'edit'
+          });
+        }
+        if (isEditorPage && getCanvasMode() !== 'edit') {
+          setCanvasMode('edit');
+        }
+        openGeneralSidebar('edit-site/global-styles');
+        setEditorCanvasContainerView('global-styles-revisions');
+      }
+    }];
+  }, [hasRevisions, history, openGeneralSidebar, setEditorCanvasContainerView, isEditorPage, getCanvasMode, setCanvasMode]);
+  return {
+    isLoading: false,
+    commands
+  };
+}
+function useCommonCommands() {
+  const homeUrl = (0, _data.useSelect)(select => {
     const {
       getUnstableBase // Site index.
-
     } = select(_coreData.store);
-    return {
-      homeUrl: getUnstableBase()?.home,
-      isDistractionFree: select(_preferences.store).get(_store.store.name, 'distractionFree')
-    };
+    return getUnstableBase()?.home;
   }, []);
-  (0, _commands.useCommand)({
-    name: 'core/edit-site/open-global-styles-revisions',
-    label: (0, _i18n.__)('Open styles revisions'),
-    icon: _icons.backup,
-    callback: ({
-      close
-    }) => {
-      close();
-
-      if (!isEditorPage) {
-        history.push({
-          path: '/wp_global_styles',
-          canvas: 'edit'
-        });
-      }
-
-      if (isEditorPage && getCanvasMode() !== 'edit') {
-        setCanvasMode('edit');
-      }
-
-      openGeneralSidebar('edit-site/global-styles');
-      setEditorCanvasContainerView('global-styles-revisions');
-    }
-  });
-  (0, _commands.useCommand)({
-    name: 'core/edit-site/open-styles',
-    label: (0, _i18n.__)('Open styles'),
-    callback: ({
-      close
-    }) => {
-      close();
-
-      if (!isEditorPage) {
-        history.push({
-          path: '/wp_global_styles',
-          canvas: 'edit'
-        });
-      }
-
-      if (isEditorPage && getCanvasMode() !== 'edit') {
-        setCanvasMode('edit');
-      }
-
-      if (isDistractionFree) {
-        set(_store.store.name, 'distractionFree', false);
-        createInfoNotice((0, _i18n.__)('Distraction free mode turned off.'), {
-          type: 'snackbar'
-        });
-      }
-
-      openGeneralSidebar('edit-site/global-styles');
-    },
-    icon: _icons.styles
-  });
-  (0, _commands.useCommand)({
-    name: 'core/edit-site/toggle-styles-welcome-guide',
-    label: (0, _i18n.__)('Learn about styles'),
-    callback: ({
-      close
-    }) => {
-      close();
-
-      if (!isEditorPage) {
-        history.push({
-          path: '/wp_global_styles',
-          canvas: 'edit'
-        });
-      }
-
-      if (isEditorPage && getCanvasMode() !== 'edit') {
-        setCanvasMode('edit');
-      }
-
-      openGeneralSidebar('edit-site/global-styles');
-      set('core/edit-site', 'welcomeGuideStyles', true); // sometimes there's a focus loss that happens after some time
-      // that closes the modal, we need to force reopening it.
-
-      setTimeout(() => {
-        set('core/edit-site', 'welcomeGuideStyles', true);
-      }, 500);
-    },
-    icon: _icons.help
-  });
   (0, _commands.useCommand)({
     name: 'core/edit-site/view-site',
     label: (0, _i18n.__)('View site'),
@@ -273,6 +301,14 @@ function useCommonCommands() {
     },
     icon: _icons.external
   });
+  (0, _commands.useCommandLoader)({
+    name: 'core/edit-site/open-styles',
+    hook: useGlobalStylesOpenStylesCommands
+  });
+  (0, _commands.useCommandLoader)({
+    name: 'core/edit-site/toggle-styles-welcome-guide',
+    hook: useGlobalStylesToggleWelcomeGuideCommands
+  });
   (0, _commands.useCommandLoader)({
     name: 'core/edit-site/reset-global-styles',
     hook: useGlobalStylesResetCommands
@@ -281,5 +317,9 @@ function useCommonCommands() {
     name: 'core/edit-site/open-styles-css',
     hook: useGlobalStylesOpenCssCommands
   });
+  (0, _commands.useCommandLoader)({
+    name: 'core/edit-site/open-styles-revisions',
+    hook: useGlobalStylesOpenRevisionsCommands
+  });
 }
 //# sourceMappingURL=use-common-commands.js.map

package/build/hooks/commands/use-common-commands.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/hooks/commands/use-common-commands.js"],"names":["useGlobalStylesReset","blockEditorPrivateApis","useHistory","useLocation","routerPrivateApis","useGlobalStylesResetCommands","canReset","onReset","commands","name","label","icon","trash","callback","close","isLoading","useGlobalStylesOpenCssCommands","openGeneralSidebar","setEditorCanvasContainerView","setCanvasMode","editSiteStore","params","isMobileViewport","isListPage","isEditorPage","history","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","getCanvasMode","styles","push","path","canvas","useCommonCommands","set","preferencesStore","createInfoNotice","noticesStore","homeUrl","isDistractionFree","getUnstableBase","home","get","backup","type","setTimeout","help","window","open","external","hook"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { trash, backup, help, styles, external } from '@wordpress/icons';\nimport { useCommandLoader, useCommand } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport getIsListPage from '../../utils/get-is-list-page';\n\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nfunction useGlobalStylesResetCommands() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst commands = useMemo( () => {\n\t\tif ( ! canReset ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/reset-global-styles',\n\t\t\t\tlabel: __( 'Reset styles to defaults' ),\n\t\t\t\ticon: trash,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tonReset();\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [ canReset, onReset ] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesOpenCssCommands() {\n\tconst { openGeneralSidebar, setEditorCanvasContainerView, setCanvasMode } =\n\t\tunlock( useDispatch( editSiteStore ) );\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isListPage = getIsListPage( params, isMobileViewport );\n\tconst isEditorPage = ! isListPage;\n\tconst history = useHistory();\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS:\n\t\t\t\t!! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,\n\t\t};\n\t}, [] );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\n\tconst commands = useMemo( () => {\n\t\tif ( ! canEditCSS ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/open-styles-css',\n\t\t\t\tlabel: __( 'Open CSS' ),\n\t\t\t\ticon: styles,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tif ( ! isEditorPage ) {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t\t}\n\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetEditorCanvasContainerView,\n\t\tcanEditCSS,\n\t\tisEditorPage,\n\t\tgetCanvasMode,\n\t\tsetCanvasMode,\n\t] );\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nexport function useCommonCommands() {\n\tconst { openGeneralSidebar, setEditorCanvasContainerView, setCanvasMode } =\n\t\tunlock( useDispatch( editSiteStore ) );\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isListPage = getIsListPage( params, isMobileViewport );\n\tconst isEditorPage = ! isListPage;\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\tconst { set } = useDispatch( preferencesStore );\n\tconst { createInfoNotice } = useDispatch( noticesStore );\n\tconst history = useHistory();\n\tconst { homeUrl, isDistractionFree } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\n\t\treturn {\n\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t};\n\t}, [] );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/open-global-styles-revisions',\n\t\tlabel: __( 'Open styles revisions' ),\n\t\ticon: backup,\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( ! isEditorPage ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t} );\n\t\t\t}\n\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t},\n\t} );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/open-styles',\n\t\tlabel: __( 'Open styles' ),\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( ! isEditorPage ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t} );\n\t\t\t}\n\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t\tif ( isDistractionFree ) {\n\t\t\t\tset( editSiteStore.name, 'distractionFree', false );\n\t\t\t\tcreateInfoNotice( __( 'Distraction free mode turned off.' ), {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t} );\n\t\t\t}\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t},\n\t\ticon: styles,\n\t} );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/toggle-styles-welcome-guide',\n\t\tlabel: __( 'Learn about styles' ),\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( ! isEditorPage ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t} );\n\t\t\t}\n\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t// sometimes there's a focus loss that happens after some time\n\t\t\t// that closes the modal, we need to force reopening it.\n\t\t\tsetTimeout( () => {\n\t\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t}, 500 );\n\t\t},\n\t\ticon: help,\n\t} );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/view-site',\n\t\tlabel: __( 'View site' ),\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\twindow.open( homeUrl, '_blank' );\n\t\t},\n\t\ticon: external,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/reset-global-styles',\n\t\thook: useGlobalStylesResetCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/open-styles-css',\n\t\thook: useGlobalStylesOpenCssCommands,\n\t} );\n}\n"]}
+{"version":3,"names":["_element","require","_data","_i18n","_icons","_commands","_blockEditor","_router","_preferences","_coreData","_notices","_compose","_lockUnlock","_store","_getIsListPage","_interopRequireDefault","useGlobalStylesReset","unlock","blockEditorPrivateApis","useHistory","useLocation","routerPrivateApis","useGlobalStylesOpenStylesCommands","openGeneralSidebar","setCanvasMode","useDispatch","editSiteStore","params","isMobileViewport","useViewportMatch","isEditorPage","getIsListPage","getCanvasMode","useSelect","set","preferencesStore","createInfoNotice","noticesStore","history","isDistractionFree","select","get","name","isBlockBasedTheme","coreStore","getCurrentTheme","is_block_theme","commands","useMemo","label","__","callback","close","push","path","canvas","type","icon","styles","isLoading","useGlobalStylesToggleWelcomeGuideCommands","setTimeout","help","useGlobalStylesResetCommands","canReset","onReset","trash","useGlobalStylesOpenCssCommands","setEditorCanvasContainerView","isListPage","canEditCSS","_globalStyles$_links$","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","brush","useGlobalStylesOpenRevisionsCommands","hasRevisions","getCurrentThemeGlobalStylesRevisions","length","backup","useCommonCommands","homeUrl","getUnstableBase","home","useCommand","window","open","external","useCommandLoader","hook"],"sources":["@wordpress/edit-site/src/hooks/commands/use-common-commands.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { trash, backup, help, styles, external, brush } from '@wordpress/icons';\nimport { useCommandLoader, useCommand } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport getIsListPage from '../../utils/get-is-list-page';\n\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nfunction useGlobalStylesOpenStylesCommands() {\n\tconst { openGeneralSidebar, setCanvasMode } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isEditorPage = ! getIsListPage( params, isMobileViewport );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\tconst { set } = useDispatch( preferencesStore );\n\tconst { createInfoNotice } = useDispatch( noticesStore );\n\n\tconst history = useHistory();\n\tconst isDistractionFree = useSelect( ( select ) => {\n\t\treturn select( preferencesStore ).get(\n\t\t\teditSiteStore.name,\n\t\t\t'distractionFree'\n\t\t);\n\t}, [] );\n\n\tconst isBlockBasedTheme = useSelect( ( select ) => {\n\t\treturn select( coreStore ).getCurrentTheme().is_block_theme;\n\t}, [] );\n\n\tconst commands = useMemo( () => {\n\t\tif ( ! isBlockBasedTheme ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/open-styles',\n\t\t\t\tlabel: __( 'Open styles' ),\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tif ( ! isEditorPage ) {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isDistractionFree ) {\n\t\t\t\t\t\tset( editSiteStore.name, 'distractionFree', false );\n\t\t\t\t\t\tcreateInfoNotice(\n\t\t\t\t\t\t\t__( 'Distraction free mode turned off.' ),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttype: 'snackbar',\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\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t},\n\t\t\t\ticon: styles,\n\t\t\t},\n\t\t];\n\t}, [\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetCanvasMode,\n\t\tisEditorPage,\n\t\tcreateInfoNotice,\n\t\tgetCanvasMode,\n\t\tisDistractionFree,\n\t\tisBlockBasedTheme,\n\t\tset,\n\t] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesToggleWelcomeGuideCommands() {\n\tconst { openGeneralSidebar, setCanvasMode } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isEditorPage = ! getIsListPage( params, isMobileViewport );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\tconst { set } = useDispatch( preferencesStore );\n\n\tconst history = useHistory();\n\tconst isBlockBasedTheme = useSelect( ( select ) => {\n\t\treturn select( coreStore ).getCurrentTheme().is_block_theme;\n\t}, [] );\n\n\tconst commands = useMemo( () => {\n\t\tif ( ! isBlockBasedTheme ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/toggle-styles-welcome-guide',\n\t\t\t\tlabel: __( 'Learn about styles' ),\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tif ( ! isEditorPage ) {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t\t}\n\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t\t\t// sometimes there's a focus loss that happens after some time\n\t\t\t\t\t// that closes the modal, we need to force reopening it.\n\t\t\t\t\tsetTimeout( () => {\n\t\t\t\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t\t\t}, 500 );\n\t\t\t\t},\n\t\t\t\ticon: help,\n\t\t\t},\n\t\t];\n\t}, [\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetCanvasMode,\n\t\tisEditorPage,\n\t\tgetCanvasMode,\n\t\tisBlockBasedTheme,\n\t\tset,\n\t] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesResetCommands() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst commands = useMemo( () => {\n\t\tif ( ! canReset ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/reset-global-styles',\n\t\t\t\tlabel: __( 'Reset styles to defaults' ),\n\t\t\t\ticon: trash,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tonReset();\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [ canReset, onReset ] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesOpenCssCommands() {\n\tconst { openGeneralSidebar, setEditorCanvasContainerView, setCanvasMode } =\n\t\tunlock( useDispatch( editSiteStore ) );\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isListPage = getIsListPage( params, isMobileViewport );\n\tconst isEditorPage = ! isListPage;\n\tconst history = useHistory();\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS:\n\t\t\t\t!! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,\n\t\t};\n\t}, [] );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\n\tconst commands = useMemo( () => {\n\t\tif ( ! canEditCSS ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/open-styles-css',\n\t\t\t\tlabel: __( 'Customize CSS' ),\n\t\t\t\ticon: brush,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tif ( ! isEditorPage ) {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t\t}\n\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetEditorCanvasContainerView,\n\t\tcanEditCSS,\n\t\tisEditorPage,\n\t\tgetCanvasMode,\n\t\tsetCanvasMode,\n\t] );\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesOpenRevisionsCommands() {\n\tconst { openGeneralSidebar, setEditorCanvasContainerView, setCanvasMode } =\n\t\tunlock( useDispatch( editSiteStore ) );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isEditorPage = ! getIsListPage( params, isMobileViewport );\n\tconst history = useHistory();\n\tconst hasRevisions = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getCurrentThemeGlobalStylesRevisions()?.length,\n\t\t[]\n\t);\n\tconst commands = useMemo( () => {\n\t\tif ( ! hasRevisions ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/open-global-styles-revisions',\n\t\t\t\tlabel: __( 'Style revisions' ),\n\t\t\t\ticon: backup,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tif ( ! isEditorPage ) {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t\t}\n\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [\n\t\thasRevisions,\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetEditorCanvasContainerView,\n\t\tisEditorPage,\n\t\tgetCanvasMode,\n\t\tsetCanvasMode,\n\t] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nexport function useCommonCommands() {\n\tconst homeUrl = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\n\t\treturn getUnstableBase()?.home;\n\t}, [] );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/view-site',\n\t\tlabel: __( 'View site' ),\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\twindow.open( homeUrl, '_blank' );\n\t\t},\n\t\ticon: external,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/open-styles',\n\t\thook: useGlobalStylesOpenStylesCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/toggle-styles-welcome-guide',\n\t\thook: useGlobalStylesToggleWelcomeGuideCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/reset-global-styles',\n\t\thook: useGlobalStylesResetCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/open-styles-css',\n\t\thook: useGlobalStylesOpenCssCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/open-styles-revisions',\n\t\thook: useGlobalStylesOpenRevisionsCommands,\n\t} );\n}\n"],"mappings":"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"}