newspack-components 4.8.0 → 4.9.0-alpha.1

package/dist/cjs/footer/index.js

@@ -1,11 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
+var _useConfirmDialog = _interopRequireDefault(require("../hooks/use-confirm-dialog"));
 require("./style.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -39,6 +41,18 @@ var Footer = function Footer(_ref) {
     _ref2$remove_starter_ = _ref2.remove_starter_content,
     removeStarterContent = _ref2$remove_starter_ === void 0 ? false : _ref2$remove_starter_,
     supportEmail = _ref2.support_email;
+  var resetDialog = (0, _useConfirmDialog["default"])({
+    title: (0, _i18n.__)('Reset Newspack?', 'newspack-plugin'),
+    message: (0, _i18n.__)('This deletes the Newspack settings on this site and returns you to the setup wizard. Your posts, pages and users are not affected. This cannot be undone.', 'newspack-plugin'),
+    confirmButtonText: (0, _i18n.__)('Reset Newspack', 'newspack-plugin'),
+    isDestructive: true
+  });
+  var starterContentDialog = (0, _useConfirmDialog["default"])({
+    title: (0, _i18n.__)('Remove Starter Content?', 'newspack-plugin'),
+    message: (0, _i18n.__)('This deletes the posts, pages and categories created as starter content. This cannot be undone.', 'newspack-plugin'),
+    confirmButtonText: (0, _i18n.__)('Remove Starter Content', 'newspack-plugin'),
+    isDestructive: true
+  });
   var footerElements = [{
     label: pluginVersion.label,
     url: 'https://newspack.com/category/release-notes/',
@@ -67,13 +81,15 @@ var Footer = function Footer(_ref) {
   if (resetUrl) {
     footerElements.push({
       label: (0, _i18n.__)('Reset Newspack', 'newspack-plugin'),
-      url: resetUrl
+      url: resetUrl,
+      confirm: resetDialog.requestConfirm
     });
   }
   if (removeStarterContent) {
     footerElements.push({
       label: (0, _i18n.__)('Remove Starter Content', 'newspack-plugin'),
-      url: removeStarterContent
+      url: removeStarterContent,
+      confirm: starterContentDialog.requestConfirm
     });
   }
   if (supportEmail) {
@@ -82,24 +98,44 @@ var Footer = function Footer(_ref) {
       url: "mailto:".concat(supportEmail)
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  var renderItem = function renderItem(_ref3) {
+    var url = _ref3.url,
+      label = _ref3.label,
+      external = _ref3.external,
+      confirm = _ref3.confirm;
+    if (external) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
+        href: url,
+        children: label
+      });
+    }
+    if (!confirm) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        href: url,
+        children: label
+      });
+    }
+    // onClick only sees primary clicks, so an href here would let a middle-click
+    // or "Open link in new tab" reach the URL unguarded.
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      type: "button",
+      onClick: function onClick() {
+        return confirm(function () {
+          window.location.href = url;
+        });
+      },
+      children: label
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "newspack-footer",
-    children: !simple && /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-      children: footerElements.map(function (_ref3, index) {
-        var url = _ref3.url,
-          label = _ref3.label,
-          external = _ref3.external;
+    children: [!simple && /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      children: footerElements.map(function (element, index) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-          children: external ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
-            href: url,
-            children: label
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-            href: url,
-            children: label
-          })
+          children: renderItem(element)
         }, index);
       })
-    })
+    }), resetDialog.confirmDialog, starterContentDialog.confirmDialog]
   });
 };
 var _default = exports["default"] = Footer;

package/dist/cjs/footer/index.test.js

