@bigbinary/neeto-email-delivery-frontend 1.0.30 → 1.0.33

package/dist/Verify-BDOXn-By.js

@@ -0,0 +1,299 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
+var Spinner = require('@bigbinary/neetoui/Spinner');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var reactRouterDom = require('react-router-dom');
+var PageLayout = require('./PageLayout-CUMq2CmP.js');
+var useSparkpostDomain = require('./useSparkpostDomain-CXs_VuGP.js');
+var useEmailDeliveryIntegrationApi = require('./useEmailDeliveryIntegrationApi-BcQDhMIH.js');
+var useSparkpostApi = require('./useSparkpostApi-DlgW14Wu.js');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Tag = require('@bigbinary/neetoui/Tag');
+var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
+var jsxRuntime = require('react/jsx-runtime');
+var Button = require('@bigbinary/neetoui/Button');
+var Callout = require('@bigbinary/neetoui/Callout');
+
+var RecordField = function RecordField(_ref) {
+  var label = _ref.label,
+    value = _ref.value,
+    dataTestid = _ref.dataTestid;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex w-full flex-col gap-1",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex items-center justify-between",
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "h6",
+        children: label
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs("code", {
+      className: "neeto-ui-text-gray-800 neeto-ui-bg-gray-100 neeto-ui-rounded-md relative block p-2 pe-10 font-mono text-xs break-all",
+      "data-testid": dataTestid,
+      children: [value, /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
+        value: value,
+        className: "absolute top-1 end-1 shrink-0",
+        style: "tertiary"
+      })]
+    })]
+  });
+};
+
+var DnsRecordsSection = function DnsRecordsSection(_ref) {
+  var dnsRecords = _ref.dnsRecords,
+    domain = _ref.domain,
+    sparkpostData = _ref.sparkpostData,
+    _ref$showTitle = _ref.showTitle,
+    showTitle = _ref$showTitle === void 0 ? true : _ref$showTitle;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var formatPurpose = function formatPurpose(purpose) {
+    switch (purpose) {
+      case "dkim":
+        return t("neetoEmailDelivery.sparkpost.dnsRecords.dkimSigning");
+      case "txt":
+        return t("neetoEmailDelivery.sparkpost.dnsRecords.txtVerification");
+      default:
+        return purpose;
+    }
+  };
+  var formatRecordName = function formatRecordName(hostname) {
+    if (!hostname) return "";
+    return hostname.endsWith(".".concat(domain)) ? hostname : "".concat(hostname, ".").concat(domain);
+  };
+  var status = sparkpostData.status,
+    txtVerificationValue = sparkpostData.txtVerificationValue,
+    txtVerificationHostname = sparkpostData.txtVerificationHostname;
+  var allRecords = [];
+  var isTxtUnverified = status === "txt_unverified";
+  if (isTxtUnverified) {
+    if (txtVerificationValue && txtVerificationHostname) {
+      allRecords.push({
+        type: "TXT",
+        purpose: "txt",
+        hostname: txtVerificationHostname,
+        value: txtVerificationValue
+      });
+    }
+  } else {
+    allRecords.push.apply(allRecords, _toConsumableArray(dnsRecords));
+  }
+  if (ramda.isEmpty(allRecords)) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "p-8 text-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        className: "neeto-ui-text-gray-600",
+        style: "body2",
+        children: sparkpostData !== null && sparkpostData !== void 0 && sparkpostData.connected ? t("neetoEmailDelivery.sparkpost.dnsRecords.alreadyVerified") : t("neetoEmailDelivery.sparkpost.dnsRecords.loading")
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col gap-2",
+    children: [showTitle && /*#__PURE__*/jsxRuntime.jsx(Typography, {
+      style: "h4",
+      weight: "medium",
+      children: t("neetoEmailDelivery.sparkpost.dnsRecords.title")
+    }), allRecords.map(function (record, index) {
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-ui-rounded-lg neeto-ui-bg-white neeto-ui-border-gray-300 border p-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "mb-2 flex items-center justify-between",
+          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [/*#__PURE__*/jsxRuntime.jsx(Tag, {
+              label: formatPurpose(record.purpose),
+              size: "small",
+              style: PageLayout.PURPOSE_COLORS[record.purpose] || PageLayout.DEFAULT_COLOR
+            }), /*#__PURE__*/jsxRuntime.jsx(Tag, {
+              label: record.type,
+              size: "small",
+              style: "secondary"
+            })]
+          })
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col gap-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx(RecordField, {
+            dataTestid: "record-name",
+            label: t("neetoEmailDelivery.sparkpost.dnsRecords.nameLabel"),
+            value: formatRecordName(record.hostname)
+          }), /*#__PURE__*/jsxRuntime.jsx(RecordField, {
+            dataTestid: "record-value",
+            label: t("neetoEmailDelivery.sparkpost.dnsRecords.valueLabel"),
+            value: record.value
+          })]
+        })]
+      }, index);
+    })]
+  });
+};
+
+var VerificationActions = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    isVerifying = _ref.isVerifying,
+    verificationStatus = _ref.verificationStatus,
+    onVerify = _ref.onVerify,
+    onCancel = _ref.onCancel;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex gap-3",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
+      "data-testid": "verify-domain-button",
+      disabled: isVerifying || verificationStatus === "success",
+      loading: isVerifying,
+      onClick: onVerify,
+      children: isVerifying ? t("neetoEmailDelivery.sparkpost.verify.verifying") : t("neetoEmailDelivery.sparkpost.verify.verifyDomain")
+    }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+      "data-testid": "cancel-button",
+      disabled: isVerifying,
+      style: "secondary",
+      onClick: onCancel,
+      children: t("neetoEmailDelivery.sparkpost.verify.cancel")
+    })]
+  });
+});
+
+var VerificationInstructions = function VerificationInstructions() {
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var instructionText = t("neetoEmailDelivery.sparkpost.instructions.fullText");
+  var lines = instructionText.split("\n");
+  return /*#__PURE__*/jsxRuntime.jsx(Callout, {
+    style: "info",
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "w-full",
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "body2",
+        children: lines.map(function (line, index) {
+          return /*#__PURE__*/jsxRuntime.jsxs("span", {
+            children: [line, index < lines.length - 1 && /*#__PURE__*/jsxRuntime.jsx("br", {})]
+          }, index);
+        })
+      })
+    })
+  });
+};
+
+var VerificationStatusCallout = function VerificationStatusCallout(_ref) {
+  var verificationStatus = _ref.verificationStatus;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var config = PageLayout.VERIFICATION_STATUS_CONFIG[verificationStatus];
+  if (!config) return null;
+  return /*#__PURE__*/jsxRuntime.jsx(Callout, {
+    style: config.style,
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "space-y-1",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "body2",
+        weight: "medium",
+        children: t(config.titleKey)
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "body3",
+        children: t(config.descriptionKey)
+      })]
+    })
+  });
+};
+
+var SparkpostDomainVerify = function SparkpostDomainVerify(_ref) {
+  var ownerId = _ref.ownerId,
+    canManageIntegrations = _ref.canManageIntegrations,
+    emailDeliveryIndexRoute = _ref.emailDeliveryIndexRoute;
+  var _useState = react.useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    verificationStatus = _useState2[0],
+    setVerificationStatus = _useState2[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var history = reactRouterDom.useHistory();
+  var _useFetchConnectedInt = useEmailDeliveryIntegrationApi.useFetchConnectedIntegration(ownerId),
+    integration = _useFetchConnectedInt.integration,
+    isIntegrationLoading = _useFetchConnectedInt.isLoading;
+  var hasConnectedIntegration = integration && !integration.isPending;
+  var _useQueryParams = reactUtils.useQueryParams(),
+    queryDomain = _useQueryParams.domain;
+  var _useFetchSparkpostDom = useSparkpostApi.useFetchSparkpostDomain(ownerId),
+    sparkpostData = _useFetchSparkpostDom.data,
+    isLoading = _useFetchSparkpostDom.isLoading;
+  var _useSparkpostDomain = useSparkpostDomain.useSparkpostDomain({
+      ownerId: ownerId,
+      canManageIntegrations: canManageIntegrations
+    }),
+    onVerifyDomain = _useSparkpostDomain.onVerifyDomain,
+    isVerifying = _useSparkpostDomain.isVerifying;
+  var domain = ramda.pathOr(queryDomain, ["domain"], sparkpostData);
+  var dnsRecords = ramda.pathOr([], ["verificationRecords"], sparkpostData);
+  react.useEffect(function () {
+    // Check if domain is already verified
+    if (!(sparkpostData !== null && sparkpostData !== void 0 && sparkpostData.connected)) return;
+    setVerificationStatus(PageLayout.VERIFICATION_STATUSES.SUCCESS);
+    setTimeout(function () {
+      history.push(emailDeliveryIndexRoute);
+    }, 5000);
+  }, [sparkpostData, emailDeliveryIndexRoute, history]);
+  var handleVerify = function handleVerify() {
+    onVerifyDomain(function (response) {
+      if ((response === null || response === void 0 ? void 0 : response.status) === "active") {
+        setVerificationStatus(PageLayout.VERIFICATION_STATUSES.SUCCESS);
+        setTimeout(function () {
+          history.push(emailDeliveryIndexRoute);
+        }, 3000);
+      } else {
+        setVerificationStatus(PageLayout.VERIFICATION_STATUSES.PENDING);
+      }
+    }, function (_error) {
+      setVerificationStatus(PageLayout.VERIFICATION_STATUSES.ERROR);
+    });
+  };
+  var isVerificationSuccessful = verificationStatus === PageLayout.VERIFICATION_STATUSES.SUCCESS;
+  var handleCancel = function handleCancel() {
+    history.push(emailDeliveryIndexRoute);
+  };
+  if (isLoading || isIntegrationLoading) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex justify-center p-6",
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
+    });
+  }
+  if (hasConnectedIntegration) {
+    history.replace(emailDeliveryIndexRoute);
+    return null;
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(PageLayout.PageWrapper, {
+    children: /*#__PURE__*/jsxRuntime.jsx(PageLayout.PageContent, {
+      children: /*#__PURE__*/jsxRuntime.jsx(CardLayout, {
+        title: t("neetoEmailDelivery.sparkpost.verify.title"),
+        actionBlock: /*#__PURE__*/jsxRuntime.jsx(VerificationActions, {
+          isVerifying: isVerifying,
+          verificationStatus: verificationStatus,
+          onCancel: handleCancel,
+          onVerify: handleVerify
+        }),
+        description: t("neetoEmailDelivery.sparkpost.verify.description", {
+          domain: domain
+        }).replace(/<strong>|<\/strong>/g, ""),
+        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col gap-4",
+          children: [/*#__PURE__*/jsxRuntime.jsx(VerificationStatusCallout, {
+            verificationStatus: verificationStatus
+          }), !isVerificationSuccessful && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/jsxRuntime.jsx(DnsRecordsSection, {
+              dnsRecords: dnsRecords,
+              domain: domain,
+              sparkpostData: sparkpostData
+            }), /*#__PURE__*/jsxRuntime.jsx(VerificationInstructions, {})]
+          })]
+        })
+      })
+    })
+  });
+};
+
+exports.DnsRecordsSection = DnsRecordsSection;
+exports.SparkpostDomainVerify = SparkpostDomainVerify;
+//# sourceMappingURL=Verify-BDOXn-By.js.map

