@bigbinary/neeto-email-delivery-frontend 1.0.26 → 1.0.28

package/dist/cjs/EmailDeliveryScreen.js

@@ -1,608 +1,31 @@
 'use strict';
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var react = require('react');
-var neetoCist = require('@bigbinary/neeto-cist');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var utils = require('@bigbinary/neeto-commons-frontend/utils');
-var MailSend = require('@bigbinary/neeto-icons/MailSend');
-var GmailIcon = require('@bigbinary/neeto-icons/misc/Gmail');
-var OutlookIcon = require('@bigbinary/neeto-icons/misc/Outlook');
-var Spinner = require('@bigbinary/neetoui/Spinner');
-var Callout = require('@bigbinary/neetoui/Callout');
-var Toastr = require('@bigbinary/neetoui/Toastr');
-var ramda = require('ramda');
-var reactI18next = require('react-i18next');
-var reactRouterDom = require('react-router-dom');
-var useSparkpostApi = require('../useSparkpostApi-D9NOjTNA.js');
-var Pane = require('@bigbinary/neetoui/Pane');
-var Typography = require('@bigbinary/neetoui/Typography');
-var Form = require('@bigbinary/neetoui/formik/Form');
-var Input = require('@bigbinary/neetoui/formik/Input');
-var Radio = require('@bigbinary/neetoui/formik/Radio');
-var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
-var useOutlookIntegrationApi = require('../useOutlookIntegrationApi-BC-RPHmJ.js');
-var i18next = require('i18next');
-var yup = require('yup');
-var jsxRuntime = require('react/jsx-runtime');
-var reactQuery = require('@tanstack/react-query');
-var useSparkpostDomain = require('../useSparkpostDomain-DtEcunpG.js');
-var Button = require('@bigbinary/neetoui/Button');
-var Tag = require('@bigbinary/neetoui/Tag');
+require('@bigbinary/neeto-cist');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('@bigbinary/neeto-icons/MailSend');
+require('@bigbinary/neeto-icons/misc/Gmail');
+require('@bigbinary/neeto-icons/misc/Outlook');
+require('@bigbinary/neetoui/Spinner');
+require('@bigbinary/neetoui/Toastr');
+require('react-i18next');
+require('react-router-dom');
+var EmailDeliveryScreen = require('../index-C7KroEtv.js');
+require('../useSparkpostDomain-BiZb7l8r.js');
+require('react/jsx-runtime');
+require('@babel/runtime/helpers/slicedToArray');
+require('react');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/utils');
+require('../useSparkpostApi-C7cHCa3T.js');
 require('@babel/runtime/helpers/defineProperty');
 require('axios');
+require('i18next');
+require('@bigbinary/neeto-icons/Check');
+require('@bigbinary/neeto-icons/Warning');
+require('@bigbinary/neetoui/Tag');
+require('@bigbinary/neetoui/Typography');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
 