@@ -0,0 +1,208 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = require("@testing-library/react");
+var _ = _interopRequireDefault(require("./"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); } /**
+ * External dependencies.
+ */ /**
+ * Internal dependencies.
+ */ // Footer renders outside the wizard's HashRouter, so there is no MemoryRouter
+// wrapper here on purpose.
+describe('Footer', function () {
+  var RESET_URL = 'https://example.test/wp-admin/admin.php?page=newspack-dashboard&newspack_reset=reset';
+  var STARTER_CONTENT_URL = 'https://example.test/wp-admin/admin.php?page=newspack-dashboard&newspack_reset=starter-content';
+  var assigned;
+  var originalLocation;
+  var originalUrls;
+  var confirmIn = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator().m(function _callee(name) {
+      var _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            _t = _react.within;
+            _context.n = 1;
+            return _react.screen.findByRole('dialog');
+          case 1:
+            return _context.a(2, _t(_context.v).getByRole('button', {
+              name: name
+            }));
+        }
+      }, _callee);
+    }));
+    return function confirmIn(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  beforeEach(function () {
+    assigned = [];
+    originalLocation = window.location;
+    originalUrls = window.newspack_urls;
+    delete window.location;
+    window.location = {
+      get href() {
+        return 'https://example.test/wp-admin/admin.php?page=newspack-dashboard';
+      },
+      set href(value) {
+        assigned.push(value);
+      }
+    };
+    window.newspack_urls = {
+      support: 'https://help.newspack.com/',
+      reset_url: RESET_URL,
+      remove_starter_content: STARTER_CONTENT_URL,
+      plugin_version: {
+        label: 'Newspack 1.0.0'
+      }
+    };
+  });
+  afterEach(function () {
+    delete window.location;
+    window.location = originalLocation;
+    if (undefined === originalUrls) {
+      delete window.newspack_urls;
+    } else {
+      window.newspack_urls = originalUrls;
+    }
+  });
+  it('offers no link for a browser gesture to follow', function () {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_["default"], {}));
+    expect(_react.screen.getByRole('button', {
+      name: 'Reset Newspack'
+    })).not.toHaveAttribute('href');
+    expect(_react.screen.getByRole('button', {
+      name: 'Remove Starter Content'
+    })).not.toHaveAttribute('href');
+  });
+  it('does not reset on the first click', function () {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_["default"], {}));
+    _react.fireEvent.click(_react.screen.getByRole('button', {
+      name: 'Reset Newspack'
+    }));
+    expect(assigned).toEqual([]);
+  });
+  it('asks before resetting', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator().m(function _callee2() {
+    var _t2;
+    return _regenerator().w(function (_context2) {
+      while (1) switch (_context2.n) {
+        case 0:
+          (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_["default"], {}));
+          _react.fireEvent.click(_react.screen.getByRole('button', {
+            name: 'Reset Newspack'
+          }));
+          _t2 = expect;
+          _context2.n = 1;
+          return _react.screen.findByText(/deletes the Newspack settings/);
+        case 1:
+          _t2(_context2.v).toBeInTheDocument();
+        case 2:
+          return _context2.a(2);
+      }
+    }, _callee2);
+  })));
+  it('leaves the site alone when the reset is cancelled', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator().m(function _callee3() {
+    var cancel;
+    return _regenerator().w(function (_context3) {
+      while (1) switch (_context3.n) {
+        case 0:
+          (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_["default"], {}));
+          _react.fireEvent.click(_react.screen.getByRole('button', {
+            name: 'Reset Newspack'
+          }));
+          // The modal's close icon also carries aria-label="Cancel"; this is the text button.
+          _context3.n = 1;
+          return _react.screen.findAllByRole('button', {
+            name: 'Cancel'
+          });
+        case 1:
+          cancel = _context3.v.find(function (button) {
+            return 'Cancel' === button.textContent;
+          });
+          _react.fireEvent.click(cancel);
+          expect(assigned).toEqual([]);
+        case 2:
+          return _context3.a(2);
+      }
+    }, _callee3);
+  })));
+  it('resets once confirmed', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator().m(function _callee4() {
+    var _t3;
+    return _regenerator().w(function (_context4) {
+      while (1) switch (_context4.n) {
+        case 0:
+          (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_["default"], {}));
+          _react.fireEvent.click(_react.screen.getByRole('button', {
+            name: 'Reset Newspack'
+          }));
+          _t3 = _react.fireEvent;
+          _context4.n = 1;
+          return confirmIn('Reset Newspack');
+        case 1:
+          _t3.click.call(_t3, _context4.v);
+          expect(assigned).toEqual([RESET_URL]);
+        case 2:
+          return _context4.a(2);
+      }
+    }, _callee4);
+  })));
+  it('does not remove the starter content on the first click', function () {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_["default"], {}));
+    _react.fireEvent.click(_react.screen.getByRole('button', {
+      name: 'Remove Starter Content'
+    }));
+    expect(assigned).toEqual([]);
+  });
+  it('asks before removing the starter content', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator().m(function _callee5() {
+    var _t4;
+    return _regenerator().w(function (_context5) {
+      while (1) switch (_context5.n) {
+        case 0:
+          (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_["default"], {}));
+          _react.fireEvent.click(_react.screen.getByRole('button', {
+            name: 'Remove Starter Content'
+          }));
+          _t4 = expect;
+          _context5.n = 1;
+          return _react.screen.findByText(/created as starter content/);
+        case 1:
+          _t4(_context5.v).toBeInTheDocument();
+        case 2:
+          return _context5.a(2);
+      }
+    }, _callee5);
+  })));
+  it('removes the starter content once confirmed', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator().m(function _callee6() {
+    var _t5;
+    return _regenerator().w(function (_context6) {
+      while (1) switch (_context6.n) {
+        case 0:
+          (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_["default"], {}));
+          _react.fireEvent.click(_react.screen.getByRole('button', {
+            name: 'Remove Starter Content'
+          }));
+          _t5 = _react.fireEvent;
+          _context6.n = 1;
+          return confirmIn('Remove Starter Content');
+        case 1:
+          _t5.click.call(_t5, _context6.v);
+          expect(assigned).toEqual([STARTER_CONTENT_URL]);
+        case 2:
+          return _context6.a(2);
+      }
+    }, _callee6);
+  })));
+  it('does not guard the non-destructive links', function () {
+    window.newspack_urls.setup_wizard = 'https://example.test/wp-admin/admin.php?page=newspack-setup-wizard';
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_["default"], {}));
+    var link = _react.screen.getByRole('link', {
+      name: 'Setup Wizard'
+    });
+    expect(link).toHaveAttribute('href', window.newspack_urls.setup_wizard);
+    _react.fireEvent.click(link);
+    expect(_react.screen.queryByRole('dialog')).not.toBeInTheDocument();
+  });
+});

