@bigbinary/neeto-custom-domains-frontend 3.1.5 → 3.1.7

package/dist/CustomDomain.js

@@ -3,7 +3,7 @@ import { createElement, useState, useEffect, memo } from 'react';
 import { isPresent, truncate, isNotEmpty, noop } from '@bigbinary/neeto-cist';
 import { withT, useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Container from '@bigbinary/neeto-molecules/Container';
-import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
+import Spinner from '@bigbinary/neetoui/Spinner';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import useMutationWithInvalidation from '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
@@ -1013,7 +1013,6 @@ var dnsProviderData = function dnsProviderData(hostname) {
 };
 
 var Validation = function Validation(_ref) {
-  var _dnsHelpDocs$dnsProvi, _dnsHelpDocs$dnsProvi2, _dnsHelpDocs$unknown, _dnsHelpDocs$dnsProvi3, _dnsHelpDocs$dnsProvi4, _dnsHelpDocs$unknown2, _dnsHelpDocs$dnsProvi5, _dnsHelpDocs$dnsProvi6, _dnsHelpDocs$unknown3;
   var customDomains = _ref.customDomains,
     onClose = _ref.onClose,
     url = _ref.url,
@@ -1050,6 +1049,32 @@ var Validation = function Validation(_ref) {
     }),
     validateDomain = _useValidateDomain.mutate,
     isValidating = _useValidateDomain.isPending;
+  var HelpUrlLink = function HelpUrlLink(_ref3) {
+    var _dnsHelpDocs$dnsProvi, _dnsHelpDocs$dnsProvi2, _dnsHelpDocs$unknown;
+    var children = _ref3.children;
+    return /*#__PURE__*/jsx(Button, {
+      rel: "noreferrer",
+      style: "link",
+      target: "_blank",
+      href: (_dnsHelpDocs$dnsProvi = (_dnsHelpDocs$dnsProvi2 = dnsHelpDocs[dnsProvider]) === null || _dnsHelpDocs$dnsProvi2 === void 0 ? void 0 : _dnsHelpDocs$dnsProvi2[domainType]) !== null && _dnsHelpDocs$dnsProvi !== void 0 ? _dnsHelpDocs$dnsProvi : (_dnsHelpDocs$unknown = dnsHelpDocs.unknown) === null || _dnsHelpDocs$unknown === void 0 ? void 0 : _dnsHelpDocs$unknown[domainType],
+      label: children
+    });
+  };
+  var LoginLink = function LoginLink(_ref4) {
+    var children = _ref4.children;
+    return /*#__PURE__*/jsx(Button, {
+      href: dnsProviderInfo === null || dnsProviderInfo === void 0 ? void 0 : dnsProviderInfo.loginUrl,
+      rel: "noreferrer",
+      style: "link",
+      target: "_blank",
+      label: children
+    });
+  };
+  var components = {
+    Login: /*#__PURE__*/jsx(LoginLink, {}),
+    Link: /*#__PURE__*/jsx(HelpUrlLink, {}),
+    br: /*#__PURE__*/jsx("br", {})
+  };
   return /*#__PURE__*/jsxs("div", {
     children: [/*#__PURE__*/jsxs(Pane.Body, {
       className: "space-y-4",
@@ -1062,30 +1087,10 @@ var Validation = function Validation(_ref) {
             values: {
               dnsProvider: dnsProviderInfo === null || dnsProviderInfo === void 0 ? void 0 : dnsProviderInfo.name
             },
-            components: {
-              Login: /*#__PURE__*/jsx(Button, {
-                href: dnsProviderInfo === null || dnsProviderInfo === void 0 ? void 0 : dnsProviderInfo.loginUrl,
-                rel: "noreferrer",
-                style: "link",
-                target: "_blank"
-              }),
-              Link: /*#__PURE__*/jsx(Button, {
-                rel: "noreferrer",
-                style: "link",
-                target: "_blank",
-                href: (_dnsHelpDocs$dnsProvi = (_dnsHelpDocs$dnsProvi2 = dnsHelpDocs[dnsProvider]) === null || _dnsHelpDocs$dnsProvi2 === void 0 ? void 0 : _dnsHelpDocs$dnsProvi2[domainType]) !== null && _dnsHelpDocs$dnsProvi !== void 0 ? _dnsHelpDocs$dnsProvi : (_dnsHelpDocs$unknown = dnsHelpDocs.unknown) === null || _dnsHelpDocs$unknown === void 0 ? void 0 : _dnsHelpDocs$unknown[domainType]
-              })
-            }
+            components: components
           }) : /*#__PURE__*/jsx(Trans, {
             i18nKey: "neetoCustomDomains.cnameRecordInfo",
-            components: {
-              Link: /*#__PURE__*/jsx(Button, {
-                href: dnsHelpDocs[dnsProvider][domainType],
-                rel: "noreferrer",
-                style: "link",
-                target: "_blank"
-              })
-            }
+            components: components
           })
         })
       }), /*#__PURE__*/jsx("div", {
@@ -1098,10 +1103,10 @@ var Validation = function Validation(_ref) {
           scroll: {
             x: "100%"
           },
-          rowData: customDomains.map(function (_ref3) {
-            var hostname = _ref3.hostname,
-              dnsTarget = _ref3.dnsTarget,
-              dnsProvider = _ref3.dnsProvider;
+          rowData: customDomains.map(function (_ref5) {
+            var hostname = _ref5.hostname,
+              dnsTarget = _ref5.dnsTarget,
+              dnsProvider = _ref5.dnsProvider;
             return rowData(dnsProvider, hostname, dnsTarget);
           }).flat()
         })
@@ -1114,41 +1119,13 @@ var Validation = function Validation(_ref) {
             values: {
               dnsProvider: dnsProviderInfo.name
             },
-            components: {
-              Login: /*#__PURE__*/jsx(Button, {
-                href: dnsProviderInfo.loginUrl,
-                rel: "noreferrer",
-                style: "link",
-                target: "_blank"
-              }),
-              Link: /*#__PURE__*/jsx(Button, {
-                rel: "noreferrer",
-                style: "link",
-                target: "_blank",
-                href: (_dnsHelpDocs$dnsProvi3 = (_dnsHelpDocs$dnsProvi4 = dnsHelpDocs[dnsProvider]) === null || _dnsHelpDocs$dnsProvi4 === void 0 ? void 0 : _dnsHelpDocs$dnsProvi4[domainType]) !== null && _dnsHelpDocs$dnsProvi3 !== void 0 ? _dnsHelpDocs$dnsProvi3 : (_dnsHelpDocs$unknown2 = dnsHelpDocs.unknown) === null || _dnsHelpDocs$unknown2 === void 0 ? void 0 : _dnsHelpDocs$unknown2[domainType]
-              }),
-              br: /*#__PURE__*/jsx("br", {})
-            }
+            components: components
           }) : /*#__PURE__*/jsx(Trans, {
             i18nKey: "neetoCustomDomains.domainValidationFailedForUnknownProvider",
             values: {
               dnsProvider: dnsProviderInfo.name
             },
-            components: {
-              Login: /*#__PURE__*/jsx(Button, {
-                href: dnsProviderInfo.loginUrl,
-                rel: "noreferrer",
-                style: "link",
-                target: "_blank"
-              }),
-              Link: /*#__PURE__*/jsx(Button, {
-                rel: "noreferrer",
-                style: "link",
-                target: "_blank",
-                href: (_dnsHelpDocs$dnsProvi5 = (_dnsHelpDocs$dnsProvi6 = dnsHelpDocs[dnsProvider]) === null || _dnsHelpDocs$dnsProvi6 === void 0 ? void 0 : _dnsHelpDocs$dnsProvi6[domainType]) !== null && _dnsHelpDocs$dnsProvi5 !== void 0 ? _dnsHelpDocs$dnsProvi5 : (_dnsHelpDocs$unknown3 = dnsHelpDocs.unknown) === null || _dnsHelpDocs$unknown3 === void 0 ? void 0 : _dnsHelpDocs$unknown3[domainType]
-              }),
-              br: /*#__PURE__*/jsx("br", {})
-            }
+            components: components
           })
         })
       }), isNotEmpty(errorKey) && status === "pending" && /*#__PURE__*/jsx(Callout, {
@@ -1156,9 +1133,7 @@ var Validation = function Validation(_ref) {
         children: /*#__PURE__*/jsx(Typography, {
           style: "body2",
           children: /*#__PURE__*/jsx(Trans, {
-            components: {
-              br: /*#__PURE__*/jsx("br", {})
-            },
+            components: components,
             i18nKey: errorKey
           })
         })
@@ -1170,7 +1145,7 @@ var Validation = function Validation(_ref) {
           "data-cy": "validate-domain-button",
           disabled: isValidating || isDomainValidated,
           loading: isValidating,
-          label: status === "failed" ? t("neetoCustomDomains.validation.buttonLabel.revalidate") : isNotEmpty(errorKey) ? t("neetoCustomDomains.validation.buttonLabel.validateManually") : t("neetoCustomDomains.validation.buttonLabel.domain"),
+          label: t("neetoCustomDomains.validation.buttonLabel.iHaveAddedTheRecords"),
           onClick: validateDomain
         }), /*#__PURE__*/jsx(Button, {
           label: t("neetoCustomDomains.actions.cancel"),
@@ -1219,6 +1194,7 @@ var DomainPane = function DomainPane(_ref) {
   return /*#__PURE__*/jsxs(Pane, {
     isOpen: isOpen,
     onClose: onClose,
+    className: "flex flex-col",
     size: "large",
     children: [/*#__PURE__*/jsxs(Pane.Header, {
       className: "space-y-2",
@@ -1245,7 +1221,10 @@ var DomainPane = function DomainPane(_ref) {
       var isSubdomain = !isRootLevelDomain((_primaryDomain$hostna = primaryDomain === null || primaryDomain === void 0 ? void 0 : primaryDomain.hostname) !== null && _primaryDomain$hostna !== void 0 ? _primaryDomain$hostna : "");
       var shouldShowLoader = isLoading || isStrategyStep && isSubdomain;
       if (shouldShowLoader) {
-        return /*#__PURE__*/jsx(PageLoader, {});
+        return /*#__PURE__*/jsx("div", {
+          className: "flex justify-center items-center grow w-full",
+          children: /*#__PURE__*/jsx(Spinner, {})
+        });
       }
       if (CURRENT_STEP[getCurrentStep(primaryDomain)] > 1) {
         return /*#__PURE__*/jsx(Validation, {
@@ -1358,8 +1337,8 @@ var CustomDomain = function CustomDomain(_ref) {
   var isCustomDomainAdded = isNotEmpty(customDomains);
   if (isLoading) {
     return /*#__PURE__*/jsx("div", {
-      className: "h-screen w-full",
-      children: /*#__PURE__*/jsx(PageLoader, {})
+      className: "flex justify-center items-center w-full h-screen",
+      children: /*#__PURE__*/jsx(Spinner, {})
     });
   }
   return /*#__PURE__*/jsxs("div", {