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

package/dist/v2/CustomDomain.js

@@ -4,12 +4,12 @@ import { isPresent, truncate, isNotEmpty } from '@bigbinary/neeto-cist';
 import { withT, useQueryParams } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
 import { Alert, Typography, Button, Tooltip, Badge, Sheet, Callout, DataTable, Toastr, Stepper, Spinner } from '@bigbinary/neeto-atoms';
 import { Trans, useTranslation } from 'react-i18next';
-import { p as parse, u as useCreateCustomDomain, i as img, a as useValidateDomain, D as DOMAIN_QUERY_KEY, b as useFetchCustomDomain, c as useDeleteCustomDomain } from '../application-kZuSmUKo.js';
+import { p as parse, u as useCreateCustomDomain, i as img, a as useValidateDomain, D as DOMAIN_QUERY_KEY, b as useFetchCustomDomain, c as useDeleteCustomDomain } from '../application-CK-Outm_.js';
 import Container from '@bigbinary/neeto-molecules/v2/Container';
 import CheckCircle from '@bigbinary/neeto-icons/CheckCircle';
 import Warning2 from '@bigbinary/neeto-icons/Warning2';
 import CloseCircle from '@bigbinary/neeto-icons/CloseCircle';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { SINGULAR } from '@bigbinary/neeto-commons-frontend/v2/constants';
 import CustomDomain$1 from '@bigbinary/neeto-icons/CustomDomain';
@@ -36,20 +36,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 = withT(function (_ref) {
@@ -112,14 +98,14 @@ var Domain = function Domain(_ref) {
       })
     }),
     children: /*#__PURE__*/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__*/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__*/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"
@@ -206,8 +192,8 @@ var Domain = function Domain(_ref) {
                     Link: /*#__PURE__*/jsx(Button, {
                       href: helpDocUrl,
                       rel: "noreferrer",
-                      variant: "link",
-                      target: "_blank"
+                      target: "_blank",
+                      variant: "link"
                     })
                   }
                 })
@@ -226,39 +212,38 @@ var Domain = function Domain(_ref) {
       onClick: openPane
     }),
     children: /*#__PURE__*/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__*/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__*/jsx(CustomDomain$1, {
           className: "text-muted-foreground",
           size: 32
         })
       }), /*#__PURE__*/jsxs("div", {
-        className: "flex flex-col gap-y-1",
+        className: "flex flex-col",
         children: [/*#__PURE__*/jsx(Typography, {
+          className: "mb-3",
           variant: "h4",
           weight: "medium",
           children: t("neetoCustomDomains.noData.title")
-        }), /*#__PURE__*/jsxs("div", {
-          children: [/*#__PURE__*/jsx(Typography, {
-            className: "text-muted-foreground",
-            variant: "body2",
-            children: disconnectedIntegrationCardDescription || t("neetoCustomDomains.noData.helpTextDefault")
-          }), /*#__PURE__*/jsx(Typography, {
-            className: "text-muted-foreground mt-2",
-            variant: "body2",
-            children: /*#__PURE__*/jsx(Trans, {
-              i18nKey: "neetoCustomDomains.noData.helpTextDisconnected",
-              components: {
-                Link: /*#__PURE__*/jsx(Button, {
-                  href: helpDocUrl,
-                  rel: "noreferrer",
-                  variant: "link",
-                  target: "_blank"
-                })
-              }
-            })
-          })]
+        }), /*#__PURE__*/jsx(Typography, {
+          className: "text-muted-foreground",
+          variant: "body2",
+          children: disconnectedIntegrationCardDescription || t("neetoCustomDomains.noData.helpTextDefault")
+        }), /*#__PURE__*/jsx(Typography, {
+          className: "text-muted-foreground mt-2",
+          variant: "body2",
+          children: /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoCustomDomains.noData.helpTextDisconnected",
+            components: {
+              Link: /*#__PURE__*/jsx(Button, {
+                href: helpDocUrl,
+                rel: "noreferrer",
+                target: "_blank",
+                variant: "link"
+              })
+            }
+          })
         })]
       })]
     })