package/dist/cjs/footer/style.scss

@@ -2,6 +2,7 @@
  * Footer
  */
 
+@use "../mixins" as mixins;
 @use "~@wordpress/base-styles/colors" as wp-colors;
 
 .newspack-footer {
@@ -31,7 +32,8 @@
 	li {
 		margin: 8px;
 
-		a {
+		a,
+		button {
 			align-items: flex-end;
 			color: inherit;
 			display: flex;
@@ -42,5 +44,19 @@
 				color: wp-colors.$gray-900;
 			}
 		}
+
+		button {
+			appearance: none;
+			background: none;
+			border: 0;
+			cursor: pointer;
+			font: inherit;
+			padding: 0;
+			text-decoration: underline;
+
+			&:focus-visible {
+				@include mixins.wpds-focus-ring;
+			}
+		}
 	}
 }

package/dist/cjs/index.js

@@ -112,6 +112,12 @@ Object.defineProperty(exports, "DataViews", {
     return _dataviews["default"];
   }
 });
+Object.defineProperty(exports, "DebugBadge", {
+  enumerable: true,
+  get: function get() {
+    return _debugBadge["default"];
+  }
+});
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
   get: function get() {
@@ -414,6 +420,7 @@ var _colorPicker = _interopRequireDefault(require("./color-picker"));
 var _confirmDialog = _interopRequireDefault(require("./confirm-dialog"));
 var _customSelectControl = _interopRequireDefault(require("./custom-select-control"));
 var _dataviews = _interopRequireDefault(require("./dataviews"));
+var _debugBadge = _interopRequireDefault(require("./debug-badge"));
 var _divider = _interopRequireDefault(require("./divider"));
 var _drawer = _interopRequireDefault(require("./drawer"));
 var _emptyState = _interopRequireDefault(require("./empty-state"));

package/dist/cjs/integration-icon/index.js

@@ -18,14 +18,14 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 /**
- * The single source for how an ESP provider is shown: brand mark plus badge
- * background. A new provider needs an icon file, an `espProviderIcons` entry,
+ * The single source for how a provider is shown: brand mark plus badge
+ * background. A new provider needs an icon file, a `providerIcons` entry,
  * and a background rule in this component's stylesheet.
  */var IntegrationIcon = function IntegrationIcon(_ref) {
   var provider = _ref.provider,
     className = _ref.className;
-  var icons = _integrationIcons.espProviderIcons;
-  var node = Object.prototype.hasOwnProperty.call(_integrationIcons.espProviderIcons, provider) ? icons[provider] : null;
+  var icons = _integrationIcons.providerIcons;
+  var node = Object.prototype.hasOwnProperty.call(_integrationIcons.providerIcons, provider) ? icons[provider] : null;
   if (!node) {
     return null;
   }

package/dist/cjs/integration-icon/style.scss

@@ -21,14 +21,26 @@
 		background: #004cff;
 	}
 
-	&--mailchimp {
-		background: #ffe01b;
+	&--beehiiv {
+		background: #060419;
 	}
 
 	&--constant-contact {
 		background: wp-colors.$gray-100;
 	}
 
+	&--fundraiseup {
+		background: #2bb77b;
+	}
+
+	&--gravity-forms {
+		background: #ff4f00;
+	}
+
+	&--mailchimp {
+		background: #ffe01b;
+	}
+
 	&--manual {
 		background: wp-colors.$gray-800;
 		color: wp-colors.$white;
@@ -39,4 +51,8 @@
 			fill: currentcolor;
 		}
 	}
+
+	&--salesforce {
+		background: #0d9dda;
+	}
 }

