@wordpress/editor 13.19.2 → 13.20.0

package/build/components/editor-help/help-section-title.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","HelpSectionTitle","children","helpSectionTitle","usePreferredColorSchemeStyle","styles","helpSectionTitleDark","_element","createElement","View","style","helpSectionTitleContainer","Text","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/help-section-title.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst HelpSectionTitle = ( { children } ) => {\n\tconst helpSectionTitle = usePreferredColorSchemeStyle(\n\t\tstyles.helpSectionTitle,\n\t\tstyles.helpSectionTitleDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.helpSectionTitleContainer }>\n\t\t\t<Text style={ helpSectionTitle }>{ children }</Text>\n\t\t</View>\n\t);\n};\n\nexport default HelpSectionTitle;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,gBAAgB,GAAGA,CAAE;EAAEC;AAAS,CAAC,KAAM;EAC5C,MAAMC,gBAAgB,GAAG,IAAAC,qCAA4B,EACpDC,cAAM,CAACF,gBAAgB,EACvBE,cAAM,CAACC,oBACR,CAAC;EAED,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACZ,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGL,cAAM,CAACM;EAA2B,GAC/C,IAAAJ,QAAA,CAAAC,aAAA,EAACZ,YAAA,CAAAgB,IAAI;IAACF,KAAK,EAAGP;EAAkB,GAAGD,QAAgB,CAC9C,CAAC;AAET,CAAC;AAAC,IAAAW,QAAA,GAEaZ,gBAAgB;AAAAa,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","HelpSectionTitle","children","helpSectionTitle","usePreferredColorSchemeStyle","styles","helpSectionTitleDark","_react","createElement","View","style","helpSectionTitleContainer","Text","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/help-section-title.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst HelpSectionTitle = ( { children } ) => {\n\tconst helpSectionTitle = usePreferredColorSchemeStyle(\n\t\tstyles.helpSectionTitle,\n\t\tstyles.helpSectionTitleDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.helpSectionTitleContainer }>\n\t\t\t<Text style={ helpSectionTitle }>{ children }</Text>\n\t\t</View>\n\t);\n};\n\nexport default HelpSectionTitle;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,gBAAgB,GAAGA,CAAE;EAAEC;AAAS,CAAC,KAAM;EAC5C,MAAMC,gBAAgB,GAAG,IAAAC,qCAA4B,EACpDC,cAAM,CAACF,gBAAgB,EACvBE,cAAM,CAACC,oBACR,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACZ,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGL,cAAM,CAACM;EAA2B,GAC/C,IAAAJ,MAAA,CAAAC,aAAA,EAACZ,YAAA,CAAAgB,IAAI;IAACF,KAAK,EAAGP;EAAkB,GAAGD,QAAgB,CAC9C,CAAC;AAET,CAAC;AAAC,IAAAW,QAAA,GAEaZ,gBAAgB;AAAAa,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/editor-help/help-topic-row.native.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _native = require("@react-navigation/native");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
@@ -26,14 +26,14 @@ const HelpTopicRow = ({
   const openSubSheet = () => {
     navigation.navigate(screenName);
   };
-  return (0, _element.createElement)(_components.TextControl, {
+  return (0, _react.createElement)(_components.TextControl, {
     separatorType: isLastItem ? 'none' : 'leftMargin',
     customActionButton: true,
     leftAlign: true,
     onPress: openSubSheet,
     label: label,
     icon: icon
-  }, (0, _element.createElement)(_components.Icon, {
+  }, (0, _react.createElement)(_components.Icon, {
     icon: _icons.chevronRight
   }));
 };

package/build/components/editor-help/help-topic-row.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_native","require","_components","_icons","HelpTopicRow","label","icon","screenName","isLastItem","navigation","useNavigation","openSubSheet","navigate","_element","createElement","TextControl","separatorType","customActionButton","leftAlign","onPress","Icon","chevronRight","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/help-topic-row.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { TextControl, Icon } from '@wordpress/components';\nimport { chevronRight } from '@wordpress/icons';\n\nconst HelpTopicRow = ( { label, icon, screenName, isLastItem } ) => {\n\tconst navigation = useNavigation();\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( screenName );\n\t};\n\n\treturn (\n\t\t<TextControl\n\t\t\tseparatorType={ isLastItem ? 'none' : 'leftMargin' }\n\t\t\tcustomActionButton\n\t\t\tleftAlign\n\t\t\tonPress={ openSubSheet }\n\t\t\tlabel={ label }\n\t\t\ticon={ icon }\n\t\t>\n\t\t\t<Icon icon={ chevronRight } />\n\t\t</TextControl>\n\t);\n};\n\nexport default HelpTopicRow;\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMG,YAAY,GAAGA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,UAAU;EAAEC;AAAW,CAAC,KAAM;EACnE,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAElC,MAAMC,YAAY,GAAGA,CAAA,KAAM;IAC1BF,UAAU,CAACG,QAAQ,CAAEL,UAAW,CAAC;EAClC,CAAC;EAED,OACC,IAAAM,QAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,WAAW;IACXC,aAAa,EAAGR,UAAU,GAAG,MAAM,GAAG,YAAc;IACpDS,kBAAkB;IAClBC,SAAS;IACTC,OAAO,EAAGR,YAAc;IACxBN,KAAK,EAAGA,KAAO;IACfC,IAAI,EAAGA;EAAM,GAEb,IAAAO,QAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAkB,IAAI;IAACd,IAAI,EAAGe;EAAc,CAAE,CACjB,CAAC;AAEhB,CAAC;AAAC,IAAAC,QAAA,GAEalB,YAAY;AAAAmB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_native","require","_components","_icons","HelpTopicRow","label","icon","screenName","isLastItem","navigation","useNavigation","openSubSheet","navigate","_react","createElement","TextControl","separatorType","customActionButton","leftAlign","onPress","Icon","chevronRight","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/help-topic-row.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { TextControl, Icon } from '@wordpress/components';\nimport { chevronRight } from '@wordpress/icons';\n\nconst HelpTopicRow = ( { label, icon, screenName, isLastItem } ) => {\n\tconst navigation = useNavigation();\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( screenName );\n\t};\n\n\treturn (\n\t\t<TextControl\n\t\t\tseparatorType={ isLastItem ? 'none' : 'leftMargin' }\n\t\t\tcustomActionButton\n\t\t\tleftAlign\n\t\t\tonPress={ openSubSheet }\n\t\t\tlabel={ label }\n\t\t\ticon={ icon }\n\t\t>\n\t\t\t<Icon icon={ chevronRight } />\n\t\t</TextControl>\n\t);\n};\n\nexport default HelpTopicRow;\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMG,YAAY,GAAGA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,UAAU;EAAEC;AAAW,CAAC,KAAM;EACnE,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAElC,MAAMC,YAAY,GAAGA,CAAA,KAAM;IAC1BF,UAAU,CAACG,QAAQ,CAAEL,UAAW,CAAC;EAClC,CAAC;EAED,OACC,IAAAM,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,WAAW;IACXC,aAAa,EAAGR,UAAU,GAAG,MAAM,GAAG,YAAc;IACpDS,kBAAkB;IAClBC,SAAS;IACTC,OAAO,EAAGR,YAAc;IACxBN,KAAK,EAAGA,KAAO;IACfC,IAAI,EAAGA;EAAM,GAEb,IAAAO,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAkB,IAAI;IAACd,IAAI,EAAGe;EAAc,CAAE,CACjB,CAAC;AAEhB,CAAC;AAAC,IAAAC,QAAA,GAEalB,YAAY;AAAAmB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/editor-help/icon-move-blocks.native.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _primitives = require("@wordpress/primitives");
 /**
  * WordPress dependencies
  */
-var _default = (0, _element.createElement)(_primitives.SVG, {
+var _default = (0, _react.createElement)(_primitives.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, (0, _element.createElement)(_primitives.Path, {
+}, (0, _react.createElement)(_primitives.Path, {
   d: "M9.53 17.47 9 16.94 7.94 18l.53.53 2 2 .53.53.53-.53 2-2 .53-.53L13 16.94l-.53.53-.72.72v-4.94h-1.5v4.94l-.72-.72Zm-1.06-14L7.94 4 9 5.06l.53-.53.72-.72v4.94h1.5V3.81l.72.72.53.53L14.06 4l-.53-.53-2-2L11 .94l-.53.53-2 2ZM4.53 9.53 5.06 9 4 7.94l-.53.53-2 2-.53.53.53.53 2 2 .53.53L5.06 13l-.53-.53-.72-.72h4.94v-1.5H3.81l.72-.72Zm14-1.06L18 7.94 16.94 9l.53.53.72.72h-4.94v1.5h4.94l-.72.72-.53.53L18 14.06l.53-.53 2-2 .53-.53-.53-.53-2-2Z"
 }));
 exports.default = _default;

package/build/components/editor-help/icon-move-blocks.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_primitives","require","_default","_element","createElement","SVG","xmlns","viewBox","Path","d","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/icon-move-blocks.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\nexport default (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M9.53 17.47 9 16.94 7.94 18l.53.53 2 2 .53.53.53-.53 2-2 .53-.53L13 16.94l-.53.53-.72.72v-4.94h-1.5v4.94l-.72-.72Zm-1.06-14L7.94 4 9 5.06l.53-.53.72-.72v4.94h1.5V3.81l.72.72.53.53L14.06 4l-.53-.53-2-2L11 .94l-.53.53-2 2ZM4.53 9.53 5.06 9 4 7.94l-.53.53-2 2-.53.53.53.53 2 2 .53.53L5.06 13l-.53-.53-.72-.72h4.94v-1.5H3.81l.72-.72Zm14-1.06L18 7.94 16.94 9l.53.53.72.72h-4.94v1.5h4.94l-.72.72-.53.53L18 14.06l.53-.53 2-2 .53-.53-.53-.53-2-2Z\" />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAMC,IAAAC,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAwb,CAAE,CAC9b,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAT,QAAA"}
+{"version":3,"names":["_primitives","require","_default","_react","createElement","SVG","xmlns","viewBox","Path","d","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/icon-move-blocks.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\nexport default (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M9.53 17.47 9 16.94 7.94 18l.53.53 2 2 .53.53.53-.53 2-2 .53-.53L13 16.94l-.53.53-.72.72v-4.94h-1.5v4.94l-.72-.72Zm-1.06-14L7.94 4 9 5.06l.53-.53.72-.72v4.94h1.5V3.81l.72.72.53.53L14.06 4l-.53-.53-2-2L11 .94l-.53.53-2 2ZM4.53 9.53 5.06 9 4 7.94l-.53.53-2 2-.53.53.53.53 2 2 .53.53L5.06 13l-.53-.53-.72-.72h4.94v-1.5H3.81l.72-.72Zm14-1.06L18 7.94 16.94 9l.53.53.72.72h-4.94v1.5h4.94l-.72.72-.53.53L18 14.06l.53-.53 2-2 .53-.53-.53-.53-2-2Z\" />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAMC,IAAAC,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAwb,CAAE,CAC9b,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAT,QAAA"}

package/build/components/editor-help/index.native.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _stack = require("@react-navigation/stack");
 var _components = require("@wordpress/components");
@@ -41,27 +41,27 @@ const HELP_TOPICS = [{
   label: (0, _i18n.__)('What is a block?'),
   slug: 'what-is-a-block',
   icon: _icons.helpFilled,
-  view: (0, _element.createElement)(_introToBlocks.default, null)
+  view: (0, _react.createElement)(_introToBlocks.default, null)
 }, {
   label: (0, _i18n.__)('Add blocks'),
   slug: 'add-blocks',
   icon: _icons.plusCircleFilled,
-  view: (0, _element.createElement)(_addBlocks.default, null)
+  view: (0, _react.createElement)(_addBlocks.default, null)
 }, {
   label: (0, _i18n.__)('Move blocks'),
   slug: 'move-blocks',
   icon: _iconMoveBlocks.default,
-  view: (0, _element.createElement)(_moveBlocks.default, null)
+  view: (0, _react.createElement)(_moveBlocks.default, null)
 }, {
   label: (0, _i18n.__)('Remove blocks'),
   slug: 'remove-blocks',
   icon: _icons.trash,
-  view: (0, _element.createElement)(_removeBlocks.default, null)
+  view: (0, _react.createElement)(_removeBlocks.default, null)
 }, {
   label: (0, _i18n.__)('Customize blocks'),
   slug: 'customize-blocks',
   icon: _icons.cog,
-  view: (0, _element.createElement)(_customizeBlocks.default, null)
+  view: (0, _react.createElement)(_customizeBlocks.default, null)
 }];
 function EditorHelpTopics({
   close,
@@ -75,40 +75,40 @@ function EditorHelpTopics({
     postType: select(_editor.store).getEditedPostAttribute('type')
   }));
   const title = postType === 'page' ? (0, _i18n.__)('How to edit your page') : (0, _i18n.__)('How to edit your post');
-  const supportSection = (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_helpSectionTitle.default, null, (0, _i18n.__)('Get support')), (0, _element.createElement)(_helpGetSupportButton.default, {
+  const supportSection = (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_helpSectionTitle.default, null, (0, _i18n.__)('Get support')), (0, _react.createElement)(_helpGetSupportButton.default, {
     title: (0, _i18n.__)('Contact support'),
     onPress: _reactNativeBridge.requestContactCustomerSupport
-  }), (0, _element.createElement)(_helpGetSupportButton.default, {
+  }), (0, _react.createElement)(_helpGetSupportButton.default, {
     title: (0, _i18n.__)('More support options'),
     onPress: _reactNativeBridge.requestGotoCustomerSupportOptions
   }));
-  return (0, _element.createElement)(_components.BottomSheet, {
+  return (0, _react.createElement)(_components.BottomSheet, {
     isVisible: isVisible,
     onClose: onClose,
     hideHeader: true,
     hasNavigation: true,
     contentStyle: _style.default.contentContainer,
     testID: "editor-help-modal"
-  }, (0, _element.createElement)(_reactNative.SafeAreaView, {
+  }, (0, _react.createElement)(_reactNative.SafeAreaView, {
     style: _style.default.safeAreaContainer
-  }, (0, _element.createElement)(_components.BottomSheet.NavigationContainer, {
+  }, (0, _react.createElement)(_components.BottomSheet.NavigationContainer, {
     animate: true,
     main: true,
     style: _style.default.navigationContainer
-  }, (0, _element.createElement)(_components.BottomSheet.NavigationScreen, {
+  }, (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
     isScrollable: true,
     fullScreen: true,
     name: "help-topics"
-  }, (0, _element.createElement)(_reactNative.View, {
+  }, (0, _react.createElement)(_reactNative.View, {
     style: _style.default.container
-  }, (0, _element.createElement)(_components.BottomSheet.NavBar, null, (0, _element.createElement)(_components.BottomSheet.NavBar.DismissButton, {
+  }, (0, _react.createElement)(_components.BottomSheet.NavBar, null, (0, _react.createElement)(_components.BottomSheet.NavBar.DismissButton, {
     onPress: close,
     iosText: (0, _i18n.__)('Close')
-  }), (0, _element.createElement)(_components.BottomSheet.NavBar.Heading, null, title)), (0, _element.createElement)(_components.BottomSheetConsumer, null, ({
+  }), (0, _react.createElement)(_components.BottomSheet.NavBar.Heading, null, title)), (0, _react.createElement)(_components.BottomSheetConsumer, null, ({
     listProps
   }) => {
     const contentContainerStyle = _reactNative.StyleSheet.flatten(listProps.contentContainerStyle);
-    return (0, _element.createElement)(_reactNative.ScrollView, {
+    return (0, _react.createElement)(_reactNative.ScrollView, {
       ...listProps,
       contentContainerStyle: {
         ...contentContainerStyle,
@@ -120,13 +120,13 @@ function EditorHelpTopics({
          */
         marginTop: 0
       }
-    }, (0, _element.createElement)(_components.PanelBody, null, (0, _element.createElement)(_helpSectionTitle.default, null, (0, _i18n.__)('The basics')), HELP_TOPICS.map(({
+    }, (0, _react.createElement)(_components.PanelBody, null, (0, _react.createElement)(_helpSectionTitle.default, null, (0, _i18n.__)('The basics')), HELP_TOPICS.map(({
       label,
       icon,
       slug
     }, index) => {
       const isLastItem = index === HELP_TOPICS.length - 1;
-      return (0, _element.createElement)(_helpTopicRow.default, {
+      return (0, _react.createElement)(_helpTopicRow.default, {
         key: slug,
         label: label,
         icon: icon,
@@ -139,7 +139,7 @@ function EditorHelpTopics({
     label,
     slug
   }) => {
-    return (0, _element.createElement)(_helpDetailNavigationScreen.default, {
+    return (0, _react.createElement)(_helpDetailNavigationScreen.default, {
       key: slug,
       name: slug,
       content: view,

package/build/components/editor-help/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_stack","_components","_i18n","_icons","_data","_editor","_reactNativeBridge","_style","_interopRequireDefault","_helpDetailNavigationScreen","_helpTopicRow","_helpGetSupportButton","_introToBlocks","_addBlocks","_moveBlocks","_removeBlocks","_customizeBlocks","_iconMoveBlocks","_helpSectionTitle","HELP_TOPICS","label","__","slug","icon","helpFilled","view","_element","createElement","default","plusCircleFilled","moveBlocksIcon","trash","cog","EditorHelpTopics","close","isVisible","onClose","showSupport","postType","useSelect","select","editorStore","getEditedPostAttribute","title","supportSection","Fragment","onPress","requestContactCustomerSupport","requestGotoCustomerSupportOptions","BottomSheet","hideHeader","hasNavigation","contentStyle","styles","contentContainer","testID","SafeAreaView","style","safeAreaContainer","NavigationContainer","animate","main","navigationContainer","NavigationScreen","isScrollable","fullScreen","name","View","container","NavBar","DismissButton","iosText","Heading","BottomSheetConsumer","listProps","contentContainerStyle","StyleSheet","flatten","ScrollView","paddingBottom","Math","max","safeAreaBottomInset","marginTop","PanelBody","map","index","isLastItem","length","key","screenName","content","options","gestureEnabled","TransitionPresets","DefaultTransition","_default","exports"],"sources":["@wordpress/editor/src/components/editor-help/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView, ScrollView, StyleSheet, View } from 'react-native';\nimport { TransitionPresets } from '@react-navigation/stack';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBottomSheet,\n\tBottomSheetConsumer,\n\tPanelBody,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { helpFilled, plusCircleFilled, trash, cog } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\nimport {\n\trequestContactCustomerSupport,\n\trequestGotoCustomerSupportOptions,\n} from '@wordpress/react-native-bridge';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport HelpDetailNavigationScreen from './help-detail-navigation-screen';\nimport HelpTopicRow from './help-topic-row';\nimport HelpGetSupportButton from './help-get-support-button';\nimport IntroToBlocks from './intro-to-blocks';\nimport AddBlocks from './add-blocks';\nimport MoveBlocks from './move-blocks';\nimport RemoveBlocks from './remove-blocks';\nimport CustomizeBlocks from './customize-blocks';\nimport moveBlocksIcon from './icon-move-blocks';\nimport HelpSectionTitle from './help-section-title';\n\nconst HELP_TOPICS = [\n\t{\n\t\tlabel: __( 'What is a block?' ),\n\t\tslug: 'what-is-a-block',\n\t\ticon: helpFilled,\n\t\tview: <IntroToBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Add blocks' ),\n\t\tslug: 'add-blocks',\n\t\ticon: plusCircleFilled,\n\t\tview: <AddBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Move blocks' ),\n\t\tslug: 'move-blocks',\n\t\ticon: moveBlocksIcon,\n\t\tview: <MoveBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Remove blocks' ),\n\t\tslug: 'remove-blocks',\n\t\ticon: trash,\n\t\tview: <RemoveBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Customize blocks' ),\n\t\tslug: 'customize-blocks',\n\t\ticon: cog,\n\t\tview: <CustomizeBlocks />,\n\t},\n];\n\nfunction EditorHelpTopics( { close, isVisible, onClose, showSupport } ) {\n\tconst { postType } = useSelect( ( select ) => ( {\n\t\tpostType: select( editorStore ).getEditedPostAttribute( 'type' ),\n\t} ) );\n\n\tconst title =\n\t\tpostType === 'page'\n\t\t\t? __( 'How to edit your page' )\n\t\t\t: __( 'How to edit your post' );\n\n\tconst supportSection = (\n\t\t<>\n\t\t\t<HelpSectionTitle>{ __( 'Get support' ) }</HelpSectionTitle>\n\t\t\t<HelpGetSupportButton\n\t\t\t\ttitle={ __( 'Contact support' ) }\n\t\t\t\tonPress={ requestContactCustomerSupport }\n\t\t\t/>\n\t\t\t<HelpGetSupportButton\n\t\t\t\ttitle={ __( 'More support options' ) }\n\t\t\t\tonPress={ requestGotoCustomerSupportOptions }\n\t\t\t/>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ isVisible }\n\t\t\tonClose={ onClose }\n\t\t\thideHeader\n\t\t\thasNavigation\n\t\t\tcontentStyle={ styles.contentContainer }\n\t\t\ttestID=\"editor-help-modal\"\n\t\t>\n\t\t\t<SafeAreaView style={ styles.safeAreaContainer }>\n\t\t\t\t<BottomSheet.NavigationContainer\n\t\t\t\t\tanimate\n\t\t\t\t\tmain\n\t\t\t\t\tstyle={ styles.navigationContainer }\n\t\t\t\t>\n\t\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\t\tisScrollable\n\t\t\t\t\t\tfullScreen\n\t\t\t\t\t\tname=\"help-topics\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ styles.container }>\n\t\t\t\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t\t\t\t<BottomSheet.NavBar.DismissButton\n\t\t\t\t\t\t\t\t\tonPress={ close }\n\t\t\t\t\t\t\t\t\tiosText={ __( 'Close' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t\t\t\t<BottomSheetConsumer>\n\t\t\t\t\t\t\t\t{ ( { listProps } ) => {\n\t\t\t\t\t\t\t\t\tconst contentContainerStyle =\n\t\t\t\t\t\t\t\t\t\tStyleSheet.flatten(\n\t\t\t\t\t\t\t\t\t\t\tlistProps.contentContainerStyle\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<ScrollView\n\t\t\t\t\t\t\t\t\t\t\t{ ...listProps }\n\t\t\t\t\t\t\t\t\t\t\tcontentContainerStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t...contentContainerStyle,\n\t\t\t\t\t\t\t\t\t\t\t\tpaddingBottom: Math.max(\n\t\t\t\t\t\t\t\t\t\t\t\t\tlistProps.safeAreaBottomInset,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontentContainerStyle.paddingBottom\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t/**\n\t\t\t\t\t\t\t\t\t\t\t\t * Remove margin set via `hideHeader`. Combining a header\n\t\t\t\t\t\t\t\t\t\t\t\t * and navigation in this bottom sheet is at odds with the\n\t\t\t\t\t\t\t\t\t\t\t\t * current `BottomSheet` implementation.\n\t\t\t\t\t\t\t\t\t\t\t\t */\n\t\t\t\t\t\t\t\t\t\t\t\tmarginTop: 0,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t\t\t\t\t\t\t<HelpSectionTitle>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'The basics' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</HelpSectionTitle>\n\t\t\t\t\t\t\t\t\t\t\t\t{ /* Print out help topics. */ }\n\t\t\t\t\t\t\t\t\t\t\t\t{ HELP_TOPICS.map(\n\t\t\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label, icon, slug },\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst isLastItem =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tHELP_TOPICS.length -\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t1;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<HelpTopicRow\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ slug }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscreenName={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tslug\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLastItem\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t{ showSupport &&\n\t\t\t\t\t\t\t\t\t\t\t\t\tsupportSection }\n\t\t\t\t\t\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t\t\t\t\t</ScrollView>\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</BottomSheetConsumer>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t\t{ /* Print out help detail screens. */ }\n\t\t\t\t\t{ HELP_TOPICS.map( ( { view, label, slug } ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<HelpDetailNavigationScreen\n\t\t\t\t\t\t\t\tkey={ slug }\n\t\t\t\t\t\t\t\tname={ slug }\n\t\t\t\t\t\t\t\tcontent={ view }\n\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\toptions={ {\n\t\t\t\t\t\t\t\t\tgestureEnabled: false,\n\t\t\t\t\t\t\t\t\t...TransitionPresets.DefaultTransition,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</BottomSheet.NavigationContainer>\n\t\t\t</SafeAreaView>\n\t\t</BottomSheet>\n\t);\n}\n\nexport default EditorHelpTopics;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AAQA,IAAAQ,MAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,2BAAA,GAAAD,sBAAA,CAAAT,OAAA;AACA,IAAAW,aAAA,GAAAF,sBAAA,CAAAT,OAAA;AACA,IAAAY,qBAAA,GAAAH,sBAAA,CAAAT,OAAA;AACA,IAAAa,cAAA,GAAAJ,sBAAA,CAAAT,OAAA;AACA,IAAAc,UAAA,GAAAL,sBAAA,CAAAT,OAAA;AACA,IAAAe,WAAA,GAAAN,sBAAA,CAAAT,OAAA;AACA,IAAAgB,aAAA,GAAAP,sBAAA,CAAAT,OAAA;AACA,IAAAiB,gBAAA,GAAAR,sBAAA,CAAAT,OAAA;AACA,IAAAkB,eAAA,GAAAT,sBAAA,CAAAT,OAAA;AACA,IAAAmB,iBAAA,GAAAV,sBAAA,CAAAT,OAAA;AApCA;AACA;AACA;;AAIA;AACA;AACA;;AAeA;AACA;AACA;;AAaA,MAAMoB,WAAW,GAAG,CACnB;EACCC,KAAK,EAAE,IAAAC,QAAE,EAAE,kBAAmB,CAAC;EAC/BC,IAAI,EAAE,iBAAiB;EACvBC,IAAI,EAAEC,iBAAU;EAChBC,IAAI,EAAE,IAAAC,QAAA,CAAAC,aAAA,EAACf,cAAA,CAAAgB,OAAa,MAAE;AACvB,CAAC,EACD;EACCR,KAAK,EAAE,IAAAC,QAAE,EAAE,YAAa,CAAC;EACzBC,IAAI,EAAE,YAAY;EAClBC,IAAI,EAAEM,uBAAgB;EACtBJ,IAAI,EAAE,IAAAC,QAAA,CAAAC,aAAA,EAACd,UAAA,CAAAe,OAAS,MAAE;AACnB,CAAC,EACD;EACCR,KAAK,EAAE,IAAAC,QAAE,EAAE,aAAc,CAAC;EAC1BC,IAAI,EAAE,aAAa;EACnBC,IAAI,EAAEO,uBAAc;EACpBL,IAAI,EAAE,IAAAC,QAAA,CAAAC,aAAA,EAACb,WAAA,CAAAc,OAAU,MAAE;AACpB,CAAC,EACD;EACCR,KAAK,EAAE,IAAAC,QAAE,EAAE,eAAgB,CAAC;EAC5BC,IAAI,EAAE,eAAe;EACrBC,IAAI,EAAEQ,YAAK;EACXN,IAAI,EAAE,IAAAC,QAAA,CAAAC,aAAA,EAACZ,aAAA,CAAAa,OAAY,MAAE;AACtB,CAAC,EACD;EACCR,KAAK,EAAE,IAAAC,QAAE,EAAE,kBAAmB,CAAC;EAC/BC,IAAI,EAAE,kBAAkB;EACxBC,IAAI,EAAES,UAAG;EACTP,IAAI,EAAE,IAAAC,QAAA,CAAAC,aAAA,EAACX,gBAAA,CAAAY,OAAe,MAAE;AACzB,CAAC,CACD;AAED,SAASK,gBAAgBA,CAAE;EAAEC,KAAK;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAY,CAAC,EAAG;EACvE,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,KAAQ;IAC/CF,QAAQ,EAAEE,MAAM,CAAEC,aAAY,CAAC,CAACC,sBAAsB,CAAE,MAAO;EAChE,CAAC,CAAG,CAAC;EAEL,MAAMC,KAAK,GACVL,QAAQ,KAAK,MAAM,GAChB,IAAAjB,QAAE,EAAE,uBAAwB,CAAC,GAC7B,IAAAA,QAAE,EAAE,uBAAwB,CAAC;EAEjC,MAAMuB,cAAc,GACnB,IAAAlB,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAmB,QAAA,QACC,IAAAnB,QAAA,CAAAC,aAAA,EAACT,iBAAA,CAAAU,OAAgB,QAAG,IAAAP,QAAE,EAAE,aAAc,CAAqB,CAAC,EAC5D,IAAAK,QAAA,CAAAC,aAAA,EAAChB,qBAAA,CAAAiB,OAAoB;IACpBe,KAAK,EAAG,IAAAtB,QAAE,EAAE,iBAAkB,CAAG;IACjCyB,OAAO,EAAGC;EAA+B,CACzC,CAAC,EACF,IAAArB,QAAA,CAAAC,aAAA,EAAChB,qBAAA,CAAAiB,OAAoB;IACpBe,KAAK,EAAG,IAAAtB,QAAE,EAAE,sBAAuB,CAAG;IACtCyB,OAAO,EAAGE;EAAmC,CAC7C,CACA,CACF;EAED,OACC,IAAAtB,QAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAAgD,WAAW;IACXd,SAAS,EAAGA,SAAW;IACvBC,OAAO,EAAGA,OAAS;IACnBc,UAAU;IACVC,aAAa;IACbC,YAAY,EAAGC,cAAM,CAACC,gBAAkB;IACxCC,MAAM,EAAC;EAAmB,GAE1B,IAAA7B,QAAA,CAAAC,aAAA,EAAC7B,YAAA,CAAA0D,YAAY;IAACC,KAAK,EAAGJ,cAAM,CAACK;EAAmB,GAC/C,IAAAhC,QAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAAgD,WAAW,CAACU,mBAAmB;IAC/BC,OAAO;IACPC,IAAI;IACJJ,KAAK,EAAGJ,cAAM,CAACS;EAAqB,GAEpC,IAAApC,QAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAAgD,WAAW,CAACc,gBAAgB;IAC5BC,YAAY;IACZC,UAAU;IACVC,IAAI,EAAC;EAAa,GAElB,IAAAxC,QAAA,CAAAC,aAAA,EAAC7B,YAAA,CAAAqE,IAAI;IAACV,KAAK,EAAGJ,cAAM,CAACe;EAAW,GAC/B,IAAA1C,QAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAAgD,WAAW,CAACoB,MAAM,QAClB,IAAA3C,QAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAAgD,WAAW,CAACoB,MAAM,CAACC,aAAa;IAChCxB,OAAO,EAAGZ,KAAO;IACjBqC,OAAO,EAAG,IAAAlD,QAAE,EAAE,OAAQ;EAAG,CACzB,CAAC,EACF,IAAAK,QAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAAgD,WAAW,CAACoB,MAAM,CAACG,OAAO,QACxB7B,KACyB,CACT,CAAC,EACrB,IAAAjB,QAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAAwE,mBAAmB,QACjB,CAAE;IAAEC;EAAU,CAAC,KAAM;IACtB,MAAMC,qBAAqB,GAC1BC,uBAAU,CAACC,OAAO,CACjBH,SAAS,CAACC,qBACX,CAAC;IACF,OACC,IAAAjD,QAAA,CAAAC,aAAA,EAAC7B,YAAA,CAAAgF,UAAU;MAAA,GACLJ,SAAS;MACdC,qBAAqB,EAAG;QACvB,GAAGA,qBAAqB;QACxBI,aAAa,EAAEC,IAAI,CAACC,GAAG,CACtBP,SAAS,CAACQ,mBAAmB,EAC7BP,qBAAqB,CAACI,aACvB,CAAC;QACD;AACZ;AACA;AACA;AACA;QACYI,SAAS,EAAE;MACZ;IAAG,GAEH,IAAAzD,QAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAAmF,SAAS,QACT,IAAA1D,QAAA,CAAAC,aAAA,EAACT,iBAAA,CAAAU,OAAgB,QACd,IAAAP,QAAE,EAAE,YAAa,CACF,CAAC,EAEjBF,WAAW,CAACkE,GAAG,CAChB,CACC;MAAEjE,KAAK;MAAEG,IAAI;MAAED;IAAK,CAAC,EACrBgE,KAAK,KACD;MACJ,MAAMC,UAAU,GACfD,KAAK,KACLnE,WAAW,CAACqE,MAAM,GACjB,CAAC;MACH,OACC,IAAA9D,QAAA,CAAAC,aAAA,EAACjB,aAAA,CAAAkB,OAAY;QACZ6D,GAAG,EAAGnE,IAAM;QACZF,KAAK,EAAGA,KAAO;QACfG,IAAI,EAAGA,IAAM;QACbmE,UAAU,EACTpE,IACA;QACDiE,UAAU,EACTA;MACA,CACD,CAAC;IAEJ,CACD,CAAC,EACClD,WAAW,IACZO,cACS,CACA,CAAC;EAEf,CACoB,CAChB,CACuB,CAAC,EAE7BzB,WAAW,CAACkE,GAAG,CAAE,CAAE;IAAE5D,IAAI;IAAEL,KAAK;IAAEE;EAAK,CAAC,KAAM;IAC/C,OACC,IAAAI,QAAA,CAAAC,aAAA,EAAClB,2BAAA,CAAAmB,OAA0B;MAC1B6D,GAAG,EAAGnE,IAAM;MACZ4C,IAAI,EAAG5C,IAAM;MACbqE,OAAO,EAAGlE,IAAM;MAChBL,KAAK,EAAGA,KAAO;MACfwE,OAAO,EAAG;QACTC,cAAc,EAAE,KAAK;QACrB,GAAGC,wBAAiB,CAACC;MACtB;IAAG,CACH,CAAC;EAEJ,CAAE,CAC8B,CACpB,CACF,CAAC;AAEhB;AAAC,IAAAC,QAAA,GAEc/D,gBAAgB;AAAAgE,OAAA,CAAArE,OAAA,GAAAoE,QAAA"}
+{"version":3,"names":["_reactNative","require","_stack","_components","_i18n","_icons","_data","_editor","_reactNativeBridge","_style","_interopRequireDefault","_helpDetailNavigationScreen","_helpTopicRow","_helpGetSupportButton","_introToBlocks","_addBlocks","_moveBlocks","_removeBlocks","_customizeBlocks","_iconMoveBlocks","_helpSectionTitle","HELP_TOPICS","label","__","slug","icon","helpFilled","view","_react","createElement","default","plusCircleFilled","moveBlocksIcon","trash","cog","EditorHelpTopics","close","isVisible","onClose","showSupport","postType","useSelect","select","editorStore","getEditedPostAttribute","title","supportSection","Fragment","onPress","requestContactCustomerSupport","requestGotoCustomerSupportOptions","BottomSheet","hideHeader","hasNavigation","contentStyle","styles","contentContainer","testID","SafeAreaView","style","safeAreaContainer","NavigationContainer","animate","main","navigationContainer","NavigationScreen","isScrollable","fullScreen","name","View","container","NavBar","DismissButton","iosText","Heading","BottomSheetConsumer","listProps","contentContainerStyle","StyleSheet","flatten","ScrollView","paddingBottom","Math","max","safeAreaBottomInset","marginTop","PanelBody","map","index","isLastItem","length","key","screenName","content","options","gestureEnabled","TransitionPresets","DefaultTransition","_default","exports"],"sources":["@wordpress/editor/src/components/editor-help/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView, ScrollView, StyleSheet, View } from 'react-native';\nimport { TransitionPresets } from '@react-navigation/stack';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBottomSheet,\n\tBottomSheetConsumer,\n\tPanelBody,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { helpFilled, plusCircleFilled, trash, cog } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\nimport {\n\trequestContactCustomerSupport,\n\trequestGotoCustomerSupportOptions,\n} from '@wordpress/react-native-bridge';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport HelpDetailNavigationScreen from './help-detail-navigation-screen';\nimport HelpTopicRow from './help-topic-row';\nimport HelpGetSupportButton from './help-get-support-button';\nimport IntroToBlocks from './intro-to-blocks';\nimport AddBlocks from './add-blocks';\nimport MoveBlocks from './move-blocks';\nimport RemoveBlocks from './remove-blocks';\nimport CustomizeBlocks from './customize-blocks';\nimport moveBlocksIcon from './icon-move-blocks';\nimport HelpSectionTitle from './help-section-title';\n\nconst HELP_TOPICS = [\n\t{\n\t\tlabel: __( 'What is a block?' ),\n\t\tslug: 'what-is-a-block',\n\t\ticon: helpFilled,\n\t\tview: <IntroToBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Add blocks' ),\n\t\tslug: 'add-blocks',\n\t\ticon: plusCircleFilled,\n\t\tview: <AddBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Move blocks' ),\n\t\tslug: 'move-blocks',\n\t\ticon: moveBlocksIcon,\n\t\tview: <MoveBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Remove blocks' ),\n\t\tslug: 'remove-blocks',\n\t\ticon: trash,\n\t\tview: <RemoveBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Customize blocks' ),\n\t\tslug: 'customize-blocks',\n\t\ticon: cog,\n\t\tview: <CustomizeBlocks />,\n\t},\n];\n\nfunction EditorHelpTopics( { close, isVisible, onClose, showSupport } ) {\n\tconst { postType } = useSelect( ( select ) => ( {\n\t\tpostType: select( editorStore ).getEditedPostAttribute( 'type' ),\n\t} ) );\n\n\tconst title =\n\t\tpostType === 'page'\n\t\t\t? __( 'How to edit your page' )\n\t\t\t: __( 'How to edit your post' );\n\n\tconst supportSection = (\n\t\t<>\n\t\t\t<HelpSectionTitle>{ __( 'Get support' ) }</HelpSectionTitle>\n\t\t\t<HelpGetSupportButton\n\t\t\t\ttitle={ __( 'Contact support' ) }\n\t\t\t\tonPress={ requestContactCustomerSupport }\n\t\t\t/>\n\t\t\t<HelpGetSupportButton\n\t\t\t\ttitle={ __( 'More support options' ) }\n\t\t\t\tonPress={ requestGotoCustomerSupportOptions }\n\t\t\t/>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ isVisible }\n\t\t\tonClose={ onClose }\n\t\t\thideHeader\n\t\t\thasNavigation\n\t\t\tcontentStyle={ styles.contentContainer }\n\t\t\ttestID=\"editor-help-modal\"\n\t\t>\n\t\t\t<SafeAreaView style={ styles.safeAreaContainer }>\n\t\t\t\t<BottomSheet.NavigationContainer\n\t\t\t\t\tanimate\n\t\t\t\t\tmain\n\t\t\t\t\tstyle={ styles.navigationContainer }\n\t\t\t\t>\n\t\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\t\tisScrollable\n\t\t\t\t\t\tfullScreen\n\t\t\t\t\t\tname=\"help-topics\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ styles.container }>\n\t\t\t\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t\t\t\t<BottomSheet.NavBar.DismissButton\n\t\t\t\t\t\t\t\t\tonPress={ close }\n\t\t\t\t\t\t\t\t\tiosText={ __( 'Close' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t\t\t\t<BottomSheetConsumer>\n\t\t\t\t\t\t\t\t{ ( { listProps } ) => {\n\t\t\t\t\t\t\t\t\tconst contentContainerStyle =\n\t\t\t\t\t\t\t\t\t\tStyleSheet.flatten(\n\t\t\t\t\t\t\t\t\t\t\tlistProps.contentContainerStyle\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<ScrollView\n\t\t\t\t\t\t\t\t\t\t\t{ ...listProps }\n\t\t\t\t\t\t\t\t\t\t\tcontentContainerStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t...contentContainerStyle,\n\t\t\t\t\t\t\t\t\t\t\t\tpaddingBottom: Math.max(\n\t\t\t\t\t\t\t\t\t\t\t\t\tlistProps.safeAreaBottomInset,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontentContainerStyle.paddingBottom\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t/**\n\t\t\t\t\t\t\t\t\t\t\t\t * Remove margin set via `hideHeader`. Combining a header\n\t\t\t\t\t\t\t\t\t\t\t\t * and navigation in this bottom sheet is at odds with the\n\t\t\t\t\t\t\t\t\t\t\t\t * current `BottomSheet` implementation.\n\t\t\t\t\t\t\t\t\t\t\t\t */\n\t\t\t\t\t\t\t\t\t\t\t\tmarginTop: 0,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t\t\t\t\t\t\t<HelpSectionTitle>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'The basics' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</HelpSectionTitle>\n\t\t\t\t\t\t\t\t\t\t\t\t{ /* Print out help topics. */ }\n\t\t\t\t\t\t\t\t\t\t\t\t{ HELP_TOPICS.map(\n\t\t\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label, icon, slug },\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst isLastItem =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tHELP_TOPICS.length -\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t1;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<HelpTopicRow\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ slug }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscreenName={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tslug\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLastItem\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t{ showSupport &&\n\t\t\t\t\t\t\t\t\t\t\t\t\tsupportSection }\n\t\t\t\t\t\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t\t\t\t\t</ScrollView>\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</BottomSheetConsumer>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t\t{ /* Print out help detail screens. */ }\n\t\t\t\t\t{ HELP_TOPICS.map( ( { view, label, slug } ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<HelpDetailNavigationScreen\n\t\t\t\t\t\t\t\tkey={ slug }\n\t\t\t\t\t\t\t\tname={ slug }\n\t\t\t\t\t\t\t\tcontent={ view }\n\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\toptions={ {\n\t\t\t\t\t\t\t\t\tgestureEnabled: false,\n\t\t\t\t\t\t\t\t\t...TransitionPresets.DefaultTransition,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</BottomSheet.NavigationContainer>\n\t\t\t</SafeAreaView>\n\t\t</BottomSheet>\n\t);\n}\n\nexport default EditorHelpTopics;\n"],"mappings":"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"}

package/build/components/editor-help/intro-to-blocks.native.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _compose = require("@wordpress/compose");
@@ -25,40 +25,40 @@ var _viewSections = require("./view-sections");
 
 const IntroToBlocks = () => {
   const titleStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.helpDetailTitle, _style.default.helpDetailTitleDark);
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_viewSections.HelpDetailImage, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_viewSections.HelpDetailImage, {
     source: require('./images/block-layout-collage.png')
-  }), (0, _element.createElement)(_reactNative.View, {
+  }), (0, _react.createElement)(_reactNative.View, {
     style: _style.default.helpDetailContainer
-  }, (0, _element.createElement)(_reactNative.Text, {
+  }, (0, _react.createElement)(_reactNative.Text, {
     accessibilityRole: "header",
     selectable: true,
     style: titleStyle
-  }, (0, _i18n.__)('Welcome to the world of blocks')), (0, _element.createElement)(_viewSections.HelpDetailBodyText, {
+  }, (0, _i18n.__)('Welcome to the world of blocks')), (0, _react.createElement)(_viewSections.HelpDetailBodyText, {
     text: (0, _i18n.__)('Blocks are pieces of content that you can insert, rearrange, and style without needing to know how to code. Blocks are an easy and modern way for you to create beautiful layouts.')
-  }), (0, _element.createElement)(_viewSections.HelpDetailSectionHeadingText, {
+  }), (0, _react.createElement)(_viewSections.HelpDetailSectionHeadingText, {
     text: (0, _i18n.__)('Rich text editing')
-  }), (0, _element.createElement)(_viewSections.HelpDetailBodyText, {
+  }), (0, _react.createElement)(_viewSections.HelpDetailBodyText, {
     text: (0, _i18n.__)('Blocks allow you to focus on writing your content, knowing that all the formatting tools you need are there to help you get your message across.')
-  }), (0, _element.createElement)(_viewSections.HelpDetailImage, {
+  }), (0, _react.createElement)(_viewSections.HelpDetailImage, {
     accessible: true,
     accessibilityLabel: (0, _i18n.__)('Text formatting controls are located within the toolbar positioned above the keyboard while editing a text block'),
     source: require('./images/rich-text-light.png'),
     sourceDarkMode: require('./images/rich-text-dark.png')
-  }), (0, _element.createElement)(_viewSections.HelpDetailSectionHeadingText, {
+  }), (0, _react.createElement)(_viewSections.HelpDetailSectionHeadingText, {
     text: (0, _i18n.__)('Embed media')
-  }), (0, _element.createElement)(_viewSections.HelpDetailBodyText, {
+  }), (0, _react.createElement)(_viewSections.HelpDetailBodyText, {
     text: (0, _i18n.__)('Make your content stand out by adding images, gifs, videos, and embedded media to your pages.')
-  }), (0, _element.createElement)(_viewSections.HelpDetailImage, {
+  }), (0, _react.createElement)(_viewSections.HelpDetailImage, {
     source: require('./images/embed-media-light.png'),
     sourceDarkMode: require('./images/embed-media-dark.png')
-  }), (0, _element.createElement)(_viewSections.HelpDetailSectionHeadingText, {
+  }), (0, _react.createElement)(_viewSections.HelpDetailSectionHeadingText, {
     text: (0, _i18n.__)('Build layouts')
-  }), (0, _element.createElement)(_viewSections.HelpDetailBodyText, {
+  }), (0, _react.createElement)(_viewSections.HelpDetailBodyText, {
     text: (0, _i18n.__)('Arrange your content into columns, add Call to Action buttons, and overlay images with text.')
-  }), (0, _element.createElement)(_viewSections.HelpDetailImage, {
+  }), (0, _react.createElement)(_viewSections.HelpDetailImage, {
     source: require('./images/build-layouts-light.png'),
     sourceDarkMode: require('./images/build-layouts-dark.png')
-  }), (0, _element.createElement)(_viewSections.HelpDetailBodyText, {
+  }), (0, _react.createElement)(_viewSections.HelpDetailBodyText, {
     text: (0, _i18n.__)('Give it a try by adding a few blocks to your post or page!')
   })));
 };

package/build/components/editor-help/intro-to-blocks.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_compose","_style","_interopRequireDefault","_viewSections","IntroToBlocks","titleStyle","usePreferredColorSchemeStyle","styles","helpDetailTitle","helpDetailTitleDark","_element","createElement","Fragment","HelpDetailImage","source","View","style","helpDetailContainer","Text","accessibilityRole","selectable","__","HelpDetailBodyText","text","HelpDetailSectionHeadingText","accessible","accessibilityLabel","sourceDarkMode","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/intro-to-blocks.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport {\n\tHelpDetailBodyText,\n\tHelpDetailSectionHeadingText,\n\tHelpDetailImage,\n} from './view-sections';\n\nconst IntroToBlocks = () => {\n\tconst titleStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailTitle,\n\t\tstyles.helpDetailTitleDark\n\t);\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/block-layout-collage.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<Text\n\t\t\t\t\taccessibilityRole=\"header\"\n\t\t\t\t\tselectable\n\t\t\t\t\tstyle={ titleStyle }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Welcome to the world of blocks' ) }\n\t\t\t\t</Text>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Blocks are pieces of content that you can insert, rearrange, and style without needing to know how to code. Blocks are an easy and modern way for you to create beautiful layouts.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailSectionHeadingText\n\t\t\t\t\ttext={ __( 'Rich text editing' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Blocks allow you to focus on writing your content, knowing that all the formatting tools you need are there to help you get your message across.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailImage\n\t\t\t\t\taccessible={ true }\n\t\t\t\t\taccessibilityLabel={ __(\n\t\t\t\t\t\t'Text formatting controls are located within the toolbar positioned above the keyboard while editing a text block'\n\t\t\t\t\t) }\n\t\t\t\t\tsource={ require( './images/rich-text-light.png' ) }\n\t\t\t\t\tsourceDarkMode={ require( './images/rich-text-dark.png' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailSectionHeadingText text={ __( 'Embed media' ) } />\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Make your content stand out by adding images, gifs, videos, and embedded media to your pages.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailImage\n\t\t\t\t\tsource={ require( './images/embed-media-light.png' ) }\n\t\t\t\t\tsourceDarkMode={ require( './images/embed-media-dark.png' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailSectionHeadingText text={ __( 'Build layouts' ) } />\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Arrange your content into columns, add Call to Action buttons, and overlay images with text.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailImage\n\t\t\t\t\tsource={ require( './images/build-layouts-light.png' ) }\n\t\t\t\t\tsourceDarkMode={ require( './images/build-layouts-dark.png' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Give it a try by adding a few blocks to your post or page!'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default IntroToBlocks;\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_i18n","_compose","_style","_interopRequireDefault","_viewSections","IntroToBlocks","titleStyle","usePreferredColorSchemeStyle","styles","helpDetailTitle","helpDetailTitleDark","_react","createElement","Fragment","HelpDetailImage","source","View","style","helpDetailContainer","Text","accessibilityRole","selectable","__","HelpDetailBodyText","text","HelpDetailSectionHeadingText","accessible","accessibilityLabel","sourceDarkMode","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/intro-to-blocks.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport {\n\tHelpDetailBodyText,\n\tHelpDetailSectionHeadingText,\n\tHelpDetailImage,\n} from './view-sections';\n\nconst IntroToBlocks = () => {\n\tconst titleStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailTitle,\n\t\tstyles.helpDetailTitleDark\n\t);\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/block-layout-collage.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<Text\n\t\t\t\t\taccessibilityRole=\"header\"\n\t\t\t\t\tselectable\n\t\t\t\t\tstyle={ titleStyle }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Welcome to the world of blocks' ) }\n\t\t\t\t</Text>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Blocks are pieces of content that you can insert, rearrange, and style without needing to know how to code. Blocks are an easy and modern way for you to create beautiful layouts.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailSectionHeadingText\n\t\t\t\t\ttext={ __( 'Rich text editing' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Blocks allow you to focus on writing your content, knowing that all the formatting tools you need are there to help you get your message across.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailImage\n\t\t\t\t\taccessible={ true }\n\t\t\t\t\taccessibilityLabel={ __(\n\t\t\t\t\t\t'Text formatting controls are located within the toolbar positioned above the keyboard while editing a text block'\n\t\t\t\t\t) }\n\t\t\t\t\tsource={ require( './images/rich-text-light.png' ) }\n\t\t\t\t\tsourceDarkMode={ require( './images/rich-text-dark.png' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailSectionHeadingText text={ __( 'Embed media' ) } />\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Make your content stand out by adding images, gifs, videos, and embedded media to your pages.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailImage\n\t\t\t\t\tsource={ require( './images/embed-media-light.png' ) }\n\t\t\t\t\tsourceDarkMode={ require( './images/embed-media-dark.png' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailSectionHeadingText text={ __( 'Build layouts' ) } />\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Arrange your content into columns, add Call to Action buttons, and overlay images with text.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailImage\n\t\t\t\t\tsource={ require( './images/build-layouts-light.png' ) }\n\t\t\t\t\tsourceDarkMode={ require( './images/build-layouts-dark.png' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Give it a try by adding a few blocks to your post or page!'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default IntroToBlocks;\n"],"mappings":"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"}

package/build/components/editor-help/move-blocks.native.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _style = _interopRequireDefault(require("./style.scss"));
@@ -23,24 +23,24 @@ var _viewSections = require("./view-sections");
  */
 
 const MoveBlocks = () => {
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_viewSections.HelpDetailImage, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_viewSections.HelpDetailImage, {
     source: require('./images/drag-and-drop-light.png'),
     sourceDarkMode: require('./images/drag-and-drop-dark.png')
-  }), (0, _element.createElement)(_reactNative.View, {
+  }), (0, _react.createElement)(_reactNative.View, {
     style: _style.default.helpDetailContainer
-  }, (0, _element.createElement)(_viewSections.HelpDetailSectionHeadingText, {
+  }, (0, _react.createElement)(_viewSections.HelpDetailSectionHeadingText, {
     text: (0, _i18n.__)('Drag & drop'),
     badge: (0, _i18n.__)('NEW')
-  }), (0, _element.createElement)(_viewSections.HelpDetailBodyText, {
+  }), (0, _react.createElement)(_viewSections.HelpDetailBodyText, {
     text: (0, _i18n.__)('Drag & drop makes rearranging blocks a breeze. Press and hold on a block, then drag it to its new location and release.')
-  })), (0, _element.createElement)(_viewSections.HelpDetailImage, {
+  })), (0, _react.createElement)(_viewSections.HelpDetailImage, {
     source: require('./images/move-light.png'),
     sourceDarkMode: require('./images/move-dark.png')
-  }), (0, _element.createElement)(_reactNative.View, {
+  }), (0, _react.createElement)(_reactNative.View, {
     style: _style.default.helpDetailContainer
-  }, (0, _element.createElement)(_viewSections.HelpDetailSectionHeadingText, {
+  }, (0, _react.createElement)(_viewSections.HelpDetailSectionHeadingText, {
     text: (0, _i18n.__)('Arrow buttons')
-  }), (0, _element.createElement)(_viewSections.HelpDetailBodyText, {
+  }), (0, _react.createElement)(_viewSections.HelpDetailBodyText, {
     text: (0, _i18n.__)('You can also rearrange blocks by tapping a block and then tapping the up and down arrows that appear on the bottom left side of the block to move it up or down.')
   })));
 };

package/build/components/editor-help/move-blocks.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_style","_interopRequireDefault","_viewSections","MoveBlocks","_element","createElement","Fragment","HelpDetailImage","source","sourceDarkMode","View","style","styles","helpDetailContainer","HelpDetailSectionHeadingText","text","__","badge","HelpDetailBodyText","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/move-blocks.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport {\n\tHelpDetailBodyText,\n\tHelpDetailImage,\n\tHelpDetailSectionHeadingText,\n} from './view-sections';\n\nconst MoveBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/drag-and-drop-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/drag-and-drop-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailSectionHeadingText\n\t\t\t\t\ttext={ __( 'Drag & drop' ) }\n\t\t\t\t\tbadge={ __( 'NEW' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Drag & drop makes rearranging blocks a breeze. Press and hold on a block, then drag it to its new location and release.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/move-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/move-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailSectionHeadingText text={ __( 'Arrow buttons' ) } />\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'You can also rearrange blocks by tapping a block and then tapping the up and down arrows that appear on the bottom left side of the block to move it up or down.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default MoveBlocks;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAQA,MAAMK,UAAU,GAAGA,CAAA,KAAM;EACxB,OACC,IAAAC,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAACH,aAAA,CAAAK,eAAe;IACfC,MAAM,EAAGV,OAAO,CAAE,kCAAmC,CAAG;IACxDW,cAAc,EAAGX,OAAO,CAAE,iCAAkC;EAAG,CAC/D,CAAC,EACF,IAAAM,QAAA,CAAAC,aAAA,EAACR,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAqB,GACzC,IAAAT,QAAA,CAAAC,aAAA,EAACH,aAAA,CAAAY,4BAA4B;IAC5BC,IAAI,EAAG,IAAAC,QAAE,EAAE,aAAc,CAAG;IAC5BC,KAAK,EAAG,IAAAD,QAAE,EAAE,KAAM;EAAG,CACrB,CAAC,EACF,IAAAZ,QAAA,CAAAC,aAAA,EAACH,aAAA,CAAAgB,kBAAkB;IAClBH,IAAI,EAAG,IAAAC,QAAE,EACR,yHACD;EAAG,CACH,CACI,CAAC,EACP,IAAAZ,QAAA,CAAAC,aAAA,EAACH,aAAA,CAAAK,eAAe;IACfC,MAAM,EAAGV,OAAO,CAAE,yBAA0B,CAAG;IAC/CW,cAAc,EAAGX,OAAO,CAAE,wBAAyB;EAAG,CACtD,CAAC,EACF,IAAAM,QAAA,CAAAC,aAAA,EAACR,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAqB,GACzC,IAAAT,QAAA,CAAAC,aAAA,EAACH,aAAA,CAAAY,4BAA4B;IAACC,IAAI,EAAG,IAAAC,QAAE,EAAE,eAAgB;EAAG,CAAE,CAAC,EAC/D,IAAAZ,QAAA,CAAAC,aAAA,EAACH,aAAA,CAAAgB,kBAAkB;IAClBH,IAAI,EAAG,IAAAC,QAAE,EACR,kKACD;EAAG,CACH,CACI,CACL,CAAC;AAEL,CAAC;AAAC,IAAAG,QAAA,GAEahB,UAAU;AAAAiB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","_i18n","_style","_interopRequireDefault","_viewSections","MoveBlocks","_react","createElement","Fragment","HelpDetailImage","source","sourceDarkMode","View","style","styles","helpDetailContainer","HelpDetailSectionHeadingText","text","__","badge","HelpDetailBodyText","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/move-blocks.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport {\n\tHelpDetailBodyText,\n\tHelpDetailImage,\n\tHelpDetailSectionHeadingText,\n} from './view-sections';\n\nconst MoveBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/drag-and-drop-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/drag-and-drop-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailSectionHeadingText\n\t\t\t\t\ttext={ __( 'Drag & drop' ) }\n\t\t\t\t\tbadge={ __( 'NEW' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Drag & drop makes rearranging blocks a breeze. Press and hold on a block, then drag it to its new location and release.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/move-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/move-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailSectionHeadingText text={ __( 'Arrow buttons' ) } />\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'You can also rearrange blocks by tapping a block and then tapping the up and down arrows that appear on the bottom left side of the block to move it up or down.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default MoveBlocks;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAQA,MAAMK,UAAU,GAAGA,CAAA,KAAM;EACxB,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAK,eAAe;IACfC,MAAM,EAAGV,OAAO,CAAE,kCAAmC,CAAG;IACxDW,cAAc,EAAGX,OAAO,CAAE,iCAAkC;EAAG,CAC/D,CAAC,EACF,IAAAM,MAAA,CAAAC,aAAA,EAACR,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAqB,GACzC,IAAAT,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAY,4BAA4B;IAC5BC,IAAI,EAAG,IAAAC,QAAE,EAAE,aAAc,CAAG;IAC5BC,KAAK,EAAG,IAAAD,QAAE,EAAE,KAAM;EAAG,CACrB,CAAC,EACF,IAAAZ,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAgB,kBAAkB;IAClBH,IAAI,EAAG,IAAAC,QAAE,EACR,yHACD;EAAG,CACH,CACI,CAAC,EACP,IAAAZ,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAK,eAAe;IACfC,MAAM,EAAGV,OAAO,CAAE,yBAA0B,CAAG;IAC/CW,cAAc,EAAGX,OAAO,CAAE,wBAAyB;EAAG,CACtD,CAAC,EACF,IAAAM,MAAA,CAAAC,aAAA,EAACR,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAqB,GACzC,IAAAT,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAY,4BAA4B;IAACC,IAAI,EAAG,IAAAC,QAAE,EAAE,eAAgB;EAAG,CAAE,CAAC,EAC/D,IAAAZ,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAgB,kBAAkB;IAClBH,IAAI,EAAG,IAAAC,QAAE,EACR,kKACD;EAAG,CACH,CACI,CACL,CAAC;AAEL,CAAC;AAAC,IAAAG,QAAA,GAEahB,UAAU;AAAAiB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/editor-help/remove-blocks.native.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _style = _interopRequireDefault(require("./style.scss"));
@@ -23,12 +23,12 @@ var _viewSections = require("./view-sections");
  */
 
 const RemoveBlocks = () => {
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_viewSections.HelpDetailImage, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_viewSections.HelpDetailImage, {
     source: require('./images/options-light.png'),
     sourceDarkMode: require('./images/options-dark.png')
-  }), (0, _element.createElement)(_reactNative.View, {
+  }), (0, _react.createElement)(_reactNative.View, {
     style: _style.default.helpDetailContainer
-  }, (0, _element.createElement)(_viewSections.HelpDetailBodyText, {
+  }, (0, _react.createElement)(_viewSections.HelpDetailBodyText, {
     text: (0, _i18n.__)('To remove a block, select the block and click the three dots in the bottom right of the block to view the settings. From there, choose the option to remove the block.')
   })));
 };

package/build/components/editor-help/remove-blocks.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_style","_interopRequireDefault","_viewSections","RemoveBlocks","_element","createElement","Fragment","HelpDetailImage","source","sourceDarkMode","View","style","styles","helpDetailContainer","HelpDetailBodyText","text","__","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/remove-blocks.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { HelpDetailBodyText, HelpDetailImage } from './view-sections';\n\nconst RemoveBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/options-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/options-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'To remove a block, select the block and click the three dots in the bottom right of the block to view the settings. From there, choose the option to remove the block.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default RemoveBlocks;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMK,YAAY,GAAGA,CAAA,KAAM;EAC1B,OACC,IAAAC,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAACH,aAAA,CAAAK,eAAe;IACfC,MAAM,EAAGV,OAAO,CAAE,4BAA6B,CAAG;IAClDW,cAAc,EAAGX,OAAO,CAAE,2BAA4B;EAAG,CACzD,CAAC,EACF,IAAAM,QAAA,CAAAC,aAAA,EAACR,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAqB,GACzC,IAAAT,QAAA,CAAAC,aAAA,EAACH,aAAA,CAAAY,kBAAkB;IAClBC,IAAI,EAAG,IAAAC,QAAE,EACR,wKACD;EAAG,CACH,CACI,CACL,CAAC;AAEL,CAAC;AAAC,IAAAC,QAAA,GAEad,YAAY;AAAAe,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","_i18n","_style","_interopRequireDefault","_viewSections","RemoveBlocks","_react","createElement","Fragment","HelpDetailImage","source","sourceDarkMode","View","style","styles","helpDetailContainer","HelpDetailBodyText","text","__","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/remove-blocks.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { HelpDetailBodyText, HelpDetailImage } from './view-sections';\n\nconst RemoveBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/options-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/options-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'To remove a block, select the block and click the three dots in the bottom right of the block to view the settings. From there, choose the option to remove the block.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default RemoveBlocks;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMK,YAAY,GAAGA,CAAA,KAAM;EAC1B,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAK,eAAe;IACfC,MAAM,EAAGV,OAAO,CAAE,4BAA6B,CAAG;IAClDW,cAAc,EAAGX,OAAO,CAAE,2BAA4B;EAAG,CACzD,CAAC,EACF,IAAAM,MAAA,CAAAC,aAAA,EAACR,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAqB,GACzC,IAAAT,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAY,kBAAkB;IAClBC,IAAI,EAAG,IAAAC,QAAE,EACR,wKACD;EAAG,CACH,CACI,CACL,CAAC;AAEL,CAAC;AAAC,IAAAC,QAAA,GAEad,YAAY;AAAAe,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/editor-help/view-sections.native.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HelpDetailSectionHeadingText = exports.HelpDetailImage = exports.HelpDetailBodyText = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _compose = require("@wordpress/compose");
 var _style = _interopRequireDefault(require("./style.scss"));
@@ -25,7 +25,7 @@ const HelpDetailBodyText = ({
   text
 }) => {
   const bodyStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.helpDetailBody, _style.default.helpDetailBodyDark);
-  return (0, _element.createElement)(_reactNative.Text, {
+  return (0, _react.createElement)(_reactNative.Text, {
     selectable: true,
     style: bodyStyle
   }, text);
@@ -36,11 +36,11 @@ const HelpDetailSectionHeadingText = ({
   badge
 }) => {
   const headingTextStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.helpDetailSectionHeadingText, _style.default.helpDetailSectionHeadingTextDark);
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     style: _style.default.helpDetailSectionHeading
-  }, badge && (0, _element.createElement)(HelpDetailBadge, {
+  }, badge && (0, _react.createElement)(HelpDetailBadge, {
     text: badge
-  }), (0, _element.createElement)(_reactNative.Text, {
+  }), (0, _react.createElement)(_reactNative.Text, {
     accessibilityRole: "header",
     selectable: true,
     style: headingTextStyle
@@ -55,7 +55,7 @@ const HelpDetailImage = ({
 }) => {
   const imageStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.helpDetailImage, _style.default.helpDetailImageDark);
   const darkModeEnabled = (0, _compose.usePreferredColorScheme)() === 'dark';
-  return (0, _element.createElement)(_reactNative.Image, {
+  return (0, _react.createElement)(_reactNative.Image, {
     accessible: accessible,
     accessibilityLabel: accessibilityLabel,
     source: darkModeEnabled && sourceDarkMode ? sourceDarkMode : source,
@@ -66,9 +66,9 @@ exports.HelpDetailImage = HelpDetailImage;
 const HelpDetailBadge = ({
   text
 }) => {
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     style: _style.default.helpDetailBadgeContainer
-  }, (0, _element.createElement)(_reactNative.Text, {
+  }, (0, _react.createElement)(_reactNative.Text, {
     style: _style.default.helpDetailBadgeText
   }, text));
 };

package/build/components/editor-help/view-sections.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","HelpDetailBodyText","text","bodyStyle","usePreferredColorSchemeStyle","styles","helpDetailBody","helpDetailBodyDark","_element","createElement","Text","selectable","style","exports","HelpDetailSectionHeadingText","badge","headingTextStyle","helpDetailSectionHeadingText","helpDetailSectionHeadingTextDark","View","helpDetailSectionHeading","HelpDetailBadge","accessibilityRole","HelpDetailImage","accessible","accessibilityLabel","source","sourceDarkMode","imageStyle","helpDetailImage","helpDetailImageDark","darkModeEnabled","usePreferredColorScheme","Image","helpDetailBadgeContainer","helpDetailBadgeText"],"sources":["@wordpress/editor/src/components/editor-help/view-sections.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, Image, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tusePreferredColorScheme,\n\tusePreferredColorSchemeStyle,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport const HelpDetailBodyText = ( { text } ) => {\n\tconst bodyStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailBody,\n\t\tstyles.helpDetailBodyDark\n\t);\n\treturn (\n\t\t<Text selectable style={ bodyStyle }>\n\t\t\t{ text }\n\t\t</Text>\n\t);\n};\n\nexport const HelpDetailSectionHeadingText = ( { text, badge } ) => {\n\tconst headingTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailSectionHeadingText,\n\t\tstyles.helpDetailSectionHeadingTextDark\n\t);\n\treturn (\n\t\t<View style={ styles.helpDetailSectionHeading }>\n\t\t\t{ badge && <HelpDetailBadge text={ badge } /> }\n\t\t\t<Text\n\t\t\t\taccessibilityRole=\"header\"\n\t\t\t\tselectable\n\t\t\t\tstyle={ headingTextStyle }\n\t\t\t>\n\t\t\t\t{ text }\n\t\t\t</Text>\n\t\t</View>\n\t);\n};\n\nexport const HelpDetailImage = ( {\n\taccessible,\n\taccessibilityLabel,\n\tsource,\n\tsourceDarkMode,\n} ) => {\n\tconst imageStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailImage,\n\t\tstyles.helpDetailImageDark\n\t);\n\tconst darkModeEnabled = usePreferredColorScheme() === 'dark';\n\treturn (\n\t\t<Image\n\t\t\taccessible={ accessible }\n\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\tsource={\n\t\t\t\tdarkModeEnabled && sourceDarkMode ? sourceDarkMode : source\n\t\t\t}\n\t\t\tstyle={ imageStyle }\n\t\t/>\n\t);\n};\n\nconst HelpDetailBadge = ( { text } ) => {\n\treturn (\n\t\t<View style={ styles.helpDetailBadgeContainer }>\n\t\t\t<Text style={ styles.helpDetailBadgeText }>{ text }</Text>\n\t\t</View>\n\t);\n};\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAQA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAGO,MAAMI,kBAAkB,GAAGA,CAAE;EAAEC;AAAK,CAAC,KAAM;EACjD,MAAMC,SAAS,GAAG,IAAAC,qCAA4B,EAC7CC,cAAM,CAACC,cAAc,EACrBD,cAAM,CAACE,kBACR,CAAC;EACD,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,UAAU;IAACC,KAAK,EAAGT;EAAW,GACjCD,IACG,CAAC;AAET,CAAC;AAACW,OAAA,CAAAZ,kBAAA,GAAAA,kBAAA;AAEK,MAAMa,4BAA4B,GAAGA,CAAE;EAAEZ,IAAI;EAAEa;AAAM,CAAC,KAAM;EAClE,MAAMC,gBAAgB,GAAG,IAAAZ,qCAA4B,EACpDC,cAAM,CAACY,4BAA4B,EACnCZ,cAAM,CAACa,gCACR,CAAC;EACD,OACC,IAAAV,QAAA,CAAAC,aAAA,EAACb,YAAA,CAAAuB,IAAI;IAACP,KAAK,EAAGP,cAAM,CAACe;EAA0B,GAC5CL,KAAK,IAAI,IAAAP,QAAA,CAAAC,aAAA,EAACY,eAAe;IAACnB,IAAI,EAAGa;EAAO,CAAE,CAAC,EAC7C,IAAAP,QAAA,CAAAC,aAAA,EAACb,YAAA,CAAAc,IAAI;IACJY,iBAAiB,EAAC,QAAQ;IAC1BX,UAAU;IACVC,KAAK,EAAGI;EAAkB,GAExBd,IACG,CACD,CAAC;AAET,CAAC;AAACW,OAAA,CAAAC,4BAAA,GAAAA,4BAAA;AAEK,MAAMS,eAAe,GAAGA,CAAE;EAChCC,UAAU;EACVC,kBAAkB;EAClBC,MAAM;EACNC;AACD,CAAC,KAAM;EACN,MAAMC,UAAU,GAAG,IAAAxB,qCAA4B,EAC9CC,cAAM,CAACwB,eAAe,EACtBxB,cAAM,CAACyB,mBACR,CAAC;EACD,MAAMC,eAAe,GAAG,IAAAC,gCAAuB,EAAC,CAAC,KAAK,MAAM;EAC5D,OACC,IAAAxB,QAAA,CAAAC,aAAA,EAACb,YAAA,CAAAqC,KAAK;IACLT,UAAU,EAAGA,UAAY;IACzBC,kBAAkB,EAAGA,kBAAoB;IACzCC,MAAM,EACLK,eAAe,IAAIJ,cAAc,GAAGA,cAAc,GAAGD,MACrD;IACDd,KAAK,EAAGgB;EAAY,CACpB,CAAC;AAEJ,CAAC;AAACf,OAAA,CAAAU,eAAA,GAAAA,eAAA;AAEF,MAAMF,eAAe,GAAGA,CAAE;EAAEnB;AAAK,CAAC,KAAM;EACvC,OACC,IAAAM,QAAA,CAAAC,aAAA,EAACb,YAAA,CAAAuB,IAAI;IAACP,KAAK,EAAGP,cAAM,CAAC6B;EAA0B,GAC9C,IAAA1B,QAAA,CAAAC,aAAA,EAACb,YAAA,CAAAc,IAAI;IAACE,KAAK,EAAGP,cAAM,CAAC8B;EAAqB,GAAGjC,IAAY,CACpD,CAAC;AAET,CAAC"}
+{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","HelpDetailBodyText","text","bodyStyle","usePreferredColorSchemeStyle","styles","helpDetailBody","helpDetailBodyDark","_react","createElement","Text","selectable","style","exports","HelpDetailSectionHeadingText","badge","headingTextStyle","helpDetailSectionHeadingText","helpDetailSectionHeadingTextDark","View","helpDetailSectionHeading","HelpDetailBadge","accessibilityRole","HelpDetailImage","accessible","accessibilityLabel","source","sourceDarkMode","imageStyle","helpDetailImage","helpDetailImageDark","darkModeEnabled","usePreferredColorScheme","Image","helpDetailBadgeContainer","helpDetailBadgeText"],"sources":["@wordpress/editor/src/components/editor-help/view-sections.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, Image, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tusePreferredColorScheme,\n\tusePreferredColorSchemeStyle,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport const HelpDetailBodyText = ( { text } ) => {\n\tconst bodyStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailBody,\n\t\tstyles.helpDetailBodyDark\n\t);\n\treturn (\n\t\t<Text selectable style={ bodyStyle }>\n\t\t\t{ text }\n\t\t</Text>\n\t);\n};\n\nexport const HelpDetailSectionHeadingText = ( { text, badge } ) => {\n\tconst headingTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailSectionHeadingText,\n\t\tstyles.helpDetailSectionHeadingTextDark\n\t);\n\treturn (\n\t\t<View style={ styles.helpDetailSectionHeading }>\n\t\t\t{ badge && <HelpDetailBadge text={ badge } /> }\n\t\t\t<Text\n\t\t\t\taccessibilityRole=\"header\"\n\t\t\t\tselectable\n\t\t\t\tstyle={ headingTextStyle }\n\t\t\t>\n\t\t\t\t{ text }\n\t\t\t</Text>\n\t\t</View>\n\t);\n};\n\nexport const HelpDetailImage = ( {\n\taccessible,\n\taccessibilityLabel,\n\tsource,\n\tsourceDarkMode,\n} ) => {\n\tconst imageStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailImage,\n\t\tstyles.helpDetailImageDark\n\t);\n\tconst darkModeEnabled = usePreferredColorScheme() === 'dark';\n\treturn (\n\t\t<Image\n\t\t\taccessible={ accessible }\n\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\tsource={\n\t\t\t\tdarkModeEnabled && sourceDarkMode ? sourceDarkMode : source\n\t\t\t}\n\t\t\tstyle={ imageStyle }\n\t\t/>\n\t);\n};\n\nconst HelpDetailBadge = ( { text } ) => {\n\treturn (\n\t\t<View style={ styles.helpDetailBadgeContainer }>\n\t\t\t<Text style={ styles.helpDetailBadgeText }>{ text }</Text>\n\t\t</View>\n\t);\n};\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAQA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAGO,MAAMI,kBAAkB,GAAGA,CAAE;EAAEC;AAAK,CAAC,KAAM;EACjD,MAAMC,SAAS,GAAG,IAAAC,qCAA4B,EAC7CC,cAAM,CAACC,cAAc,EACrBD,cAAM,CAACE,kBACR,CAAC;EACD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,UAAU;IAACC,KAAK,EAAGT;EAAW,GACjCD,IACG,CAAC;AAET,CAAC;AAACW,OAAA,CAAAZ,kBAAA,GAAAA,kBAAA;AAEK,MAAMa,4BAA4B,GAAGA,CAAE;EAAEZ,IAAI;EAAEa;AAAM,CAAC,KAAM;EAClE,MAAMC,gBAAgB,GAAG,IAAAZ,qCAA4B,EACpDC,cAAM,CAACY,4BAA4B,EACnCZ,cAAM,CAACa,gCACR,CAAC;EACD,OACC,IAAAV,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAuB,IAAI;IAACP,KAAK,EAAGP,cAAM,CAACe;EAA0B,GAC5CL,KAAK,IAAI,IAAAP,MAAA,CAAAC,aAAA,EAACY,eAAe;IAACnB,IAAI,EAAGa;EAAO,CAAE,CAAC,EAC7C,IAAAP,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAc,IAAI;IACJY,iBAAiB,EAAC,QAAQ;IAC1BX,UAAU;IACVC,KAAK,EAAGI;EAAkB,GAExBd,IACG,CACD,CAAC;AAET,CAAC;AAACW,OAAA,CAAAC,4BAAA,GAAAA,4BAAA;AAEK,MAAMS,eAAe,GAAGA,CAAE;EAChCC,UAAU;EACVC,kBAAkB;EAClBC,MAAM;EACNC;AACD,CAAC,KAAM;EACN,MAAMC,UAAU,GAAG,IAAAxB,qCAA4B,EAC9CC,cAAM,CAACwB,eAAe,EACtBxB,cAAM,CAACyB,mBACR,CAAC;EACD,MAAMC,eAAe,GAAG,IAAAC,gCAAuB,EAAC,CAAC,KAAK,MAAM;EAC5D,OACC,IAAAxB,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAqC,KAAK;IACLT,UAAU,EAAGA,UAAY;IACzBC,kBAAkB,EAAGA,kBAAoB;IACzCC,MAAM,EACLK,eAAe,IAAIJ,cAAc,GAAGA,cAAc,GAAGD,MACrD;IACDd,KAAK,EAAGgB;EAAY,CACpB,CAAC;AAEJ,CAAC;AAACf,OAAA,CAAAU,eAAA,GAAAA,eAAA;AAEF,MAAMF,eAAe,GAAGA,CAAE;EAAEnB;AAAK,CAAC,KAAM;EACvC,OACC,IAAAM,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAuB,IAAI;IAACP,KAAK,EAAGP,cAAM,CAAC6B;EAA0B,GAC9C,IAAA1B,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAc,IAAI;IAACE,KAAK,EAAGP,cAAM,CAAC8B;EAAqB,GAAGjC,IAAY,CACpD,CAAC;AAET,CAAC"}

package/build/components/editor-history/redo.js

@@ -4,12 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _keycodes = require("@wordpress/keycodes");
 var _icons = require("@wordpress/icons");
+var _element = require("@wordpress/element");
 var _store = require("../../store");
 /**
  * WordPress dependencies
@@ -25,7 +26,7 @@ function EditorHistoryRedo(props, ref) {
   const {
     redo
   } = (0, _data.useDispatch)(_store.store);
-  return (0, _element.createElement)(_components.Button, {
+  return (0, _react.createElement)(_components.Button, {
     ...props,
     ref: ref,
     icon: !(0, _i18n.isRTL)() ? _icons.redo : _icons.undo

package/build/components/editor-history/redo.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_data","_keycodes","_icons","_store","EditorHistoryRedo","props","ref","shortcut","isAppleOS","displayShortcut","primaryShift","primary","hasRedo","useSelect","select","editorStore","hasEditorRedo","redo","useDispatch","createElement","Button","icon","isRTL","redoIcon","undoIcon","label","__","onClick","undefined","className","_default","forwardRef","exports","default"],"sources":["@wordpress/editor/src/components/editor-history/redo.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { redo as redoIcon, undo as undoIcon } from '@wordpress/icons';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nfunction EditorHistoryRedo( props, ref ) {\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tconst hasRedo = useSelect(\n\t\t( select ) => select( editorStore ).hasEditorRedo(),\n\t\t[]\n\t);\n\tconst { redo } = useDispatch( editorStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\tlabel={ __( 'Redo' ) }\n\t\t\tshortcut={ shortcut }\n\t\t\t// If there are no redo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasRedo }\n\t\t\tonClick={ hasRedo ? redo : undefined }\n\t\t\tclassName=\"editor-history__redo\"\n\t\t/>\n\t);\n}\n\nexport default forwardRef( EditorHistoryRedo );\n"],"mappings":";;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AALA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAMA,IAAAM,MAAA,GAAAN,OAAA;AAbA;AACA;AACA;;AAQA;AACA;AACA;;AAGA,SAASO,iBAAiBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACxC,MAAMC,QAAQ,GAAG,IAAAC,mBAAS,EAAC,CAAC,GACzBC,yBAAe,CAACC,YAAY,CAAE,GAAI,CAAC,GACnCD,yBAAe,CAACE,OAAO,CAAE,GAAI,CAAC;EAEjC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EACtBC,MAAM,IAAMA,MAAM,CAAEC,YAAY,CAAC,CAACC,aAAa,CAAC,CAAC,EACnD,EACD,CAAC;EACD,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAY,CAAC;EAC3C,OACC,IAAAnB,QAAA,CAAAuB,aAAA,EAACpB,WAAA,CAAAqB,MAAM;IAAA,GACDf,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXe,IAAI,EAAG,CAAE,IAAAC,WAAK,EAAC,CAAC,GAAGC,WAAQ,GAAGC;IAC9B;IACAC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBnB,QAAQ,EAAGA;IACX;IACA;IACA;IAAA;IACA,iBAAgB,CAAEK,OAAS;IAC3Be,OAAO,EAAGf,OAAO,GAAGK,IAAI,GAAGW,SAAW;IACtCC,SAAS,EAAC;EAAsB,CAChC,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAEc,IAAAC,mBAAU,EAAE3B,iBAAkB,CAAC;AAAA4B,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_i18n","require","_components","_data","_keycodes","_icons","_element","_store","EditorHistoryRedo","props","ref","shortcut","isAppleOS","displayShortcut","primaryShift","primary","hasRedo","useSelect","select","editorStore","hasEditorRedo","redo","useDispatch","_react","createElement","Button","icon","isRTL","redoIcon","undoIcon","label","__","onClick","undefined","className","_default","forwardRef","exports","default"],"sources":["@wordpress/editor/src/components/editor-history/redo.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { redo as redoIcon, undo as undoIcon } from '@wordpress/icons';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nfunction EditorHistoryRedo( props, ref ) {\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tconst hasRedo = useSelect(\n\t\t( select ) => select( editorStore ).hasEditorRedo(),\n\t\t[]\n\t);\n\tconst { redo } = useDispatch( editorStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\tlabel={ __( 'Redo' ) }\n\t\t\tshortcut={ shortcut }\n\t\t\t// If there are no redo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasRedo }\n\t\t\tonClick={ hasRedo ? redo : undefined }\n\t\t\tclassName=\"editor-history__redo\"\n\t\t/>\n\t);\n}\n\nexport default forwardRef( EditorHistoryRedo );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAbA;AACA;AACA;;AAQA;AACA;AACA;;AAGA,SAASO,iBAAiBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACxC,MAAMC,QAAQ,GAAG,IAAAC,mBAAS,EAAC,CAAC,GACzBC,yBAAe,CAACC,YAAY,CAAE,GAAI,CAAC,GACnCD,yBAAe,CAACE,OAAO,CAAE,GAAI,CAAC;EAEjC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EACtBC,MAAM,IAAMA,MAAM,CAAEC,YAAY,CAAC,CAACC,aAAa,CAAC,CAAC,EACnD,EACD,CAAC;EACD,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAY,CAAC;EAC3C,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAuB,MAAM;IAAA,GACDhB,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXgB,IAAI,EAAG,CAAE,IAAAC,WAAK,EAAC,CAAC,GAAGC,WAAQ,GAAGC;IAC9B;IACAC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBpB,QAAQ,EAAGA;IACX;IACA;IACA;IAAA;IACA,iBAAgB,CAAEK,OAAS;IAC3BgB,OAAO,EAAGhB,OAAO,GAAGK,IAAI,GAAGY,SAAW;IACtCC,SAAS,EAAC;EAAsB,CAChC,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAEc,IAAAC,mBAAU,EAAE5B,iBAAkB,CAAC;AAAA6B,OAAA,CAAAC,OAAA,GAAAH,QAAA"}