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

package/app/javascript/src/translations/en.json

@@ -47,6 +47,7 @@
     "sparkpost": {
       "ownDomainConfigured": "Own domain is configured for sending emails.",
       "customDomain": "Custom domain",
+      "description": "Configure your DKIM and DNS settings to send emails from your custom email provider and not from Neeto.",
       "setup": {
         "title": "Setup own domain for outgoing emails",
         "description": "Enter the email address you want to use for sending emails",
@@ -108,6 +109,22 @@
         "verificationPending": "Verification in progress. DNS records propagation may take up to 24 hours.",
         "domainDisconnected": "Domain disconnected successfully!"
       }
+    },
+    "integrationDetail": {
+      "connectTitle": "Connect {{appName, anyCase}} with {{provider, anyCase}}.",
+      "connectedTitle": "Your {{provider, anyCase}} account is connected now.",
+      "pendingTitle": "Your {{provider, anyCase}} setup is pending.",
+      "connectedEmail": "Connected email: <bold>{{email}}</bold>",
+      "onlyOneIntegration": "Currently, you can connect only one email integration at a time. Either Gmail, Outlook, Custom email provider, or SMTP. Please disconnect your <disconnectLink>{{activeProvider, anyCase}}</disconnectLink> integration to connect {{targetProvider, anyCase}}.",
+      "pendingIntegrationBlocked": "You have a pending <disconnectLink>{{activeProvider, anyCase}}</disconnectLink> integration. Please disconnect it before connecting {{targetProvider, anyCase}}.",
+      "helpArticleText": "To learn how to connect with {{provider, anyCase}}, read this <helpLink>help article</helpLink>.",
+      "pending": "Pending",
+      "error": "Error",
+      "disconnect": "Disconnect",
+      "setupDomain": "Set-up domain",
+      "connectSmtp": "Connect SMTP",
+      "connectGmail": "Connect Gmail",
+      "connectOutlook": "Connect Outlook"
     }
   }
 }

package/dist/EmailDeliveryScreen.js