@@ -331,6 +316,7 @@ var Strategy = withT(function (_ref) {
     setPrimaryDomain = _ref.setPrimaryDomain,
     onClose = _ref.onClose;
   return /*#__PURE__*/jsxs(Form, {
+    className: "flex min-h-0 grow flex-col",
     formikProps: {
       initialValues: STRATEGY_INITIAL_VALUES,
       validationSchema: strategyValidationSchema,
@@ -345,8 +331,8 @@ var Strategy = withT(function (_ref) {
       children: /*#__PURE__*/jsxs("div", {
         className: "space-y-4",
         children: [/*#__PURE__*/jsx(RadioGroup, {
-          stacked: true,
           name: "strategy",
+          orientation: "vertical",
           children: strategyOptions.map(function (_ref2, index) {
             var value = _ref2.value,
               label = _ref2.label,
@@ -381,8 +367,8 @@ var Strategy = withT(function (_ref) {
                 Link: /*#__PURE__*/jsx(Button, {
                   href: errorData === null || errorData === void 0 ? void 0 : errorData.pageUrl,
                   rel: "noreferrer",
-                  variant: "link",
-                  target: "_blank"
+                  target: "_blank",
+                  variant: "link"
                 })
               }
             })
@@ -496,7 +482,7 @@ var DomainField = function DomainField(_ref) {
     });
   }
   return /*#__PURE__*/jsx(Form, {
-    className: "flex-col space-y-6",
+    className: "flex min-h-0 grow flex-col",
     formikProps: {
       initialValues: INITIAL_VALUES,
       validationSchema: getCustomDomainValidationSchema(),
@@ -504,14 +490,13 @@ var DomainField = function DomainField(_ref) {
     },
     children: function children(_ref5) {
       var dirty = _ref5.dirty;
-      return /*#__PURE__*/jsxs("div", {
-        className: "w-full",
+      return /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(Sheet.Body, {
           children: /*#__PURE__*/jsxs("div", {
             className: "w-full space-y-4",
             children: [/*#__PURE__*/jsx(Input, {
               required: true,
-              className: "w-full",
+              className: "w-[480px] max-w-full",
               "data-testid": "custom-domain-input-field",
               label: t("neetoCustomDomains.label"),
               name: "hostname",
@@ -558,8 +543,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);
@@ -625,6 +611,7 @@ var columnData = function columnData(dnsProvider) {
       return /*#__PURE__*/jsx("div", {
         className: "flex items-center justify-between gap-1",
         children: /*#__PURE__*/jsx("img", {
+          className: "max-h-[30px] w-auto",
           src: img
         })
       });
@@ -644,11 +631,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 = parse(hostname).subdomain;
   var hostnameType = 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],
@@ -656,8 +643,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 = parse(hostname),
     subdomain = _parse.subdomain,
     domain = _parse.domain;
@@ -760,8 +746,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
@@ -789,8 +775,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
@@ -844,8 +830,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
@@ -923,8 +909,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
@@ -951,8 +937,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
@@ -980,8 +966,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
@@ -1009,8 +995,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
@@ -1023,8 +1009,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 = useTranslation(),
     t = _useTranslation.t;
   var hostname = primaryDomain.hostname,
@@ -1036,7 +1021,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 = useValidateDomain(url, {
       onError: function onError(_ref2) {
@@ -1082,7 +1067,7 @@ var Validation = function Validation(_ref) {
     Link: /*#__PURE__*/jsx(HelpUrlLink, {}),
     br: /*#__PURE__*/jsx("br", {})
   };
-  return /*#__PURE__*/jsxs("div", {
+  return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsxs(Sheet.Body, {
       className: "space-y-4",
       children: [/*#__PURE__*/jsxs("div", {
@@ -1105,18 +1090,20 @@ var Validation = function Validation(_ref) {
           })
         })]
       }), /*#__PURE__*/jsx("div", {
-        className: "space-y-1",
+        className: "w-full space-y-1",
         children: /*#__PURE__*/jsx(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__*/jsx(Callout, {
+        className: "w-full",
         variant: STATUS_TAG_STYLES[status],
         children: /*#__PURE__*/jsx(Typography, {
           variant: "body2",
@@ -1135,6 +1122,7 @@ var Validation = function Validation(_ref) {
           })
         })
       }), isNotEmpty(errorKey) && status === "pending" && /*#__PURE__*/jsx(Callout, {
+        className: "w-full",
         variant: STATUS_TAG_STYLES[status],
         children: /*#__PURE__*/jsx(Typography, {
           variant: "body2",
@@ -1172,8 +1160,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 = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(customDomains[0]),
@@ -1201,17 +1188,13 @@ var DomainPane = function DomainPane(_ref) {
   return /*#__PURE__*/jsxs(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__*/jsxs(Sheet.Header, {
       className: "space-y-2",
       children: [/*#__PURE__*/jsx(Sheet.Title, {
-        children: /*#__PURE__*/jsx(Typography, {
-          variant: "h2",
-          children: t("neetoCustomDomains.addNew")
-        })
+        children: t("neetoCustomDomains.addNew")
       }), /*#__PURE__*/jsx("div", {
-        className: "neeto_custom_domain_stepper -ml-2",
+        className: "neeto_custom_domain_stepper mt-2 px-1",
         children: /*#__PURE__*/jsx(Stepper, {
           activeIndex: CURRENT_STEP[getCurrentStep(primaryDomain)],
           steps: STEPS
@@ -1232,7 +1215,6 @@ var DomainPane = function DomainPane(_ref) {
         return /*#__PURE__*/jsx(Validation, {
           customDomains: customDomains,
           dnsHelpDocs: dnsHelpDocs,
-          environment: environment,
           helpDocUrl: helpDocUrl,
           onClose: onClose,
           onCreate: onCreate,
@@ -1383,7 +1365,6 @@ var CustomDomain = function CustomDomain(_ref) {
     }), /*#__PURE__*/jsx(DomainPane, {
       customDomains: customDomains,
       dnsHelpDocs: dnsHelpDocs,
-      environment: environment,
       helpDocUrl: helpDocUrl,
       onCreate: onCreate,
       url: url,