-var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
-var ENCRYPTION_OPTIONS = [{
-  label: "None",
-  value: "none"
-}, {
-  label: "StartTLS",
-  value: "starttls"
-}, {
-  label: "SSL",
-  value: "ssl"
-}];
-var SMTP_ACCOUNT_INITIAL_VALUES = {
-  host: "",
-  port: 587,
-  username: "",
-  password: "",
-  email: "",
-  encryption: "starttls",
-  displayName: ""
-};
-var SMTP_ACCOUNT_VALIDATION_SCHEMA = yup__namespace.object().shape({
-  host: yup__namespace.string().trim().required(i18next.t("neetoEmailDelivery.smtp.setup.requiredField", {
-    field: i18next.t("neetoEmailDelivery.smtp.setup.hostLabel")
-  })),
-  port: yup__namespace.number().required(i18next.t("neetoEmailDelivery.smtp.setup.requiredField", {
-    field: i18next.t("neetoEmailDelivery.smtp.setup.portLabel")
-  })),
-  username: yup__namespace.string().trim().required(i18next.t("neetoEmailDelivery.smtp.setup.requiredField", {
-    field: i18next.t("neetoEmailDelivery.smtp.setup.usernameLabel")
-  })),
-  password: yup__namespace.string().trim().required(i18next.t("neetoEmailDelivery.smtp.setup.requiredField", {
-    field: i18next.t("neetoEmailDelivery.smtp.setup.passwordLabel")
-  })),
-  email: yup__namespace.string().trim().required(i18next.t("neetoEmailDelivery.smtp.setup.requiredField", {
-    field: i18next.t("neetoEmailDelivery.smtp.setup.emailLabel")
-  })).email(i18next.t("neetoEmailDelivery.smtp.setup.emailInvalid")),
-  displayName: yup__namespace.string().trim().required(i18next.t("neetoEmailDelivery.smtp.setup.requiredField", {
-    field: i18next.t("neetoEmailDelivery.smtp.setup.displayNameLabel")
-  })),
-  encryption: yup__namespace.string().trim().required(i18next.t("neetoEmailDelivery.smtp.setup.requiredField", {
-    field: i18next.t("neetoEmailDelivery.smtp.setup.encryptionLabel")
-  }))
-});
-
-var SmtpSetup = function SmtpSetup(_ref) {
-  var ownerId = _ref.ownerId,
-    onDone = _ref.onDone,
-    onCancel = _ref.onCancel,
-    isOpen = _ref.isOpen;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useCreateSmtp = useOutlookIntegrationApi.useCreateSmtp({
-      ownerId: ownerId
-    }),
-    isCreating = _useCreateSmtp.isPending,
-    createSmtp = _useCreateSmtp.mutate;
-  var handleSubmit = function handleSubmit(values) {
-    createSmtp({
-      smtp_account: values
-    }, {
-      onSuccess: onDone
-    });
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
-    isOpen: isOpen,
-    size: "lg",
-    onClose: onCancel,
-    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-        style: "h2",
-        weight: "semibold",
-        children: t("neetoEmailDelivery.smtp.setup.title")
-      })
-    }), /*#__PURE__*/jsxRuntime.jsxs(Form, {
-      className: "w-full",
-      formikProps: {
-        initialValues: SMTP_ACCOUNT_INITIAL_VALUES,
-        validationSchema: SMTP_ACCOUNT_VALIDATION_SCHEMA,
-        onSubmit: handleSubmit
-      },
-      children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
-        className: "space-y-4",
-        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "flex flex-col gap-6",
-          children: [/*#__PURE__*/jsxRuntime.jsx(Callout, {
-            style: "warning",
-            children: t("neetoEmailDelivery.smtp.setup.note")
-          }), /*#__PURE__*/jsxRuntime.jsx(Input, {
-            required: true,
-            label: t("neetoEmailDelivery.smtp.setup.hostLabel"),
-            name: "host"
-          }), /*#__PURE__*/jsxRuntime.jsx(Input, {
-            required: true,
-            label: t("neetoEmailDelivery.smtp.setup.portLabel"),
-            name: "port",
-            type: "number"
-          }), /*#__PURE__*/jsxRuntime.jsx(Input, {
-            required: true,
-            label: t("neetoEmailDelivery.smtp.setup.usernameLabel"),
-            name: "username"
-          }), /*#__PURE__*/jsxRuntime.jsx(Input, {
-            required: true,
-            label: t("neetoEmailDelivery.smtp.setup.passwordLabel"),
-            name: "password",
-            type: "password"
-          }), /*#__PURE__*/jsxRuntime.jsx(Input, {
-            required: true,
-            label: t("neetoEmailDelivery.smtp.setup.emailLabel"),
-            name: "email",
-            type: "email"
-          }), /*#__PURE__*/jsxRuntime.jsx(Input, {
-            required: true,
-            label: t("neetoEmailDelivery.smtp.setup.displayNameLabel"),
-            name: "displayName"
-          }), /*#__PURE__*/jsxRuntime.jsx(Radio, {
-            label: t("neetoEmailDelivery.smtp.setup.encryptionLabel"),
-            name: "encryption",
-            children: ENCRYPTION_OPTIONS.map(function (option) {
-              return /*#__PURE__*/jsxRuntime.jsx(Radio.Item, {
-                label: option.label,
-                value: option.value
-              }, option.value);
-            })
-          })]
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
-        children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
-          cancelButtonProps: {
-            onClick: onCancel
-          },
-          isSubmitting: isCreating,
-          submitButtonProps: {
-            label: t("neetoEmailDelivery.smtp.setup.saveAndActivate")
-          }
-        })
-      })]
-    })]
-  });
-};
-
-var useGmail = function useGmail(_ref) {
-  var ownerId = _ref.ownerId,
-    indexRoute = _ref.indexRoute,
-    canManageIntegrations = _ref.canManageIntegrations;
-  var _useState = react.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDisconnectAlertOpen = _useState2[0],
-    setIsDisconnectAlertOpen = _useState2[1];
-  var history = reactRouterDom.useHistory();
-  var queryClient = reactQuery.useQueryClient();
-  var _useFetchGmail = useOutlookIntegrationApi.useFetchGmail(ownerId, {
-      enabled: canManageIntegrations
-    }),
-    isLoading = _useFetchGmail.isLoading,
-    _useFetchGmail$data = _useFetchGmail.data,
-    data = _useFetchGmail$data === void 0 ? {} : _useFetchGmail$data;
-  var _useDestroyGmail = useOutlookIntegrationApi.useDestroyGmail({
-      ownerId: ownerId
-    }),
-    isDestroying = _useDestroyGmail.isPending,
-    destroyIntegration = _useDestroyGmail.mutate;
-  var onClose = function onClose() {
-    return history.replace(indexRoute);
-  };
-  var onDisconnect = function onDisconnect() {
-    destroyIntegration(false, {
-      onSuccess: function onSuccess() {
-        utils.showThumbsUpToastr();
-        setIsDisconnectAlertOpen(false);
-        useSparkpostApi.invalidateAllIntegrationQueries(queryClient, ownerId);
-        history.replace(indexRoute);
-      }
-    });
-  };
-  return {
-    data: data,
-    isLoading: isLoading,
-    isDestroying: isDestroying,
-    exists: data === null || data === void 0 ? void 0 : data.exists,
-    isConnected: data === null || data === void 0 ? void 0 : data.connected,
-    isDisconnectAlertOpen: isDisconnectAlertOpen,
-    setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
-    onDisconnect: onDisconnect,
-    onClose: onClose,
-    errorMessage: data === null || data === void 0 ? void 0 : data.error
-  };
-};
-
-var useOutlook = function useOutlook(_ref) {
-  var ownerId = _ref.ownerId,
-    indexRoute = _ref.indexRoute,
-    canManageIntegrations = _ref.canManageIntegrations;
-  var _useState = react.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDisconnectAlertOpen = _useState2[0],
-    setIsDisconnectAlertOpen = _useState2[1];
-  var history = reactRouterDom.useHistory();
-  var queryClient = reactQuery.useQueryClient();
-  var _useFetchOutlook = useOutlookIntegrationApi.useFetchOutlook(ownerId, {
-      enabled: canManageIntegrations
-    }),
-    isLoading = _useFetchOutlook.isLoading,
-    _useFetchOutlook$data = _useFetchOutlook.data,
-    data = _useFetchOutlook$data === void 0 ? {} : _useFetchOutlook$data;
-  var _useDestroyOutlook = useOutlookIntegrationApi.useDestroyOutlook({
-      ownerId: ownerId
-    }),
-    isDestroying = _useDestroyOutlook.isPending,
-    destroyIntegration = _useDestroyOutlook.mutate;
-  var onClose = function onClose() {
-    return history.replace(indexRoute);
-  };
-  var onDisconnect = function onDisconnect() {
-    destroyIntegration(false, {
-      onSuccess: function onSuccess() {
-        utils.showThumbsUpToastr();
-        setIsDisconnectAlertOpen(false);
-        useSparkpostApi.invalidateAllIntegrationQueries(queryClient, ownerId);
-        history.replace(indexRoute);
-      }
-    });
-  };
-  return {
-    data: data,
-    isLoading: isLoading,
-    exists: data === null || data === void 0 ? void 0 : data.exists,
-    status: data === null || data === void 0 ? void 0 : data.status,
-    shadowAccount: data === null || data === void 0 ? void 0 : data.shadowAccount,
-    isWaitingForTestEmail: (data === null || data === void 0 ? void 0 : data.status) === "inactive" && !(data !== null && data !== void 0 && data.connected),
-    isDestroying: isDestroying,
-    isConnected: data === null || data === void 0 ? void 0 : data.connected,
-    isDisconnectAlertOpen: isDisconnectAlertOpen,
-    setIsDisconnectAlertOpen: setIsDisconnectAlertOpen,
-    onDisconnect: onDisconnect,
-    onClose: onClose,
-    errorMessage: data === null || data === void 0 ? void 0 : data.error
-  };
-};
-
-var useSmtp = function useSmtp(_ref) {
-  var ownerId = _ref.ownerId,
-    canManageIntegrations = _ref.canManageIntegrations;
-  var _useFetchSmtp = useOutlookIntegrationApi.useFetchSmtp(ownerId, {
-      enabled: canManageIntegrations
-    }),
-    isLoading = _useFetchSmtp.isLoading,
-    _useFetchSmtp$data = _useFetchSmtp.data,
-    data = _useFetchSmtp$data === void 0 ? {} : _useFetchSmtp$data;
-  var _useDestroySmtp = useOutlookIntegrationApi.useDestroySmtp({
-      ownerId: ownerId
-    }),
-    isDestroying = _useDestroySmtp.isPending,
-    onDisconnect = _useDestroySmtp.mutate;
-  return {
-    data: data,
-    isConnected: data === null || data === void 0 ? void 0 : data.connected,
-    isLoading: isLoading,
-    isDestroying: isDestroying,
-    onDisconnect: onDisconnect,
-    exists: data === null || data === void 0 ? void 0 : data.exists
-  };
-};
-
-var ERROR_MESSAGES = {
-  gmail_permission_not_given: i18next.t("neetoEmailDelivery.gmail.permissionNotGiven"),
-  outlook_permission_not_given: i18next.t("neetoEmailDelivery.outlook.permissionNotGiven"),
-  outlook_invalid_client: i18next.t("neetoEmailDelivery.outlook.invalidClient"),
-  outlook_nil_json_web_token: i18next.t("neetoEmailDelivery.outlook.nilJsonWebToken")
-};
-
-var IntegrationCard = function IntegrationCard(_ref) {
-  var Icon = _ref.icon,
-    title = _ref.title,
-    description = _ref.description,
-    isConnected = _ref.isConnected,
-    isDisconnecting = _ref.isDisconnecting,
-    onConnect = _ref.onConnect,
-    onDisconnect = _ref.onDisconnect,
-    connectButtonText = _ref.connectButtonText,
-    _ref$disconnectButton = _ref.disconnectButtonText,
-    disconnectButtonText = _ref$disconnectButton === void 0 ? "neetoEmailDelivery.sparkpost.emailDelivery.disconnect" : _ref$disconnectButton,
-    _ref$connectedTagText = _ref.connectedTagText,
-    connectedTagText = _ref$connectedTagText === void 0 ? "neetoEmailDelivery.sparkpost.emailDelivery.connected" : _ref$connectedTagText,
-    _ref$showDisconnect = _ref.showDisconnect,
-    showDisconnect = _ref$showDisconnect === void 0 ? false : _ref$showDisconnect,
-    _ref$showManageButton = _ref.showManageButton,
-    showManageButton = _ref$showManageButton === void 0 ? false : _ref$showManageButton,
-    manageButtonText = _ref.manageButtonText,
-    onManage = _ref.onManage;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var shouldShowDisconnect = isConnected || showDisconnect;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "neeto-ui-rounded-lg neeto-ui-shadow-xs neeto-ui-border-gray-300 translate flex flex-col gap-y-4 border p-6 no-underline transition-transform duration-300 ease-in-out outline-none hover:-translate-y-1",
-    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex flex-col gap-4 grow min-h-0",
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex items-center gap-3",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Icon, {
-          className: "shrink-0",
-          size: 32
-        }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "min-w-0 flex-1",
-          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "flex items-center gap-2",
-            children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
-              style: "h4",
-              weight: "semibold",
-              children: title
-            }), isConnected && /*#__PURE__*/jsxRuntime.jsx(Tag, {
-              label: t(connectedTagText)
-            })]
-          })
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-        className: "min-w-0 break-words",
-        style: "body2",
-        children: description
-      }), connectButtonText && /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex gap-2 mt-auto",
-        children: [showManageButton && /*#__PURE__*/jsxRuntime.jsx(Button, {
-          "data-testid": "manage-button",
-          label: t(manageButtonText),
-          size: "small",
-          style: "secondary",
-          onClick: onManage
-        }), shouldShowDisconnect ? /*#__PURE__*/jsxRuntime.jsx(Button, {
-          "data-testid": "disconnect-button",
-          label: t(disconnectButtonText),
-          loading: isDisconnecting,
-          size: "small",
-          style: "danger",
-          onClick: onDisconnect
-        }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
-          "data-testid": "connect-button",
-          label: t(connectButtonText),
-          size: "small",
-          style: "primary",
-          onClick: onConnect
-        })]
-      })]
-    })
-  });
-};
-
-var EmailDeliveryScreen = function EmailDeliveryScreen(_ref) {
-  var indexRoute = _ref.indexRoute,
-    ownerId = _ref.ownerId,
-    ownDomainSetupRoute = _ref.ownDomainSetupRoute,
-    ownDomainVerifyRoute = _ref.ownDomainVerifyRoute,
-    canManageIntegrations = _ref.canManageIntegrations;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var history = reactRouterDom.useHistory();
-  var _useState = react.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSmtpPaneOpen = _useState2[0],
-    setIsSmtpPaneOpen = _useState2[1];
-  var _useQueryParams = reactUtils.useQueryParams(),
-    error = _useQueryParams.error,
-    errorDescription = _useQueryParams.errorDescription;
-  if (neetoCist.isPresent(error)) {
-    var _errorMessage;
-    var errorMessage = ERROR_MESSAGES[error];
-    if (errorDescription) {
-      errorMessage = "".concat(errorMessage, " ").concat(errorDescription);
-    }
-    Toastr.error((_errorMessage = errorMessage) !== null && _errorMessage !== void 0 ? _errorMessage : neetoCist.humanize(error));
-    history.replace(indexRoute);
-  }
-  var gmailIntegration = useGmail({
-    ownerId: ownerId,
-    indexRoute: indexRoute,
-    canManageIntegrations: canManageIntegrations
-  });
-  var outlookIntegration = useOutlook({
-    ownerId: ownerId,
-    indexRoute: indexRoute,
-    canManageIntegrations: canManageIntegrations
-  });
-  var sparkpostIntegration = useSparkpostDomain.useSparkpostDomain({
-    ownerId: ownerId,
-    canManageIntegrations: canManageIntegrations
-  });
-  var smtpIntegration = useSmtp({
-    ownerId: ownerId,
-    canManageIntegrations: canManageIntegrations
-  });
-  var _gmailIntegration$dat = gmailIntegration.data,
-    gmailData = _gmailIntegration$dat === void 0 ? {} : _gmailIntegration$dat,
-    isGmailConnected = gmailIntegration.isConnected,
-    isGmailLoading = gmailIntegration.isLoading,
-    isGmailDisconnecting = gmailIntegration.isDestroying,
-    onGmailDisconnect = gmailIntegration.onDisconnect,
-    isGmailExists = gmailIntegration.exists;
-  var _outlookIntegration$d = outlookIntegration.data,
-    outlookData = _outlookIntegration$d === void 0 ? {} : _outlookIntegration$d,
-    isOutlookConnected = outlookIntegration.isConnected,
-    isOutlookLoading = outlookIntegration.isLoading,
-    isOutlookDisconnecting = outlookIntegration.isDestroying,
-    isOutlookWaitingForTestEmail = outlookIntegration.isWaitingForTestEmail,
-    isOutlookShadowAccount = outlookIntegration.shadowAccount,
-    onOutlookDisconnect = outlookIntegration.onDisconnect,
-    isOutlookExists = outlookIntegration.exists;
-  var _sparkpostIntegration = sparkpostIntegration.data,
-    sparkpostData = _sparkpostIntegration === void 0 ? {} : _sparkpostIntegration,
-    isSparkpostConnected = sparkpostIntegration.isConnected,
-    isSparkpostLoading = sparkpostIntegration.isLoading,
-    onSparkpostDisconnect = sparkpostIntegration.onDisconnect,
-    isSparkpostDisconnecting = sparkpostIntegration.isDestroying,
-    isSparkpostExists = sparkpostIntegration.exists;
-  var _smtpIntegration$data = smtpIntegration.data,
-    smtpData = _smtpIntegration$data === void 0 ? {} : _smtpIntegration$data,
-    isSmtpConnected = smtpIntegration.isConnected,
-    isSmtpLoading = smtpIntegration.isLoading,
-    isSmtpDisconnecting = smtpIntegration.isDestroying,
-    onSmtpDisconnect = smtpIntegration.onDisconnect,
-    isSmtpExists = smtpIntegration.exists;
-  var isLoading = isGmailLoading || isOutlookLoading || isSparkpostLoading || isSmtpLoading;
-  var noneExists = !isGmailExists && !isOutlookExists && !isSparkpostExists && !isSmtpExists;
-  var showGmail = noneExists || isGmailExists;
-  var showOutlook = noneExists || isOutlookExists;
-  var showSparkpost = noneExists || isSparkpostExists;
-  var showSmtp = noneExists || isSmtpExists;
-  var sparkpostVerificationPending = isSparkpostExists && !isSparkpostConnected;
-  var handleGmailConnect = function handleGmailConnect() {
-    window.location.href = utils.buildUrl(useSparkpostApi.GMAIL_OAUTH_CONNECT_URL, {
-      ownerId: ownerId
-    });
-  };
-  var handleOutlookConnect = function handleOutlookConnect() {
-    window.location.href = utils.buildUrl(useSparkpostApi.OUTLOOK_OAUTH_CONNECT_URL, {
-      ownerId: ownerId
-    });
-  };
-  var handleOwnDomainConnect = function handleOwnDomainConnect() {
-    history.push(ownDomainSetupRoute);
-  };
-  var handleSmtpConnect = function handleSmtpConnect() {
-    setIsSmtpPaneOpen(true);
-  };
-  var handleSmtpPaneClose = function handleSmtpPaneClose() {
-    setIsSmtpPaneOpen(false);
-  };
-  var gmailEmail = ramda.prop("email", gmailData);
-  var outlookEmail = ramda.prop("email", outlookData);
-  var sparkpostEmail = ramda.prop("email", sparkpostData);
-  var sparkpostDomain = ramda.prop("domain", sparkpostData);
-  var smtpEmail = ramda.prop("email", smtpData);
-  var showVerificationPage = function showVerificationPage() {
-    history.push(utils.buildUrl(ownDomainVerifyRoute, {
-      domain: sparkpostDomain,
-      email: sparkpostEmail
-    }));
-  };
-  var gmailTitle = t("neetoEmailDelivery.gmail.title");
-  var gmailDescription = isGmailConnected ? t("neetoEmailDelivery.sparkpost.emailDelivery.connectedEmail", {
-    email: gmailEmail
-  }) : t("neetoEmailDelivery.gmail.description");
-  var outlookTitle = t("neetoEmailDelivery.outlook.title");
-  var outlookDescription = isOutlookConnected ? t("neetoEmailDelivery.sparkpost.emailDelivery.connectedEmail", {
-    email: outlookEmail
-  }) : t("neetoEmailDelivery.outlook.description");
-  var ownDomainTitle = t("neetoEmailDelivery.sparkpost.emailDelivery.ownDomainTitle");
-  var ownDomainDescription = isSparkpostConnected ? t("neetoEmailDelivery.sparkpost.emailDelivery.connectedEmail", {
-    email: sparkpostEmail
-  }) : t("neetoEmailDelivery.sparkpost.emailDelivery.ownDomainDescription");
-  var smtpTitle = t("neetoEmailDelivery.smtp.title");
-  var smtpDescription = isSmtpConnected ? t("neetoEmailDelivery.sparkpost.emailDelivery.connectedEmail", {
-    email: smtpEmail
-  }) : t("neetoEmailDelivery.smtp.description");
-  if (isLoading) {
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex grow items-center justify-center w-full",
-      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
-    });
-  }
-  var activeMessage = isGmailConnected && t("neetoEmailDelivery.gmail.gmailConfigured") || isOutlookConnected && t("neetoEmailDelivery.outlook.outlookConfigured") || isSparkpostConnected && t("neetoEmailDelivery.sparkpost.ownDomainConfigured") || isSmtpConnected && t("neetoEmailDelivery.smtp.smtpConfigured");
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "min-h-0 w-full grow",
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "@container mx-auto space-y-6",
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "grid grid-cols-1 gap-3 py-1 @lg:grid-cols-2 @lg:gap-6 @3xl:grid-cols-3 @7xl:grid-cols-4",
-        children: [showGmail && /*#__PURE__*/jsxRuntime.jsx(IntegrationCard, {
-          connectButtonText: "neetoEmailDelivery.gmail.connectGmail",
-          description: gmailDescription,
-          icon: GmailIcon,
-          isConnected: isGmailConnected,
-          isDisconnecting: isGmailDisconnecting,
-          title: gmailTitle,
-          onConnect: handleGmailConnect,
-          onDisconnect: onGmailDisconnect
-        }), showOutlook && /*#__PURE__*/jsxRuntime.jsx(IntegrationCard, {
-          connectButtonText: "neetoEmailDelivery.outlook.connectOutlook",
-          description: outlookDescription,
-          icon: OutlookIcon,
-          isConnected: isOutlookConnected,
-          isDisconnecting: isOutlookDisconnecting,
-          title: outlookTitle,
-          showDisconnect: isOutlookWaitingForTestEmail || isOutlookShadowAccount,
-          onConnect: handleOutlookConnect,
-          onDisconnect: onOutlookDisconnect
-        }), showSparkpost && /*#__PURE__*/jsxRuntime.jsx(IntegrationCard, {
-          connectButtonText: "neetoEmailDelivery.sparkpost.emailDelivery.setupDomain",
-          description: ownDomainDescription,
-          icon: MailSend,
-          isConnected: isSparkpostConnected,
-          isDisconnecting: isSparkpostDisconnecting,
-          manageButtonText: "neetoEmailDelivery.sparkpost.emailDelivery.continueVerification",
-          showManageButton: sparkpostVerificationPending,
-          title: ownDomainTitle,
-          showDisconnect: sparkpostVerificationPending || isSparkpostConnected,
-          onConnect: handleOwnDomainConnect,
-          onDisconnect: onSparkpostDisconnect,
-          onManage: showVerificationPage
-        }), showSmtp && /*#__PURE__*/jsxRuntime.jsx(IntegrationCard, {
-          connectButtonText: "neetoEmailDelivery.smtp.connectSmtp",
-          description: smtpDescription,
-          icon: MailSend,
-          isConnected: isSmtpConnected,
-          isDisconnecting: isSmtpDisconnecting,
-          title: smtpTitle,
-          onConnect: handleSmtpConnect,
-          onDisconnect: onSmtpDisconnect
-        })]
-      }), activeMessage && /*#__PURE__*/jsxRuntime.jsx(Callout, {
-        style: "success",
-        children: activeMessage
-      }), isOutlookWaitingForTestEmail && /*#__PURE__*/jsxRuntime.jsx(Callout, {
-        style: "warning",
-        children: t("neetoEmailDelivery.outlook.waitingForTestEmail", {
-          email: outlookEmail
-        })
-      }), sparkpostVerificationPending && /*#__PURE__*/jsxRuntime.jsx(Callout, {
-        style: "warning",
-        children: t("neetoEmailDelivery.sparkpost.emailDelivery.verificationPending", {
-          domain: sparkpostDomain
-        })
-      }), isOutlookShadowAccount && /*#__PURE__*/jsxRuntime.jsx(Callout, {
-        style: "warning",
-        children: t("neetoEmailDelivery.outlook.shadowAccountMessage", {
-          email: outlookEmail
-        })
-      })]
-    }), /*#__PURE__*/jsxRuntime.jsx(SmtpSetup, {
-      ownerId: ownerId,
-      isOpen: isSmtpPaneOpen,
-      onCancel: handleSmtpPaneClose,
-      onDone: handleSmtpPaneClose
-    })]
-  });
-};
-
-module.exports = EmailDeliveryScreen;
+module.exports = EmailDeliveryScreen.EmailDeliveryScreen;
 //# sourceMappingURL=EmailDeliveryScreen.js.map