@bigbinary/neeto-custom-domains-frontend 2.1.0-beta1 → 2.1.0-beta3

package/dist/cjs/CustomDomain.js

@@ -29,8 +29,10 @@ var i18next = require('i18next');
 var Yup = require('yup');
 var Table = require('@bigbinary/neetoui/Table');
 var Toastr = require('@bigbinary/neetoui/Toastr');
+var ramda = require('ramda');
 var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
 var psl = require('psl');
+var Info = require('@bigbinary/neeto-icons/Info');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
 var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
 
@@ -353,6 +355,9 @@ var getDnsProviderData = function getDnsProviderData(dnsProvider) {
   var hostname = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
   return dnsProviderData(hostname)[dnsProvider];
 };
+var isRootLevelDomain = function isRootLevelDomain(hostname) {
+  return ramda.isNil(psl.parse(hostname).subdomain);
+};
 var commonColumnData = function commonColumnData(dnsProvider) {
   var dnsProviderInfo = getDnsProviderData(dnsProvider);
   return [{
@@ -423,7 +428,7 @@ var columnData = function columnData(dnsProvider) {
       });
     }
   };
-  var netoworkSolutionsRefersToColumn = {
+  var networkSolutionsRefersToColumn = {
     title: "Refers to",
     dataIndex: "proxy",
     width: "20%",
@@ -435,7 +440,7 @@ var columnData = function columnData(dnsProvider) {
     }
   };
   dnsProvider === "cloudflare" && commonColumns.splice(3, 0, cloudflareProxyColumn);
-  dnsProvider === "networksolutions" && commonColumns.splice(1, 0, netoworkSolutionsRefersToColumn);
+  dnsProvider === "networksolutions" && commonColumns.splice(1, 0, networkSolutionsRefersToColumn);
   return commonColumns;
 };
 var rowData = function rowData(dnsProvider, hostname, dnsTarget) {
@@ -473,7 +478,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           rootDomain: "@",
           subdomain: psl.parse(hostname).subdomain
         }
-      }
+      },
+      hasRootLevelDomainSupport: true
     },
     namecheap: {
       name: "Namecheap",
@@ -497,7 +503,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           rootDomain: "@",
           subdomain: psl.parse(hostname).subdomain
         }
-      }
+      },
+      hasRootLevelDomainSupport: true
     },
     hostinger: {
       name: "Hostinger",
@@ -521,7 +528,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           rootDomain: "@",
           subdomain: psl.parse(hostname).subdomain
         }
-      }
+      },
+      hasRootLevelDomainSupport: true
     },
     digitalocean: {
       name: "DigitalOcean",
@@ -545,7 +553,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           rootDomain: psl.parse(hostname).domain,
           subdomain: psl.parse(hostname).subdomain
         }
-      }
+      },
+      hasRootLevelDomainSupport: false
     },
     godaddy: {
       name: "GoDaddy",
@@ -569,7 +578,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           rootDomain: psl.parse(hostname).domain,
           subdomain: psl.parse(hostname).subdomain
         }
-      }
+      },
+      hasRootLevelDomainSupport: false
     },
     squarespace: {
       name: "Squarespace",
@@ -593,7 +603,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           rootDomain: "@",
           subdomain: psl.parse(hostname).subdomain
         }
-      }
+      },
+      hasRootLevelDomainSupport: true
     },
     wix: {
       name: "Wix",
@@ -618,7 +629,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           rootDomain: psl.parse(hostname).domain,
           subdomain: psl.parse(hostname).subdomain
         }
-      }
+      },
+      hasRootLevelDomainSupport: false
     },
     porkbun: {
       name: "Porkbun",
@@ -626,7 +638,7 @@ var dnsProviderData = function dnsProviderData(hostname) {
       header: {
         type: "Type",
         name: "Host",
-        target: "Answer",
+        target: "Answer/Value",
         ttl: "TTL"
       },
       values: {
@@ -642,7 +654,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           rootDomain: psl.parse(hostname).domain,
           subdomain: psl.parse(hostname).subdomain
         }
-      }
+      },
+      hasRootLevelDomainSupport: true
     },
     networksolutions: {
       name: "Network Solutions",
@@ -666,7 +679,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           rootDomain: "@",
           subdomain: psl.parse(hostname).subdomain
         }
-      }
+      },
+      hasRootLevelDomainSupport: true
     },
     aws: {
       name: "AWS",
@@ -690,9 +704,11 @@ var dnsProviderData = function dnsProviderData(hostname) {
           rootDomain: psl.parse(hostname).domain,
           subdomain: psl.parse(hostname).subdomain
         }
-      }
+      },
+      hasRootLevelDomainSupport: false
     },
     unknown: {
+      name: "this provider",
       loginUrl: "https://dash.cloudflare.com/login",
       header: {
         type: "Type",
@@ -713,11 +729,62 @@ var dnsProviderData = function dnsProviderData(hostname) {
           rootDomain: "@",
           subdomain: psl.parse(hostname).subdomain
         }
-      }
+      },
+      hasRootLevelDomainSupport: false
     }
   };
 };
 
