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

package/dist/cjs/CustomDomain.js

@@ -7,7 +7,7 @@ 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 application = require('../application-Dwn9zjMI.js');
+var application = require('../application-DVE1-xzg.js');
 var Container = require('@bigbinary/neeto-molecules/Container');
 var CheckCircle = require('@bigbinary/neeto-icons/CheckCircle');
 var Warning2 = require('@bigbinary/neeto-icons/Warning2');

package/dist/cjs/index.js

@@ -9,7 +9,7 @@ require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neetoui/Callout');
 require('@bigbinary/neetoui/Spinner');
 require('react-i18next');
-require('../application-Dwn9zjMI.js');
+require('../application-DVE1-xzg.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation');

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');
@@ -133,14 +133,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 +227,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 +247,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 +351,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 +366,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 +402,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 +517,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 +525,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",
@@ -646,6 +645,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
         })
       });
@@ -1103,7 +1103,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,7 +1126,7 @@ 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),
@@ -1138,6 +1138,7 @@ var Validation = function Validation(_ref) {
           }).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 +1157,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",
@@ -1222,17 +1224,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