package/dist/cjs/integration-icons/active-campaign.js

@@ -5,18 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var activeCampaign = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+var activeCampaign = /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M16.6934 10.5811C17.1772 10.9036 17.4355 11.4194 17.4355 11.9678C17.4355 12.516 17.1449 13.0319 16.6934 13.3545L6.56445 20V18.6133C6.56445 18.1939 6.75844 17.7746 7.14551 17.5166L15.5 11.9678L7.14551 6.38672C6.79063 6.16086 6.56445 5.74175 6.56445 5.29004V4L16.6934 10.5811Z",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M17.28 10.4037C17.8244 10.7666 18.115 11.3468 18.115 11.9637C18.115 12.5805 17.788 13.1609 17.28 13.5238L5.88501 21V19.4399C5.88501 18.9681 6.10324 18.4965 6.5387 18.2062L15.9375 11.9637L6.5387 5.68506C6.13946 5.43097 5.88501 4.95947 5.88501 4.45129V3L17.28 10.4037ZM5.88501 8.37122C5.88501 7.89959 6.4296 7.64482 6.79248 7.8988L12.7438 11.9275L11.9451 12.4713C11.4371 12.7977 10.7842 12.7978 10.2762 12.4713L8.96997 11.6375L5.88501 9.56873V8.37122Z",
     fill: "white"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M6.56445 8.77441C6.56445 8.35519 7.04853 8.12873 7.37109 8.35449L12.6611 11.9355L11.9512 12.4189C11.4996 12.7091 10.9193 12.7092 10.4678 12.4189L9.30664 11.6777L6.56445 9.83887V8.77441Z",
-    fill: "white"
-  })]
+  })
 });
 var _default = exports["default"] = activeCampaign;