+var RootLevelDomainFallback = function RootLevelDomainFallback(_ref) {
+  var _dnsProviderData, _dnsProviderData2;
+  var t = _ref.t,
+    dnsProvider = _ref.dnsProvider,
+    onClose = _ref.onClose,
+    url = _ref.url,
+    hostname = _ref.hostname;
+  var _useDeleteCustomDomai = useDeleteCustomDomain(url, {
+      onSettled: function onSettled() {
+      }
+    }),
+    deleteCustomDomain = _useDeleteCustomDomai.mutate,
+    isDeleting = _useDeleteCustomDomai.isPending;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
+      children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+        i18nKey: "neetoCustomDomains.validation.rootDomainUnsupported",
+        values: {
+          provider: (_dnsProviderData = dnsProviderData(hostname)) === null || _dnsProviderData === void 0 || (_dnsProviderData = _dnsProviderData[dnsProvider]) === null || _dnsProviderData === void 0 ? void 0 : _dnsProviderData.name,
+          providerName: neetoCist.capitalize((_dnsProviderData2 = dnsProviderData(hostname)) === null || _dnsProviderData2 === void 0 || (_dnsProviderData2 = _dnsProviderData2[dnsProvider]) === null || _dnsProviderData2 === void 0 ? void 0 : _dnsProviderData2.name),
+          rootDomain: hostname
+        },
+        components: {
+          br: /*#__PURE__*/jsxRuntime.jsx("br", {}),
+          span: /*#__PURE__*/jsxRuntime.jsx("span", {}),
+          Callout: /*#__PURE__*/jsxRuntime.jsx(Callout, {
+            icon: Info,
+            style: "info"
+          })
+        }
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
+          "data-cy": "update-custom-domain-button",
+          label: t("neetoCustomDomains.validation.buttonLabel.updateDomain"),
+          onClick: deleteCustomDomain,
+          loading: isDeleting
+        }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+          label: t("neetoCustomDomains.actions.cancel"),
+          style: "text",
+          onClick: onClose
+        })]
+      })
+    })]
+  });
+};
+var RootLevelDomainFallback$1 = reactUtils.withT(RootLevelDomainFallback);
+
 var Validation = function Validation(_ref) {
   var customDomain = _ref.customDomain,
     onClose = _ref.onClose,
@@ -735,6 +802,7 @@ var Validation = function Validation(_ref) {
     setErrorKey = _useState2[1];
   var isDomainValidated = status === "active";
   var dnsProviderInfo = getDnsProviderData(dnsProvider);
+  var domainType = isRootLevelDomain(hostname) ? "rootDomain" : "subdomain";
   var _useValidateDomain = useValidateDomain(url, {
       onError: function onError(_ref2) {
         var response = _ref2.response;
@@ -747,6 +815,14 @@ var Validation = function Validation(_ref) {
     }),
     validateDomain = _useValidateDomain.mutate,
     isValidating = _useValidateDomain.isPending;
+  if (isRootLevelDomain(hostname) && !dnsProviderInfo.hasRootLevelDomainSupport) {
+    return /*#__PURE__*/jsxRuntime.jsx(RootLevelDomainFallback$1, {
+      dnsProvider: dnsProvider,
+      onClose: onClose,
+      url: url,
+      hostname: hostname
+    });
+  }
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     children: [/*#__PURE__*/jsxRuntime.jsxs(Pane.Body, {
       className: "space-y-4",
@@ -755,7 +831,9 @@ var Validation = function Validation(_ref) {
         children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
           style: "h4",
           weight: "medium",
-          children: t("neetoCustomDomains.cnameRecordTitle")
+          children: t("neetoCustomDomains.cnameRecordTitle", {
+            domainName: hostname
+          })
         }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
           style: "body2",
           children: dnsProvider !== "unknown" ? /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
@@ -771,7 +849,7 @@ var Validation = function Validation(_ref) {
                 target: "_blank"
               }),
               Link: /*#__PURE__*/jsxRuntime.jsx(Button, {
-                href: dnsHelpDocs[dnsProvider],
+                href: dnsHelpDocs[dnsProvider][domainType],
                 rel: "noreferrer",
                 style: "link",
                 target: "_blank"
@@ -781,7 +859,7 @@ var Validation = function Validation(_ref) {
             i18nKey: "neetoCustomDomains.cnameRecordInfo",
             components: {
               Link: /*#__PURE__*/jsxRuntime.jsx(Button, {
-                href: dnsHelpDocs[dnsProvider],
+                href: dnsHelpDocs[dnsProvider][domainType],
                 rel: "noreferrer",
                 style: "link",
                 target: "_blank"
@@ -796,7 +874,10 @@ var Validation = function Validation(_ref) {
           columnData: columnData(dnsProvider),
           enableColumnFreeze: false,
           rowData: rowData(dnsProvider, hostname, dnsTarget),
-          rowSelection: false
+          rowSelection: false,
+          scroll: {
+            x: '100%'
+          }
         })
       }), neetoCist.isNotEmpty(errorKey) && /*#__PURE__*/jsxRuntime.jsx(Callout, {
         style: STATUS_TAG_STYLES[status],