@bigbinary/neeto-molecules 1.0.78 → 1.0.79

package/dist/CustomDomainDashboard.js

@@ -7,7 +7,7 @@ import { useTranslation, Trans } from 'react-i18next';
 import { Column, Download, Filter, Right, MenuVertical, HamburgerMenu, Search, MenuHorizontal, Info, Copy, Check } from '@bigbinary/neeto-icons';
 import ManageColumns from '@bigbinary/neeto-molecules/Columns';
 import { Filters } from '@bigbinary/neeto-filters-frontend';
-import { withEventTargetValue, joinHyphenCase, copyToClipboard, timeFormat } from '@bigbinary/neeto-commons-frontend/utils';
+import { withEventTargetValue, joinHyphenCase, copyToClipboard } from '@bigbinary/neeto-commons-frontend/utils';
 import { isEmpty } from 'ramda';
 import { Link } from 'react-router-dom';
 import { Formik, Form } from 'formik';
@@ -1768,10 +1768,8 @@ var INITIAL_VALUES = {
 
 var TagBlock = function TagBlock(_ref) {
   var status = _ref.status,
-    isCnameRecordsAdded = _ref.isCnameRecordsAdded,
     _ref$stacked = _ref.stacked,
-    stacked = _ref$stacked === void 0 ? false : _ref$stacked,
-    handleValidateCname = _ref.handleValidateCname;
+    stacked = _ref$stacked === void 0 ? false : _ref$stacked;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var isDomainValidated = status === "active" || status === "pending_cname_validation";
@@ -1796,11 +1794,6 @@ var TagBlock = function TagBlock(_ref) {
     indicatorStyle: status === "active" ? "success" : "warning",
     style: "secondary",
     label: t("neetoMolecules.customDomain.status.cname.".concat(camelCasedStatus))
-  }), isCnameRecordsAdded && status === "pending_cname_validation" && /*#__PURE__*/React__default.createElement(Button, {
-    className: "text-xs",
-    style: "link",
-    label: t("neetoMolecules.customDomain.validation.buttonLabel.cnameCheck"),
-    onClick: handleValidateCname
   }))));
 };
 var TagBlock$1 = /*#__PURE__*/React__default.memo(TagBlock);
@@ -1859,8 +1852,11 @@ var recordData = function recordData(customDomain) {
   var recordName = isDomainValidated ? hostname : cnameValidationParams === null || cnameValidationParams === void 0 ? void 0 : cnameValidationParams.name;
   var recordValue = isDomainValidated ? dnsTarget : cnameValidationParams === null || cnameValidationParams === void 0 ? void 0 : cnameValidationParams.value;
   var recordType = isDomainValidated ? t$1("neetoMolecules.customDomain.cname") : t$1("neetoMolecules.customDomain.domainValidationCname");
-  var recordDescription = t$1("neetoMolecules.customDomain.validation.desc", {
+  var recordDescription = isDomainValidated ? t$1("neetoMolecules.customDomain.validation.desc", {
     record: recordType
+  }) : t$1("neetoMolecules.customDomain.validation.desc", {
+    record: recordType,
+    proxyMessage: t$1("neetoMolecules.customDomain.validation.proxyMessage")
   });
   var recordNameLabel = t$1("neetoMolecules.customDomain.validation.record", {
     record: recordType,
@@ -1920,28 +1916,25 @@ var Record = function Record(_ref) {
 };
 var Record$1 = /*#__PURE__*/React__default.memo(Record);
 
-var CustomDomainInfo = function CustomDomainInfo(_ref) {
-  var time = _ref.time;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
+var StatusInfo = function StatusInfo() {
+  var helpUrl = "https://help.".concat(globalProps.appName.toLowerCase(), ".com/articles/custom-domains");
   return /*#__PURE__*/React__default.createElement("div", {
     className: "space-y-6"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-rounded neeto-ui-bg-gray-100 neeto-ui-text-gray-700 space-y-3 p-4"
   }, /*#__PURE__*/React__default.createElement(Trans, {
-    i18nKey: "neetoMolecules.customDomain.messageBlock.dnsStatus"
-  }), /*#__PURE__*/React__default.createElement(Button, {
-    href: "mailto:support@neeto.com",
-    label: "support@neeto.com",
-    style: "link"
-  })), /*#__PURE__*/React__default.createElement(Callout, {
-    icon: Info,
-    style: "info"
-  }, t("neetoMolecules.customDomain.messageBlock.cnameAddedTime", {
-    time: timeFormat.fromNow(time)
+    i18nKey: "neetoMolecules.customDomain.messageBlock.dnsStatus",
+    components: {
+      a: /*#__PURE__*/React__default.createElement("a", {
+        className: "neeto-ui-btn--style-link",
+        href: helpUrl,
+        rel: "noreferrer",
+        target: "_blank"
+      })
+    }
   })));
 };
-var StatusInfo = /*#__PURE__*/React__default.memo(CustomDomainInfo);
+var StatusInfo$1 = /*#__PURE__*/React__default.memo(StatusInfo);
 
 var getCustomDomainValidationSchema = function getCustomDomainValidationSchema() {
   return Yup.object().shape({
@@ -2150,14 +2143,12 @@ var Manage = function Manage(_ref) {
       loading: isValidating,
       label: t("neetoMolecules.customDomain.validation.buttonLabel.domain"),
       onClick: handleValidateDomain
-    }), customDomain.status === "pending_cname_validation" && !customDomain.addedCnameAt && /*#__PURE__*/React__default.createElement(Button, {
+    }), customDomain.status === "pending_cname_validation" && /*#__PURE__*/React__default.createElement(Button, {
       "data-cy": "validate-cname-record-button",
       loading: isCnameValidating || isUpdating,
       label: t("neetoMolecules.customDomain.validation.buttonLabel.cnameAdded"),
       onClick: handleUpdateCname
-    }), customDomain.status === "pending_cname_validation" && customDomain.addedCnameAt && /*#__PURE__*/React__default.createElement(StatusInfo, {
-      time: customDomain.addedCnameAt
-    })))));
+    }), /*#__PURE__*/React__default.createElement(StatusInfo$1, null)))));
   }));
 };