@@ -1,587 +1,25 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState } from 'react';
-import { isPresent, humanize } from '@bigbinary/neeto-cist';
-import { useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { showThumbsUpToastr, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
-import MailSend from '@bigbinary/neeto-icons/MailSend';
-import GmailIcon from '@bigbinary/neeto-icons/misc/Gmail';
-import OutlookIcon from '@bigbinary/neeto-icons/misc/Outlook';
-import Spinner from '@bigbinary/neetoui/Spinner';
-import Callout from '@bigbinary/neetoui/Callout';
-import Toastr from '@bigbinary/neetoui/Toastr';
-import { prop } from 'ramda';
-import { useTranslation } from 'react-i18next';
-import { useHistory } from 'react-router-dom';
-import { i as invalidateAllIntegrationQueries, f as GMAIL_OAUTH_CONNECT_URL, g as OUTLOOK_OAUTH_CONNECT_URL } from './useSparkpostApi-qpRhsK7H.js';
-import Pane from '@bigbinary/neetoui/Pane';
-import Typography from '@bigbinary/neetoui/Typography';
-import Form from '@bigbinary/neetoui/formik/Form';
-import Input from '@bigbinary/neetoui/formik/Input';
-import Radio from '@bigbinary/neetoui/formik/Radio';
-import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
-import { c as useCreateSmtp, u as useFetchGmail, d as useDestroyGmail, a as useFetchOutlook, e as useDestroyOutlook, b as useFetchSmtp, f as useDestroySmtp } from './useOutlookIntegrationApi-b_mNVfRE.js';
-import { t } from 'i18next';
-import * as yup from 'yup';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useQueryClient } from '@tanstack/react-query';
-import { u as useSparkpostDomain } from './useSparkpostDomain-De-Fz3ek.js';
-import Button from '@bigbinary/neetoui/Button';
-import Tag from '@bigbinary/neetoui/Tag';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neeto-commons-frontend/react-utils';
+import '@bigbinary/neeto-icons/MailSend';
+import '@bigbinary/neeto-icons/misc/Gmail';
+import '@bigbinary/neeto-icons/misc/Outlook';
+import '@bigbinary/neetoui/Spinner';
+import '@bigbinary/neetoui/Toastr';
+import 'react-i18next';
+import 'react-router-dom';
+export { E as default } from './index-BKKcEEt1.js';
+import './useSparkpostDomain-CmX8ka38.js';
+import 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react';
+import '@tanstack/react-query';
+import '@bigbinary/neeto-commons-frontend/utils';
+import './useSparkpostApi-tYImubXZ.js';
 import '@babel/runtime/helpers/defineProperty';
 import 'axios';
-
-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.object().shape({
-  host: yup.string().trim().required(t("neetoEmailDelivery.smtp.setup.requiredField", {
-    field: t("neetoEmailDelivery.smtp.setup.hostLabel")
-  })),
-  port: yup.number().required(t("neetoEmailDelivery.smtp.setup.requiredField", {
-    field: t("neetoEmailDelivery.smtp.setup.portLabel")
-  })),
-  username: yup.string().trim().required(t("neetoEmailDelivery.smtp.setup.requiredField", {
-    field: t("neetoEmailDelivery.smtp.setup.usernameLabel")
-  })),
-  password: yup.string().trim().required(t("neetoEmailDelivery.smtp.setup.requiredField", {
-    field: t("neetoEmailDelivery.smtp.setup.passwordLabel")
-  })),
-  email: yup.string().trim().required(t("neetoEmailDelivery.smtp.setup.requiredField", {
-    field: t("neetoEmailDelivery.smtp.setup.emailLabel")
-  })).email(t("neetoEmailDelivery.smtp.setup.emailInvalid")),
-  displayName: yup.string().trim().required(t("neetoEmailDelivery.smtp.setup.requiredField", {
-    field: t("neetoEmailDelivery.smtp.setup.displayNameLabel")
-  })),
-  encryption: yup.string().trim().required(t("neetoEmailDelivery.smtp.setup.requiredField", {
-    field: 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 = useTranslation(),
-    t = _useTranslation.t;
-  var _useCreateSmtp = useCreateSmtp({
-      ownerId: ownerId
-    }),
-    isCreating = _useCreateSmtp.isPending,
-    createSmtp = _useCreateSmtp.mutate;
-  var handleSubmit = function handleSubmit(values) {
-    createSmtp({
-      smtp_account: values
-    }, {
-      onSuccess: onDone
-    });
-  };
-  return /*#__PURE__*/jsxs(Pane, {
-    isOpen: isOpen,
-    size: "lg",
-    onClose: onCancel,
-    children: [/*#__PURE__*/jsx(Pane.Header, {
-      children: /*#__PURE__*/jsx(Typography, {
-        style: "h2",
-        weight: "semibold",
-        children: t("neetoEmailDelivery.smtp.setup.title")
-      })
-    }), /*#__PURE__*/jsxs(Form, {
-      className: "w-full",
-      formikProps: {
-        initialValues: SMTP_ACCOUNT_INITIAL_VALUES,
-        validationSchema: SMTP_ACCOUNT_VALIDATION_SCHEMA,
-        onSubmit: handleSubmit
-      },
-      children: [/*#__PURE__*/jsx(Pane.Body, {
-        className: "space-y-4",
-        children: /*#__PURE__*/jsxs("div", {
-          className: "flex flex-col gap-6",
-          children: [/*#__PURE__*/jsx(Callout, {
-            style: "warning",
-            children: t("neetoEmailDelivery.smtp.setup.note")
-          }), /*#__PURE__*/jsx(Input, {
-            required: true,
-            label: t("neetoEmailDelivery.smtp.setup.hostLabel"),
-            name: "host"
-          }), /*#__PURE__*/jsx(Input, {
-            required: true,
-            label: t("neetoEmailDelivery.smtp.setup.portLabel"),
-            name: "port",
-            type: "number"
-          }), /*#__PURE__*/jsx(Input, {
-            required: true,
-            label: t("neetoEmailDelivery.smtp.setup.usernameLabel"),
-            name: "username"
-          }), /*#__PURE__*/jsx(Input, {
-            required: true,
-            label: t("neetoEmailDelivery.smtp.setup.passwordLabel"),
-            name: "password",
-            type: "password"
-          }), /*#__PURE__*/jsx(Input, {
-            required: true,
-            label: t("neetoEmailDelivery.smtp.setup.emailLabel"),
-            name: "email",
-            type: "email"
-          }), /*#__PURE__*/jsx(Input, {
-            required: true,
-            label: t("neetoEmailDelivery.smtp.setup.displayNameLabel"),
-            name: "displayName"
-          }), /*#__PURE__*/jsx(Radio, {
-            label: t("neetoEmailDelivery.smtp.setup.encryptionLabel"),
-            name: "encryption",
-            children: ENCRYPTION_OPTIONS.map(function (option) {
-              return /*#__PURE__*/jsx(Radio.Item, {
-                label: option.label,
-                value: option.value
-              }, option.value);
-            })
-          })]
-        })
-      }), /*#__PURE__*/jsx(Pane.Footer, {
-        children: /*#__PURE__*/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 = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDisconnectAlertOpen = _useState2[0],
-    setIsDisconnectAlertOpen = _useState2[1];
-  var history = useHistory();
-  var queryClient = useQueryClient();
-  var _useFetchGmail = useFetchGmail(ownerId, {
-      enabled: canManageIntegrations
-    }),
-    isLoading = _useFetchGmail.isLoading,
-    _useFetchGmail$data = _useFetchGmail.data,
-    data = _useFetchGmail$data === void 0 ? {} : _useFetchGmail$data;
-  var _useDestroyGmail = 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() {
-        showThumbsUpToastr();
-        setIsDisconnectAlertOpen(false);
-        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 = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDisconnectAlertOpen = _useState2[0],
-    setIsDisconnectAlertOpen = _useState2[1];
-  var history = useHistory();
-  var queryClient = useQueryClient();
-  var _useFetchOutlook = useFetchOutlook(ownerId, {
-      enabled: canManageIntegrations
-    }),
-    isLoading = _useFetchOutlook.isLoading,
-    _useFetchOutlook$data = _useFetchOutlook.data,
-    data = _useFetchOutlook$data === void 0 ? {} : _useFetchOutlook$data;
-  var _useDestroyOutlook = 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() {
-        showThumbsUpToastr();
-        setIsDisconnectAlertOpen(false);
-        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 = useFetchSmtp(ownerId, {
-      enabled: canManageIntegrations
-    }),
-    isLoading = _useFetchSmtp.isLoading,
-    _useFetchSmtp$data = _useFetchSmtp.data,
-    data = _useFetchSmtp$data === void 0 ? {} : _useFetchSmtp$data;
-  var _useDestroySmtp = 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: t("neetoEmailDelivery.gmail.permissionNotGiven"),
-  outlook_permission_not_given: t("neetoEmailDelivery.outlook.permissionNotGiven"),
-  outlook_invalid_client: t("neetoEmailDelivery.outlook.invalidClient"),
-  outlook_nil_json_web_token: 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 = useTranslation(),
-    t = _useTranslation.t;
-  var shouldShowDisconnect = isConnected || showDisconnect;
-  return /*#__PURE__*/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__*/jsxs("div", {
-      className: "flex flex-col gap-4 grow min-h-0",
-      children: [/*#__PURE__*/jsxs("div", {
-        className: "flex items-center gap-3",
-        children: [/*#__PURE__*/jsx(Icon, {
-          className: "shrink-0",
-          size: 32
-        }), /*#__PURE__*/jsx("div", {
-          className: "min-w-0 flex-1",
-          children: /*#__PURE__*/jsxs("div", {
-            className: "flex items-center gap-2",
-            children: [/*#__PURE__*/jsx(Typography, {
-              style: "h4",
-              weight: "semibold",
-              children: title
-            }), isConnected && /*#__PURE__*/jsx(Tag, {
-              label: t(connectedTagText)
-            })]
-          })
-        })]
-      }), /*#__PURE__*/jsx(Typography, {
-        className: "min-w-0 break-words",
-        style: "body2",
-        children: description
-      }), connectButtonText && /*#__PURE__*/jsxs("div", {
-        className: "flex gap-2 mt-auto",
-        children: [showManageButton && /*#__PURE__*/jsx(Button, {
-          "data-testid": "manage-button",
-          label: t(manageButtonText),
-          size: "small",
-          style: "secondary",
-          onClick: onManage
-        }), shouldShowDisconnect ? /*#__PURE__*/jsx(Button, {
-          "data-testid": "disconnect-button",
-          label: t(disconnectButtonText),
-          loading: isDisconnecting,
-          size: "small",
-          style: "danger",
-          onClick: onDisconnect
-        }) : /*#__PURE__*/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 = useTranslation(),
-    t = _useTranslation.t;
-  var history = useHistory();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSmtpPaneOpen = _useState2[0],
-    setIsSmtpPaneOpen = _useState2[1];
-  var _useQueryParams = useQueryParams(),
-    error = _useQueryParams.error,
-    errorDescription = _useQueryParams.errorDescription;
-  if (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 : 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({
-    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 = buildUrl(GMAIL_OAUTH_CONNECT_URL, {
-      ownerId: ownerId
-    });
-  };
-  var handleOutlookConnect = function handleOutlookConnect() {
-    window.location.href = buildUrl(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 = prop("email", gmailData);
-  var outlookEmail = prop("email", outlookData);
-  var sparkpostEmail = prop("email", sparkpostData);
-  var sparkpostDomain = prop("domain", sparkpostData);
-  var smtpEmail = prop("email", smtpData);
-  var showVerificationPage = function showVerificationPage() {
-    history.push(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__*/jsx("div", {
-      className: "flex grow items-center justify-center w-full",
-      children: /*#__PURE__*/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__*/jsxs("div", {
-    className: "min-h-0 w-full grow",
-    children: [/*#__PURE__*/jsxs("div", {
-      className: "@container mx-auto space-y-6",
-      children: [/*#__PURE__*/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__*/jsx(IntegrationCard, {
-          connectButtonText: "neetoEmailDelivery.gmail.connectGmail",
-          description: gmailDescription,
-          icon: GmailIcon,
-          isConnected: isGmailConnected,
-          isDisconnecting: isGmailDisconnecting,
-          title: gmailTitle,
-          onConnect: handleGmailConnect,
-          onDisconnect: onGmailDisconnect
-        }), showOutlook && /*#__PURE__*/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__*/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__*/jsx(IntegrationCard, {
-          connectButtonText: "neetoEmailDelivery.smtp.connectSmtp",
-          description: smtpDescription,
-          icon: MailSend,
-          isConnected: isSmtpConnected,
-          isDisconnecting: isSmtpDisconnecting,
-          title: smtpTitle,
-          onConnect: handleSmtpConnect,
-          onDisconnect: onSmtpDisconnect
-        })]
-      }), activeMessage && /*#__PURE__*/jsx(Callout, {
-        style: "success",
-        children: activeMessage
-      }), isOutlookWaitingForTestEmail && /*#__PURE__*/jsx(Callout, {
-        style: "warning",
-        children: t("neetoEmailDelivery.outlook.waitingForTestEmail", {
-          email: outlookEmail
-        })
-      }), sparkpostVerificationPending && /*#__PURE__*/jsx(Callout, {
-        style: "warning",
-        children: t("neetoEmailDelivery.sparkpost.emailDelivery.verificationPending", {
-          domain: sparkpostDomain
-        })
-      }), isOutlookShadowAccount && /*#__PURE__*/jsx(Callout, {
-        style: "warning",
-        children: t("neetoEmailDelivery.outlook.shadowAccountMessage", {
-          email: outlookEmail
-        })
-      })]
-    }), /*#__PURE__*/jsx(SmtpSetup, {
-      ownerId: ownerId,
-      isOpen: isSmtpPaneOpen,
-      onCancel: handleSmtpPaneClose,
-      onDone: handleSmtpPaneClose
-    })]
-  });
-};
-
-export { EmailDeliveryScreen as default };
+import 'i18next';
+import '@bigbinary/neeto-icons/Check';
+import '@bigbinary/neeto-icons/Warning';
+import '@bigbinary/neetoui/Tag';
+import '@bigbinary/neetoui/Typography';
 //# sourceMappingURL=EmailDeliveryScreen.js.map