@bigbinary/neeto-custom-domains-frontend 3.3.4 → 3.3.6

package/dist/cjs/v2/CustomDomain.js

@@ -6,7 +6,7 @@ var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
 var neetoAtoms = require('@bigbinary/neeto-atoms');
 var reactI18next = require('react-i18next');
-var application = require('../../application-Dwn9zjMI.js');
+var application = require('../../application-DVE1-xzg.js');
 var Container = require('@bigbinary/neeto-molecules/v2/Container');
 var CheckCircle = require('@bigbinary/neeto-icons/CheckCircle');
 var Warning2 = require('@bigbinary/neeto-icons/Warning2');
@@ -57,20 +57,6 @@ var STATUS_ICON = {
   pending: Warning2,
   failed: CloseCircle
 };
-var DNS_TARGETS = {
-  staging: {
-    cname: "staging.neetodeployapp.com",
-    ip: "98.89.128.226"
-  },
-  production: {
-    cname: "dns.neetodeployapp.com",
-    ip: "34.233.85.113"
-  },
-  development: {
-    cname: "dns.neetodeployapp.com",
-    ip: "34.233.85.113"
-  }
-};
 var NEETO_CUSTOM_DOMAINS_NANO_README_URL = "https://github.com/neetozone/neeto-custom-domains-nano#env-variables";
 
 var DeleteAlert = reactUtils.withT(function (_ref) {
@@ -133,14 +119,14 @@ var Domain = function Domain(_ref) {
       })
     }),
     children: /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex flex-col gap-y-6 divide-y divide-gray-200",
+      className: "divide-border flex flex-col gap-y-6 divide-y",
       children: customDomains === null || customDomains === void 0 ? void 0 : customDomains.map(function (customDomain, index) {
         var _customDomain$redirec;
         return /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "flex items-center gap-x-3 pb-6 last:pb-0",
+          className: "flex items-start gap-x-3 pb-6 last:pb-0",
           "data-testid": "custom-domain-item",
           children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-            className: classNames("rounded-lg flex items-center justify-center p-2", {
+            className: classNames("flex items-center justify-center rounded-lg p-2", {
               "bg-success": (customDomain === null || customDomain === void 0 ? void 0 : customDomain.status) === "active",
               "bg-warning": (customDomain === null || customDomain === void 0 ? void 0 : customDomain.status) === "pending",
               "bg-error": (customDomain === null || customDomain === void 0 ? void 0 : customDomain.status) === "failed"
@@ -227,8 +213,8 @@ var Domain = function Domain(_ref) {
                     Link: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
                       href: helpDocUrl,
                       rel: "noreferrer",
-                      variant: "link",
-                      target: "_blank"
+                      target: "_blank",
+                      variant: "link"
                     })
                   }
                 })
@@ -247,39 +233,38 @@ var Domain = function Domain(_ref) {
       onClick: openPane
     }),
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex h-full w-full items-center gap-x-3",
+      className: "flex h-full w-full items-start gap-x-3",
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "bg-muted rounded-lg flex items-center justify-center p-2",
+        className: "bg-muted flex items-start justify-center rounded-lg p-2",
         children: /*#__PURE__*/jsxRuntime.jsx(CustomDomain$1, {
           className: "text-muted-foreground",
           size: 32
         })
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex flex-col gap-y-1",
+        className: "flex flex-col",
         children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          className: "mb-3",
           variant: "h4",
           weight: "medium",
           children: t("neetoCustomDomains.noData.title")
-        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-          children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-            className: "text-muted-foreground",
-            variant: "body2",
-            children: disconnectedIntegrationCardDescription || t("neetoCustomDomains.noData.helpTextDefault")
-          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-            className: "text-muted-foreground mt-2",
-            variant: "body2",
-            children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
-              i18nKey: "neetoCustomDomains.noData.helpTextDisconnected",
-              components: {
-                Link: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
-                  href: helpDocUrl,
-                  rel: "noreferrer",
-                  variant: "link",
-                  target: "_blank"
-                })
-              }
-            })
-          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          className: "text-muted-foreground",
+          variant: "body2",
+          children: disconnectedIntegrationCardDescription || t("neetoCustomDomains.noData.helpTextDefault")
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          className: "text-muted-foreground mt-2",
+          variant: "body2",
+          children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+            i18nKey: "neetoCustomDomains.noData.helpTextDisconnected",
+            components: {
+              Link: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+                href: helpDocUrl,
+                rel: "noreferrer",
+                target: "_blank",
+                variant: "link"
+              })
+            }
+          })
         })]
       })]
     })
