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

package/dist/cjs/CustomDomain.js

@@ -4,14 +4,18 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var Callout = require('@bigbinary/neetoui/Callout');
 var Spinner = require('@bigbinary/neetoui/Spinner');
+var reactI18next = require('react-i18next');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var reactQuery = require('@tanstack/react-query');
 var useMutationWithInvalidation = require('@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation');
 var axios = require('axios');
 var Container = require('@bigbinary/neeto-molecules/Container');
+var CheckCircle = require('@bigbinary/neeto-icons/CheckCircle');
+var Warning2 = require('@bigbinary/neeto-icons/Warning2');
+var CloseCircle = require('@bigbinary/neeto-icons/CloseCircle');
 var Alert = require('@bigbinary/neetoui/Alert');
-var reactI18next = require('react-i18next');
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('classnames');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
@@ -22,12 +26,8 @@ var Typography = require('@bigbinary/neetoui/Typography');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
-var CheckCircle = require('@bigbinary/neeto-icons/CheckCircle');
-var Warning2 = require('@bigbinary/neeto-icons/Warning2');
-var CloseCircle = require('@bigbinary/neeto-icons/CloseCircle');
 var Pane = require('@bigbinary/neetoui/Pane');
 var Stepper = require('@bigbinary/neetoui/Stepper');
-var Callout = require('@bigbinary/neetoui/Callout');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var Form = require('@bigbinary/neetoui/formik/Form');
@@ -135,6 +135,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 = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     onClose = _ref.onClose,
@@ -159,27 +185,6 @@ var DeleteAlert = reactUtils.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,
@@ -2072,6 +2077,7 @@ var CustomDomain = function CustomDomain(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
     });
   }
+  var isDevelopment = environment === "development";
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     children: [/*#__PURE__*/jsxRuntime.jsxs(Container, {
       children: [/*#__PURE__*/jsxRuntime.jsx(Header$1, {
@@ -2081,6 +2087,27 @@ var CustomDomain = function CustomDomain(_ref) {
         openPane: openPane,
         setSelectedCustomDomain: setSelectedCustomDomain,
         size: headerSize
+      }), isDevelopment && /*#__PURE__*/jsxRuntime.jsx(Callout, {
+        className: "mb-4",
+        style: "warning",
+        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          children: [/*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+            components: {
+              Link: /*#__PURE__*/jsxRuntime.jsx("a", {
+                className: "underline",
+                href: NEETO_CUSTOM_DOMAINS_NANO_README_URL,
+                rel: "noreferrer",
+                target: "_blank"
+              })
+            },
+            i18nKey: "neetoCustomDomains.developmentBanner.message"
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "mt-2 text-xs opacity-75",
+            children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+              i18nKey: "neetoCustomDomains.developmentBanner.footnote"
+            })
+          })]
+        })
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex h-full w-full justify-center",
         children: /*#__PURE__*/jsxRuntime.jsx(Domain, {