package/dist/cjs/integration-icons/beehiiv.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var beehiiv = /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M18.6602 11.4894H5.35668C5.19293 11.4883 5.03627 11.4225 4.92088 11.3063C4.80549 11.1901 4.74073 11.033 4.74073 10.8692V9.92487C4.7398 9.67122 4.78886 9.41988 4.88509 9.1852C4.98132 8.95052 5.12284 8.73709 5.30157 8.55712C5.4803 8.37714 5.69274 8.23414 5.92675 8.13629C6.16076 8.03843 6.41176 7.98764 6.6654 7.9868H17.3353C17.5889 7.98754 17.8398 8.03822 18.0738 8.13595C18.3078 8.23368 18.5203 8.37654 18.6991 8.55637C18.8779 8.7362 19.0195 8.94949 19.1158 9.18406C19.2122 9.41862 19.2614 9.66987 19.2607 9.92346V10.8685C19.2638 10.9491 19.2506 11.0296 19.2218 11.1049C19.193 11.1803 19.1492 11.249 19.0931 11.307C19.0369 11.365 18.9697 11.411 18.8953 11.4422C18.8209 11.4734 18.7409 11.4899 18.6602 11.4894ZM15.8574 6.96492H8.15947C7.99191 6.96343 7.8317 6.89593 7.71361 6.77704C7.59552 6.65816 7.52908 6.4975 7.52872 6.32994C7.52872 4.74919 8.80643 3.46302 10.3773 3.46302H13.641C15.2119 3.46302 16.4896 4.74919 16.4896 6.32994C16.4907 6.41334 16.4752 6.49613 16.4439 6.57345C16.4126 6.65077 16.3662 6.72106 16.3074 6.7802C16.2486 6.83934 16.1785 6.88615 16.1014 6.91787C16.0243 6.94959 15.9416 6.96558 15.8582 6.96492H15.8574ZM19.2755 12.5113H4.74073C3.7858 12.5113 3 13.3013 3 14.2619C3 15.2225 3.7858 16.0132 4.74073 16.0132H9.89879C10.0834 15.0216 10.9453 14.2619 11.9919 14.2619C12.4923 14.2631 12.9767 14.4386 13.3618 14.7582C13.7468 15.0778 14.0085 15.5216 14.1019 16.0132H19.2607C20.2149 16.0132 21 15.2225 21 14.2619C21 13.3013 20.2304 12.5113 19.2755 12.5113ZM18.6454 17.0358H14.1336V20.537H17.5214C18.4756 20.537 19.2607 19.7477 19.2607 18.7864V17.6708C19.2636 17.5882 19.2499 17.506 19.2202 17.4289C19.1906 17.3518 19.1457 17.2816 19.0883 17.2223C19.0308 17.163 18.962 17.1159 18.8859 17.0838C18.8098 17.0518 18.728 17.0354 18.6454 17.0358ZM5.35668 17.0358C5.189 17.0371 5.02861 17.1045 4.91037 17.2234C4.79213 17.3423 4.72559 17.5031 4.72523 17.6708V18.7864C4.72523 19.747 5.51102 20.537 6.46596 20.537H9.85298V17.0358H5.35668Z",
+    fill: "white"
+  })
+});
+var _default = exports["default"] = beehiiv;

package/dist/cjs/integration-icons/gravity-forms.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var gravityForms = /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M8.74072 8.98989H24V4.73383H8.77618C6.75022 4.67092 4.79489 5.46964 3.41 6.92583C0.0886559 10.4377 0 19.2696 0 19.2696H23.8818V11.2749H19.5912V15.0019H4.58018C4.67474 13.6123 5.31889 11.1296 6.53633 9.84462C7.10785 9.25496 7.91399 8.9424 8.74072 8.98989Z",
+    fill: "white"
+  })
+});
+var _default = exports["default"] = gravityForms;

package/dist/cjs/integration-icons/index.js

@@ -10,25 +10,38 @@ Object.defineProperty(exports, "activeCampaign", {
     return _activeCampaign["default"];
   }
 });