@@ -352,6 +337,7 @@ var Strategy = reactUtils.withT(function (_ref) {
     setPrimaryDomain = _ref.setPrimaryDomain,
     onClose = _ref.onClose;
   return /*#__PURE__*/jsxRuntime.jsxs(formik.Form, {
+    className: "flex min-h-0 grow flex-col",
     formikProps: {
       initialValues: STRATEGY_INITIAL_VALUES,
       validationSchema: strategyValidationSchema,
@@ -366,8 +352,8 @@ var Strategy = reactUtils.withT(function (_ref) {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "space-y-4",
         children: [/*#__PURE__*/jsxRuntime.jsx(formik.RadioGroup, {
-          stacked: true,
           name: "strategy",
+          orientation: "vertical",
           children: strategyOptions.map(function (_ref2, index) {
             var value = _ref2.value,
               label = _ref2.label,
@@ -402,8 +388,8 @@ var Strategy = reactUtils.withT(function (_ref) {
                 Link: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
                   href: errorData === null || errorData === void 0 ? void 0 : errorData.pageUrl,
                   rel: "noreferrer",
-                  variant: "link",
-                  target: "_blank"
+                  target: "_blank",
+                  variant: "link"
                 })
               }
             })
@@ -517,7 +503,7 @@ var DomainField = function DomainField(_ref) {
     });
   }
   return /*#__PURE__*/jsxRuntime.jsx(formik.Form, {
-    className: "flex-col space-y-6",
+    className: "flex min-h-0 grow flex-col",
     formikProps: {
       initialValues: INITIAL_VALUES,
       validationSchema: getCustomDomainValidationSchema(),
@@ -525,14 +511,13 @@ var DomainField = function DomainField(_ref) {
     },
     children: function children(_ref5) {
       var dirty = _ref5.dirty;
-      return /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "w-full",
+      return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Body, {
           children: /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "w-full space-y-4",
             children: [/*#__PURE__*/jsxRuntime.jsx(formik.Input, {
               required: true,
-              className: "w-full",
+              className: "w-[480px] max-w-full",
               "data-testid": "custom-domain-input-field",
               label: t("neetoCustomDomains.label"),
               name: "hostname",
@@ -579,8 +564,9 @@ var DomainField = function DomainField(_ref) {
 
 var getDnsProviderData = function getDnsProviderData(dnsProvider) {
   var hostname = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "unknown";
-  var environment = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "production";
-  return dnsProviderData(hostname, environment)[dnsProvider];
+  var dnsTarget = arguments.length > 2 ? arguments[2] : undefined;
+  var dnsTargetIp = arguments.length > 3 ? arguments[3] : undefined;
+  return dnsProviderData(hostname, dnsTarget, dnsTargetIp)[dnsProvider];
 };
 var commonColumnData = function commonColumnData(dnsProvider) {
   var dnsProviderInfo = getDnsProviderData(dnsProvider);
@@ -646,6 +632,7 @@ var columnData = function columnData(dnsProvider) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex items-center justify-between gap-1",
         children: /*#__PURE__*/jsxRuntime.jsx("img", {
+          className: "max-h-[30px] w-auto",
           src: application.img
         })
       });
@@ -665,11 +652,11 @@ var columnData = function columnData(dnsProvider) {
   dnsProvider === "networksolutions" && commonColumns.splice(1, 0, networkSolutionsRefersToColumn);
   return commonColumns;
 };
-var rowData = function rowData(dnsProvider, hostname, dnsTarget, environment) {
+var rowData = function rowData(dnsProvider, hostname, dnsTarget, dnsTargetIp) {
   var _dnsProviderInfo$valu, _dnsProviderInfo$valu2;
   var subdomain = application.parse(hostname).subdomain;
   var hostnameType = neetoCist.isPresent(subdomain) ? "subdomain" : "rootDomain";
-  var dnsProviderInfo = getDnsProviderData(dnsProvider, hostname, environment);
+  var dnsProviderInfo = getDnsProviderData(dnsProvider, hostname, dnsTarget, dnsTargetIp);
   return [{
     type: dnsProviderInfo.values.type[hostnameType],
     name: dnsProviderInfo.values.name[hostnameType],
@@ -677,8 +664,7 @@ var rowData = function rowData(dnsProvider, hostname, dnsTarget, environment) {
     ttl: dnsProviderInfo.values.ttl[hostnameType]
   }];
 };
-var dnsProviderData = function dnsProviderData(hostname) {
-  var environment = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "production";
+var dnsProviderData = function dnsProviderData(hostname, dnsTarget, dnsTargetIp) {
   var _parse = application.parse(hostname),
     subdomain = _parse.subdomain,
     domain = _parse.domain;
@@ -781,8 +767,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           subdomain: subdomain
         },
         target: {
-          rootDomain: DNS_TARGETS[environment].ip,
-          subdomain: DNS_TARGETS[environment].cname
+          rootDomain: dnsTargetIp,
+          subdomain: dnsTarget
         }
       },
       hasRootLevelDomainSupport: true
@@ -810,8 +796,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           subdomain: subdomain
         },
         target: {
-          rootDomain: DNS_TARGETS[environment].ip,
-          subdomain: DNS_TARGETS[environment].cname
+          rootDomain: dnsTargetIp,
+          subdomain: dnsTarget
         }
       },
       hasRootLevelDomainSupport: true
@@ -865,8 +851,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           subdomain: subdomain
         },
         target: {
-          rootDomain: DNS_TARGETS[environment].ip,
-          subdomain: DNS_TARGETS[environment].cname
+          rootDomain: dnsTargetIp,
+          subdomain: dnsTarget
         }
       },
       hasRootLevelDomainSupport: true
@@ -944,8 +930,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           subdomain: subdomain
         },
         target: {
-          rootDomain: DNS_TARGETS[environment].ip,
-          subdomain: DNS_TARGETS[environment].cname
+          rootDomain: dnsTargetIp,
+          subdomain: dnsTarget
         }
       },
       hasRootLevelDomainSupport: true
@@ -972,8 +958,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           subdomain: subdomain
         },
         target: {
-          rootDomain: DNS_TARGETS[environment].ip,
-          subdomain: DNS_TARGETS[environment].cname
+          rootDomain: dnsTargetIp,
+          subdomain: dnsTarget
         }
       },
       hasRootLevelDomainSupport: true
@@ -1001,8 +987,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           subdomain: subdomain
         },
         target: {
-          rootDomain: DNS_TARGETS[environment].ip,
-          subdomain: DNS_TARGETS[environment].cname
+          rootDomain: dnsTargetIp,
+          subdomain: dnsTarget
         }
       },
       hasRootLevelDomainSupport: true
@@ -1030,8 +1016,8 @@ var dnsProviderData = function dnsProviderData(hostname) {
           subdomain: subdomain
         },
         target: {
-          rootDomain: DNS_TARGETS[environment].ip,
-          subdomain: DNS_TARGETS[environment].cname
+          rootDomain: dnsTargetIp,
+          subdomain: dnsTarget
         }
       },
       hasRootLevelDomainSupport: true
@@ -1044,8 +1030,7 @@ var Validation = function Validation(_ref) {
     onClose = _ref.onClose,
     url = _ref.url,
     dnsHelpDocs = _ref.dnsHelpDocs,
-    primaryDomain = _ref.primaryDomain,
-    environment = _ref.environment;
+    primaryDomain = _ref.primaryDomain;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var hostname = primaryDomain.hostname,
@@ -1057,7 +1042,7 @@ var Validation = function Validation(_ref) {
     errorKey = _useState2[0],
     setErrorKey = _useState2[1];
   var isDomainValidated = status === "active";
-  var dnsProviderInfo = getDnsProviderData(dnsProvider, hostname, environment);
+  var dnsProviderInfo = getDnsProviderData(dnsProvider, hostname);
   var domainType = isRootLevelDomain(hostname) ? "rootDomain" : "subdomain";
   var _useValidateDomain = application.useValidateDomain(url, {
       onError: function onError(_ref2) {
@@ -1103,7 +1088,7 @@ var Validation = function Validation(_ref) {
     Link: /*#__PURE__*/jsxRuntime.jsx(HelpUrlLink, {}),
     br: /*#__PURE__*/jsxRuntime.jsx("br", {})
   };
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Sheet.Body, {
       className: "space-y-4",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -1126,18 +1111,20 @@ var Validation = function Validation(_ref) {
           })
         })]
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "space-y-1",
+        className: "w-full space-y-1",
         children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DataTable, {
           allowRowClick: false,
           columns: columnData(dnsProvider),
           data: customDomains.map(function (_ref5) {
             var hostname = _ref5.hostname,
               dnsTarget = _ref5.dnsTarget,
+              dnsTargetIp = _ref5.dnsTargetIp,
               dnsProvider = _ref5.dnsProvider;
-            return rowData(dnsProvider, hostname, dnsTarget, environment);
+            return rowData(dnsProvider, hostname, dnsTarget, dnsTargetIp);
           }).flat()
         })
       }), status === "failed" && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Callout, {
+        className: "w-full",
         variant: STATUS_TAG_STYLES[status],
         children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
           variant: "body2",
@@ -1156,6 +1143,7 @@ var Validation = function Validation(_ref) {
           })
         })
       }), neetoCist.isNotEmpty(errorKey) && status === "pending" && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Callout, {
+        className: "w-full",
         variant: STATUS_TAG_STYLES[status],
         children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
           variant: "body2",
@@ -1193,8 +1181,7 @@ var DomainPane = function DomainPane(_ref) {
     url = _ref.url,
     helpDocUrl = _ref.helpDocUrl,
     dnsHelpDocs = _ref.dnsHelpDocs,
-    subdomainPlaceholder = _ref.subdomainPlaceholder,
-    environment = _ref.environment;
+    subdomainPlaceholder = _ref.subdomainPlaceholder;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(customDomains[0]),
@@ -1222,17 +1209,13 @@ var DomainPane = function DomainPane(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Sheet, {
     isOpen: isOpen,
     onClose: onClose,
-    className: "flex flex-col",
-    size: "large",
+    className: "neeto_custom_domain_pane flex flex-col data-[side=right]:sm:max-w-[1200px]",
     children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Sheet.Header, {
       className: "space-y-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Title, {
-        children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-          variant: "h2",
-          children: t("neetoCustomDomains.addNew")
-        })
+        children: t("neetoCustomDomains.addNew")
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "neeto_custom_domain_stepper -ml-2",
+        className: "neeto_custom_domain_stepper mt-2 px-1",
         children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Stepper, {
           activeIndex: CURRENT_STEP[getCurrentStep(primaryDomain)],
           steps: STEPS
@@ -1253,7 +1236,6 @@ var DomainPane = function DomainPane(_ref) {
         return /*#__PURE__*/jsxRuntime.jsx(Validation, {
           customDomains: customDomains,
           dnsHelpDocs: dnsHelpDocs,
-          environment: environment,
           helpDocUrl: helpDocUrl,
           onClose: onClose,
           onCreate: onCreate,
@@ -1404,7 +1386,6 @@ var CustomDomain = function CustomDomain(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(DomainPane, {
       customDomains: customDomains,
       dnsHelpDocs: dnsHelpDocs,
-      environment: environment,
       helpDocUrl: helpDocUrl,
       onCreate: onCreate,
       url: url,