@bigbinary/neeto-custom-domains-frontend 3.3.1 → 3.3.2

package/dist/CustomDomain.js

@@ -2,14 +2,18 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 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 Callout from '@bigbinary/neetoui/Callout';
 import Spinner from '@bigbinary/neetoui/Spinner';
+import { Trans, useTranslation } from 'react-i18next';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import useMutationWithInvalidation from '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
 import axios from 'axios';
 import Container from '@bigbinary/neeto-molecules/Container';
+import CheckCircle from '@bigbinary/neeto-icons/CheckCircle';
+import Warning2 from '@bigbinary/neeto-icons/Warning2';
+import CloseCircle from '@bigbinary/neeto-icons/CloseCircle';
 import Alert from '@bigbinary/neetoui/Alert';
-import { Trans, useTranslation } from 'react-i18next';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { SINGULAR } from '@bigbinary/neeto-commons-frontend/constants';
@@ -20,12 +24,8 @@ import Typography from '@bigbinary/neetoui/Typography';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
-import CheckCircle from '@bigbinary/neeto-icons/CheckCircle';
-import Warning2 from '@bigbinary/neeto-icons/Warning2';
-import CloseCircle from '@bigbinary/neeto-icons/CloseCircle';
 import Pane from '@bigbinary/neetoui/Pane';
 import Stepper from '@bigbinary/neetoui/Stepper';
-import Callout from '@bigbinary/neetoui/Callout';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import Input from '@bigbinary/neetoui/formik/Input';
 import Form from '@bigbinary/neetoui/formik/Form';
@@ -114,6 +114,32 @@ var useValidateDomain = function useValidateDomain(url) {
   }, options));
 };
 
+var STATUS_TAG_STYLES = {
+  active: "success",
+  pending: "warning",
+  failed: "danger"
+};
+var STATUS_ICON = {
+  active: CheckCircle,
+  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) {
   var t = _ref.t,
     onClose = _ref.onClose,
@@ -138,27 +164,6 @@ var DeleteAlert = withT(function (_ref) {
   });
 });
 
-var STATUS_TAG_STYLES = {
-  active: "success",
-  pending: "warning",
-  failed: "danger"
-};
-var STATUS_ICON = {
-  active: CheckCircle,
-  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"
-  }
-};
-
 var Domain = function Domain(_ref) {
   var isCustomDomainAdded = _ref.isCustomDomainAdded,
     disconnectedIntegrationCardDescription = _ref.disconnectedIntegrationCardDescription,
@@ -2051,6 +2056,7 @@ var CustomDomain = function CustomDomain(_ref) {
       children: /*#__PURE__*/jsx(Spinner, {})
     });
   }
+  var isDevelopment = environment === "development";
   return /*#__PURE__*/jsxs("div", {
     children: [/*#__PURE__*/jsxs(Container, {
       children: [/*#__PURE__*/jsx(Header, {
@@ -2060,6 +2066,27 @@ var CustomDomain = function CustomDomain(_ref) {
         openPane: openPane,
         setSelectedCustomDomain: setSelectedCustomDomain,
         size: headerSize
+      }), isDevelopment && /*#__PURE__*/jsx(Callout, {
+        className: "mb-4",
+        style: "warning",
+        children: /*#__PURE__*/jsxs("div", {
+          children: [/*#__PURE__*/jsx(Trans, {
+            components: {
+              Link: /*#__PURE__*/jsx("a", {
+                className: "underline",
+                href: NEETO_CUSTOM_DOMAINS_NANO_README_URL,
+                rel: "noreferrer",
+                target: "_blank"
+              })
+            },
+            i18nKey: "neetoCustomDomains.developmentBanner.message"
+          }), /*#__PURE__*/jsx("div", {
+            className: "mt-2 text-xs opacity-75",
+            children: /*#__PURE__*/jsx(Trans, {
+              i18nKey: "neetoCustomDomains.developmentBanner.footnote"
+            })
+          })]
+        })
       }), /*#__PURE__*/jsx("div", {
         className: "flex h-full w-full justify-center",
         children: /*#__PURE__*/jsx(Domain, {