+Object.defineProperty(exports, "beehiiv", {
+  enumerable: true,
+  get: function get() {
+    return _beehiiv["default"];
+  }
+});
 Object.defineProperty(exports, "constantContact", {
   enumerable: true,
   get: function get() {
     return _constantContact["default"];
   }
 });
-exports.espProviderOrder = exports.espProviderIcons = void 0;
+exports.espProviderOrder = void 0;
 Object.defineProperty(exports, "fundraiseUp", {
   enumerable: true,
   get: function get() {
     return _fundraiseUp["default"];
   }
 });
+Object.defineProperty(exports, "gravityForms", {
+  enumerable: true,
+  get: function get() {
+    return _gravityForms["default"];
+  }
+});
 Object.defineProperty(exports, "mailchimp", {
   enumerable: true,
   get: function get() {
     return _mailchimp["default"];
   }
 });
+exports.providerIcons = void 0;
 Object.defineProperty(exports, "salesforce", {
   enumerable: true,
   get: function get() {
@@ -43,9 +56,11 @@ Object.defineProperty(exports, "wisepops", {
 });
 var _icons = require("@wordpress/icons");
 var _activeCampaign = _interopRequireDefault(require("./active-campaign"));
+var _beehiiv = _interopRequireDefault(require("./beehiiv"));
 var _constantContact = _interopRequireDefault(require("./constant-contact"));
-var _mailchimp = _interopRequireDefault(require("./mailchimp"));
 var _fundraiseUp = _interopRequireDefault(require("./fundraise-up"));
+var _gravityForms = _interopRequireDefault(require("./gravity-forms"));
+var _mailchimp = _interopRequireDefault(require("./mailchimp"));
 var _salesforce = _interopRequireDefault(require("./salesforce"));
 var _wisepops = _interopRequireDefault(require("./wisepops"));
 /**
@@ -56,12 +71,17 @@ var _wisepops = _interopRequireDefault(require("./wisepops"));
  * Internal dependencies
  */
 
-// ESP provider brand marks keyed by the slug the backend reports
-// (`Newspack_Newsletters::service_provider()`). Rendered via IntegrationIcon.
-var espProviderIcons = exports.espProviderIcons = {
+// Brand marks keyed by the ESP slug the backend reports
+// (`Newspack_Newsletters::service_provider()`), by integration ID, or by the
+// brand slug an integration maps to. Rendered via IntegrationIcon.
+var providerIcons = exports.providerIcons = {
   active_campaign: _activeCampaign["default"],
   mailchimp: _mailchimp["default"],
   constant_contact: _constantContact["default"],
-  manual: _icons.atSymbol
+  manual: _icons.atSymbol,
+  salesforce: _salesforce["default"],
+  beehiiv: _beehiiv["default"],
+  fundraiseup: _fundraiseUp["default"],
+  gravity_forms: _gravityForms["default"]
 };
 var espProviderOrder = exports.espProviderOrder = ['active_campaign', 'mailchimp', 'constant_contact', 'manual'];

package/dist/cjs/integration-icons/salesforce.js

@@ -7,11 +7,13 @@ exports["default"] = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var salesforce = /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 32 32",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
   fill: "none",
   children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M13.3173 7.24314C14.3498 6.16866 15.7848 5.50017 17.3737 5.50017C19.4877 5.50017 21.3287 6.67965 22.3122 8.42612C23.1661 8.04463 24.1111 7.83113 25.1016 7.83113C28.913 7.83113 32 10.9461 32 14.7925C32 18.639 28.9095 21.7539 25.1016 21.7539C24.6361 21.7539 24.1811 21.7084 23.7436 21.6174C22.8791 23.1574 21.2307 24.2004 19.3407 24.2004C18.5497 24.2004 17.8007 24.0184 17.1357 23.6929C16.2607 25.7543 14.2168 27.1998 11.8403 27.1998C9.46385 27.1998 7.25189 25.6319 6.4399 23.4339C6.0864 23.5074 5.71891 23.5494 5.34092 23.5494C2.39046 23.5494 0 21.1344 0 18.1525C0 16.154 1.07448 14.411 2.67046 13.4765C2.34146 12.7206 2.15947 11.8841 2.15947 11.0091C2.15947 7.57913 4.94192 4.80018 8.37537 4.80018C10.3913 4.80018 12.1833 5.75916 13.3173 7.24314Z",
-    fill: "var(--integration-icon-color, #0D9DDA)"
+    d: "M10.0838 5.745C10.8213 4.9775 11.8463 4.5 12.9813 4.5C14.4913 4.5 15.8063 5.3425 16.5088 6.59C17.1188 6.3175 17.7938 6.165 18.5013 6.165C21.2238 6.165 23.4288 8.39 23.4288 11.1375C23.4288 13.885 21.2213 16.11 18.5013 16.11C18.1688 16.11 17.8438 16.0775 17.5313 16.0125C16.9138 17.1125 15.7363 17.8575 14.3863 17.8575C13.8213 17.8575 13.2863 17.7275 12.8113 17.495C12.1863 18.9675 10.7263 20 9.02876 20C7.33126 20 5.75126 18.88 5.17126 17.31C4.91876 17.3625 4.65626 17.3925 4.38626 17.3925C2.27876 17.3925 0.571259 15.6675 0.571259 13.5375C0.571259 12.11 1.33876 10.865 2.47876 10.1975C2.24376 9.6575 2.11376 9.06 2.11376 8.435C2.11376 5.985 4.10126 4 6.55376 4C7.99376 4 9.27376 4.685 10.0838 5.745Z",
+    fill: "white"
   })
 });
 var _default = exports["default"] = salesforce;

