@wordpress/edit-site 5.19.6 → 5.20.1

package/build/components/template-actions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_coreData","_i18n","_components","_icons","_notices","_htmlEntities","_store","_isTemplateRemovable","_interopRequireDefault","_isTemplateRevertable","_renameMenuItem","_constants","TemplateActions","postType","postId","className","toggleProps","onRemove","template","useSelect","select","coreStore","getEntityRecord","removeTemplate","revertTemplate","useDispatch","editSiteStore","saveEditedEntityRecord","createSuccessNotice","createErrorNotice","noticesStore","isRemovable","isTemplateRemovable","isRevertable","isTemplateRevertable","revertAndSaveTemplate","allowUndo","type","id","sprintf","__","decodeEntities","title","rendered","error","fallbackErrorMessage","TEMPLATE_POST_TYPE","errorMessage","message","code","createElement","DropdownMenu","icon","moreVertical","label","onClose","MenuGroup","Fragment","default","DeleteMenuItem","MenuItem","info","onClick","isModalOpen","setIsModalOpen","useState","isDestructive","__experimentalConfirmDialog","isOpen","onConfirm","onCancel","confirmButtonText"],"sources":["@wordpress/edit-site/src/components/template-actions/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalConfirmDialog as ConfirmDialog,\n} from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport isTemplateRemovable from '../../utils/is-template-removable';\nimport isTemplateRevertable from '../../utils/is-template-revertable';\nimport RenameMenuItem from './rename-menu-item';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nexport default function TemplateActions( {\n\tpostType,\n\tpostId,\n\tclassName,\n\ttoggleProps,\n\tonRemove,\n} ) {\n\tconst template = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord( 'postType', postType, postId ),\n\t\t[ postType, postId ]\n\t);\n\tconst { removeTemplate, revertTemplate } = useDispatch( editSiteStore );\n\tconst { saveEditedEntityRecord } = useDispatch( coreStore );\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst isRemovable = isTemplateRemovable( template );\n\tconst isRevertable = isTemplateRevertable( template );\n\n\tif ( ! isRemovable && ! isRevertable ) {\n\t\treturn null;\n\t}\n\n\tasync function revertAndSaveTemplate() {\n\t\ttry {\n\t\t\tawait revertTemplate( template, { allowUndo: false } );\n\t\t\tawait saveEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\ttemplate.type,\n\t\t\t\ttemplate.id\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: The template/part's name. */\n\t\t\t\t\t__( '\"%s\" reverted.' ),\n\t\t\t\t\tdecodeEntities( template.title.rendered )\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-template-reverted',\n\t\t\t\t}\n\t\t\t);\n\t\t} catch ( error ) {\n\t\t\tconst fallbackErrorMessage =\n\t\t\t\ttemplate.type === TEMPLATE_POST_TYPE\n\t\t\t\t\t? __( 'An error occurred while reverting the template.' )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while reverting the template part.'\n\t\t\t\t\t  );\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: fallbackErrorMessage;\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t}\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Actions' ) }\n\t\t\tclassName={ className }\n\t\t\ttoggleProps={ toggleProps }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t{ isRemovable && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RenameMenuItem\n\t\t\t\t\t\t\t\ttemplate={ template }\n\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<DeleteMenuItem\n\t\t\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\t\t\tremoveTemplate( template );\n\t\t\t\t\t\t\t\t\tonRemove?.();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttitle={ template.title.rendered }\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\t{ isRevertable && (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t'Use the template as supplied by the theme.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\trevertAndSaveTemplate();\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Clear customizations' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t) }\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n\nfunction DeleteMenuItem( { onRemove, title } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\treturn (\n\t\t<>\n\t\t\t<MenuItem isDestructive onClick={ () => setIsModalOpen( true ) }>\n\t\t\t\t{ __( 'Delete' ) }\n\t\t\t</MenuItem>\n\t\t\t<ConfirmDialog\n\t\t\t\tisOpen={ isModalOpen }\n\t\t\t\tonConfirm={ onRemove }\n\t\t\t\tonCancel={ () => setIsModalOpen( false ) }\n\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %s: The template or template part's title.\n\t\t\t\t\t__( 'Are you sure you want to delete \"%s\"?' ),\n\t\t\t\t\tdecodeEntities( title )\n\t\t\t\t) }\n\t\t\t</ConfirmDialog>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_data","require","_coreData","_element","_i18n","_components","_icons","_notices","_htmlEntities","_store","_isTemplateRemovable","_interopRequireDefault","_isTemplateRevertable","_renameMenuItem","_constants","TemplateActions","postType","postId","className","toggleProps","onRemove","template","useSelect","select","coreStore","getEntityRecord","removeTemplate","revertTemplate","useDispatch","editSiteStore","saveEditedEntityRecord","createSuccessNotice","createErrorNotice","noticesStore","isRemovable","isTemplateRemovable","isRevertable","isTemplateRevertable","revertAndSaveTemplate","allowUndo","type","id","sprintf","__","decodeEntities","title","rendered","error","fallbackErrorMessage","TEMPLATE_POST_TYPE","errorMessage","message","code","_react","createElement","DropdownMenu","icon","moreVertical","label","onClose","MenuGroup","Fragment","default","DeleteMenuItem","MenuItem","info","onClick","isModalOpen","setIsModalOpen","useState","isDestructive","__experimentalConfirmDialog","isOpen","onConfirm","onCancel","confirmButtonText"],"sources":["@wordpress/edit-site/src/components/template-actions/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalConfirmDialog as ConfirmDialog,\n} from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport isTemplateRemovable from '../../utils/is-template-removable';\nimport isTemplateRevertable from '../../utils/is-template-revertable';\nimport RenameMenuItem from './rename-menu-item';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nexport default function TemplateActions( {\n\tpostType,\n\tpostId,\n\tclassName,\n\ttoggleProps,\n\tonRemove,\n} ) {\n\tconst template = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord( 'postType', postType, postId ),\n\t\t[ postType, postId ]\n\t);\n\tconst { removeTemplate, revertTemplate } = useDispatch( editSiteStore );\n\tconst { saveEditedEntityRecord } = useDispatch( coreStore );\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst isRemovable = isTemplateRemovable( template );\n\tconst isRevertable = isTemplateRevertable( template );\n\n\tif ( ! isRemovable && ! isRevertable ) {\n\t\treturn null;\n\t}\n\n\tasync function revertAndSaveTemplate() {\n\t\ttry {\n\t\t\tawait revertTemplate( template, { allowUndo: false } );\n\t\t\tawait saveEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\ttemplate.type,\n\t\t\t\ttemplate.id\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: The template/part's name. */\n\t\t\t\t\t__( '\"%s\" reverted.' ),\n\t\t\t\t\tdecodeEntities( template.title.rendered )\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-template-reverted',\n\t\t\t\t}\n\t\t\t);\n\t\t} catch ( error ) {\n\t\t\tconst fallbackErrorMessage =\n\t\t\t\ttemplate.type === TEMPLATE_POST_TYPE\n\t\t\t\t\t? __( 'An error occurred while reverting the template.' )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while reverting the template part.'\n\t\t\t\t\t  );\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: fallbackErrorMessage;\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t}\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Actions' ) }\n\t\t\tclassName={ className }\n\t\t\ttoggleProps={ toggleProps }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t{ isRemovable && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RenameMenuItem\n\t\t\t\t\t\t\t\ttemplate={ template }\n\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<DeleteMenuItem\n\t\t\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\t\t\tremoveTemplate( template );\n\t\t\t\t\t\t\t\t\tonRemove?.();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttitle={ template.title.rendered }\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\t{ isRevertable && (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t'Use the template as supplied by the theme.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\trevertAndSaveTemplate();\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Clear customizations' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t) }\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n\nfunction DeleteMenuItem( { onRemove, title } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\treturn (\n\t\t<>\n\t\t\t<MenuItem isDestructive onClick={ () => setIsModalOpen( true ) }>\n\t\t\t\t{ __( 'Delete' ) }\n\t\t\t</MenuItem>\n\t\t\t<ConfirmDialog\n\t\t\t\tisOpen={ isModalOpen }\n\t\t\t\tonConfirm={ onRemove }\n\t\t\t\tonCancel={ () => setIsModalOpen( false ) }\n\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t>\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %s: The template or template part's title.\n\t\t\t\t\t__( 'Are you sure you want to delete \"%s\"?' ),\n\t\t\t\t\tdecodeEntities( title )\n\t\t\t\t) }\n\t\t\t</ConfirmDialog>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/components/template-actions/rename-menu-item.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = RenameMenuItem;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _coreData = require("@wordpress/core-data");
@@ -67,35 +68,35 @@ function RenameMenuItem({
       });
     }
   }
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuItem, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuItem, {
     onClick: () => {
       setIsModalOpen(true);
       setEditedTitle(title);
     }
-  }, (0, _i18n.__)('Rename')), isModalOpen && (0, _element.createElement)(_components.Modal, {
+  }, (0, _i18n.__)('Rename')), isModalOpen && (0, _react.createElement)(_components.Modal, {
     title: (0, _i18n.__)('Rename'),
     onRequestClose: () => {
       setIsModalOpen(false);
     },
     overlayClassName: "edit-site-list__rename-modal"
-  }, (0, _element.createElement)("form", {
+  }, (0, _react.createElement)("form", {
     onSubmit: onTemplateRename
-  }, (0, _element.createElement)(_components.__experimentalVStack, {
+  }, (0, _react.createElement)(_components.__experimentalVStack, {
     spacing: "5"
-  }, (0, _element.createElement)(_components.TextControl, {
+  }, (0, _react.createElement)(_components.TextControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Name'),
     value: editedTitle,
     onChange: setEditedTitle,
     required: true
-  }), (0, _element.createElement)(_components.__experimentalHStack, {
+  }), (0, _react.createElement)(_components.__experimentalHStack, {
     justify: "right"
-  }, (0, _element.createElement)(_components.Button, {
+  }, (0, _react.createElement)(_components.Button, {
     variant: "tertiary",
     onClick: () => {
       setIsModalOpen(false);
     }
-  }, (0, _i18n.__)('Cancel')), (0, _element.createElement)(_components.Button, {
+  }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
     variant: "primary",
     type: "submit"
   }, (0, _i18n.__)('Save')))))));

package/build/components/template-actions/rename-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_data","_components","_coreData","_notices","_htmlEntities","_constants","RenameMenuItem","template","onClose","title","decodeEntities","rendered","editedTitle","setEditedTitle","useState","isModalOpen","setIsModalOpen","editEntityRecord","__experimentalSaveSpecifiedEntityEdits","saveSpecifiedEntityEdits","useDispatch","coreStore","createSuccessNotice","createErrorNotice","noticesStore","type","TEMPLATE_POST_TYPE","is_custom","onTemplateRename","event","preventDefault","id","throwOnError","__","error","fallbackErrorMessage","errorMessage","message","code","createElement","Fragment","MenuItem","onClick","Modal","onRequestClose","overlayClassName","onSubmit","__experimentalVStack","spacing","TextControl","__nextHasNoMarginBottom","label","value","onChange","required","__experimentalHStack","justify","Button","variant"],"sources":["@wordpress/edit-site/src/components/template-actions/rename-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\tMenuItem,\n\tModal,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nexport default function RenameMenuItem( { template, onClose } ) {\n\tconst title = decodeEntities( template.title.rendered );\n\tconst [ editedTitle, setEditedTitle ] = useState( title );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\n\tconst {\n\t\teditEntityRecord,\n\t\t__experimentalSaveSpecifiedEntityEdits: saveSpecifiedEntityEdits,\n\t} = useDispatch( coreStore );\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tif ( template.type === TEMPLATE_POST_TYPE && ! template.is_custom ) {\n\t\treturn null;\n\t}\n\n\tasync function onTemplateRename( event ) {\n\t\tevent.preventDefault();\n\n\t\ttry {\n\t\t\tawait editEntityRecord( 'postType', template.type, template.id, {\n\t\t\t\ttitle: editedTitle,\n\t\t\t} );\n\n\t\t\t// Update state before saving rerenders the list.\n\t\t\tsetEditedTitle( '' );\n\t\t\tsetIsModalOpen( false );\n\t\t\tonClose();\n\n\t\t\t// Persist edited entity.\n\t\t\tawait saveSpecifiedEntityEdits(\n\t\t\t\t'postType',\n\t\t\t\ttemplate.type,\n\t\t\t\ttemplate.id,\n\t\t\t\t[ 'title' ], // Only save title to avoid persisting other edits.\n\t\t\t\t{\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\ttemplate.type === TEMPLATE_POST_TYPE\n\t\t\t\t\t? __( 'Template renamed.' )\n\t\t\t\t\t: __( 'Template part renamed.' ),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t}\n\t\t\t);\n\t\t} catch ( error ) {\n\t\t\tconst fallbackErrorMessage =\n\t\t\t\ttemplate.type === TEMPLATE_POST_TYPE\n\t\t\t\t\t? __( 'An error occurred while renaming the template.' )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while renaming the template part.'\n\t\t\t\t\t  );\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: fallbackErrorMessage;\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsModalOpen( true );\n\t\t\t\t\tsetEditedTitle( title );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Rename' ) }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\toverlayClassName=\"edit-site-list__rename-modal\"\n\t\t\t\t>\n\t\t\t\t\t<form onSubmit={ onTemplateRename }>\n\t\t\t\t\t\t<VStack spacing=\"5\">\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\t\tvalue={ editedTitle }\n\t\t\t\t\t\t\t\tonChange={ setEditedTitle }\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetIsModalOpen( false );\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{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t\t\t<Button variant=\"primary\" type=\"submit\">\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_element","_data","_components","_coreData","_notices","_htmlEntities","_constants","RenameMenuItem","template","onClose","title","decodeEntities","rendered","editedTitle","setEditedTitle","useState","isModalOpen","setIsModalOpen","editEntityRecord","__experimentalSaveSpecifiedEntityEdits","saveSpecifiedEntityEdits","useDispatch","coreStore","createSuccessNotice","createErrorNotice","noticesStore","type","TEMPLATE_POST_TYPE","is_custom","onTemplateRename","event","preventDefault","id","throwOnError","__","error","fallbackErrorMessage","errorMessage","message","code","_react","createElement","Fragment","MenuItem","onClick","Modal","onRequestClose","overlayClassName","onSubmit","__experimentalVStack","spacing","TextControl","__nextHasNoMarginBottom","label","value","onChange","required","__experimentalHStack","justify","Button","variant"],"sources":["@wordpress/edit-site/src/components/template-actions/rename-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\tMenuItem,\n\tModal,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nexport default function RenameMenuItem( { template, onClose } ) {\n\tconst title = decodeEntities( template.title.rendered );\n\tconst [ editedTitle, setEditedTitle ] = useState( title );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\n\tconst {\n\t\teditEntityRecord,\n\t\t__experimentalSaveSpecifiedEntityEdits: saveSpecifiedEntityEdits,\n\t} = useDispatch( coreStore );\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tif ( template.type === TEMPLATE_POST_TYPE && ! template.is_custom ) {\n\t\treturn null;\n\t}\n\n\tasync function onTemplateRename( event ) {\n\t\tevent.preventDefault();\n\n\t\ttry {\n\t\t\tawait editEntityRecord( 'postType', template.type, template.id, {\n\t\t\t\ttitle: editedTitle,\n\t\t\t} );\n\n\t\t\t// Update state before saving rerenders the list.\n\t\t\tsetEditedTitle( '' );\n\t\t\tsetIsModalOpen( false );\n\t\t\tonClose();\n\n\t\t\t// Persist edited entity.\n\t\t\tawait saveSpecifiedEntityEdits(\n\t\t\t\t'postType',\n\t\t\t\ttemplate.type,\n\t\t\t\ttemplate.id,\n\t\t\t\t[ 'title' ], // Only save title to avoid persisting other edits.\n\t\t\t\t{\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\ttemplate.type === TEMPLATE_POST_TYPE\n\t\t\t\t\t? __( 'Template renamed.' )\n\t\t\t\t\t: __( 'Template part renamed.' ),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t}\n\t\t\t);\n\t\t} catch ( error ) {\n\t\t\tconst fallbackErrorMessage =\n\t\t\t\ttemplate.type === TEMPLATE_POST_TYPE\n\t\t\t\t\t? __( 'An error occurred while renaming the template.' )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while renaming the template part.'\n\t\t\t\t\t  );\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: fallbackErrorMessage;\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsModalOpen( true );\n\t\t\t\t\tsetEditedTitle( title );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Rename' ) }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\toverlayClassName=\"edit-site-list__rename-modal\"\n\t\t\t\t>\n\t\t\t\t\t<form onSubmit={ onTemplateRename }>\n\t\t\t\t\t\t<VStack spacing=\"5\">\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\t\tvalue={ editedTitle }\n\t\t\t\t\t\t\t\tonChange={ setEditedTitle }\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetIsModalOpen( false );\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{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t\t\t<Button variant=\"primary\" type=\"submit\">\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/components/template-part-converter/convert-to-regular.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ConvertToRegularBlocks;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
@@ -27,7 +27,7 @@ function ConvertToRegularBlocks({
   if (!canRemove) {
     return null;
   }
-  return (0, _element.createElement)(_components.MenuItem, {
+  return (0, _react.createElement)(_components.MenuItem, {
     onClick: () => {
       replaceBlocks(clientId, getBlocks(clientId));
       onClose();

package/build/components/template-part-converter/convert-to-regular.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_blockEditor","_components","_i18n","ConvertToRegularBlocks","clientId","onClose","getBlocks","useSelect","blockEditorStore","replaceBlocks","useDispatch","canRemove","select","canRemoveBlock","_element","createElement","MenuItem","onClick","__"],"sources":["@wordpress/edit-site/src/components/template-part-converter/convert-to-regular.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function ConvertToRegularBlocks( { clientId, onClose } ) {\n\tconst { getBlocks } = useSelect( blockEditorStore );\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\n\tconst canRemove = useSelect(\n\t\t( select ) => select( blockEditorStore ).canRemoveBlock( clientId ),\n\t\t[ clientId ]\n\t);\n\n\tif ( ! canRemove ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<MenuItem\n\t\t\tonClick={ () => {\n\t\t\t\treplaceBlocks( clientId, getBlocks( clientId ) );\n\t\t\t\tonClose();\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Detach blocks from template part' ) }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMe,SAASI,sBAAsBA,CAAE;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EACvE,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAS,EAAEC,kBAAiB,CAAC;EACnD,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEF,kBAAiB,CAAC;EAEzD,MAAMG,SAAS,GAAG,IAAAJ,eAAS,EACxBK,MAAM,IAAMA,MAAM,CAAEJ,kBAAiB,CAAC,CAACK,cAAc,CAAET,QAAS,CAAC,EACnE,CAAEA,QAAQ,CACX,CAAC;EAED,IAAK,CAAEO,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAG,QAAA,CAAAC,aAAA,EAACd,WAAA,CAAAe,QAAQ;IACRC,OAAO,EAAGA,CAAA,KAAM;MACfR,aAAa,CAAEL,QAAQ,EAAEE,SAAS,CAAEF,QAAS,CAAE,CAAC;MAChDC,OAAO,CAAC,CAAC;IACV;EAAG,GAED,IAAAa,QAAE,EAAE,kCAAmC,CAChC,CAAC;AAEb"}
+{"version":3,"names":["_data","require","_blockEditor","_components","_i18n","ConvertToRegularBlocks","clientId","onClose","getBlocks","useSelect","blockEditorStore","replaceBlocks","useDispatch","canRemove","select","canRemoveBlock","_react","createElement","MenuItem","onClick","__"],"sources":["@wordpress/edit-site/src/components/template-part-converter/convert-to-regular.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function ConvertToRegularBlocks( { clientId, onClose } ) {\n\tconst { getBlocks } = useSelect( blockEditorStore );\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\n\tconst canRemove = useSelect(\n\t\t( select ) => select( blockEditorStore ).canRemoveBlock( clientId ),\n\t\t[ clientId ]\n\t);\n\n\tif ( ! canRemove ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<MenuItem\n\t\t\tonClick={ () => {\n\t\t\t\treplaceBlocks( clientId, getBlocks( clientId ) );\n\t\t\t\tonClose();\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Detach blocks from template part' ) }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMe,SAASI,sBAAsBA,CAAE;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,EAAG;EACvE,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAS,EAAEC,kBAAiB,CAAC;EACnD,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEF,kBAAiB,CAAC;EAEzD,MAAMG,SAAS,GAAG,IAAAJ,eAAS,EACxBK,MAAM,IAAMA,MAAM,CAAEJ,kBAAiB,CAAC,CAACK,cAAc,CAAET,QAAS,CAAC,EACnE,CAAEA,QAAQ,CACX,CAAC;EAED,IAAK,CAAEO,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACd,WAAA,CAAAe,QAAQ;IACRC,OAAO,EAAGA,CAAA,KAAM;MACfR,aAAa,CAAEL,QAAQ,EAAEE,SAAS,CAAEF,QAAS,CAAE,CAAC;MAChDC,OAAO,CAAC,CAAC;IACV;EAAG,GAED,IAAAa,QAAE,EAAE,kCAAmC,CAChC,CAAC;AAEb"}

package/build/components/template-part-converter/convert-to-template-part.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ConvertToTemplatePart;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _notices = require("@wordpress/notices");
 var _icons = require("@wordpress/icons");
 var _createTemplatePartModal = _interopRequireDefault(require("../create-template-part-modal"));
@@ -60,14 +61,14 @@ function ConvertToTemplatePart({
     // so no need to call `closeModal` or `onClose`.
   };
 
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuItem, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuItem, {
     icon: _icons.symbolFilled,
     onClick: () => {
       setIsModalOpen(true);
     },
     "aria-expanded": isModalOpen,
     "aria-haspopup": "dialog"
-  }, (0, _i18n.__)('Create template part')), isModalOpen && (0, _element.createElement)(_createTemplatePartModal.default, {
+  }, (0, _i18n.__)('Create template part')), isModalOpen && (0, _react.createElement)(_createTemplatePartModal.default, {
     closeModal: () => {
       setIsModalOpen(false);
     },

package/build/components/template-part-converter/convert-to-template-part.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_blockEditor","_components","_blocks","_i18n","_notices","_icons","_createTemplatePartModal","_interopRequireDefault","_store","ConvertToTemplatePart","clientIds","blocks","isModalOpen","setIsModalOpen","useState","replaceBlocks","useDispatch","blockEditorStore","createSuccessNotice","noticesStore","canCreate","useSelect","select","supportsTemplatePartsMode","editSiteStore","getSettings","onConvert","templatePart","createBlock","slug","theme","__","type","createElement","Fragment","MenuItem","icon","symbolFilled","onClick","default","closeModal","onCreate"],"sources":["@wordpress/edit-site/src/components/template-part-converter/convert-to-template-part.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { MenuItem } from '@wordpress/components';\nimport { createBlock } from '@wordpress/blocks';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { symbolFilled } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport CreateTemplatePartModal from '../create-template-part-modal';\nimport { store as editSiteStore } from '../../store';\n\nexport default function ConvertToTemplatePart( { clientIds, blocks } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\n\tconst { canCreate } = useSelect( ( select ) => {\n\t\tconst { supportsTemplatePartsMode } =\n\t\t\tselect( editSiteStore ).getSettings();\n\t\treturn {\n\t\t\tcanCreate: ! supportsTemplatePartsMode,\n\t\t};\n\t}, [] );\n\n\tif ( ! canCreate ) {\n\t\treturn null;\n\t}\n\n\tconst onConvert = async ( templatePart ) => {\n\t\treplaceBlocks(\n\t\t\tclientIds,\n\t\t\tcreateBlock( 'core/template-part', {\n\t\t\t\tslug: templatePart.slug,\n\t\t\t\ttheme: templatePart.theme,\n\t\t\t} )\n\t\t);\n\t\tcreateSuccessNotice( __( 'Template part created.' ), {\n\t\t\ttype: 'snackbar',\n\t\t} );\n\n\t\t// The modal and this component will be unmounted because of `replaceBlocks` above,\n\t\t// so no need to call `closeModal` or `onClose`.\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\ticon={ symbolFilled }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsModalOpen( true );\n\t\t\t\t} }\n\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\n\t\t\t\t{ __( 'Create template part' ) }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<CreateTemplatePartModal\n\t\t\t\t\tcloseModal={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tonCreate={ onConvert }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AALA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAEA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAKA,IAAAQ,wBAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AAhBA;AACA;AACA;;AAUA;AACA;AACA;;AAIe,SAASW,qBAAqBA,CAAE;EAAEC,SAAS;EAAEC;AAAO,CAAC,EAAG;EACtE,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACzD,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EACzD,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAF,iBAAW,EAAEG,cAAa,CAAC;EAE3D,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC9C,MAAM;MAAEC;IAA0B,CAAC,GAClCD,MAAM,CAAEE,YAAc,CAAC,CAACC,WAAW,CAAC,CAAC;IACtC,OAAO;MACNL,SAAS,EAAE,CAAEG;IACd,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEH,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,MAAMM,SAAS,GAAG,MAAQC,YAAY,IAAM;IAC3CZ,aAAa,CACZL,SAAS,EACT,IAAAkB,mBAAW,EAAE,oBAAoB,EAAE;MAClCC,IAAI,EAAEF,YAAY,CAACE,IAAI;MACvBC,KAAK,EAAEH,YAAY,CAACG;IACrB,CAAE,CACH,CAAC;IACDZ,mBAAmB,CAAE,IAAAa,QAAE,EAAE,wBAAyB,CAAC,EAAE;MACpDC,IAAI,EAAE;IACP,CAAE,CAAC;;IAEH;IACA;EACD,CAAC;;EAED,OACC,IAAAnC,QAAA,CAAAoC,aAAA,EAAApC,QAAA,CAAAqC,QAAA,QACC,IAAArC,QAAA,CAAAoC,aAAA,EAAChC,WAAA,CAAAkC,QAAQ;IACRC,IAAI,EAAGC,mBAAc;IACrBC,OAAO,EAAGA,CAAA,KAAM;MACfzB,cAAc,CAAE,IAAK,CAAC;IACvB,CAAG;IACH,iBAAgBD,WAAa;IAC7B,iBAAc;EAAQ,GAEpB,IAAAmB,QAAE,EAAE,sBAAuB,CACpB,CAAC,EACTnB,WAAW,IACZ,IAAAf,QAAA,CAAAoC,aAAA,EAAC3B,wBAAA,CAAAiC,OAAuB;IACvBC,UAAU,EAAGA,CAAA,KAAM;MAClB3B,cAAc,CAAE,KAAM,CAAC;IACxB,CAAG;IACHF,MAAM,EAAGA,MAAQ;IACjB8B,QAAQ,EAAGf;EAAW,CACtB,CAED,CAAC;AAEL"}
+{"version":3,"names":["_data","require","_blockEditor","_components","_blocks","_i18n","_element","_notices","_icons","_createTemplatePartModal","_interopRequireDefault","_store","ConvertToTemplatePart","clientIds","blocks","isModalOpen","setIsModalOpen","useState","replaceBlocks","useDispatch","blockEditorStore","createSuccessNotice","noticesStore","canCreate","useSelect","select","supportsTemplatePartsMode","editSiteStore","getSettings","onConvert","templatePart","createBlock","slug","theme","__","type","_react","createElement","Fragment","MenuItem","icon","symbolFilled","onClick","default","closeModal","onCreate"],"sources":["@wordpress/edit-site/src/components/template-part-converter/convert-to-template-part.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { MenuItem } from '@wordpress/components';\nimport { createBlock } from '@wordpress/blocks';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { symbolFilled } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport CreateTemplatePartModal from '../create-template-part-modal';\nimport { store as editSiteStore } from '../../store';\n\nexport default function ConvertToTemplatePart( { clientIds, blocks } ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\n\tconst { canCreate } = useSelect( ( select ) => {\n\t\tconst { supportsTemplatePartsMode } =\n\t\t\tselect( editSiteStore ).getSettings();\n\t\treturn {\n\t\t\tcanCreate: ! supportsTemplatePartsMode,\n\t\t};\n\t}, [] );\n\n\tif ( ! canCreate ) {\n\t\treturn null;\n\t}\n\n\tconst onConvert = async ( templatePart ) => {\n\t\treplaceBlocks(\n\t\t\tclientIds,\n\t\t\tcreateBlock( 'core/template-part', {\n\t\t\t\tslug: templatePart.slug,\n\t\t\t\ttheme: templatePart.theme,\n\t\t\t} )\n\t\t);\n\t\tcreateSuccessNotice( __( 'Template part created.' ), {\n\t\t\ttype: 'snackbar',\n\t\t} );\n\n\t\t// The modal and this component will be unmounted because of `replaceBlocks` above,\n\t\t// so no need to call `closeModal` or `onClose`.\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\ticon={ symbolFilled }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsModalOpen( true );\n\t\t\t\t} }\n\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\n\t\t\t\t{ __( 'Create template part' ) }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<CreateTemplatePartModal\n\t\t\t\t\tcloseModal={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tonCreate={ onConvert }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAKA,IAAAQ,wBAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AAhBA;AACA;AACA;;AAUA;AACA;AACA;;AAIe,SAASW,qBAAqBA,CAAE;EAAEC,SAAS;EAAEC;AAAO,CAAC,EAAG;EACtE,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACzD,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EACzD,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAF,iBAAW,EAAEG,cAAa,CAAC;EAE3D,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC9C,MAAM;MAAEC;IAA0B,CAAC,GAClCD,MAAM,CAAEE,YAAc,CAAC,CAACC,WAAW,CAAC,CAAC;IACtC,OAAO;MACNL,SAAS,EAAE,CAAEG;IACd,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEH,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,MAAMM,SAAS,GAAG,MAAQC,YAAY,IAAM;IAC3CZ,aAAa,CACZL,SAAS,EACT,IAAAkB,mBAAW,EAAE,oBAAoB,EAAE;MAClCC,IAAI,EAAEF,YAAY,CAACE,IAAI;MACvBC,KAAK,EAAEH,YAAY,CAACG;IACrB,CAAE,CACH,CAAC;IACDZ,mBAAmB,CAAE,IAAAa,QAAE,EAAE,wBAAyB,CAAC,EAAE;MACpDC,IAAI,EAAE;IACP,CAAE,CAAC;;IAEH;IACA;EACD,CAAC;;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAClC,WAAA,CAAAoC,QAAQ;IACRC,IAAI,EAAGC,mBAAc;IACrBC,OAAO,EAAGA,CAAA,KAAM;MACf1B,cAAc,CAAE,IAAK,CAAC;IACvB,CAAG;IACH,iBAAgBD,WAAa;IAC7B,iBAAc;EAAQ,GAEpB,IAAAmB,QAAE,EAAE,sBAAuB,CACpB,CAAC,EACTnB,WAAW,IACZ,IAAAqB,MAAA,CAAAC,aAAA,EAAC5B,wBAAA,CAAAkC,OAAuB;IACvBC,UAAU,EAAGA,CAAA,KAAM;MAClB5B,cAAc,CAAE,KAAM,CAAC;IACxB,CAAG;IACHF,MAAM,EAAGA,MAAQ;IACjB+B,QAAQ,EAAGhB;EAAW,CACtB,CAED,CAAC;AAEL"}

package/build/components/template-part-converter/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TemplatePartConverter;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
 var _convertToRegular = _interopRequireDefault(require("./convert-to-regular"));
@@ -19,10 +19,10 @@ var _convertToTemplatePart = _interopRequireDefault(require("./convert-to-templa
  */
 
 function TemplatePartConverter() {
-  return (0, _element.createElement)(_blockEditor.BlockSettingsMenuControls, null, ({
+  return (0, _react.createElement)(_blockEditor.BlockSettingsMenuControls, null, ({
     selectedClientIds,
     onClose
-  }) => (0, _element.createElement)(TemplatePartConverterMenuItem, {
+  }) => (0, _react.createElement)(TemplatePartConverterMenuItem, {
     clientIds: selectedClientIds,
     onClose: onClose
   }));
@@ -35,12 +35,12 @@ function TemplatePartConverterMenuItem({
 
   // Allow converting a single template part to standard blocks.
   if (blocks.length === 1 && blocks[0]?.name === 'core/template-part') {
-    return (0, _element.createElement)(_convertToRegular.default, {
+    return (0, _react.createElement)(_convertToRegular.default, {
       clientId: clientIds[0],
       onClose: onClose
     });
   }
-  return (0, _element.createElement)(_convertToTemplatePart.default, {
+  return (0, _react.createElement)(_convertToTemplatePart.default, {
     clientIds: clientIds,
     blocks: blocks
   });

package/build/components/template-part-converter/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_blockEditor","_convertToRegular","_interopRequireDefault","_convertToTemplatePart","TemplatePartConverter","_element","createElement","BlockSettingsMenuControls","selectedClientIds","onClose","TemplatePartConverterMenuItem","clientIds","blocks","useSelect","select","blockEditorStore","getBlocksByClientId","length","name","default","clientId"],"sources":["@wordpress/edit-site/src/components/template-part-converter/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\tBlockSettingsMenuControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ConvertToRegularBlocks from './convert-to-regular';\nimport ConvertToTemplatePart from './convert-to-template-part';\n\nexport default function TemplatePartConverter() {\n\treturn (\n\t\t<BlockSettingsMenuControls>\n\t\t\t{ ( { selectedClientIds, onClose } ) => (\n\t\t\t\t<TemplatePartConverterMenuItem\n\t\t\t\t\tclientIds={ selectedClientIds }\n\t\t\t\t\tonClose={ onClose }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</BlockSettingsMenuControls>\n\t);\n}\n\nfunction TemplatePartConverterMenuItem( { clientIds, onClose } ) {\n\tconst blocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlocksByClientId( clientIds ),\n\t\t[ clientIds ]\n\t);\n\n\t// Allow converting a single template part to standard blocks.\n\tif ( blocks.length === 1 && blocks[ 0 ]?.name === 'core/template-part' ) {\n\t\treturn (\n\t\t\t<ConvertToRegularBlocks\n\t\t\t\tclientId={ clientIds[ 0 ] }\n\t\t\t\tonClose={ onClose }\n\t\t\t/>\n\t\t);\n\t}\n\treturn <ConvertToTemplatePart clientIds={ clientIds } blocks={ blocks } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAD,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAIe,SAASK,qBAAqBA,CAAA,EAAG;EAC/C,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACN,YAAA,CAAAO,yBAAyB,QACvB,CAAE;IAAEC,iBAAiB;IAAEC;EAAQ,CAAC,KACjC,IAAAJ,QAAA,CAAAC,aAAA,EAACI,6BAA6B;IAC7BC,SAAS,EAAGH,iBAAmB;IAC/BC,OAAO,EAAGA;EAAS,CACnB,CAEwB,CAAC;AAE9B;AAEA,SAASC,6BAA6BA,CAAE;EAAEC,SAAS;EAAEF;AAAQ,CAAC,EAAG;EAChE,MAAMG,MAAM,GAAG,IAAAC,eAAS,EACrBC,MAAM,IACPA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,mBAAmB,CAAEL,SAAU,CAAC,EAC5D,CAAEA,SAAS,CACZ,CAAC;;EAED;EACA,IAAKC,MAAM,CAACK,MAAM,KAAK,CAAC,IAAIL,MAAM,CAAE,CAAC,CAAE,EAAEM,IAAI,KAAK,oBAAoB,EAAG;IACxE,OACC,IAAAb,QAAA,CAAAC,aAAA,EAACL,iBAAA,CAAAkB,OAAsB;MACtBC,QAAQ,EAAGT,SAAS,CAAE,CAAC,CAAI;MAC3BF,OAAO,EAAGA;IAAS,CACnB,CAAC;EAEJ;EACA,OAAO,IAAAJ,QAAA,CAAAC,aAAA,EAACH,sBAAA,CAAAgB,OAAqB;IAACR,SAAS,EAAGA,SAAW;IAACC,MAAM,EAAGA;EAAQ,CAAE,CAAC;AAC3E"}
+{"version":3,"names":["_data","require","_blockEditor","_convertToRegular","_interopRequireDefault","_convertToTemplatePart","TemplatePartConverter","_react","createElement","BlockSettingsMenuControls","selectedClientIds","onClose","TemplatePartConverterMenuItem","clientIds","blocks","useSelect","select","blockEditorStore","getBlocksByClientId","length","name","default","clientId"],"sources":["@wordpress/edit-site/src/components/template-part-converter/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\tBlockSettingsMenuControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ConvertToRegularBlocks from './convert-to-regular';\nimport ConvertToTemplatePart from './convert-to-template-part';\n\nexport default function TemplatePartConverter() {\n\treturn (\n\t\t<BlockSettingsMenuControls>\n\t\t\t{ ( { selectedClientIds, onClose } ) => (\n\t\t\t\t<TemplatePartConverterMenuItem\n\t\t\t\t\tclientIds={ selectedClientIds }\n\t\t\t\t\tonClose={ onClose }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</BlockSettingsMenuControls>\n\t);\n}\n\nfunction TemplatePartConverterMenuItem( { clientIds, onClose } ) {\n\tconst blocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlocksByClientId( clientIds ),\n\t\t[ clientIds ]\n\t);\n\n\t// Allow converting a single template part to standard blocks.\n\tif ( blocks.length === 1 && blocks[ 0 ]?.name === 'core/template-part' ) {\n\t\treturn (\n\t\t\t<ConvertToRegularBlocks\n\t\t\t\tclientId={ clientIds[ 0 ] }\n\t\t\t\tonClose={ onClose }\n\t\t\t/>\n\t\t);\n\t}\n\treturn <ConvertToTemplatePart clientIds={ clientIds } blocks={ blocks } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAD,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAIe,SAASK,qBAAqBA,CAAA,EAAG;EAC/C,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACN,YAAA,CAAAO,yBAAyB,QACvB,CAAE;IAAEC,iBAAiB;IAAEC;EAAQ,CAAC,KACjC,IAAAJ,MAAA,CAAAC,aAAA,EAACI,6BAA6B;IAC7BC,SAAS,EAAGH,iBAAmB;IAC/BC,OAAO,EAAGA;EAAS,CACnB,CAEwB,CAAC;AAE9B;AAEA,SAASC,6BAA6BA,CAAE;EAAEC,SAAS;EAAEF;AAAQ,CAAC,EAAG;EAChE,MAAMG,MAAM,GAAG,IAAAC,eAAS,EACrBC,MAAM,IACPA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,mBAAmB,CAAEL,SAAU,CAAC,EAC5D,CAAEA,SAAS,CACZ,CAAC;;EAED;EACA,IAAKC,MAAM,CAACK,MAAM,KAAK,CAAC,IAAIL,MAAM,CAAE,CAAC,CAAE,EAAEM,IAAI,KAAK,oBAAoB,EAAG;IACxE,OACC,IAAAb,MAAA,CAAAC,aAAA,EAACL,iBAAA,CAAAkB,OAAsB;MACtBC,QAAQ,EAAGT,SAAS,CAAE,CAAC,CAAI;MAC3BF,OAAO,EAAGA;IAAS,CACnB,CAAC;EAEJ;EACA,OAAO,IAAAJ,MAAA,CAAAC,aAAA,EAACH,sBAAA,CAAAgB,OAAqB;IAACR,SAAS,EAAGA,SAAW;IAACC,MAAM,EAAGA;EAAQ,CAAE,CAAC;AAC3E"}

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

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WelcomeGuideEditor;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _preferences = require("@wordpress/preferences");
 var _image = _interopRequireDefault(require("./image"));
 /**
@@ -27,24 +28,24 @@ function WelcomeGuideEditor() {
   if (!isActive) {
     return null;
   }
-  return (0, _element.createElement)(_components.Guide, {
+  return (0, _react.createElement)(_components.Guide, {
     className: "edit-site-welcome-guide guide-editor",
     contentLabel: (0, _i18n.__)('Welcome to the site editor'),
     finishButtonText: (0, _i18n.__)('Get started'),
     onFinish: () => toggle('core/edit-site', 'welcomeGuide'),
     pages: [{
-      image: (0, _element.createElement)(_image.default, {
+      image: (0, _react.createElement)(_image.default, {
         nonAnimatedSrc: "https://s.w.org/images/block-editor/edit-your-site.svg?1",
         animatedSrc: "https://s.w.org/images/block-editor/edit-your-site.gif?1"
       }),
-      content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-site-welcome-guide__heading"
-      }, (0, _i18n.__)('Edit your site')), (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('Edit your site')), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
-      }, (0, _i18n.__)('Design everything on your site — from the header right down to the footer — using blocks.')), (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('Design everything on your site — from the header right down to the footer — using blocks.')), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
       }, (0, _element.createInterpolateElement)((0, _i18n.__)('Click <StylesIconImage /> to start designing your blocks, and choose your typography, layout, and colors.'), {
-        StylesIconImage: (0, _element.createElement)("img", {
+        StylesIconImage: (0, _react.createElement)("img", {
           alt: (0, _i18n.__)('styles'),
           src: "data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' fill='%231E1E1E'/%3E%3C/svg%3E%0A"
         })

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_components","_i18n","_preferences","_image","_interopRequireDefault","WelcomeGuideEditor","toggle","useDispatch","preferencesStore","isActive","useSelect","select","get","createElement","Guide","className","contentLabel","__","finishButtonText","onFinish","pages","image","default","nonAnimatedSrc","animatedSrc","content","Fragment","createInterpolateElement","StylesIconImage","alt","src"],"sources":["@wordpress/edit-site/src/components/welcome-guide/editor.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport WelcomeGuideImage from './image';\n\nexport default function WelcomeGuideEditor() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isActive = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t[]\n\t);\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-editor\"\n\t\t\tcontentLabel={ __( 'Welcome to the site editor' ) }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-site', 'welcomeGuide' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/edit-your-site.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/edit-your-site.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{ __( 'Edit your site' ) }\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'Design everything on your site — from the header right down to the footer — using blocks.'\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\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'Click <StylesIconImage /> to start designing your blocks, and choose your typography, layout, and colors.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tStylesIconImage: (\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\talt={ __( 'styles' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' fill='%231E1E1E'/%3E%3C/svg%3E%0A\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t] }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAMA,IAAAA,QAAA,GAAAC,OAAA;AAHA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAC,sBAAA,CAAAN,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGe,SAASO,kBAAkBA,CAAA,EAAG;EAC5C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,QAAQ,GAAG,IAAAC,eAAS,EACvBC,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEH,kBAAiB,CAAC,CAACI,GAAG,CAChC,gBAAgB,EAChB,cACD,CAAC,EACF,EACD,CAAC;EAED,IAAK,CAAEH,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAZ,QAAA,CAAAgB,aAAA,EAACb,WAAA,CAAAc,KAAK;IACLC,SAAS,EAAC,sCAAsC;IAChDC,YAAY,EAAG,IAAAC,QAAE,EAAE,4BAA6B,CAAG;IACnDC,gBAAgB,EAAG,IAAAD,QAAE,EAAE,aAAc,CAAG;IACxCE,QAAQ,EAAGA,CAAA,KAAMb,MAAM,CAAE,gBAAgB,EAAE,cAAe,CAAG;IAC7Dc,KAAK,EAAG,CACP;MACCC,KAAK,EACJ,IAAAxB,QAAA,CAAAgB,aAAA,EAACV,MAAA,CAAAmB,OAAiB;QACjBC,cAAc,EAAC,0DAA0D;QACzEC,WAAW,EAAC;MAA0D,CACtE,CACD;MACDC,OAAO,EACN,IAAA5B,QAAA,CAAAgB,aAAA,EAAAhB,QAAA,CAAA6B,QAAA,QACC,IAAA7B,QAAA,CAAAgB,aAAA;QAAIE,SAAS,EAAC;MAAkC,GAC7C,IAAAE,QAAE,EAAE,gBAAiB,CACpB,CAAC,EACL,IAAApB,QAAA,CAAAgB,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAE,QAAE,EACH,2FACD,CACE,CAAC,EACJ,IAAApB,QAAA,CAAAgB,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAY,iCAAwB,EACzB,IAAAV,QAAE,EACD,2GACD,CAAC,EACD;QACCW,eAAe,EACd,IAAA/B,QAAA,CAAAgB,aAAA;UACCgB,GAAG,EAAG,IAAAZ,QAAE,EAAE,QAAS,CAAG;UACtBa,GAAG,EAAC;QAAuR,CAC3R;MAEH,CACD,CACE,CACF;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ"}
+{"version":3,"names":["_data","require","_components","_i18n","_element","_preferences","_image","_interopRequireDefault","WelcomeGuideEditor","toggle","useDispatch","preferencesStore","isActive","useSelect","select","get","_react","createElement","Guide","className","contentLabel","__","finishButtonText","onFinish","pages","image","default","nonAnimatedSrc","animatedSrc","content","Fragment","createInterpolateElement","StylesIconImage","alt","src"],"sources":["@wordpress/edit-site/src/components/welcome-guide/editor.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport WelcomeGuideImage from './image';\n\nexport default function WelcomeGuideEditor() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isActive = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'welcomeGuide'\n\t\t\t),\n\t\t[]\n\t);\n\n\tif ( ! isActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-editor\"\n\t\t\tcontentLabel={ __( 'Welcome to the site editor' ) }\n\t\t\tfinishButtonText={ __( 'Get started' ) }\n\t\t\tonFinish={ () => toggle( 'core/edit-site', 'welcomeGuide' ) }\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<WelcomeGuideImage\n\t\t\t\t\t\t\tnonAnimatedSrc=\"https://s.w.org/images/block-editor/edit-your-site.svg?1\"\n\t\t\t\t\t\t\tanimatedSrc=\"https://s.w.org/images/block-editor/edit-your-site.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{ __( 'Edit your site' ) }\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'Design everything on your site — from the header right down to the footer — using blocks.'\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\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'Click <StylesIconImage /> to start designing your blocks, and choose your typography, layout, and colors.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tStylesIconImage: (\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\talt={ __( 'styles' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' fill='%231E1E1E'/%3E%3C/svg%3E%0A\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t] }\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,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAC,sBAAA,CAAAN,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGe,SAASO,kBAAkBA,CAAA,EAAG;EAC5C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,QAAQ,GAAG,IAAAC,eAAS,EACvBC,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEH,kBAAiB,CAAC,CAACI,GAAG,CAChC,gBAAgB,EAChB,cACD,CAAC,EACF,EACD,CAAC;EAED,IAAK,CAAEH,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAgB,KAAK;IACLC,SAAS,EAAC,sCAAsC;IAChDC,YAAY,EAAG,IAAAC,QAAE,EAAE,4BAA6B,CAAG;IACnDC,gBAAgB,EAAG,IAAAD,QAAE,EAAE,aAAc,CAAG;IACxCE,QAAQ,EAAGA,CAAA,KAAMd,MAAM,CAAE,gBAAgB,EAAE,cAAe,CAAG;IAC7De,KAAK,EAAG,CACP;MACCC,KAAK,EACJ,IAAAT,MAAA,CAAAC,aAAA,EAACX,MAAA,CAAAoB,OAAiB;QACjBC,cAAc,EAAC,0DAA0D;QACzEC,WAAW,EAAC;MAA0D,CACtE,CACD;MACDC,OAAO,EACN,IAAAb,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAc,QAAA,QACC,IAAAd,MAAA,CAAAC,aAAA;QAAIE,SAAS,EAAC;MAAkC,GAC7C,IAAAE,QAAE,EAAE,gBAAiB,CACpB,CAAC,EACL,IAAAL,MAAA,CAAAC,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAE,QAAE,EACH,2FACD,CACE,CAAC,EACJ,IAAAL,MAAA,CAAAC,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAY,iCAAwB,EACzB,IAAAV,QAAE,EACD,2GACD,CAAC,EACD;QACCW,eAAe,EACd,IAAAhB,MAAA,CAAAC,aAAA;UACCgB,GAAG,EAAG,IAAAZ,QAAE,EAAE,QAAS,CAAG;UACtBa,GAAG,EAAC;QAAuR,CAC3R;MAEH,CACD,CACE,CACF;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ"}

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

@@ -4,17 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WelcomeGuideImage;
-var _element = require("@wordpress/element");
+var _react = require("react");
 function WelcomeGuideImage({
   nonAnimatedSrc,
   animatedSrc
 }) {
-  return (0, _element.createElement)("picture", {
+  return (0, _react.createElement)("picture", {
     className: "edit-site-welcome-guide__image"
-  }, (0, _element.createElement)("source", {
+  }, (0, _react.createElement)("source", {
     srcSet: nonAnimatedSrc,
     media: "(prefers-reduced-motion: reduce)"
-  }), (0, _element.createElement)("img", {
+  }), (0, _react.createElement)("img", {
     src: animatedSrc,
     width: "312",
     height: "240",

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

@@ -1 +1 @@
-{"version":3,"names":["WelcomeGuideImage","nonAnimatedSrc","animatedSrc","_element","createElement","className","srcSet","media","src","width","height","alt"],"sources":["@wordpress/edit-site/src/components/welcome-guide/image.js"],"sourcesContent":["export default function WelcomeGuideImage( { nonAnimatedSrc, animatedSrc } ) {\n\treturn (\n\t\t<picture className=\"edit-site-welcome-guide__image\">\n\t\t\t<source\n\t\t\t\tsrcSet={ nonAnimatedSrc }\n\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t/>\n\t\t\t<img src={ animatedSrc } width=\"312\" height=\"240\" alt=\"\" />\n\t\t</picture>\n\t);\n}\n"],"mappings":";;;;;;;AAAe,SAASA,iBAAiBA,CAAE;EAAEC,cAAc;EAAEC;AAAY,CAAC,EAAG;EAC5E,OACC,IAAAC,QAAA,CAAAC,aAAA;IAASC,SAAS,EAAC;EAAgC,GAClD,IAAAF,QAAA,CAAAC,aAAA;IACCE,MAAM,EAAGL,cAAgB;IACzBM,KAAK,EAAC;EAAkC,CACxC,CAAC,EACF,IAAAJ,QAAA,CAAAC,aAAA;IAAKI,GAAG,EAAGN,WAAa;IAACO,KAAK,EAAC,KAAK;IAACC,MAAM,EAAC,KAAK;IAACC,GAAG,EAAC;EAAE,CAAE,CAClD,CAAC;AAEZ"}
+{"version":3,"names":["WelcomeGuideImage","nonAnimatedSrc","animatedSrc","_react","createElement","className","srcSet","media","src","width","height","alt"],"sources":["@wordpress/edit-site/src/components/welcome-guide/image.js"],"sourcesContent":["export default function WelcomeGuideImage( { nonAnimatedSrc, animatedSrc } ) {\n\treturn (\n\t\t<picture className=\"edit-site-welcome-guide__image\">\n\t\t\t<source\n\t\t\t\tsrcSet={ nonAnimatedSrc }\n\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t/>\n\t\t\t<img src={ animatedSrc } width=\"312\" height=\"240\" alt=\"\" />\n\t\t</picture>\n\t);\n}\n"],"mappings":";;;;;;;AAAe,SAASA,iBAAiBA,CAAE;EAAEC,cAAc;EAAEC;AAAY,CAAC,EAAG;EAC5E,OACC,IAAAC,MAAA,CAAAC,aAAA;IAASC,SAAS,EAAC;EAAgC,GAClD,IAAAF,MAAA,CAAAC,aAAA;IACCE,MAAM,EAAGL,cAAgB;IACzBM,KAAK,EAAC;EAAkC,CACxC,CAAC,EACF,IAAAJ,MAAA,CAAAC,aAAA;IAAKI,GAAG,EAAGN,WAAa;IAACO,KAAK,EAAC,KAAK;IAACC,MAAM,EAAC,KAAK;IAACC,GAAG,EAAC;EAAE,CAAE,CAClD,CAAC;AAEZ"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WelcomeGuide;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _editor = _interopRequireDefault(require("./editor"));
 var _styles = _interopRequireDefault(require("./styles"));
 var _page = _interopRequireDefault(require("./page"));
@@ -15,6 +15,6 @@ var _template = _interopRequireDefault(require("./template"));
  */
 
 function WelcomeGuide() {
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_editor.default, null), (0, _element.createElement)(_styles.default, null), (0, _element.createElement)(_page.default, null), (0, _element.createElement)(_template.default, null));
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_editor.default, null), (0, _react.createElement)(_styles.default, null), (0, _react.createElement)(_page.default, null), (0, _react.createElement)(_template.default, null));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_editor","_interopRequireDefault","require","_styles","_page","_template","WelcomeGuide","_element","createElement","Fragment","default"],"sources":["@wordpress/edit-site/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport WelcomeGuideEditor from './editor';\nimport WelcomeGuideStyles from './styles';\nimport WelcomeGuidePage from './page';\nimport WelcomeGuideTemplate from './template';\n\nexport default function WelcomeGuide() {\n\treturn (\n\t\t<>\n\t\t\t<WelcomeGuideEditor />\n\t\t\t<WelcomeGuideStyles />\n\t\t\t<WelcomeGuidePage />\n\t\t\t<WelcomeGuideTemplate />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AANA;AACA;AACA;;AAMe,SAASI,YAAYA,CAAA,EAAG;EACtC,OACC,IAAAC,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAACR,OAAA,CAAAU,OAAkB,MAAE,CAAC,EACtB,IAAAH,QAAA,CAAAC,aAAA,EAACL,OAAA,CAAAO,OAAkB,MAAE,CAAC,EACtB,IAAAH,QAAA,CAAAC,aAAA,EAACJ,KAAA,CAAAM,OAAgB,MAAE,CAAC,EACpB,IAAAH,QAAA,CAAAC,aAAA,EAACH,SAAA,CAAAK,OAAoB,MAAE,CACtB,CAAC;AAEL"}
+{"version":3,"names":["_editor","_interopRequireDefault","require","_styles","_page","_template","WelcomeGuide","_react","createElement","Fragment","default"],"sources":["@wordpress/edit-site/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport WelcomeGuideEditor from './editor';\nimport WelcomeGuideStyles from './styles';\nimport WelcomeGuidePage from './page';\nimport WelcomeGuideTemplate from './template';\n\nexport default function WelcomeGuide() {\n\treturn (\n\t\t<>\n\t\t\t<WelcomeGuideEditor />\n\t\t\t<WelcomeGuideStyles />\n\t\t\t<WelcomeGuidePage />\n\t\t\t<WelcomeGuideTemplate />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AANA;AACA;AACA;;AAMe,SAASI,YAAYA,CAAA,EAAG;EACtC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACR,OAAA,CAAAU,OAAkB,MAAE,CAAC,EACtB,IAAAH,MAAA,CAAAC,aAAA,EAACL,OAAA,CAAAO,OAAkB,MAAE,CAAC,EACtB,IAAAH,MAAA,CAAAC,aAAA,EAACJ,KAAA,CAAAM,OAAgB,MAAE,CAAC,EACpB,IAAAH,MAAA,CAAAC,aAAA,EAACH,SAAA,CAAAK,OAAoB,MAAE,CACtB,CAAC;AAEL"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WelcomeGuidePage;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -34,26 +34,26 @@ function WelcomeGuidePage() {
     return null;
   }
   const heading = (0, _i18n.__)('Editing a page');
-  return (0, _element.createElement)(_components.Guide, {
+  return (0, _react.createElement)(_components.Guide, {
     className: "edit-site-welcome-guide guide-page",
     contentLabel: heading,
     finishButtonText: (0, _i18n.__)('Continue'),
     onFinish: () => toggle('core/edit-site', 'welcomeGuidePage'),
     pages: [{
-      image: (0, _element.createElement)("video", {
+      image: (0, _react.createElement)("video", {
         className: "edit-site-welcome-guide__video",
         autoPlay: true,
         loop: true,
         muted: true,
         width: "312",
         height: "240"
-      }, (0, _element.createElement)("source", {
+      }, (0, _react.createElement)("source", {
         src: "https://s.w.org/images/block-editor/editing-your-page.mp4",
         type: "video/mp4"
       })),
-      content: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-site-welcome-guide__heading"
-      }, heading), (0, _element.createElement)("p", {
+      }, heading), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
       }, (0, _i18n.__)('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.')))
     }]

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_components","_i18n","_preferences","_store","WelcomeGuidePage","toggle","useDispatch","preferencesStore","isVisible","useSelect","select","isPageActive","get","isEditorActive","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/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\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\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\tconst { hasPageContentFocus } = select( editSiteStore );\n\t\treturn isPageActive && ! isEditorActive && hasPageContentFocus();\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'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;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGe,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,MAAM;MAAEE;IAAoB,CAAC,GAAGJ,MAAM,CAAEK,YAAc,CAAC;IACvD,OAAOJ,YAAY,IAAI,CAAEE,cAAc,IAAIC,mBAAmB,CAAC,CAAC;EACjE,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEN,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,MAAMQ,OAAO,GAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAC;EAEtC,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoB,KAAK;IACLC,SAAS,EAAC,oCAAoC;IAC9CC,YAAY,EAAGN,OAAS;IACxBO,gBAAgB,EAAG,IAAAN,QAAE,EAAE,UAAW,CAAG;IACrCO,QAAQ,EAAGA,CAAA,KAAMnB,MAAM,CAAE,gBAAgB,EAAE,kBAAmB,CAAG;IACjEoB,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,2DAA2D;QAC/DC,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,uLACD,CACE,CACF;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ"}
+{"version":3,"names":["_data","require","_components","_i18n","_preferences","_store","WelcomeGuidePage","toggle","useDispatch","preferencesStore","isVisible","useSelect","select","isPageActive","get","isEditorActive","hasPageContentFocus","editSiteStore","heading","__","_react","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/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\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\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\tconst { hasPageContentFocus } = select( editSiteStore );\n\t\treturn isPageActive && ! isEditorActive && hasPageContentFocus();\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'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;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGe,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,MAAM;MAAEE;IAAoB,CAAC,GAAGJ,MAAM,CAAEK,YAAc,CAAC;IACvD,OAAOJ,YAAY,IAAI,CAAEE,cAAc,IAAIC,mBAAmB,CAAC,CAAC;EACjE,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEN,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,MAAMQ,OAAO,GAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAC;EAEtC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoB,KAAK;IACLC,SAAS,EAAC,oCAAoC;IAC9CC,YAAY,EAAGN,OAAS;IACxBO,gBAAgB,EAAG,IAAAN,QAAE,EAAE,UAAW,CAAG;IACrCO,QAAQ,EAAGA,CAAA,KAAMnB,MAAM,CAAE,gBAAgB,EAAE,kBAAmB,CAAG;IACjEoB,KAAK,EAAG,CACP;MACCC,KAAK,EACJ,IAAAR,MAAA,CAAAC,aAAA;QACCE,SAAS,EAAC,gCAAgC;QAC1CM,QAAQ;QACRC,IAAI;QACJC,KAAK;QACLC,KAAK,EAAC,KAAK;QACXC,MAAM,EAAC;MAAK,GAEZ,IAAAb,MAAA,CAAAC,aAAA;QACCa,GAAG,EAAC,2DAA2D;QAC/DC,IAAI,EAAC;MAAW,CAChB,CACK,CACP;MACDC,OAAO,EACN,IAAAhB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAiB,QAAA,QACC,IAAAjB,MAAA,CAAAC,aAAA;QAAIE,SAAS,EAAC;MAAkC,GAC7CL,OACC,CAAC,EACL,IAAAE,MAAA,CAAAC,aAAA;QAAGE,SAAS,EAAC;MAA+B,GACzC,IAAAJ,QAAE,EACH,uLACD,CACE,CACF;IAEJ,CAAC;EACC,CACH,CAAC;AAEJ"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WelcomeGuideStyles;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -39,51 +39,51 @@ function WelcomeGuideStyles() {
     return null;
   }
   const welcomeLabel = (0, _i18n.__)('Welcome to Styles');
-  return (0, _element.createElement)(_components.Guide, {
+  return (0, _react.createElement)(_components.Guide, {
     className: "edit-site-welcome-guide guide-styles",
     contentLabel: welcomeLabel,
     finishButtonText: (0, _i18n.__)('Get started'),
     onFinish: () => toggle('core/edit-site', 'welcomeGuideStyles'),
     pages: [{
-      image: (0, _element.createElement)(_image.default, {
+      image: (0, _react.createElement)(_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: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-site-welcome-guide__heading"
-      }, welcomeLabel), (0, _element.createElement)("p", {
+      }, welcomeLabel), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
       }, (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: (0, _element.createElement)(_image.default, {
+      image: (0, _react.createElement)(_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: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-site-welcome-guide__heading"
-      }, (0, _i18n.__)('Set the design')), (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('Set the design')), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
       }, (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: (0, _element.createElement)(_image.default, {
+      image: (0, _react.createElement)(_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: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-site-welcome-guide__heading"
-      }, (0, _i18n.__)('Personalize blocks')), (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('Personalize blocks')), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
       }, (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: (0, _element.createElement)(_image.default, {
+      image: (0, _react.createElement)(_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: (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("h1", {
+      content: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("h1", {
         className: "edit-site-welcome-guide__heading"
-      }, (0, _i18n.__)('Learn more')), (0, _element.createElement)("p", {
+      }, (0, _i18n.__)('Learn more')), (0, _react.createElement)("p", {
         className: "edit-site-welcome-guide__text"
-      }, (0, _i18n.__)('New to block themes and styling your site?'), (0, _element.createElement)(_components.ExternalLink, {
+      }, (0, _i18n.__)('New to block themes and styling your site?'), (0, _react.createElement)(_components.ExternalLink, {
         href: (0, _i18n.__)('https://wordpress.org/documentation/article/styles-overview/')
       }, (0, _i18n.__)('Here’s a detailed guide to learn how to make the most of it.'))))
     }]