@bigbinary/neeto-email-delivery-frontend 1.0.34 → 1.0.35

package/dist/Verify-Dnvx5OTi.js

@@ -0,0 +1,292 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import { Typography, Badge, Button, Callout, Spinner } from '@bigbinary/neeto-atoms';
+import { withT, useQueryParams } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
+import CardLayout from '@bigbinary/neeto-molecules/v2/CardLayout';
+import { isEmpty, pathOr } from 'ramda';
+import { useTranslation } from 'react-i18next';
+import { useHistory } from 'react-router-dom';
+import { u as useFetchConnectedIntegration } from './useEmailDeliveryIntegrationApi-CfgmbuRA.js';
+import { u as useFetchSparkpostDomain } from './useSparkpostApi-CQT4JD8-.js';
+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-B_USy8hj.js';
+import { u as useSparkpostDomain } from './useSparkpostDomain-DDjj-dyF.js';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import CopyToClipboardButton from '@bigbinary/neeto-molecules/v2/CopyToClipboardButton';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+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, {
+        variant: "h6",
+        children: label
+      })
+    }), /*#__PURE__*/jsxs("code", {
+      className: "text-foreground bg-muted relative block rounded-md 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",
+        variant: "outline"
+      })]
+    })]
+  });
+};
+
+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: "text-muted-foreground",
+        variant: "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, {
+      variant: "h4",
+      weight: "medium",
+      children: t("neetoEmailDelivery.sparkpost.dnsRecords.title")
+    }), allRecords.map(function (record, index) {
+      return /*#__PURE__*/jsxs("div", {
+        className: "bg-background border-border rounded-lg 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(Badge, {
+              label: formatPurpose(record.purpose),
+              size: "sm",
+              variant: PURPOSE_COLORS[record.purpose] || DEFAULT_COLOR
+            }), /*#__PURE__*/jsx(Badge, {
+              label: record.type,
+              size: "sm",
+              variant: "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,
+      variant: "outline",
+      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, {
+    variant: "info",
+    children: /*#__PURE__*/jsx("div", {
+      className: "w-full",
+      children: /*#__PURE__*/jsx(Typography, {
+        variant: "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, {
+    variant: config.variant,
+    children: /*#__PURE__*/jsxs("div", {
+      className: "space-y-1",
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        weight: "medium",
+        children: t(config.titleKey)
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "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-Dnvx5OTi.js.map

package/dist/Verify-Dnvx5OTi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Verify-Dnvx5OTi.js","sources":["../app/javascript/src/v2/components/SparkpostDomain/RecordField.jsx","../app/javascript/src/v2/components/SparkpostDomain/DnsRecordsSection.jsx","../app/javascript/src/v2/components/SparkpostDomain/VerificationActions.jsx","../app/javascript/src/v2/components/SparkpostDomain/VerificationInstructions.jsx","../app/javascript/src/v2/components/SparkpostDomain/VerificationStatusCallout.jsx","../app/javascript/src/v2/components/SparkpostDomain/Verify.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\nimport CopyToClipboardButton from \"neetomolecules/v2/CopyToClipboardButton\";\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 variant=\"h6\">{label}</Typography>\n    </div>\n    <code\n      className=\"text-foreground bg-muted relative block rounded-md 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        variant=\"outline\"\n      />\n    </code>\n  </div>\n);\n\nexport default RecordField;\n","import { Badge, Typography } from \"@bigbinary/neeto-atoms\";\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=\"text-muted-foreground\" variant=\"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 variant=\"h4\" weight=\"medium\">\n          {t(\"neetoEmailDelivery.sparkpost.dnsRecords.title\")}\n        </Typography>\n      )}\n      {allRecords.map((record, index) => (\n        <div\n          className=\"bg-background border-border rounded-lg 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              <Badge\n                label={formatPurpose(record.purpose)}\n                size=\"sm\"\n                variant={PURPOSE_COLORS[record.purpose] || DEFAULT_COLOR}\n              />\n              <Badge label={record.type} size=\"sm\" variant=\"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 { Button } from \"@bigbinary/neeto-atoms\";\nimport { withT } from \"neetocommons/v2/react-utils\";\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        variant=\"outline\"\n        onClick={onCancel}\n      >\n        {t(\"neetoEmailDelivery.sparkpost.verify.cancel\")}\n      </Button>\n    </div>\n  )\n);\n\nexport default VerificationActions;\n","import { Callout, Typography } from \"@bigbinary/neeto-atoms\";\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 variant=\"info\">\n      <div className=\"w-full\">\n        <Typography variant=\"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 \"@bigbinary/neeto-atoms\";\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 variant={config.variant}>\n      <div className=\"space-y-1\">\n        <Typography variant=\"body2\" weight=\"medium\">\n          {t(config.titleKey)}\n        </Typography>\n        <Typography variant=\"body3\">{t(config.descriptionKey)}</Typography>\n      </div>\n    </Callout>\n  );\n};\n\nexport default VerificationStatusCallout;\n","import { useState, useEffect } from \"react\";\n\nimport { Spinner } from \"@bigbinary/neeto-atoms\";\nimport { useQueryParams } from \"neetocommons/v2/react-utils\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { pathOr } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { useFetchConnectedIntegration } from \"hooks/reactQuery/integrations/useEmailDeliveryIntegrationApi\";\nimport { useFetchSparkpostDomain } from \"hooks/reactQuery/integrations/useSparkpostApi\";\nimport { PageContent, PageWrapper } from \"v2/components/PageLayout\";\nimport useSparkpostDomain from \"v2/hooks/integrations/useSparkpostDomain\";\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","variant","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","Badge","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":"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"}

package/dist/cjs/EmailDeliveryScreen.js

@@ -1,29 +1,204 @@
 'use strict';
 
-require('@bigbinary/neeto-icons/MailSend');
-require('@bigbinary/neeto-icons/misc/Gmail');
-require('@bigbinary/neeto-icons/misc/Outlook');
-require('@bigbinary/neetoui/Spinner');
-require('react-i18next');
-var EmailDeliveryScreen = require('../index-YMe54v79.js');
-require('../useSparkpostDomain-CXs_VuGP.js');
-require('react/jsx-runtime');
+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 reactI18next = require('react-i18next');
+var useSmtp = require('../useSmtp-BCcRaVYr.js');
+var useSparkpostDomain = require('../useSparkpostDomain-CXs_VuGP.js');
+var Tag = require('@bigbinary/neetoui/Tag');
+var Typography = require('@bigbinary/neetoui/Typography');
+var reactRouterDom = require('react-router-dom');
+var Check = require('@bigbinary/neeto-icons/Check');
+var Warning = require('@bigbinary/neeto-icons/Warning');
+var jsxRuntime = require('react/jsx-runtime');
 require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/utils');
-require('react-router-dom');
 require('../useSparkpostApi-DlgW14Wu.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('axios');
-require('@bigbinary/neetoui/Tag');
-require('@bigbinary/neetoui/Typography');
-require('@bigbinary/neeto-icons/Check');
-require('@bigbinary/neeto-icons/Warning');
 require('@bigbinary/neetoui/Toastr');
 
+var STATUS_TAG_CONFIG = {
+  connected: {
+    labelKey: "neetoEmailDelivery.sparkpost.emailDelivery.connected",
+    style: "success",
+    icon: Check
+  },
+  pending: {
+    labelKey: "neetoEmailDelivery.integrationDetail.pending",
+    style: "warning",
+    icon: Warning
+  },
+  error: {
+    labelKey: "neetoEmailDelivery.integrationDetail.error",
+    style: "danger",
+    icon: Warning
+  }
+};
 
+var IntegrationCard = function IntegrationCard(_ref) {
+  var Icon = _ref.icon,
+    title = _ref.title,
+    description = _ref.description,
+    status = _ref.status,
+    path = _ref.path,
+    dataTestId = _ref["data-testid"];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var tagConfig = STATUS_TAG_CONFIG[status];
+  return /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Link, {
+    className: "neeto-ui-rounded-lg neeto-ui-border-gray-200 flex cursor-pointer flex-col gap-y-4 border p-6 no-underline outline-none transition-shadow duration-300 ease-in-out",
+    "data-testid": dataTestId,
+    to: path,
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "mb-2.5 flex items-center gap-3",
+        children: [Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
+          className: "neeto-ui-text-gray-500",
+          size: 24
+        }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          className: "neeto-ui-text-black text-lg leading-6",
+          style: "h3",
+          weight: "semibold",
+          children: title
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        className: "neeto-ui-text-gray-600",
+        style: "body2",
+        children: description
+      })]
+    }), tagConfig && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-ui-border-gray-300 border-t pt-3",
+      children: /*#__PURE__*/jsxRuntime.jsx(Tag, {
+        className: "flex-row-reverse",
+        icon: tagConfig.icon,
+        label: t(tagConfig.labelKey),
+        style: tagConfig.style
+      })
+    })]
+  });
+};
 
-module.exports = EmailDeliveryScreen.EmailDeliveryScreen;
+var EmailDeliveryScreen = function EmailDeliveryScreen(_ref) {
+  var indexRoute = _ref.indexRoute,
+    ownerId = _ref.ownerId,
+    canManageIntegrations = _ref.canManageIntegrations,
+    gmailRoute = _ref.gmailRoute,
+    outlookRoute = _ref.outlookRoute,
+    customEmailProviderRoute = _ref.customEmailProviderRoute,
+    smtpRoute = _ref.smtpRoute;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var gmailIntegration = useSmtp.useGmail({
+    ownerId: ownerId,
+    indexRoute: indexRoute,
+    canManageIntegrations: canManageIntegrations
+  });
+  var outlookIntegration = useSmtp.useOutlook({
+    ownerId: ownerId,
+    indexRoute: indexRoute,
+    canManageIntegrations: canManageIntegrations
+  });
+  var sparkpostIntegration = useSparkpostDomain.useSparkpostDomain({
+    ownerId: ownerId,
+    canManageIntegrations: canManageIntegrations
+  });
+  var smtpIntegration = useSmtp.useSmtp({
+    ownerId: ownerId,
+    canManageIntegrations: canManageIntegrations
+  });
+  var isGmailConnected = gmailIntegration.isConnected,
+    isGmailLoading = gmailIntegration.isLoading,
+    gmailError = gmailIntegration.errorMessage;
+  var isOutlookConnected = outlookIntegration.isConnected,
+    isOutlookLoading = outlookIntegration.isLoading,
+    isOutlookPending = outlookIntegration.isWaitingForTestEmail,
+    outlookError = outlookIntegration.errorMessage;
+  var isSparkpostConnected = sparkpostIntegration.isConnected,
+    isSparkpostLoading = sparkpostIntegration.isLoading,
+    sparkpostExists = sparkpostIntegration.exists;
+  var isSmtpConnected = smtpIntegration.isConnected,
+    isSmtpLoading = smtpIntegration.isLoading;
+  var getCardStatus = function getCardStatus(_ref2) {
+    var isConnected = _ref2.isConnected,
+      isPending = _ref2.isPending,
+      hasError = _ref2.hasError;
+    if (isConnected) return "connected";
+    if (hasError) return "error";
+    if (isPending) return "pending";
+    return null;
+  };
+  var isLoading = isGmailLoading || isOutlookLoading || isSparkpostLoading || isSmtpLoading;
+  var gmailTitle = t("neetoEmailDelivery.gmail.title");
+  var gmailDescription = t("neetoEmailDelivery.gmail.description");
+  var outlookTitle = t("neetoEmailDelivery.outlook.title");
+  var outlookDescription = t("neetoEmailDelivery.outlook.description");
+  var ownDomainTitle = t("neetoEmailDelivery.sparkpost.emailDelivery.ownDomainTitle");
+  var ownDomainDescription = t("neetoEmailDelivery.sparkpost.emailDelivery.ownDomainDescription");
+  var smtpTitle = t("neetoEmailDelivery.smtp.title");
+  var smtpDescription = 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, {})
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "min-h-0 w-full grow",
+    children: /*#__PURE__*/jsxRuntime.jsx("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: [/*#__PURE__*/jsxRuntime.jsx(IntegrationCard, {
+          "data-testid": "gmail-integration-card",
+          description: gmailDescription,
+          icon: GmailIcon,
+          path: gmailRoute,
+          title: gmailTitle,
+          status: getCardStatus({
+            isConnected: isGmailConnected,
+            hasError: !!gmailError
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(IntegrationCard, {
+          "data-testid": "outlook-integration-card",
+          description: outlookDescription,
+          icon: OutlookIcon,
+          path: outlookRoute,
+          title: outlookTitle,
+          status: getCardStatus({
+            isConnected: isOutlookConnected,
+            isPending: isOutlookPending,
+            hasError: !!outlookError
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(IntegrationCard, {
+          "data-testid": "custom-email-provider-integration-card",
+          description: ownDomainDescription,
+          icon: MailSend,
+          path: customEmailProviderRoute,
+          title: ownDomainTitle,
+          status: getCardStatus({
+            isConnected: isSparkpostConnected,
+            isPending: sparkpostExists && !isSparkpostConnected
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(IntegrationCard, {
+          "data-testid": "smtp-integration-card",
+          description: smtpDescription,
+          icon: MailSend,
+          path: smtpRoute,
+          status: getCardStatus({
+            isConnected: isSmtpConnected
+          }),
+          title: smtpTitle
+        })]
+      })
+    })
+  });
+};
+
+module.exports = EmailDeliveryScreen;
 //# sourceMappingURL=EmailDeliveryScreen.js.map

package/dist/cjs/EmailDeliveryScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailDeliveryScreen.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EmailDeliveryScreen.js","sources":["../../app/javascript/src/components/EmailDeliveryScreen/constants.js","../../app/javascript/src/components/EmailDeliveryScreen/IntegrationCard.jsx","../../app/javascript/src/components/EmailDeliveryScreen/index.jsx"],"sourcesContent":["import { Check, Warning } from \"neetoicons\";\n\nexport const STATUS_TAG_CONFIG = {\n  connected: {\n    labelKey: \"neetoEmailDelivery.sparkpost.emailDelivery.connected\",\n    style: \"success\",\n    icon: Check,\n  },\n  pending: {\n    labelKey: \"neetoEmailDelivery.integrationDetail.pending\",\n    style: \"warning\",\n    icon: Warning,\n  },\n  error: {\n    labelKey: \"neetoEmailDelivery.integrationDetail.error\",\n    style: \"danger\",\n    icon: Warning,\n  },\n};\n","import { Tag, Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\n\nimport { STATUS_TAG_CONFIG } from \"./constants\";\n\nconst IntegrationCard = ({\n  icon: Icon,\n  title,\n  description,\n  status,\n  path,\n  \"data-testid\": dataTestId,\n}) => {\n  const { t } = useTranslation();\n\n  const tagConfig = STATUS_TAG_CONFIG[status];\n\n  return (\n    <Link\n      className=\"neeto-ui-rounded-lg neeto-ui-border-gray-200 flex cursor-pointer flex-col gap-y-4 border p-6 no-underline outline-none transition-shadow duration-300 ease-in-out\"\n      data-testid={dataTestId}\n      to={path}\n    >\n      <div>\n        <div className=\"mb-2.5 flex items-center gap-3\">\n          {Icon && <Icon className=\"neeto-ui-text-gray-500\" size={24} />}\n          <Typography\n            className=\"neeto-ui-text-black text-lg leading-6\"\n            style=\"h3\"\n            weight=\"semibold\"\n          >\n            {title}\n          </Typography>\n        </div>\n        <Typography className=\"neeto-ui-text-gray-600\" style=\"body2\">\n          {description}\n        </Typography>\n      </div>\n      {tagConfig && (\n        <div className=\"neeto-ui-border-gray-300 border-t pt-3\">\n          <Tag\n            className=\"flex-row-reverse\"\n            icon={tagConfig.icon}\n            label={t(tagConfig.labelKey)}\n            style={tagConfig.style}\n          />\n        </div>\n      )}\n    </Link>\n  );\n};\n\nexport default IntegrationCard;\n","import { MailSend } from \"neetoicons\";\nimport { Gmail as GmailIcon, Outlook as OutlookIcon } from \"neetoicons/misc\";\nimport { Spinner } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport useGmail from \"hooks/integrations/useGmail\";\nimport useOutlook from \"hooks/integrations/useOutlook\";\nimport useSmtp from \"hooks/integrations/useSmtp\";\nimport useSparkpostDomain from \"hooks/integrations/useSparkpostDomain\";\n\nimport IntegrationCard from \"./IntegrationCard\";\n\nconst EmailDeliveryScreen = ({\n  indexRoute,\n  ownerId,\n  canManageIntegrations,\n  gmailRoute,\n  outlookRoute,\n  customEmailProviderRoute,\n  smtpRoute,\n}) => {\n  const { t } = useTranslation();\n\n  const gmailIntegration = useGmail({\n    ownerId,\n    indexRoute,\n    canManageIntegrations,\n  });\n\n  const outlookIntegration = useOutlook({\n    ownerId,\n    indexRoute,\n    canManageIntegrations,\n  });\n\n  const sparkpostIntegration = useSparkpostDomain({\n    ownerId,\n    canManageIntegrations,\n  });\n\n  const smtpIntegration = useSmtp({ ownerId, canManageIntegrations });\n\n  const {\n    isConnected: isGmailConnected,\n    isLoading: isGmailLoading,\n    errorMessage: gmailError,\n  } = gmailIntegration;\n\n  const {\n    isConnected: isOutlookConnected,\n    isLoading: isOutlookLoading,\n    isWaitingForTestEmail: isOutlookPending,\n    errorMessage: outlookError,\n  } = outlookIntegration;\n\n  const {\n    isConnected: isSparkpostConnected,\n    isLoading: isSparkpostLoading,\n    exists: sparkpostExists,\n  } = sparkpostIntegration;\n\n  const { isConnected: isSmtpConnected, isLoading: isSmtpLoading } =\n    smtpIntegration;\n\n  const getCardStatus = ({ isConnected, isPending, hasError }) => {\n    if (isConnected) return \"connected\";\n\n    if (hasError) return \"error\";\n\n    if (isPending) return \"pending\";\n\n    return null;\n  };\n\n  const isLoading =\n    isGmailLoading || isOutlookLoading || isSparkpostLoading || isSmtpLoading;\n\n  const gmailTitle = t(\"neetoEmailDelivery.gmail.title\");\n  const gmailDescription = t(\"neetoEmailDelivery.gmail.description\");\n\n  const outlookTitle = t(\"neetoEmailDelivery.outlook.title\");\n  const outlookDescription = t(\"neetoEmailDelivery.outlook.description\");\n\n  const ownDomainTitle = t(\n    \"neetoEmailDelivery.sparkpost.emailDelivery.ownDomainTitle\"\n  );\n\n  const ownDomainDescription = t(\n    \"neetoEmailDelivery.sparkpost.emailDelivery.ownDomainDescription\"\n  );\n\n  const smtpTitle = t(\"neetoEmailDelivery.smtp.title\");\n  const smtpDescription = t(\"neetoEmailDelivery.smtp.description\");\n\n  if (isLoading) {\n    return (\n      <div className=\"flex grow items-center justify-center w-full\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-0 w-full grow\">\n      <div className=\"@container mx-auto space-y-6\">\n        <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\">\n          <IntegrationCard\n            data-testid=\"gmail-integration-card\"\n            description={gmailDescription}\n            icon={GmailIcon}\n            path={gmailRoute}\n            title={gmailTitle}\n            status={getCardStatus({\n              isConnected: isGmailConnected,\n              hasError: !!gmailError,\n            })}\n          />\n          <IntegrationCard\n            data-testid=\"outlook-integration-card\"\n            description={outlookDescription}\n            icon={OutlookIcon}\n            path={outlookRoute}\n            title={outlookTitle}\n            status={getCardStatus({\n              isConnected: isOutlookConnected,\n              isPending: isOutlookPending,\n              hasError: !!outlookError,\n            })}\n          />\n          <IntegrationCard\n            data-testid=\"custom-email-provider-integration-card\"\n            description={ownDomainDescription}\n            icon={MailSend}\n            path={customEmailProviderRoute}\n            title={ownDomainTitle}\n            status={getCardStatus({\n              isConnected: isSparkpostConnected,\n              isPending: sparkpostExists && !isSparkpostConnected,\n            })}\n          />\n          <IntegrationCard\n            data-testid=\"smtp-integration-card\"\n            description={smtpDescription}\n            icon={MailSend}\n            path={smtpRoute}\n            status={getCardStatus({ isConnected: isSmtpConnected })}\n            title={smtpTitle}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default EmailDeliveryScreen;\n"],"names":["STATUS_TAG_CONFIG","connected","labelKey","style","icon","Check","pending","Warning","error","IntegrationCard","_ref","Icon","title","description","status","path","dataTestId","_useTranslation","useTranslation","t","tagConfig","_jsxs","Link","className","to","children","_jsx","size","Typography","weight","Tag","label","EmailDeliveryScreen","indexRoute","ownerId","canManageIntegrations","gmailRoute","outlookRoute","customEmailProviderRoute","smtpRoute","gmailIntegration","useGmail","outlookIntegration","useOutlook","sparkpostIntegration","useSparkpostDomain","smtpIntegration","useSmtp","isGmailConnected","isConnected","isGmailLoading","isLoading","gmailError","errorMessage","isOutlookConnected","isOutlookLoading","isOutlookPending","isWaitingForTestEmail","outlookError","isSparkpostConnected","isSparkpostLoading","sparkpostExists","exists","isSmtpConnected","isSmtpLoading","getCardStatus","_ref2","isPending","hasError","gmailTitle","gmailDescription","outlookTitle","outlookDescription","ownDomainTitle","ownDomainDescription","smtpTitle","smtpDescription","Spinner","GmailIcon","OutlookIcon","MailSend"],"mappings":"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"}

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var EmailDeliveryScreen = require('../index-YMe54v79.js');
+var EmailDeliveryScreen = require('./EmailDeliveryScreen.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var react = require('react');
@@ -27,14 +27,15 @@ var i18next = require('i18next');
 var yup = require('yup');
 var jsxRuntime = require('react/jsx-runtime');
 var SparkpostDomainVerify = require('../Verify-BDOXn-By.js');
+var useSmtp = require('../useSmtp-BCcRaVYr.js');
 var useSparkpostDomain = require('../useSparkpostDomain-CXs_VuGP.js');
 var useEmailDeliveryIntegrationApi = require('../useEmailDeliveryIntegrationApi-BcQDhMIH.js');
 var MailSend = require('@bigbinary/neeto-icons/MailSend');
 var GmailIcon = require('@bigbinary/neeto-icons/misc/Gmail');
 var OutlookIcon = require('@bigbinary/neeto-icons/misc/Outlook');
 var SparkpostDomainSetup = require('./SparkpostDomainSetup.js');
-require('@tanstack/react-query');
 require('@bigbinary/neetoui/Tag');
+require('@tanstack/react-query');
 require('axios');
 require('ramda');
 require('../PageLayout-CUMq2CmP.js');
@@ -253,12 +254,12 @@ var IntegrationDetailPage = function IntegrationDetailPage(_ref) {
   var providerLabel = PROVIDER_LABELS[type];
   var Icon = PROVIDER_ICONS[type];
   var description = t("neetoEmailDelivery.".concat(type, ".description"));
-  var gmailIntegration = EmailDeliveryScreen.useGmail({
+  var gmailIntegration = useSmtp.useGmail({
     ownerId: ownerId,
     indexRoute: indexRoute,
     canManageIntegrations: canManageIntegrations
   });
-  var outlookIntegration = EmailDeliveryScreen.useOutlook({
+  var outlookIntegration = useSmtp.useOutlook({
     ownerId: ownerId,
     indexRoute: indexRoute,
     canManageIntegrations: canManageIntegrations
@@ -267,7 +268,7 @@ var IntegrationDetailPage = function IntegrationDetailPage(_ref) {
     ownerId: ownerId,
     canManageIntegrations: canManageIntegrations
   });
-  var smtpIntegration = EmailDeliveryScreen.useSmtp({
+  var smtpIntegration = useSmtp.useSmtp({
     ownerId: ownerId,
     canManageIntegrations: canManageIntegrations
   });
@@ -519,7 +520,7 @@ var IntegrationDetailPage = function IntegrationDetailPage(_ref) {
   });
 };
 
-exports.EmailDeliveryScreen = EmailDeliveryScreen.EmailDeliveryScreen;
+exports.EmailDeliveryScreen = EmailDeliveryScreen;
 exports.SparkpostDomainVerify = SparkpostDomainVerify.SparkpostDomainVerify;
 exports.SparkpostDomainSetup = SparkpostDomainSetup;
 exports.IntegrationDetailPage = IntegrationDetailPage;