package/dist/cjs/notice/index.js

@@ -40,7 +40,6 @@ var Notice = /*#__PURE__*/function (_Component) {
     function render() {
       var _this$props = this.props,
         className = _this$props.className,
-        debugMode = _this$props.debugMode,
         isError = _this$props.isError,
         isHandoff = _this$props.isHandoff,
         isHelp = _this$props.isHelp,
@@ -52,14 +51,12 @@ var Notice = /*#__PURE__*/function (_Component) {
         style = _this$props$style === void 0 ? {} : _this$props$style,
         _this$props$children = _this$props.children,
         children = _this$props$children === void 0 ? null : _this$props$children;
-      var classes = (0, _classnames["default"])('newspack-notice', className, debugMode && 'newspack-notice__is-debug', isError && 'newspack-notice__is-error', isHandoff && 'newspack-notice__is-handoff', isHelp && 'newspack-notice__is-help', isSuccess && 'newspack-notice__is-success', isWarning && 'newspack-notice__is-warning');
+      var classes = (0, _classnames["default"])('newspack-notice', className, isError && 'newspack-notice__is-error', isHandoff && 'newspack-notice__is-handoff', isHelp && 'newspack-notice__is-help', isSuccess && 'newspack-notice__is-success', isWarning && 'newspack-notice__is-warning');
       var noticeIcon;
       if (isHelp) {
         noticeIcon = _icons.help;
       } else if (isSuccess) {
         noticeIcon = _icons.check;
-      } else if (debugMode) {
-        noticeIcon = _icons.bug;
       } else {
         noticeIcon = _icons.info;
       }

package/dist/cjs/notice/style.scss

@@ -22,25 +22,6 @@
 		margin-right: 4px;
 	}
 
-	&__is-debug {
-		background: np-colors.$primary-600;
-		border-radius: 50%;
-		bottom: 16px;
-		box-shadow: 0 0 8px 4px rgba(black, 0.08);
-		color: white;
-		font-weight: bold;
-		margin: 0 16px;
-		padding: 6px;
-		position: fixed;
-		text-transform: uppercase;
-		z-index: 9997;
-
-		> svg {
-			fill: white;
-			margin: 0;
-		}
-	}
-
 	&__is-error {
 		background: color.adjust(wp-colors.$alert-red, $lightness: 35%);