newspack-components 2.2.1 → 3.0.0-alpha.2

package/dist/{esm/with-wizard → with-wizard}/style.scss

@@ -2,14 +2,14 @@
  * With Wizard
  */
 
-@use '~@wordpress/base-styles/colors' as wp-colors;
-@use '../../../shared/scss/colors';
+@use "~@wordpress/base-styles/colors" as wp-colors;
+@use "../../../shared/scss/colors";
 
 // Reset Padding of the Admin Page
 
-.toplevel_page_newspack:not( .menu-top ),
-body[class*='newspack_page_newspack-'],
-body[class*='admin_page_newspack-'] {
+.toplevel_page_newspack:not(.menu-top),
+body[class*="newspack_page_newspack-"],
+body[class*="admin_page_newspack-"] {
 	background: white;
 
 	#wpcontent {
@@ -33,7 +33,7 @@ body[class*='admin_page_newspack-'] {
 svg {
 	&.newspack--error {
 		fill: wp-colors.$alert-red;
-		transform: rotate( 180deg );
+		transform: rotate(180deg);
 	}
 	&.newspack--success {
 		fill: wp-colors.$alert-green;
@@ -87,38 +87,51 @@ svg {
 	&::before,
 	&::after {
 		animation: loading 2s ease-in-out infinite;
-		content: '';
+		content: "";
 		display: block;
 	}
 
 	&::before {
 		background: colors.$primary-500;
-		box-shadow: 24px 0 0 white, 69px 0 0 -15px wp-colors.$gray-900,
-			99px 0 0 -15px wp-colors.$gray-900, 129px 0 0 -15px wp-colors.$gray-900,
-			159px 0 0 -15px wp-colors.$gray-900, 189px 0 0 -15px wp-colors.$gray-900;
+		box-shadow:
+			24px 0 0 white,
+			69px 0 0 -15px wp-colors.$gray-900,
+			99px 0 0 -15px wp-colors.$gray-900,
+			129px 0 0 -15px wp-colors.$gray-900,
+			159px 0 0 -15px wp-colors.$gray-900,
+			189px 0 0 -15px wp-colors.$gray-900;
 		height: 60px;
 		width: 60px;
 	}
 
 	&::after {
 		background: wp-colors.$gray-900;
-		box-shadow: inset -40vw 0 0 0 white, 0 64px 0 0 wp-colors.$gray-700, 40vw 96px 0 0 white,
+		box-shadow:
+			inset -40vw 0 0 0 white,
+			0 64px 0 0 wp-colors.$gray-700,
+			40vw 96px 0 0 white,
 			0 96px 0 0 wp-colors.$gray-700;
 		height: 24px;
 		margin: 68px auto 0;
 		max-width: 1040px;
-		width: calc( 100% - ( 32px * 2 ) );
+		width: calc(100% - ( 32px * 2 ));
 
 		@media screen and ( min-width: 744px ) {
-			box-shadow: inset -400px 0 0 0 white, 0 64px 0 0 wp-colors.$gray-700, 200px 96px 0 0 white,
+			box-shadow:
+				inset -400px 0 0 0 white,
+				0 64px 0 0 wp-colors.$gray-700,
+				200px 96px 0 0 white,
 				0 96px 0 0 wp-colors.$gray-700;
-			width: calc( 100% - ( 64px * 2 ) );
+			width: calc(100% - ( 64px * 2 ));
 		}
 
 		@media screen and ( min-width: 1224px ) {
-			box-shadow: inset -600px 0 0 0 white, 0 64px 0 0 wp-colors.$gray-700, 512px 96px 0 0 white,
+			box-shadow:
+				inset -600px 0 0 0 white,
+				0 64px 0 0 wp-colors.$gray-700,
+				512px 96px 0 0 white,
 				0 96px 0 0 wp-colors.$gray-700;
-			width: calc( 100% - ( 64px * 2 ) );
+			width: calc(100% - ( 64px * 2 ));
 		}
 	}
 
@@ -151,7 +164,7 @@ svg {
 
 		&::before,
 		&::after {
-			content: '';
+			content: "";
 			cursor: wait;
 			display: block;
 			left: 0;
@@ -187,7 +200,7 @@ svg {
 		}
 
 		&::after {
-			background: rgba( white, 0.7 );
+			background: rgba(white, 0.7);
 			bottom: 0;
 			right: 0;
 			z-index: 9998;
@@ -206,10 +219,13 @@ svg {
 
 	&::after {
 		animation: loading 2s ease-in-out infinite;
-		content: '';
+		content: "";
 		display: block;
 		background: wp-colors.$gray-900;
-		box-shadow: inset -40vw 0 0 0 white, 0 64px 0 0 wp-colors.$gray-700, 40vw 96px 0 0 white,
+		box-shadow:
+			inset -40vw 0 0 0 white,
+			0 64px 0 0 wp-colors.$gray-700,
+			40vw 96px 0 0 white,
 			0 96px 0 0 wp-colors.$gray-700;
 		height: 24px;
 		margin: 0 auto;
@@ -217,12 +233,18 @@ svg {
 		width: 100%;
 
 		@media screen and ( min-width: 744px ) {
-			box-shadow: inset -400px 0 0 0 white, 0 64px 0 0 wp-colors.$gray-700, 200px 96px 0 0 white,
+			box-shadow:
+				inset -400px 0 0 0 white,
+				0 64px 0 0 wp-colors.$gray-700,
+				200px 96px 0 0 white,
 				0 96px 0 0 wp-colors.$gray-700;
 		}
 
 		@media screen and ( min-width: 1224px ) {
-			box-shadow: inset -600px 0 0 0 white, 0 64px 0 0 wp-colors.$gray-700, 520px 96px 0 0 white,
+			box-shadow:
+				inset -600px 0 0 0 white,
+				0 64px 0 0 wp-colors.$gray-700,
+				520px 96px 0 0 white,
 				0 96px 0 0 wp-colors.$gray-700;
 		}
 	}

package/dist/{cjs/with-wizard-screen → with-wizard-screen}/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,24 +11,24 @@ var _ = require("../");
 var _js = require("../../../shared/js/");
 require("./style.scss");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies.
  */
-const __ = _i18n.__;
+
 /**
  * Internal dependencies
  */
+
 /**
  * External dependencies
  */
+
 /**
  * Higher-Order Component to provide plugin management and error handling to Newspack Wizards.
- */
-function withWizardScreen(WrappedComponent) {
-  let {
-    hidePrimaryButton
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+ */function withWizardScreen(WrappedComponent, {
+  hidePrimaryButton
+} = {}) {
   const WrappedWithWizardScreen = props => {
     const {
       className,
@@ -48,64 +48,61 @@ function withWizardScreen(WrappedComponent) {
     const SecondaryCTAComponent = retrievedSecondaryButtonProps.plugin ? _.Handoff : _.Button;
     const shouldRenderPrimaryButton = buttonText && buttonAction;
     const shouldRenderSecondaryButton = secondaryButtonText && secondaryButtonAction;
-    const renderPrimaryButton = function () {
-      let overridingProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return retrievedButtonProps.plugin ? (0, _jsxRuntime.jsx)(_.Handoff, {
-        isPrimary: true,
-        ...retrievedButtonProps,
-        ...overridingProps,
-        children: buttonText
-      }) : (0, _jsxRuntime.jsx)(_.Button, {
-        isPrimary: !buttonDisabled,
-        isSecondary: !!buttonDisabled,
-        disabled: buttonDisabled
-        // Allow overridingProps to set children.
-        // eslint-disable-next-line react/no-children-prop
-        ,
-        children: buttonText,
-        ...retrievedButtonProps,
-        ...overridingProps
-      });
-    };
-    return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [newspack_aux_data.is_debug_mode && (0, _jsxRuntime.jsx)(_.Notice, {
+    const renderPrimaryButton = (overridingProps = {}) => retrievedButtonProps.plugin ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Handoff, {
+      isPrimary: true,
+      ...retrievedButtonProps,
+      ...overridingProps,
+      children: buttonText
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      isPrimary: !buttonDisabled,
+      isSecondary: !!buttonDisabled,
+      disabled: buttonDisabled
+      // Allow overridingProps to set children.
+      // eslint-disable-next-line react/no-children-prop
+      ,
+      children: buttonText,
+      ...retrievedButtonProps,
+      ...overridingProps
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [newspack_aux_data.is_debug_mode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Notice, {
         debugMode: true
-      }), (0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "newspack-wizard__header",
-        children: (0, _jsxRuntime.jsx)("div", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "newspack-wizard__header__inner",
-          children: (0, _jsxRuntime.jsxs)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: "newspack-wizard__title",
-            children: [(0, _jsxRuntime.jsx)(_.Button, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
               isLink: true,
               href: newspack_urls.dashboard,
-              label: __('Return to Dashboard', 'newspack'),
+              label: (0, _i18n.__)('Return to Dashboard', 'newspack-plugin'),
               showTooltip: true,
               icon: _icons.category,
               iconSize: 36,
-              children: (0, _jsxRuntime.jsx)(_.NewspackIcon, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.NewspackIcon, {
                 size: 36
               })
-            }), (0, _jsxRuntime.jsxs)("div", {
-              children: [headerText && (0, _jsxRuntime.jsx)("h2", {
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              children: [headerText && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
                 children: headerText
-              }), subHeaderText && (0, _jsxRuntime.jsx)("span", {
+              }), subHeaderText && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 children: subHeaderText
               })]
             })]
           })
         })
-      }), tabbedNavigation && (0, _jsxRuntime.jsx)(_.TabbedNavigation, {
+      }), tabbedNavigation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TabbedNavigation, {
         disableUpcoming: disableUpcomingInTabbedNavigation,
         items: tabbedNavigation.filter(item => !item.isHiddenInNav)
-      }), (0, _jsxRuntime.jsx)(_.HandoffMessage, {}), (0, _jsxRuntime.jsxs)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HandoffMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _classnames.default)('newspack-wizard newspack-wizard__content', className),
-        children: [typeof renderAboveContent === 'function' ? renderAboveContent() : null, (0, _jsxRuntime.jsx)(WrappedComponent, {
+        children: [typeof renderAboveContent === 'function' ? renderAboveContent() : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, {
           ...props,
           renderPrimaryButton: renderPrimaryButton
-        }), (shouldRenderPrimaryButton || shouldRenderSecondaryButton) && (0, _jsxRuntime.jsxs)("div", {
+        }), (shouldRenderPrimaryButton || shouldRenderSecondaryButton) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "newspack-buttons-card",
-          children: [shouldRenderPrimaryButton && !hidePrimaryButton && renderPrimaryButton(), shouldRenderSecondaryButton && (0, _jsxRuntime.jsx)(SecondaryCTAComponent, {
+          children: [shouldRenderPrimaryButton && !hidePrimaryButton && renderPrimaryButton(), shouldRenderSecondaryButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(SecondaryCTAComponent, {
             isSecondary: true,
             ...retrievedSecondaryButtonProps,
             children: secondaryButtonText

package/dist/{esm/with-wizard-screen → with-wizard-screen}/style.scss

@@ -2,8 +2,8 @@
  * With Wizard Screen
  */
 
-@use '~@wordpress/base-styles/colors' as wp-colors;
-@use '../../../shared/scss/colors';
+@use "~@wordpress/base-styles/colors" as wp-colors;
+@use "../../../shared/scss/colors";
 
 .newspack-wizard {
 	// Color
@@ -29,16 +29,16 @@
 
 	// Links
 	a {
-		color: var( --wp-admin-theme-color );
+		color: var(--wp-admin-theme-color);
 
 		&:active,
 		&:focus,
 		&:hover {
-			color: var( --wp-admin-theme-color-darker-10 );
+			color: var(--wp-admin-theme-color-darker-10);
 		}
 
 		&:focus {
-			box-shadow: 0 0 0 var( --wp-admin-border-width-focus ) var( --wp-admin-theme-color );
+			box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
 			outline: 3px solid transparent;
 		}
 	}
@@ -82,7 +82,7 @@
 				margin-bottom: -1px !important;
 			}
 
-			&:not( .newspack-icon ) {
+			&:not(.newspack-icon) {
 				background: colors.$primary-500;
 				left: 50%;
 				margin: -28px 0 0 -28px !important;
@@ -110,7 +110,7 @@
 				&::before {
 					border: 2px solid white;
 					border-radius: 2px;
-					content: '';
+					content: "";
 					display: block;
 					inset: 6px 6px 5px;
 					position: absolute;

package/dist/{cjs/wizard → wizard}/components/WizardError.js

@@ -8,20 +8,20 @@ var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _ = require("../..");
 var _store = require("../store");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies.
  */
-const __ = _i18n.__;
+
 /**
  * Internal dependencies.
  */
-const parseError = _ref => {
-  let {
-    data,
-    message,
-    code
-  } = _ref;
+
+const parseError = ({
+  data,
+  message,
+  code
+}) => {
   let level = 'fatal';
   if (!!data && 'level' in data) {
     level = data.level;
@@ -44,31 +44,30 @@ const WizardError = () => {
   } = parseError(error);
   if ('fatal' === level) {
     const fallbackURL = typeof newspack_urls !== 'undefined' && newspack_urls.dashboard;
-    return (0, _jsxRuntime.jsxs)(_.Modal, {
-      title: __('Unrecoverable error'),
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Modal, {
+      title: (0, _i18n.__)('Unrecoverable error'),
       onRequestClose: fallbackURL ? () => window.location = fallbackURL : undefined,
-      children: [(0, _jsxRuntime.jsx)(_.Notice, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Notice, {
         noticeText: message,
         isError: true,
         rawHTML: true
-      }), fallbackURL && (0, _jsxRuntime.jsx)(_.Card, {
+      }), fallbackURL && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Card, {
         buttonsCard: true,
         noBorder: true,
         className: "justify-end",
-        children: (0, _jsxRuntime.jsx)(_.Button, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
           isPrimary: true,
           href: fallbackURL,
-          children: __('Return to Dashboard', 'newspack')
+          children: (0, _i18n.__)('Return to Dashboard', 'newspack-plugin')
         })
       })]
     });
   }
-  return (0, _jsxRuntime.jsx)(_.Notice, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Notice, {
     isError: true,
     className: "newspack-wizard__above-header",
     noticeText: message,
     rawHTML: true
   });
 };
-var _default = WizardError;
-exports.default = _default;
+var _default = exports.default = WizardError;

package/dist/{cjs/wizard → wizard}/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -16,17 +15,21 @@ var _router = _interopRequireDefault(require("../proxied-imports/router"));
 var _store = _interopRequireWildcard(require("./store"));
 var _utils = require("./store/utils");
 var _WizardError = _interopRequireDefault(require("./components/WizardError"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * External dependencies.
  */
+
 /**
  * WordPress dependencies.
  */
-const __ = _i18n.__;
+
 /**
  * Internal dependencies
  */
+
 (0, _store.default)();
 const {
   HashRouter,
@@ -34,17 +37,16 @@ const {
   Route,
   Switch
 } = _router.default;
-const Wizard = _ref => {
-  let {
-    sections = [],
-    apiSlug,
-    headerText,
-    subHeaderText,
-    hasSimpleFooter,
-    className,
-    renderAboveSections,
-    requiredPlugins = []
-  } = _ref;
+const Wizard = ({
+  sections = [],
+  apiSlug,
+  headerText,
+  subHeaderText,
+  hasSimpleFooter,
+  className,
+  renderAboveSections,
+  requiredPlugins = []
+}) => {
   const isLoading = (0, _data.useSelect)(select => select(_store.WIZARD_STORE_NAMESPACE).isLoading());
   const isQuietLoading = (0, _data.useSelect)(select => select(_store.WIZARD_STORE_NAMESPACE).isQuietLoading());
 
@@ -54,78 +56,74 @@ const Wizard = _ref => {
   let displayedSections = sections.filter(section => !section.isHidden);
   const [pluginRequirementsSatisfied, setPluginRequirementsSatisfied] = (0, _element.useState)(requiredPlugins.length === 0);
   if (!pluginRequirementsSatisfied) {
-    headerText = requiredPlugins.length > 1 ? __('Required plugins', 'newspack') : __('Required plugin', 'newspack');
+    headerText = requiredPlugins.length > 1 ? (0, _i18n.__)('Required plugins', 'newspack-plugin') : (0, _i18n.__)('Required plugin', 'newspack-plugin');
     displayedSections = [{
       path: '/',
-      render: () => (0, _jsxRuntime.jsx)(_.PluginInstaller, {
+      render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.PluginInstaller, {
         plugins: requiredPlugins,
-        onStatus: _ref2 => {
-          let {
-            complete
-          } = _ref2;
-          return setPluginRequirementsSatisfied(complete);
-        }
+        onStatus: ({
+          complete
+        }) => setPluginRequirementsSatisfied(complete)
       })
     }];
   }
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)(isLoading ? 'newspack-wizard__is-loading' : 'newspack-wizard__is-loaded', {
         'newspack-wizard__is-loading-quiet': isQuietLoading
       }),
-      children: (0, _jsxRuntime.jsxs)(HashRouter, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(HashRouter, {
         hashType: "slash",
-        children: [newspack_aux_data.is_debug_mode && (0, _jsxRuntime.jsx)(_.Notice, {
+        children: [newspack_aux_data.is_debug_mode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Notice, {
           debugMode: true
-        }), (0, _jsxRuntime.jsx)("div", {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "bg-white",
-          children: (0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "newspack-wizard__header__inner",
-            children: (0, _jsxRuntime.jsxs)("div", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               className: "newspack-wizard__title",
-              children: [(0, _jsxRuntime.jsx)(_.Button, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
                 isLink: true,
                 href: newspack_urls.dashboard,
-                label: __('Return to Dashboard', 'newspack'),
+                label: (0, _i18n.__)('Return to Dashboard', 'newspack-plugin'),
                 showTooltip: true,
                 icon: _icons.category,
                 iconSize: 36,
-                children: (0, _jsxRuntime.jsx)(_.NewspackIcon, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.NewspackIcon, {
                   size: 36
                 })
-              }), (0, _jsxRuntime.jsxs)("div", {
-                children: [headerText && (0, _jsxRuntime.jsx)("h2", {
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                children: [headerText && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
                   children: headerText
-                }), subHeaderText && (0, _jsxRuntime.jsx)("span", {
+                }), subHeaderText && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                   children: subHeaderText
                 })]
               })]
             })
           })
-        }), displayedSections.length > 1 && (0, _jsxRuntime.jsx)(_.TabbedNavigation, {
+        }), displayedSections.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TabbedNavigation, {
           items: displayedSections,
-          children: (0, _jsxRuntime.jsx)(_WizardError.default, {})
-        }), (0, _jsxRuntime.jsx)(_.HandoffMessage, {}), (0, _jsxRuntime.jsxs)(Switch, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_WizardError.default, {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HandoffMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Switch, {
           children: [displayedSections.map((section, index) => {
             const SectionComponent = section.render;
-            return (0, _jsxRuntime.jsx)(Route, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(Route, {
               path: section.path,
-              children: (0, _jsxRuntime.jsxs)("div", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
                 className: (0, _classnames.default)('newspack-wizard newspack-wizard__content', className),
-                children: ['function' === typeof renderAboveSections ? renderAboveSections() : null, (0, _jsxRuntime.jsx)(SectionComponent, {})]
+                children: ['function' === typeof renderAboveSections ? renderAboveSections() : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(SectionComponent, {})]
               })
             }, index);
-          }), (0, _jsxRuntime.jsx)(Redirect, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Redirect, {
             to: displayedSections[0].path
           })]
         })]
       })
-    }), !isLoading && (0, _jsxRuntime.jsx)(_.Footer, {
+    }), !isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Footer, {
       simple: hasSimpleFooter
     })]
   });
 };
 Wizard.useWizardData = _utils.useWizardData;
 Wizard.STORE_NAMESPACE = _store.WIZARD_STORE_NAMESPACE;
-var _default = Wizard;
-exports.default = _default;
+var _default = exports.default = Wizard;

package/dist/{cjs/wizard → wizard}/store/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,8 +19,7 @@ var _utils = require("./utils.js");
  * WordPress dependencies.
  */
 
-const WIZARD_STORE_NAMESPACE = 'newspack/wizards';
-exports.WIZARD_STORE_NAMESPACE = WIZARD_STORE_NAMESPACE;
+const WIZARD_STORE_NAMESPACE = exports.WIZARD_STORE_NAMESPACE = 'newspack/wizards';
 const DEFAULT_STATE = {
   isLoading: true,
   isQuietLoading: false,
@@ -34,12 +33,10 @@ const DEFAULT_STATE = {
  * unless the state was cloned first.
  */
 const clone = objectToClone => JSON.parse(JSON.stringify(objectToClone));
-const reducer = function () {
-  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_STATE;
-  let {
-    type,
-    payload = {}
-  } = arguments.length > 1 ? arguments[1] : undefined;
+const reducer = (state = DEFAULT_STATE, {
+  type,
+  payload = {}
+}) => {
   switch (type) {
     case 'START_LOADING_DATA':
       if (payload.isQuietLoading) {
@@ -80,36 +77,38 @@ const actions = {
   updateWizardSettings: (0, _utils.createAction)('UPDATE_WIZARD_SETTINGS'),
   setError: (0, _utils.createAction)('SET_ERROR'),
   // Async actions. These will not show up in Redux devtools.
-  saveWizardSettings(_ref) {
-    let {
-      slug,
-      section = '',
-      payloadPath = false,
-      updatePayload = null
-    } = _ref;
-    return function* () {
-      // Optionally data can be updated before saving - an immediate update case
-      // (without an explicit "save" action).
-      if (updatePayload) {
-        yield actions.updateWizardSettings({
-          slug,
-          ...updatePayload
-        });
-      }
-      const wizardState = (0, _data.select)(WIZARD_STORE_NAMESPACE).getWizardAPIData(slug);
-      const updatedData = yield actions.fetchFromAPI({
-        path: `/newspack/v1/wizard/${slug}/${section}`,
-        method: 'POST',
-        data: payloadPath ? (0, _get.default)(wizardState, payloadPath) : wizardState,
-        isQuietFetch: true
+  *saveWizardSettings({
+    slug,
+    section = '',
+    payloadPath = false,
+    auxData = {},
+    updatePayload = null
+  }) {
+    // Optionally data can be updated before saving - an immediate update case
+    // (without an explicit "save" action).
+    if (updatePayload) {
+      yield actions.updateWizardSettings({
+        slug,
+        ...updatePayload
       });
-      if (!(0, _isEmpty.default)(updatedData) && !updatedData.error) {
-        return actions.setAPIDataForWizard({
-          slug,
-          data: updatedData
-        });
-      }
-    }();
+    }
+    const wizardState = (0, _data.select)(WIZARD_STORE_NAMESPACE).getWizardAPIData(slug);
+    const data = payloadPath ? (0, _get.default)(wizardState, payloadPath) : wizardState;
+    const updatedData = yield actions.fetchFromAPI({
+      path: `/newspack/v1/wizard/${slug}/${section}`,
+      method: 'POST',
+      data: {
+        ...data,
+        ...auxData
+      },
+      isQuietFetch: true
+    });
+    if (!(0, _isEmpty.default)(updatedData) && !updatedData.error) {
+      return actions.setAPIDataForWizard({
+        slug,
+        data: updatedData
+      });
+    }
   },
   *wizardApiFetch(fetchConfig) {
     // Just a proxy to fetchFromAPI, but it has to be a generator.