package/dist/Verify-BDOXn-By.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Verify-BDOXn-By.js","sources":["../app/javascript/src/components/SparkpostDomain/RecordField.jsx","../app/javascript/src/components/SparkpostDomain/DnsRecordsSection.jsx","../app/javascript/src/components/SparkpostDomain/VerificationActions.jsx","../app/javascript/src/components/SparkpostDomain/VerificationInstructions.jsx","../app/javascript/src/components/SparkpostDomain/VerificationStatusCallout.jsx","../app/javascript/src/components/SparkpostDomain/Verify.jsx"],"sourcesContent":["import CopyToClipboardButton from \"neetomolecules/CopyToClipboardButton\";\nimport { Typography } from \"neetoui\";\n\nconst RecordField = ({ label, value, dataTestid }) => (\n  <div className=\"flex w-full flex-col gap-1\">\n    <div className=\"flex items-center justify-between\">\n      <Typography style=\"h6\">{label}</Typography>\n    </div>\n    <code\n      className=\"neeto-ui-text-gray-800 neeto-ui-bg-gray-100 neeto-ui-rounded-md relative block p-2 pe-10 font-mono text-xs break-all\"\n      data-testid={dataTestid}\n    >\n      {value}\n      <CopyToClipboardButton\n        {...{ value }}\n        className=\"absolute top-1 end-1 shrink-0\"\n        style=\"tertiary\"\n      />\n    </code>\n  </div>\n);\n\nexport default RecordField;\n","import { Typography, Tag } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { PURPOSE_COLORS, DEFAULT_COLOR } from \"./constants\";\nimport RecordField from \"./RecordField\";\n\nconst DnsRecordsSection = ({\n  dnsRecords,\n  domain,\n  sparkpostData,\n  showTitle = true,\n}) => {\n  const { t } = useTranslation();\n\n  const formatPurpose = purpose => {\n    switch (purpose) {\n      case \"dkim\":\n        return t(\"neetoEmailDelivery.sparkpost.dnsRecords.dkimSigning\");\n      case \"txt\":\n        return t(\"neetoEmailDelivery.sparkpost.dnsRecords.txtVerification\");\n      default:\n        return purpose;\n    }\n  };\n\n  const formatRecordName = hostname => {\n    if (!hostname) return \"\";\n\n    return hostname.endsWith(`.${domain}`) ? hostname : `${hostname}.${domain}`;\n  };\n\n  const { status, txtVerificationValue, txtVerificationHostname } =\n    sparkpostData;\n\n  const allRecords = [];\n  const isTxtUnverified = status === \"txt_unverified\";\n\n  if (isTxtUnverified) {\n    if (txtVerificationValue && txtVerificationHostname) {\n      allRecords.push({\n        type: \"TXT\",\n        purpose: \"txt\",\n        hostname: txtVerificationHostname,\n        value: txtVerificationValue,\n      });\n    }\n  } else {\n    allRecords.push(...dnsRecords);\n  }\n\n  if (isEmpty(allRecords)) {\n    return (\n      <div className=\"p-8 text-center\">\n        <Typography className=\"neeto-ui-text-gray-600\" style=\"body2\">\n          {sparkpostData?.connected\n            ? t(\"neetoEmailDelivery.sparkpost.dnsRecords.alreadyVerified\")\n            : t(\"neetoEmailDelivery.sparkpost.dnsRecords.loading\")}\n        </Typography>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      {showTitle && (\n        <Typography style=\"h4\" weight=\"medium\">\n          {t(\"neetoEmailDelivery.sparkpost.dnsRecords.title\")}\n        </Typography>\n      )}\n      {allRecords.map((record, index) => (\n        <div\n          className=\"neeto-ui-rounded-lg neeto-ui-bg-white neeto-ui-border-gray-300 border p-2\"\n          key={index}\n        >\n          <div className=\"mb-2 flex items-center justify-between\">\n            <div className=\"flex items-center gap-2\">\n              <Tag\n                label={formatPurpose(record.purpose)}\n                size=\"small\"\n                style={PURPOSE_COLORS[record.purpose] || DEFAULT_COLOR}\n              />\n              <Tag label={record.type} size=\"small\" style=\"secondary\" />\n            </div>\n          </div>\n          <div className=\"flex flex-col gap-2\">\n            <RecordField\n              dataTestid=\"record-name\"\n              label={t(\"neetoEmailDelivery.sparkpost.dnsRecords.nameLabel\")}\n              value={formatRecordName(record.hostname)}\n            />\n            <RecordField\n              dataTestid=\"record-value\"\n              label={t(\"neetoEmailDelivery.sparkpost.dnsRecords.valueLabel\")}\n              value={record.value}\n            />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default DnsRecordsSection;\n","import { withT } from \"neetocommons/react-utils\";\nimport { Button } from \"neetoui\";\n\nconst VerificationActions = withT(\n  ({ t, isVerifying, verificationStatus, onVerify, onCancel }) => (\n    <div className=\"flex gap-3\">\n      <Button\n        data-testid=\"verify-domain-button\"\n        disabled={isVerifying || verificationStatus === \"success\"}\n        loading={isVerifying}\n        onClick={onVerify}\n      >\n        {isVerifying\n          ? t(\"neetoEmailDelivery.sparkpost.verify.verifying\")\n          : t(\"neetoEmailDelivery.sparkpost.verify.verifyDomain\")}\n      </Button>\n      <Button\n        data-testid=\"cancel-button\"\n        disabled={isVerifying}\n        style=\"secondary\"\n        onClick={onCancel}\n      >\n        {t(\"neetoEmailDelivery.sparkpost.verify.cancel\")}\n      </Button>\n    </div>\n  )\n);\n\nexport default VerificationActions;\n","import { Typography, Callout } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst VerificationInstructions = () => {\n  const { t } = useTranslation();\n\n  const instructionText = t(\n    \"neetoEmailDelivery.sparkpost.instructions.fullText\"\n  );\n  const lines = instructionText.split(\"\\n\");\n\n  return (\n    <Callout style=\"info\">\n      <div className=\"w-full\">\n        <Typography style=\"body2\">\n          {lines.map((line, index) => (\n            <span key={index}>\n              {line}\n              {index < lines.length - 1 && <br />}\n            </span>\n          ))}\n        </Typography>\n      </div>\n    </Callout>\n  );\n};\n\nexport default VerificationInstructions;\n","import { Callout, Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { VERIFICATION_STATUS_CONFIG } from \"./constants\";\n\nconst VerificationStatusCallout = ({ verificationStatus }) => {\n  const { t } = useTranslation();\n\n  const config = VERIFICATION_STATUS_CONFIG[verificationStatus];\n\n  if (!config) return null;\n\n  return (\n    <Callout style={config.style}>\n      <div className=\"space-y-1\">\n        <Typography style=\"body2\" weight=\"medium\">\n          {t(config.titleKey)}\n        </Typography>\n        <Typography style=\"body3\">{t(config.descriptionKey)}</Typography>\n      </div>\n    </Callout>\n  );\n};\n\nexport default VerificationStatusCallout;\n","import { useState, useEffect } from \"react\";\n\nimport { useQueryParams } from \"neetocommons/react-utils\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport { Spinner } from \"neetoui\";\nimport { pathOr } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { PageContent, PageWrapper } from \"components/PageLayout\";\nimport useSparkpostDomain from \"hooks/integrations/useSparkpostDomain\";\nimport { useFetchConnectedIntegration } from \"hooks/reactQuery/integrations/useEmailDeliveryIntegrationApi\";\nimport { useFetchSparkpostDomain } from \"hooks/reactQuery/integrations/useSparkpostApi\";\n\nimport { VERIFICATION_STATUSES } from \"./constants\";\nimport DnsRecordsSection from \"./DnsRecordsSection\";\nimport VerificationActions from \"./VerificationActions\";\nimport VerificationInstructions from \"./VerificationInstructions\";\nimport VerificationStatusCallout from \"./VerificationStatusCallout\";\n\nconst SparkpostDomainVerify = ({\n  ownerId,\n  canManageIntegrations,\n  emailDeliveryIndexRoute,\n}) => {\n  const [verificationStatus, setVerificationStatus] = useState(\"\");\n  const { t } = useTranslation();\n\n  const history = useHistory();\n\n  const { integration, isLoading: isIntegrationLoading } =\n    useFetchConnectedIntegration(ownerId);\n\n  const hasConnectedIntegration = integration && !integration.isPending;\n\n  const { domain: queryDomain } = useQueryParams();\n\n  const { data: sparkpostData, isLoading } = useFetchSparkpostDomain(ownerId);\n  const { onVerifyDomain, isVerifying } = useSparkpostDomain({\n    ownerId,\n    canManageIntegrations,\n  });\n\n  const domain = pathOr(queryDomain, [\"domain\"], sparkpostData);\n  const dnsRecords = pathOr([], [\"verificationRecords\"], sparkpostData);\n\n  useEffect(() => {\n    // Check if domain is already verified\n    if (!sparkpostData?.connected) return;\n    setVerificationStatus(VERIFICATION_STATUSES.SUCCESS);\n    setTimeout(() => {\n      history.push(emailDeliveryIndexRoute);\n    }, 5000);\n  }, [sparkpostData, emailDeliveryIndexRoute, history]);\n\n  const handleVerify = () => {\n    onVerifyDomain(\n      response => {\n        if (response?.status === \"active\") {\n          setVerificationStatus(VERIFICATION_STATUSES.SUCCESS);\n          setTimeout(() => {\n            history.push(emailDeliveryIndexRoute);\n          }, 3000);\n        } else {\n          setVerificationStatus(VERIFICATION_STATUSES.PENDING);\n        }\n      },\n      _error => {\n        setVerificationStatus(VERIFICATION_STATUSES.ERROR);\n      }\n    );\n  };\n\n  const isVerificationSuccessful =\n    verificationStatus === VERIFICATION_STATUSES.SUCCESS;\n\n  const handleCancel = () => {\n    history.push(emailDeliveryIndexRoute);\n  };\n\n  if (isLoading || isIntegrationLoading) {\n    return (\n      <div className=\"flex justify-center p-6\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  if (hasConnectedIntegration) {\n    history.replace(emailDeliveryIndexRoute);\n\n    return null;\n  }\n\n  return (\n    <PageWrapper>\n      <PageContent>\n        <CardLayout\n          title={t(\"neetoEmailDelivery.sparkpost.verify.title\")}\n          actionBlock={\n            <VerificationActions\n              {...{ isVerifying, verificationStatus }}\n              onCancel={handleCancel}\n              onVerify={handleVerify}\n            />\n          }\n          description={t(\"neetoEmailDelivery.sparkpost.verify.description\", {\n            domain,\n          }).replace(/<strong>|<\\/strong>/g, \"\")}\n        >\n          <div className=\"flex flex-col gap-4\">\n            <VerificationStatusCallout {...{ verificationStatus }} />\n            {!isVerificationSuccessful && (\n              <>\n                <DnsRecordsSection {...{ dnsRecords, domain, sparkpostData }} />\n                <VerificationInstructions />\n              </>\n            )}\n          </div>\n        </CardLayout>\n      </PageContent>\n    </PageWrapper>\n  );\n};\n\nexport default SparkpostDomainVerify;\n"],"names":["RecordField","_ref","label","value","dataTestid","_jsxs","className","children","_jsx","Typography","style","CopyToClipboardButton","DnsRecordsSection","dnsRecords","domain","sparkpostData","_ref$showTitle","showTitle","_useTranslation","useTranslation","t","formatPurpose","purpose","formatRecordName","hostname","endsWith","concat","status","txtVerificationValue","txtVerificationHostname","allRecords","isTxtUnverified","push","type","apply","_toConsumableArray","isEmpty","connected","weight","map","record","index","Tag","size","PURPOSE_COLORS","DEFAULT_COLOR","VerificationActions","withT","isVerifying","verificationStatus","onVerify","onCancel","Button","disabled","loading","onClick","VerificationInstructions","instructionText","lines","split","Callout","line","length","VerificationStatusCallout","config","VERIFICATION_STATUS_CONFIG","titleKey","descriptionKey","SparkpostDomainVerify","ownerId","canManageIntegrations","emailDeliveryIndexRoute","_useState","useState","_useState2","_slicedToArray","setVerificationStatus","history","useHistory","_useFetchConnectedInt","useFetchConnectedIntegration","integration","isIntegrationLoading","isLoading","hasConnectedIntegration","isPending","_useQueryParams","useQueryParams","queryDomain","_useFetchSparkpostDom","useFetchSparkpostDomain","data","_useSparkpostDomain","useSparkpostDomain","onVerifyDomain","pathOr","useEffect","VERIFICATION_STATUSES","SUCCESS","setTimeout","handleVerify","response","PENDING","_error","ERROR","isVerificationSuccessful","handleCancel","Spinner","replace","PageWrapper","PageContent","CardLayout","title","actionBlock","description","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;AAAA,EAAA,oBAC7CC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,4BAA4B;AAAAC,IAAAA,QAAA,gBACzCC,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,mCAAmC;MAAAC,QAAA,eAChDC,cAAA,CAACC,UAAU,EAAA;AAACC,QAAAA,KAAK,EAAC,IAAI;AAAAH,QAAAA,QAAA,EAAEL;OAAkB;KACvC,CAAC,eACNG,eAAA,CAAA,MAAA,EAAA;AACEC,MAAAA,SAAS,EAAC,sHAAsH;AAChI,MAAA,aAAA,EAAaF,UAAW;AAAAG,MAAAA,QAAA,EAAA,CAEvBJ,KAAK,eACNK,cAAA,CAACG,qBAAqB,EAAA;AACdR,QAAAA,KAAK,EAALA,KAAK;AACXG,QAAAA,SAAS,EAAC,+BAA+B;AACzCI,QAAAA,KAAK,EAAC;AAAU,OACjB,CAAC;AAAA,KACE,CAAC;AAAA,GACJ,CAAC;AAAA,CACP;;ACbD,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAX,IAAA,EAKjB;AAAA,EAAA,IAJJY,UAAU,GAAAZ,IAAA,CAAVY,UAAU;IACVC,MAAM,GAAAb,IAAA,CAANa,MAAM;IACNC,aAAa,GAAAd,IAAA,CAAbc,aAAa;IAAAC,cAAA,GAAAf,IAAA,CACbgB,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,cAAA;AAEhB,EAAA,IAAAE,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,OAAO,EAAI;AAC/B,IAAA,QAAQA,OAAO;AACb,MAAA,KAAK,MAAM;QACT,OAAOF,CAAC,CAAC,qDAAqD,CAAC;AACjE,MAAA,KAAK,KAAK;QACR,OAAOA,CAAC,CAAC,yDAAyD,CAAC;AACrE,MAAA;AACE,QAAA,OAAOE,OAAO;AAClB;EACF,CAAC;AAED,EAAA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGC,QAAQ,EAAI;AACnC,IAAA,IAAI,CAACA,QAAQ,EAAE,OAAO,EAAE;AAExB,IAAA,OAAOA,QAAQ,CAACC,QAAQ,KAAAC,MAAA,CAAKZ,MAAM,CAAE,CAAC,GAAGU,QAAQ,GAAA,EAAA,CAAAE,MAAA,CAAMF,QAAQ,OAAAE,MAAA,CAAIZ,MAAM,CAAE;EAC7E,CAAC;AAED,EAAA,IAAQa,MAAM,GACZZ,aAAa,CADPY,MAAM;IAAEC,oBAAoB,GAClCb,aAAa,CADCa,oBAAoB;IAAEC,uBAAuB,GAC3Dd,aAAa,CADuBc,uBAAuB;EAG7D,IAAMC,UAAU,GAAG,EAAE;AACrB,EAAA,IAAMC,eAAe,GAAGJ,MAAM,KAAK,gBAAgB;AAEnD,EAAA,IAAII,eAAe,EAAE;IACnB,IAAIH,oBAAoB,IAAIC,uBAAuB,EAAE;MACnDC,UAAU,CAACE,IAAI,CAAC;AACdC,QAAAA,IAAI,EAAE,KAAK;AACXX,QAAAA,OAAO,EAAE,KAAK;AACdE,QAAAA,QAAQ,EAAEK,uBAAuB;AACjC1B,QAAAA,KAAK,EAAEyB;AACT,OAAC,CAAC;AACJ,IAAA;AACF,EAAA,CAAC,MAAM;IACLE,UAAU,CAACE,IAAI,CAAAE,KAAA,CAAfJ,UAAU,EAAAK,kBAAA,CAAStB,UAAU,CAAA,CAAC;AAChC,EAAA;AAEA,EAAA,IAAIuB,aAAO,CAACN,UAAU,CAAC,EAAE;AACvB,IAAA,oBACEtB,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,iBAAiB;MAAAC,QAAA,eAC9BC,cAAA,CAACC,UAAU,EAAA;AAACH,QAAAA,SAAS,EAAC,wBAAwB;AAACI,QAAAA,KAAK,EAAC,OAAO;AAAAH,QAAAA,QAAA,EACzDQ,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,MAAA,IAAbA,aAAa,CAAEsB,SAAS,GACrBjB,CAAC,CAAC,yDAAyD,CAAC,GAC5DA,CAAC,CAAC,iDAAiD;OAC7C;AAAC,KACV,CAAC;AAEV,EAAA;AAEA,EAAA,oBACEf,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,qBAAqB;AAAAC,IAAAA,QAAA,EAAA,CACjCU,SAAS,iBACRT,cAAA,CAACC,UAAU,EAAA;AAACC,MAAAA,KAAK,EAAC,IAAI;AAAC4B,MAAAA,MAAM,EAAC,QAAQ;MAAA/B,QAAA,EACnCa,CAAC,CAAC,+CAA+C;KACxC,CACb,EACAU,UAAU,CAACS,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK,EAAA;AAAA,MAAA,oBAC5BpC,eAAA,CAAA,KAAA,EAAA;AACEC,QAAAA,SAAS,EAAC,2EAA2E;AAAAC,QAAAA,QAAA,gBAGrFC,cAAA,CAAA,KAAA,EAAA;AAAKF,UAAAA,SAAS,EAAC,wCAAwC;AAAAC,UAAAA,QAAA,eACrDF,eAAA,CAAA,KAAA,EAAA;AAAKC,YAAAA,SAAS,EAAC,yBAAyB;YAAAC,QAAA,EAAA,cACtCC,cAAA,CAACkC,GAAG,EAAA;AACFxC,cAAAA,KAAK,EAAEmB,aAAa,CAACmB,MAAM,CAAClB,OAAO,CAAE;AACrCqB,cAAAA,IAAI,EAAC,OAAO;AACZjC,cAAAA,KAAK,EAAEkC,yBAAc,CAACJ,MAAM,CAAClB,OAAO,CAAC,IAAIuB;AAAc,aACxD,CAAC,eACFrC,cAAA,CAACkC,GAAG,EAAA;cAACxC,KAAK,EAAEsC,MAAM,CAACP,IAAK;AAACU,cAAAA,IAAI,EAAC,OAAO;AAACjC,cAAAA,KAAK,EAAC;AAAW,aAAE,CAAC;WACvD;SACF,CAAC,eACNL,eAAA,CAAA,KAAA,EAAA;AAAKC,UAAAA,SAAS,EAAC,qBAAqB;UAAAC,QAAA,EAAA,cAClCC,cAAA,CAACR,WAAW,EAAA;AACVI,YAAAA,UAAU,EAAC,aAAa;AACxBF,YAAAA,KAAK,EAAEkB,CAAC,CAAC,mDAAmD,CAAE;AAC9DjB,YAAAA,KAAK,EAAEoB,gBAAgB,CAACiB,MAAM,CAAChB,QAAQ;AAAE,WAC1C,CAAC,eACFhB,cAAA,CAACR,WAAW,EAAA;AACVI,YAAAA,UAAU,EAAC,cAAc;AACzBF,YAAAA,KAAK,EAAEkB,CAAC,CAAC,oDAAoD,CAAE;YAC/DjB,KAAK,EAAEqC,MAAM,CAACrC;AAAM,WACrB,CAAC;AAAA,SACC,CAAC;AAAA,OAAA,EAvBDsC,KAwBF,CAAC;AAAA,IAAA,CACP,CAAC;AAAA,GACC,CAAC;AAEV;;AClGA,IAAMK,mBAAmB,GAAGC,gBAAK,CAC/B,UAAA9C,IAAA,EAAA;AAAA,EAAA,IAAGmB,CAAC,GAAAnB,IAAA,CAADmB,CAAC;IAAE4B,WAAW,GAAA/C,IAAA,CAAX+C,WAAW;IAAEC,kBAAkB,GAAAhD,IAAA,CAAlBgD,kBAAkB;IAAEC,QAAQ,GAAAjD,IAAA,CAARiD,QAAQ;IAAEC,QAAQ,GAAAlD,IAAA,CAARkD,QAAQ;AAAA,EAAA,oBACvD9C,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,YAAY;IAAAC,QAAA,EAAA,cACzBC,cAAA,CAAC4C,MAAM,EAAA;AACL,MAAA,aAAA,EAAY,sBAAsB;AAClCC,MAAAA,QAAQ,EAAEL,WAAW,IAAIC,kBAAkB,KAAK,SAAU;AAC1DK,MAAAA,OAAO,EAAEN,WAAY;AACrBO,MAAAA,OAAO,EAAEL,QAAS;MAAA3C,QAAA,EAEjByC,WAAW,GACR5B,CAAC,CAAC,+CAA+C,CAAC,GAClDA,CAAC,CAAC,kDAAkD;AAAC,KACnD,CAAC,eACTZ,cAAA,CAAC4C,MAAM,EAAA;AACL,MAAA,aAAA,EAAY,eAAe;AAC3BC,MAAAA,QAAQ,EAAEL,WAAY;AACtBtC,MAAAA,KAAK,EAAC,WAAW;AACjB6C,MAAAA,OAAO,EAAEJ,QAAS;MAAA5C,QAAA,EAEjBa,CAAC,CAAC,4CAA4C;AAAC,KAC1C,CAAC;AAAA,GACN,CAAC;AAAA,CAEV,CAAC;;ACvBD,IAAMoC,wBAAwB,GAAG,SAA3BA,wBAAwBA,GAAS;AACrC,EAAA,IAAAtC,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAMqC,eAAe,GAAGrC,CAAC,CACvB,oDACF,CAAC;AACD,EAAA,IAAMsC,KAAK,GAAGD,eAAe,CAACE,KAAK,CAAC,IAAI,CAAC;EAEzC,oBACEnD,cAAA,CAACoD,OAAO,EAAA;AAAClD,IAAAA,KAAK,EAAC,MAAM;AAAAH,IAAAA,QAAA,eACnBC,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,QAAQ;MAAAC,QAAA,eACrBC,cAAA,CAACC,UAAU,EAAA;AAACC,QAAAA,KAAK,EAAC,OAAO;QAAAH,QAAA,EACtBmD,KAAK,CAACnB,GAAG,CAAC,UAACsB,IAAI,EAAEpB,KAAK,EAAA;AAAA,UAAA,oBACrBpC,eAAA,CAAA,MAAA,EAAA;AAAAE,YAAAA,QAAA,EAAA,CACGsD,IAAI,EACJpB,KAAK,GAAGiB,KAAK,CAACI,MAAM,GAAG,CAAC,iBAAItD,cAAA,SAAK,CAAC;AAAA,WAAA,EAF1BiC,KAGL,CAAC;QAAA,CACR;OACS;KACT;AAAC,GACC,CAAC;AAEd,CAAC;;ACpBD,IAAMsB,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAA9D,IAAA,EAA+B;AAAA,EAAA,IAAzBgD,kBAAkB,GAAAhD,IAAA,CAAlBgD,kBAAkB;AACrD,EAAA,IAAA/B,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAM4C,MAAM,GAAGC,qCAA0B,CAAChB,kBAAkB,CAAC;AAE7D,EAAA,IAAI,CAACe,MAAM,EAAE,OAAO,IAAI;EAExB,oBACExD,cAAA,CAACoD,OAAO,EAAA;IAAClD,KAAK,EAAEsD,MAAM,CAACtD,KAAM;AAAAH,IAAAA,QAAA,eAC3BF,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,WAAW;MAAAC,QAAA,EAAA,cACxBC,cAAA,CAACC,UAAU,EAAA;AAACC,QAAAA,KAAK,EAAC,OAAO;AAAC4B,QAAAA,MAAM,EAAC,QAAQ;AAAA/B,QAAAA,QAAA,EACtCa,CAAC,CAAC4C,MAAM,CAACE,QAAQ;AAAC,OACT,CAAC,eACb1D,cAAA,CAACC,UAAU,EAAA;AAACC,QAAAA,KAAK,EAAC,OAAO;AAAAH,QAAAA,QAAA,EAAEa,CAAC,CAAC4C,MAAM,CAACG,cAAc;AAAC,OAAa,CAAC;KAC9D;AAAC,GACC,CAAC;AAEd,CAAC;;ACFD,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAnE,IAAA,EAIrB;AAAA,EAAA,IAHJoE,OAAO,GAAApE,IAAA,CAAPoE,OAAO;IACPC,qBAAqB,GAAArE,IAAA,CAArBqE,qBAAqB;IACrBC,uBAAuB,GAAAtE,IAAA,CAAvBsE,uBAAuB;AAEvB,EAAA,IAAAC,SAAA,GAAoDC,cAAQ,CAAC,EAAE,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzDvB,IAAAA,kBAAkB,GAAAyB,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,qBAAqB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAChD,EAAA,IAAAxD,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAMyD,OAAO,GAAGC,yBAAU,EAAE;AAE5B,EAAA,IAAAC,qBAAA,GACEC,2DAA4B,CAACX,OAAO,CAAC;IAD/BY,WAAW,GAAAF,qBAAA,CAAXE,WAAW;IAAaC,oBAAoB,GAAAH,qBAAA,CAA/BI,SAAS;AAG9B,EAAA,IAAMC,uBAAuB,GAAGH,WAAW,IAAI,CAACA,WAAW,CAACI,SAAS;AAErE,EAAA,IAAAC,eAAA,GAAgCC,yBAAc,EAAE;IAAhCC,WAAW,GAAAF,eAAA,CAAnBxE,MAAM;AAEd,EAAA,IAAA2E,qBAAA,GAA2CC,uCAAuB,CAACrB,OAAO,CAAC;IAA7DtD,aAAa,GAAA0E,qBAAA,CAAnBE,IAAI;IAAiBR,SAAS,GAAAM,qBAAA,CAATN,SAAS;EACtC,IAAAS,mBAAA,GAAwCC,qCAAkB,CAAC;AACzDxB,MAAAA,OAAO,EAAPA,OAAO;AACPC,MAAAA,qBAAqB,EAArBA;AACF,KAAC,CAAC;IAHMwB,cAAc,GAAAF,mBAAA,CAAdE,cAAc;IAAE9C,WAAW,GAAA4C,mBAAA,CAAX5C,WAAW;EAKnC,IAAMlC,MAAM,GAAGiF,YAAM,CAACP,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAEzE,aAAa,CAAC;EAC7D,IAAMF,UAAU,GAAGkF,YAAM,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAEhF,aAAa,CAAC;AAErEiF,EAAAA,eAAS,CAAC,YAAM;AACd;IACA,IAAI,EAACjF,aAAa,KAAA,IAAA,IAAbA,aAAa,eAAbA,aAAa,CAAEsB,SAAS,CAAA,EAAE;AAC/BuC,IAAAA,qBAAqB,CAACqB,gCAAqB,CAACC,OAAO,CAAC;AACpDC,IAAAA,UAAU,CAAC,YAAM;AACftB,MAAAA,OAAO,CAAC7C,IAAI,CAACuC,uBAAuB,CAAC;IACvC,CAAC,EAAE,IAAI,CAAC;EACV,CAAC,EAAE,CAACxD,aAAa,EAAEwD,uBAAuB,EAAEM,OAAO,CAAC,CAAC;AAErD,EAAA,IAAMuB,YAAY,GAAG,SAAfA,YAAYA,GAAS;IACzBN,cAAc,CACZ,UAAAO,QAAQ,EAAI;MACV,IAAI,CAAAA,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,MAAA,GAAA,MAAA,GAARA,QAAQ,CAAE1E,MAAM,MAAK,QAAQ,EAAE;AACjCiD,QAAAA,qBAAqB,CAACqB,gCAAqB,CAACC,OAAO,CAAC;AACpDC,QAAAA,UAAU,CAAC,YAAM;AACftB,UAAAA,OAAO,CAAC7C,IAAI,CAACuC,uBAAuB,CAAC;QACvC,CAAC,EAAE,IAAI,CAAC;AACV,MAAA,CAAC,MAAM;AACLK,QAAAA,qBAAqB,CAACqB,gCAAqB,CAACK,OAAO,CAAC;AACtD,MAAA;IACF,CAAC,EACD,UAAAC,MAAM,EAAI;AACR3B,MAAAA,qBAAqB,CAACqB,gCAAqB,CAACO,KAAK,CAAC;AACpD,IAAA,CACF,CAAC;EACH,CAAC;AAED,EAAA,IAAMC,wBAAwB,GAC5BxD,kBAAkB,KAAKgD,gCAAqB,CAACC,OAAO;AAEtD,EAAA,IAAMQ,YAAY,GAAG,SAAfA,YAAYA,GAAS;AACzB7B,IAAAA,OAAO,CAAC7C,IAAI,CAACuC,uBAAuB,CAAC;EACvC,CAAC;EAED,IAAIY,SAAS,IAAID,oBAAoB,EAAE;AACrC,IAAA,oBACE1E,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,yBAAyB;AAAAC,MAAAA,QAAA,eACtCC,cAAA,CAACmG,OAAO,EAAA,EAAE;AAAC,KACR,CAAC;AAEV,EAAA;AAEA,EAAA,IAAIvB,uBAAuB,EAAE;AAC3BP,IAAAA,OAAO,CAAC+B,OAAO,CAACrC,uBAAuB,CAAC;AAExC,IAAA,OAAO,IAAI;AACb,EAAA;EAEA,oBACE/D,cAAA,CAACqG,sBAAW,EAAA;IAAAtG,QAAA,eACVC,cAAA,CAACsG,sBAAW,EAAA;MAAAvG,QAAA,eACVC,cAAA,CAACuG,UAAU,EAAA;AACTC,QAAAA,KAAK,EAAE5F,CAAC,CAAC,2CAA2C,CAAE;QACtD6F,WAAW,eACTzG,cAAA,CAACsC,mBAAmB,EAAA;AACZE,UAAAA,WAAW,EAAXA,WAAW;AAAEC,UAAAA,kBAAkB,EAAlBA,kBAAkB;AACrCE,UAAAA,QAAQ,EAAEuD,YAAa;AACvBxD,UAAAA,QAAQ,EAAEkD;AAAa,SACxB,CACF;AACDc,QAAAA,WAAW,EAAE9F,CAAC,CAAC,iDAAiD,EAAE;AAChEN,UAAAA,MAAM,EAANA;AACF,SAAC,CAAC,CAAC8F,OAAO,CAAC,sBAAsB,EAAE,EAAE,CAAE;AAAArG,QAAAA,QAAA,eAEvCF,eAAA,CAAA,KAAA,EAAA;AAAKC,UAAAA,SAAS,EAAC,qBAAqB;UAAAC,QAAA,EAAA,cAClCC,cAAA,CAACuD,yBAAyB,EAAA;AAAOd,YAAAA,kBAAkB,EAAlBA;AAAkB,WAAK,CAAC,EACxD,CAACwD,wBAAwB,iBACxBpG,eAAA,CAAA8G,mBAAA,EAAA;YAAA5G,QAAA,EAAA,cACEC,cAAA,CAACI,iBAAiB,EAAA;AAAOC,cAAAA,UAAU,EAAVA,UAAU;AAAEC,cAAAA,MAAM,EAANA,MAAM;AAAEC,cAAAA,aAAa,EAAbA;AAAa,aAAK,CAAC,eAChEP,cAAA,CAACgD,wBAAwB,IAAE,CAAC;AAAA,WAC5B,CACH;SACE;OACK;KACD;AAAC,GACH,CAAC;AAElB;;;;;"}

package/dist/Verify-Cbn8WE7T.js

@@ -0,0 +1,296 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import { withT, useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
+import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
+import Spinner from '@bigbinary/neetoui/Spinner';
+import { isEmpty, pathOr } from 'ramda';
+import { useTranslation } from 'react-i18next';
+import { useHistory } from 'react-router-dom';
+import { b as PURPOSE_COLORS, D as DEFAULT_COLOR, c as VERIFICATION_STATUS_CONFIG, d as VERIFICATION_STATUSES, P as PageWrapper, a as PageContent } from './PageLayout-RWJHf21f.js';
+import { u as useSparkpostDomain } from './useSparkpostDomain-DA1nrWS3.js';
+import { u as useFetchConnectedIntegration } from './useEmailDeliveryIntegrationApi-Dk9WPotT.js';
+import { b as useFetchSparkpostDomain } from './useSparkpostApi-B-D8RNRF.js';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import Typography from '@bigbinary/neetoui/Typography';
+import Tag from '@bigbinary/neetoui/Tag';
+import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import Button from '@bigbinary/neetoui/Button';
+import Callout from '@bigbinary/neetoui/Callout';
+
+var RecordField = function RecordField(_ref) {
+  var label = _ref.label,
+    value = _ref.value,
+    dataTestid = _ref.dataTestid;
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex w-full flex-col gap-1",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "flex items-center justify-between",
+      children: /*#__PURE__*/jsx(Typography, {
+        style: "h6",
+        children: label
+      })
+    }), /*#__PURE__*/jsxs("code", {
+      className: "neeto-ui-text-gray-800 neeto-ui-bg-gray-100 neeto-ui-rounded-md relative block p-2 pe-10 font-mono text-xs break-all",
+      "data-testid": dataTestid,
+      children: [value, /*#__PURE__*/jsx(CopyToClipboardButton, {
+        value: value,
+        className: "absolute top-1 end-1 shrink-0",
+        style: "tertiary"
+      })]
+    })]
+  });
+};
+
+var DnsRecordsSection = function DnsRecordsSection(_ref) {
+  var dnsRecords = _ref.dnsRecords,
+    domain = _ref.domain,
+    sparkpostData = _ref.sparkpostData,
+    _ref$showTitle = _ref.showTitle,
+    showTitle = _ref$showTitle === void 0 ? true : _ref$showTitle;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var formatPurpose = function formatPurpose(purpose) {
+    switch (purpose) {
+      case "dkim":
+        return t("neetoEmailDelivery.sparkpost.dnsRecords.dkimSigning");
+      case "txt":
+        return t("neetoEmailDelivery.sparkpost.dnsRecords.txtVerification");
+      default:
+        return purpose;
+    }
+  };
+  var formatRecordName = function formatRecordName(hostname) {
+    if (!hostname) return "";
+    return hostname.endsWith(".".concat(domain)) ? hostname : "".concat(hostname, ".").concat(domain);
+  };
+  var status = sparkpostData.status,
+    txtVerificationValue = sparkpostData.txtVerificationValue,
+    txtVerificationHostname = sparkpostData.txtVerificationHostname;
+  var allRecords = [];
+  var isTxtUnverified = status === "txt_unverified";
+  if (isTxtUnverified) {
+    if (txtVerificationValue && txtVerificationHostname) {
+      allRecords.push({
+        type: "TXT",
+        purpose: "txt",
+        hostname: txtVerificationHostname,
+        value: txtVerificationValue
+      });
+    }
+  } else {
+    allRecords.push.apply(allRecords, _toConsumableArray(dnsRecords));
+  }
+  if (isEmpty(allRecords)) {
+    return /*#__PURE__*/jsx("div", {
+      className: "p-8 text-center",
+      children: /*#__PURE__*/jsx(Typography, {
+        className: "neeto-ui-text-gray-600",
+        style: "body2",
+        children: sparkpostData !== null && sparkpostData !== void 0 && sparkpostData.connected ? t("neetoEmailDelivery.sparkpost.dnsRecords.alreadyVerified") : t("neetoEmailDelivery.sparkpost.dnsRecords.loading")
+      })
+    });
+  }
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-col gap-2",
+    children: [showTitle && /*#__PURE__*/jsx(Typography, {
+      style: "h4",
+      weight: "medium",
+      children: t("neetoEmailDelivery.sparkpost.dnsRecords.title")
+    }), allRecords.map(function (record, index) {
+      return /*#__PURE__*/jsxs("div", {
+        className: "neeto-ui-rounded-lg neeto-ui-bg-white neeto-ui-border-gray-300 border p-2",
+        children: [/*#__PURE__*/jsx("div", {
+          className: "mb-2 flex items-center justify-between",
+          children: /*#__PURE__*/jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [/*#__PURE__*/jsx(Tag, {
+              label: formatPurpose(record.purpose),
+              size: "small",
+              style: PURPOSE_COLORS[record.purpose] || DEFAULT_COLOR
+            }), /*#__PURE__*/jsx(Tag, {
+              label: record.type,
+              size: "small",
+              style: "secondary"
+            })]
+          })
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex flex-col gap-2",
+          children: [/*#__PURE__*/jsx(RecordField, {
+            dataTestid: "record-name",
+            label: t("neetoEmailDelivery.sparkpost.dnsRecords.nameLabel"),
+            value: formatRecordName(record.hostname)
+          }), /*#__PURE__*/jsx(RecordField, {
+            dataTestid: "record-value",
+            label: t("neetoEmailDelivery.sparkpost.dnsRecords.valueLabel"),
+            value: record.value
+          })]
+        })]
+      }, index);
+    })]
+  });
+};
+
+var VerificationActions = withT(function (_ref) {
+  var t = _ref.t,
+    isVerifying = _ref.isVerifying,
+    verificationStatus = _ref.verificationStatus,
+    onVerify = _ref.onVerify,
+    onCancel = _ref.onCancel;
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex gap-3",
+    children: [/*#__PURE__*/jsx(Button, {
+      "data-testid": "verify-domain-button",
+      disabled: isVerifying || verificationStatus === "success",
+      loading: isVerifying,
+      onClick: onVerify,
+      children: isVerifying ? t("neetoEmailDelivery.sparkpost.verify.verifying") : t("neetoEmailDelivery.sparkpost.verify.verifyDomain")
+    }), /*#__PURE__*/jsx(Button, {
+      "data-testid": "cancel-button",
+      disabled: isVerifying,
+      style: "secondary",
+      onClick: onCancel,
+      children: t("neetoEmailDelivery.sparkpost.verify.cancel")
+    })]
+  });
+});
+
+var VerificationInstructions = function VerificationInstructions() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var instructionText = t("neetoEmailDelivery.sparkpost.instructions.fullText");
+  var lines = instructionText.split("\n");
+  return /*#__PURE__*/jsx(Callout, {
+    style: "info",
+    children: /*#__PURE__*/jsx("div", {
+      className: "w-full",
+      children: /*#__PURE__*/jsx(Typography, {
+        style: "body2",
+        children: lines.map(function (line, index) {
+          return /*#__PURE__*/jsxs("span", {
+            children: [line, index < lines.length - 1 && /*#__PURE__*/jsx("br", {})]
+          }, index);
+        })
+      })
+    })
+  });
+};
+
+var VerificationStatusCallout = function VerificationStatusCallout(_ref) {
+  var verificationStatus = _ref.verificationStatus;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var config = VERIFICATION_STATUS_CONFIG[verificationStatus];
+  if (!config) return null;
+  return /*#__PURE__*/jsx(Callout, {
+    style: config.style,
+    children: /*#__PURE__*/jsxs("div", {
+      className: "space-y-1",
+      children: [/*#__PURE__*/jsx(Typography, {
+        style: "body2",
+        weight: "medium",
+        children: t(config.titleKey)
+      }), /*#__PURE__*/jsx(Typography, {
+        style: "body3",
+        children: t(config.descriptionKey)
+      })]
+    })
+  });
+};
+
+var SparkpostDomainVerify = function SparkpostDomainVerify(_ref) {
+  var ownerId = _ref.ownerId,
+    canManageIntegrations = _ref.canManageIntegrations,
+    emailDeliveryIndexRoute = _ref.emailDeliveryIndexRoute;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    verificationStatus = _useState2[0],
+    setVerificationStatus = _useState2[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var history = useHistory();
+  var _useFetchConnectedInt = useFetchConnectedIntegration(ownerId),
+    integration = _useFetchConnectedInt.integration,
+    isIntegrationLoading = _useFetchConnectedInt.isLoading;
+  var hasConnectedIntegration = integration && !integration.isPending;
+  var _useQueryParams = useQueryParams(),
+    queryDomain = _useQueryParams.domain;
+  var _useFetchSparkpostDom = useFetchSparkpostDomain(ownerId),
+    sparkpostData = _useFetchSparkpostDom.data,
+    isLoading = _useFetchSparkpostDom.isLoading;
+  var _useSparkpostDomain = useSparkpostDomain({
+      ownerId: ownerId,
+      canManageIntegrations: canManageIntegrations
+    }),
+    onVerifyDomain = _useSparkpostDomain.onVerifyDomain,
+    isVerifying = _useSparkpostDomain.isVerifying;
+  var domain = pathOr(queryDomain, ["domain"], sparkpostData);
+  var dnsRecords = pathOr([], ["verificationRecords"], sparkpostData);
+  useEffect(function () {
+    // Check if domain is already verified
+    if (!(sparkpostData !== null && sparkpostData !== void 0 && sparkpostData.connected)) return;
+    setVerificationStatus(VERIFICATION_STATUSES.SUCCESS);
+    setTimeout(function () {
+      history.push(emailDeliveryIndexRoute);
+    }, 5000);
+  }, [sparkpostData, emailDeliveryIndexRoute, history]);
+  var handleVerify = function handleVerify() {
+    onVerifyDomain(function (response) {
+      if ((response === null || response === void 0 ? void 0 : response.status) === "active") {
+        setVerificationStatus(VERIFICATION_STATUSES.SUCCESS);
+        setTimeout(function () {
+          history.push(emailDeliveryIndexRoute);
+        }, 3000);
+      } else {
+        setVerificationStatus(VERIFICATION_STATUSES.PENDING);
+      }
+    }, function (_error) {
+      setVerificationStatus(VERIFICATION_STATUSES.ERROR);
+    });
+  };
+  var isVerificationSuccessful = verificationStatus === VERIFICATION_STATUSES.SUCCESS;
+  var handleCancel = function handleCancel() {
+    history.push(emailDeliveryIndexRoute);
+  };
+  if (isLoading || isIntegrationLoading) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex justify-center p-6",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
+  if (hasConnectedIntegration) {
+    history.replace(emailDeliveryIndexRoute);
+    return null;
+  }
+  return /*#__PURE__*/jsx(PageWrapper, {
+    children: /*#__PURE__*/jsx(PageContent, {
+      children: /*#__PURE__*/jsx(CardLayout, {
+        title: t("neetoEmailDelivery.sparkpost.verify.title"),
+        actionBlock: /*#__PURE__*/jsx(VerificationActions, {
+          isVerifying: isVerifying,
+          verificationStatus: verificationStatus,
+          onCancel: handleCancel,
+          onVerify: handleVerify
+        }),
+        description: t("neetoEmailDelivery.sparkpost.verify.description", {
+          domain: domain
+        }).replace(/<strong>|<\/strong>/g, ""),
+        children: /*#__PURE__*/jsxs("div", {
+          className: "flex flex-col gap-4",
+          children: [/*#__PURE__*/jsx(VerificationStatusCallout, {
+            verificationStatus: verificationStatus
+          }), !isVerificationSuccessful && /*#__PURE__*/jsxs(Fragment, {
+            children: [/*#__PURE__*/jsx(DnsRecordsSection, {
+              dnsRecords: dnsRecords,
+              domain: domain,
+              sparkpostData: sparkpostData
+            }), /*#__PURE__*/jsx(VerificationInstructions, {})]
+          })]
+        })
+      })
+    })
+  });
+};
+
+export { DnsRecordsSection as D, SparkpostDomainVerify as S };
+//# sourceMappingURL=Verify-Cbn8WE7T.js.map