@bigbinary/neeto-molecules 3.3.11 → 3.3.13

package/dist/{index-0063079e.js → index-e123ffe8.js}

@@ -1,7 +1,7 @@
-import React__default, { useState } from 'react';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Alert from '@bigbinary/neetoui/Alert';
 import { Trans, useTranslation } from 'react-i18next';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Pane from '@bigbinary/neetoui/Pane';
 import { n } from './inject-css-c86de496.js';
 import { isNotEmpty, isPresent } from '@bigbinary/neeto-cist';
@@ -16,6 +16,7 @@ import { useQuery } from '@tanstack/react-query';
 import useMutationWithInvalidation from '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
 import axios from 'axios';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
 import Table from '@bigbinary/neetoui/Table';
 import Button from '@bigbinary/neetoui/Button';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
@@ -33,7 +34,7 @@ var DeleteAlert = withT(function (_ref) {
     isOpen = _ref.isOpen,
     isSubmitting = _ref.isSubmitting,
     hostname = _ref.hostname;
-  return /*#__PURE__*/React__default.createElement(Alert, {
+  return /*#__PURE__*/jsx(Alert, {
     isOpen: isOpen,
     isSubmitting: isSubmitting,
     onClose: onClose,
@@ -41,7 +42,7 @@ var DeleteAlert = withT(function (_ref) {
     cancelButtonLabel: t("neetoMolecules.common.actions.cancel"),
     submitButtonLabel: t("neetoMolecules.common.actions.delete"),
     title: t("neetoMolecules.customDomain.delete"),
-    message: /*#__PURE__*/React__default.createElement(Trans, {
+    message: /*#__PURE__*/jsx(Trans, {
       i18nKey: "neetoMolecules.customDomain.alertMessage",
       values: {
         hostname: hostname
@@ -112,13 +113,13 @@ var customDomainApi = {
 var DOMAIN_QUERY_KEY = "custom-domain";
 var HELP_DOC_URL = "https://help.".concat(globalProps.appName.toLowerCase(), ".com/articles/custom-domains");
 
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useCreateCustomDomain = function useCreateCustomDomain(url) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return useMutationWithInvalidation(function (payload) {
     return customDomainApi.createCustomDomain(url, payload);
-  }, _objectSpread$1({
+  }, _objectSpread$2({
     keysToInvalidate: [[DOMAIN_QUERY_KEY]]
   }, options));
 };
@@ -126,13 +127,13 @@ var useDeleteCustomDomain = function useDeleteCustomDomain(url) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return useMutationWithInvalidation(function (id) {
     return customDomainApi.deleteCustomDomain(url, id);
-  }, _objectSpread$1({
+  }, _objectSpread$2({
     keysToInvalidate: [[DOMAIN_QUERY_KEY]]
   }, options));
 };
 var useFetchCustomDomains = function useFetchCustomDomains(params) {
   return useQuery({
-    queryKey: [DOMAIN_QUERY_KEY, _objectSpread$1({}, params)],
+    queryKey: [DOMAIN_QUERY_KEY, _objectSpread$2({}, params)],
     queryFn: function queryFn() {
       return customDomainApi.fetchCustomDomains(params);
     }
@@ -142,7 +143,7 @@ var useValidateDomain = function useValidateDomain(url) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return useMutationWithInvalidation(function (id) {
     return customDomainApi.validateDomain(url, id);
-  }, _objectSpread$1({
+  }, _objectSpread$2({
     keysToInvalidate: [[DOMAIN_QUERY_KEY]]
   }, options));
 };
@@ -150,7 +151,7 @@ var useUpdateCustomDomain = function useUpdateCustomDomain(url) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return useMutationWithInvalidation(function (id) {
     return customDomainApi.updateCustomDomain(url, id);
-  }, _objectSpread$1({
+  }, _objectSpread$2({
     keysToInvalidate: [[DOMAIN_QUERY_KEY]]
   }, options));
 };
@@ -187,41 +188,52 @@ var DomainField = function DomainField(_ref) {
       }
     });
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Pane.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "h2"
-  }, t("neetoMolecules.customDomain.addNew"))), /*#__PURE__*/React__default.createElement(Form, {
-    className: "flex-col space-y-6",
-    formikProps: {
-      enableReinitialize: true,
-      initialValues: customDomain || INITIAL_VALUES,
-      validationSchema: getCustomDomainValidationSchema(),
-      onSubmit: handleSubmit
-    }
-  }, function (_ref3) {
-    var dirty = _ref3.dirty;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "w-full"
-    }, /*#__PURE__*/React__default.createElement(Pane.Body, null, /*#__PURE__*/React__default.createElement(Input, {
-      required: true,
-      className: "w-full",
-      "data-cy": "custom-domain-input-field",
-      disabled: isNotEmpty(customDomain),
-      label: t("neetoMolecules.customDomain.label"),
-      name: "hostname",
-      placeholder: t("neetoMolecules.customDomain.placeholder")
-    })), /*#__PURE__*/React__default.createElement(Pane.Footer, null, /*#__PURE__*/React__default.createElement(ActionBlock, {
-      cancelButtonProps: {
-        onClick: onClose
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Pane.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        style: "h2",
+        children: t("neetoMolecules.customDomain.addNew")
+      })
+    }), /*#__PURE__*/jsx(Form, {
+      className: "flex-col space-y-6",
+      formikProps: {
+        enableReinitialize: true,
+        initialValues: customDomain || INITIAL_VALUES,
+        validationSchema: getCustomDomainValidationSchema(),
+        onSubmit: handleSubmit
       },
-      isSubmitting: isCreating,
-      submitButtonProps: {
-        label: t("neetoMolecules.common.actions.continue"),
-        "data-cy": "submit-custom-domain-button",
-        "data-testid": "submit-custom-domain-button",
-        disabled: !dirty || isCreating
+      children: function children(_ref3) {
+        var dirty = _ref3.dirty;
+        return /*#__PURE__*/jsxs("div", {
+          className: "w-full",
+          children: [/*#__PURE__*/jsx(Pane.Body, {
+            children: /*#__PURE__*/jsx(Input, {
+              required: true,
+              className: "w-full",
+              "data-cy": "custom-domain-input-field",
+              disabled: isNotEmpty(customDomain),
+              label: t("neetoMolecules.customDomain.label"),
+              name: "hostname",
+              placeholder: t("neetoMolecules.customDomain.placeholder")
+            })
+          }), /*#__PURE__*/jsx(Pane.Footer, {
+            children: /*#__PURE__*/jsx(ActionBlock, {
+              cancelButtonProps: {
+                onClick: onClose
+              },
+              isSubmitting: isCreating,
+              submitButtonProps: {
+                label: t("neetoMolecules.common.actions.continue"),
+                "data-cy": "submit-custom-domain-button",
+                "data-testid": "submit-custom-domain-button",
+                disabled: !dirty || isCreating
+              }
+            })
+          })]
+        });
       }
-    })));
-  }));
+    })]
+  });
 };
 
 var Common = withT(function (_ref) {
@@ -229,21 +241,26 @@ var Common = withT(function (_ref) {
     currentStep = _ref.currentStep,
     handleStepChange = _ref.handleStepChange,
     hostname = _ref.hostname;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "mb-6 w-full space-y-6"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "-ml-2"
-  }, /*#__PURE__*/React__default.createElement(Stepper, {
-    activeIndex: currentStep,
-    setActiveIndex: handleStepChange,
-    steps: STEPS
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "space-y-1"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "h4"
-  }, t("neetoMolecules.customDomain.yourDomain")), /*#__PURE__*/React__default.createElement(Typography, {
-    style: "body1"
-  }, hostname)));
+  return /*#__PURE__*/jsxs("div", {
+    className: "mb-6 w-full space-y-6",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "-ml-2",
+      children: /*#__PURE__*/jsx(Stepper, {
+        activeIndex: currentStep,
+        setActiveIndex: handleStepChange,
+        steps: STEPS
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: "space-y-1",
+      children: [/*#__PURE__*/jsx(Typography, {
+        style: "h4",
+        children: t("neetoMolecules.customDomain.yourDomain")
+      }), /*#__PURE__*/jsx(Typography, {
+        style: "body1",
+        children: hostname
+      })]
+    })]
+  });
 });
 
 var columnData = function columnData() {
@@ -253,9 +270,10 @@ var columnData = function columnData() {
     dataIndex: "record",
     width: "90px",
     render: function render() {
-      return /*#__PURE__*/React__default.createElement(Typography, {
-        style: "body2"
-      }, t("neetoMolecules.customDomain.cname"));
+      return /*#__PURE__*/jsx(Typography, {
+        style: "body2",
+        children: t("neetoMolecules.customDomain.cname")
+      });
     }
   }, {
     title: t("neetoMolecules.common.name"),
@@ -263,17 +281,19 @@ var columnData = function columnData() {
     width: "35%",
     key: "name",
     render: function render(name, _) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: "flex items-center justify-between gap-1"
-      }, /*#__PURE__*/React__default.createElement(Typography, {
-        className: "min-w-0 truncate",
-        style: "body2"
-      }, name), /*#__PURE__*/React__default.createElement(CopyToClipboardButton, {
-        className: "flex-shrink-0",
-        size: "small",
-        style: "secondary",
-        value: name
-      }));
+      return /*#__PURE__*/jsxs("div", {
+        className: "flex items-center justify-between gap-1",
+        children: [/*#__PURE__*/jsx(Typography, {
+          className: "min-w-0 truncate",
+          style: "body2",
+          children: name
+        }), /*#__PURE__*/jsx(CopyToClipboardButton, {
+          className: "flex-shrink-0",
+          size: "small",
+          style: "secondary",
+          value: name
+        })]
+      });
     }
   }, {
     title: t("neetoMolecules.common.value"),
@@ -281,17 +301,19 @@ var columnData = function columnData() {
     width: "35%",
     key: "value",
     render: function render(value, _) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: "flex items-center justify-between gap-1"
-      }, /*#__PURE__*/React__default.createElement(Typography, {
-        className: "min-w-0 truncate",
-        style: "body2"
-      }, value), /*#__PURE__*/React__default.createElement(CopyToClipboardButton, {
-        value: value,
-        className: "flex-shrink-0",
-        size: "small",
-        style: "secondary"
-      }));
+      return /*#__PURE__*/jsxs("div", {
+        className: "flex items-center justify-between gap-1",
+        children: [/*#__PURE__*/jsx(Typography, {
+          className: "min-w-0 truncate",
+          style: "body2",
+          children: value
+        }), /*#__PURE__*/jsx(CopyToClipboardButton, {
+          value: value,
+          className: "flex-shrink-0",
+          size: "small",
+          style: "secondary"
+        })]
+      });
     }
   }, {
     title: t("neetoMolecules.common.status"),
@@ -299,7 +321,7 @@ var columnData = function columnData() {
     key: "status",
     width: "130px",
     render: function render(status) {
-      return /*#__PURE__*/React__default.createElement(Tag, {
+      return /*#__PURE__*/jsx(Tag, {
         label: t("neetoMolecules.common.".concat(status)),
         style: status === "success" ? "success" : "warning"
       });
@@ -340,85 +362,99 @@ var Redirection = function Redirection(_ref) {
       }
     });
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Pane.Body, null, /*#__PURE__*/React__default.createElement(Common, {
-    currentStep: currentStep,
-    handleStepChange: handleStepChange,
-    hostname: hostname
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "mb-6 w-full space-y-6"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "space-y-1"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "h4"
-  }, t("neetoMolecules.customDomain.domainRedirection")), /*#__PURE__*/React__default.createElement(Typography, {
-    style: "body2"
-  }, /*#__PURE__*/React__default.createElement(Trans, {
-    i18nKey: "neetoMolecules.customDomain.cnameRecordInfo",
-    components: {
-      Link: /*#__PURE__*/React__default.createElement(Button, {
-        href: HELP_DOC_URL,
-        rel: "noreferrer",
-        style: "link",
-        target: "_blank"
-      })
-    }
-  }))), /*#__PURE__*/React__default.createElement(TableWrapper, {
-    className: "pb-0"
-  }, /*#__PURE__*/React__default.createElement(Table, {
-    allowRowClick: false,
-    columnData: columnData(),
-    rowSelection: false,
-    rowData: [{
-      name: hostname,
-      value: dnsTarget,
-      status: status === "active" ? "success" : "pending"
-    }]
-  })), /*#__PURE__*/React__default.createElement(Checkbox, {
-    checked: addedRedirectionCname,
-    "data-testid": "cname-added-custom-domain-checkbox",
-    disabled: cnameAdded,
-    label: t("neetoMolecules.customDomain.cnameAdded"),
-    onChange: function onChange() {
-      return setAddedRedirectionCname(function (value) {
-        return !value;
-      });
-    }
-  })), cnameAdded && /*#__PURE__*/React__default.createElement(Callout, {
-    style: "warning"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "body2"
-  }, /*#__PURE__*/React__default.createElement(Trans, {
-    i18nKey: "neetoMolecules.customDomain.domainRedirectionInfo",
-    values: {
-      hostname: hostname
-    },
-    components: {
-      Link: /*#__PURE__*/React__default.createElement(Button, {
-        href: HELP_DOC_URL,
-        rel: "noreferrer",
-        style: "link",
-        target: "_blank"
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs(Pane.Body, {
+      children: [/*#__PURE__*/jsx(Common, {
+        currentStep: currentStep,
+        handleStepChange: handleStepChange,
+        hostname: hostname
+      }), /*#__PURE__*/jsxs("div", {
+        className: "mb-6 w-full space-y-6",
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "space-y-1",
+          children: [/*#__PURE__*/jsx(Typography, {
+            style: "h4",
+            children: t("neetoMolecules.customDomain.domainRedirection")
+          }), /*#__PURE__*/jsx(Typography, {
+            style: "body2",
+            children: /*#__PURE__*/jsx(Trans, {
+              i18nKey: "neetoMolecules.customDomain.cnameRecordInfo",
+              components: {
+                Link: /*#__PURE__*/jsx(Button, {
+                  href: HELP_DOC_URL,
+                  rel: "noreferrer",
+                  style: "link",
+                  target: "_blank"
+                })
+              }
+            })
+          })]
+        }), /*#__PURE__*/jsx(TableWrapper, {
+          className: "pb-0",
+          children: /*#__PURE__*/jsx(Table, {
+            allowRowClick: false,
+            columnData: columnData(),
+            rowSelection: false,
+            rowData: [{
+              name: hostname,
+              value: dnsTarget,
+              status: status === "active" ? "success" : "pending"
+            }]
+          })
+        }), /*#__PURE__*/jsx(Checkbox, {
+          checked: addedRedirectionCname,
+          "data-testid": "cname-added-custom-domain-checkbox",
+          disabled: cnameAdded,
+          label: t("neetoMolecules.customDomain.cnameAdded"),
+          onChange: function onChange() {
+            return setAddedRedirectionCname(function (value) {
+              return !value;
+            });
+          }
+        })]
+      }), cnameAdded && /*#__PURE__*/jsx(Callout, {
+        style: "warning",
+        children: /*#__PURE__*/jsx(Typography, {
+          style: "body2",
+          children: /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoMolecules.customDomain.domainRedirectionInfo",
+            values: {
+              hostname: hostname
+            },
+            components: {
+              Link: /*#__PURE__*/jsx(Button, {
+                href: HELP_DOC_URL,
+                rel: "noreferrer",
+                style: "link",
+                target: "_blank"
+              })
+            }
+          })
+        })
+      })]
+    }), /*#__PURE__*/jsx(Pane.Footer, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [status !== "active" ? /*#__PURE__*/jsx(Button, {
+          disabled: isUpdating || !addedRedirectionCname,
+          label: t("neetoMolecules.common.actions.continue"),
+          loading: isUpdating,
+          onClick: handleUpdateCname
+        }) : /*#__PURE__*/jsx(Button, {
+          label: t("neetoMolecules.common.actions.done"),
+          onClick: onClose
+        }), /*#__PURE__*/jsx(Button, {
+          label: t("neetoMolecules.common.actions.cancel"),
+          style: "text",
+          onClick: onClose
+        })]
       })
-    }
-  })))), /*#__PURE__*/React__default.createElement(Pane.Footer, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center gap-2"
-  }, status !== "active" ? /*#__PURE__*/React__default.createElement(Button, {
-    disabled: isUpdating || !addedRedirectionCname,
-    label: t("neetoMolecules.common.actions.continue"),
-    loading: isUpdating,
-    onClick: handleUpdateCname
-  }) : /*#__PURE__*/React__default.createElement(Button, {
-    label: t("neetoMolecules.common.actions.done"),
-    onClick: onClose
-  }), /*#__PURE__*/React__default.createElement(Button, {
-    label: t("neetoMolecules.common.actions.cancel"),
-    style: "text",
-    onClick: onClose
-  }))));
+    })]
+  });
 };
 
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Validation = function Validation(_ref) {
   var customDomain = _ref.customDomain,
     onClose = _ref.onClose,
@@ -455,69 +491,85 @@ var Validation = function Validation(_ref) {
       }
     });
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Pane.Body, null, /*#__PURE__*/React__default.createElement(Common, {
-    currentStep: currentStep,
-    handleStepChange: handleStepChange,
-    hostname: hostname
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "mb-6 w-full space-y-6"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "space-y-1"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "h4"
-  }, t("neetoMolecules.customDomain.domainValidation")), /*#__PURE__*/React__default.createElement(Typography, {
-    style: "body2"
-  }, /*#__PURE__*/React__default.createElement(Trans, {
-    i18nKey: "neetoMolecules.customDomain.cnameRecordInfo",
-    components: {
-      Link: /*#__PURE__*/React__default.createElement(Button, {
-        href: HELP_DOC_URL,
-        rel: "noreferrer",
-        style: "link",
-        target: "_blank"
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs(Pane.Body, {
+      children: [/*#__PURE__*/jsx(Common, {
+        currentStep: currentStep,
+        handleStepChange: handleStepChange,
+        hostname: hostname
+      }), /*#__PURE__*/jsxs("div", {
+        className: "mb-6 w-full space-y-6",
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "space-y-1",
+          children: [/*#__PURE__*/jsx(Typography, {
+            style: "h4",
+            children: t("neetoMolecules.customDomain.domainValidation")
+          }), /*#__PURE__*/jsx(Typography, {
+            style: "body2",
+            children: /*#__PURE__*/jsx(Trans, {
+              i18nKey: "neetoMolecules.customDomain.cnameRecordInfo",
+              components: {
+                Link: /*#__PURE__*/jsx(Button, {
+                  href: HELP_DOC_URL,
+                  rel: "noreferrer",
+                  style: "link",
+                  target: "_blank"
+                })
+              },
+              values: {
+                proxyMessage: t("neetoMolecules.customDomain.proxyMessage")
+              }
+            })
+          })]
+        }), /*#__PURE__*/jsx(TableWrapper, {
+          className: "pb-0",
+          children: /*#__PURE__*/jsx(Table, {
+            allowRowClick: false,
+            columnData: columnData(),
+            rowSelection: false,
+            rowData: [_objectSpread$1(_objectSpread$1({}, cnameValidationParams), {}, {
+              status: isDomainValidated ? "success" : "pending"
+            })]
+          })
+        })]
+      }), showValidationWarning && /*#__PURE__*/jsx(Callout, {
+        style: "warning",
+        children: /*#__PURE__*/jsx(Typography, {
+          style: "body2",
+          children: /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoMolecules.customDomain.domainValidationInfo",
+            components: {
+              Link: /*#__PURE__*/jsx(Button, {
+                href: HELP_DOC_URL,
+                rel: "noreferrer",
+                style: "link",
+                target: "_blank"
+              })
+            }
+          })
+        })
+      })]
+    }), /*#__PURE__*/jsx(Pane.Footer, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [/*#__PURE__*/jsx(Button, {
+          disabled: isValidating,
+          loading: isValidating,
+          "data-cy": isDomainValidated ? "continue-button" : "validate-domain-button",
+          label: isDomainValidated ? t("neetoMolecules.common.actions.continue") : t("neetoMolecules.customDomain.validation.buttonLabel.domain"),
+          onClick: isDomainValidated ? incrementStep : handleValidateDomain
+        }), /*#__PURE__*/jsx(Button, {
+          label: t("neetoMolecules.common.actions.cancel"),
+          style: "text",
+          onClick: onClose
+        })]
       })
-    },
-    values: {
-      proxyMessage: t("neetoMolecules.customDomain.proxyMessage")
-    }
-  }))), /*#__PURE__*/React__default.createElement(TableWrapper, {
-    className: "pb-0"
-  }, /*#__PURE__*/React__default.createElement(Table, {
-    allowRowClick: false,
-    columnData: columnData(),
-    rowSelection: false,
-    rowData: [_objectSpread(_objectSpread({}, cnameValidationParams), {}, {
-      status: isDomainValidated ? "success" : "pending"
     })]
-  }))), showValidationWarning && /*#__PURE__*/React__default.createElement(Callout, {
-    style: "warning"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "body2"
-  }, /*#__PURE__*/React__default.createElement(Trans, {
-    i18nKey: "neetoMolecules.customDomain.domainValidationInfo",
-    components: {
-      Link: /*#__PURE__*/React__default.createElement(Button, {
-        href: HELP_DOC_URL,
-        rel: "noreferrer",
-        style: "link",
-        target: "_blank"
-      })
-    }
-  })))), /*#__PURE__*/React__default.createElement(Pane.Footer, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center gap-2"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    disabled: isValidating,
-    loading: isValidating,
-    "data-cy": isDomainValidated ? "continue-button" : "validate-domain-button",
-    label: isDomainValidated ? t("neetoMolecules.common.actions.continue") : t("neetoMolecules.customDomain.validation.buttonLabel.domain"),
-    onClick: isDomainValidated ? incrementStep : handleValidateDomain
-  }), /*#__PURE__*/React__default.createElement(Button, {
-    label: t("neetoMolecules.common.actions.cancel"),
-    style: "text",
-    onClick: onClose
-  }))));
+  });
 };
 
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Settings = function Settings(_ref) {
   var customDomain = _ref.customDomain,
     url = _ref.url,
@@ -550,9 +602,14 @@ var Settings = function Settings(_ref) {
     incrementStep: incrementStep,
     hasOne: hasOne
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Pane.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "h2"
-  }, t("neetoMolecules.customDomain.settings"))), isNotValidationStep ? /*#__PURE__*/React__default.createElement(Redirection, recordProps) : /*#__PURE__*/React__default.createElement(Validation, recordProps));
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Pane.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        style: "h2",
+        children: t("neetoMolecules.customDomain.settings")
+      })
+    }), isNotValidationStep ? /*#__PURE__*/jsx(Redirection, _objectSpread({}, recordProps)) : /*#__PURE__*/jsx(Validation, _objectSpread({}, recordProps))]
+  });
 };
 
 var Manage = function Manage(_ref) {
@@ -563,25 +620,26 @@ var Manage = function Manage(_ref) {
     url = _ref.url,
     hasOne = _ref.hasOne,
     onCreate = _ref.onCreate;
-  return /*#__PURE__*/React__default.createElement(Pane, {
+  return /*#__PURE__*/jsx(Pane, {
     isOpen: isOpen,
     onClose: onClose,
     className: "neeto-molecule-custom-domain-pane",
-    size: "large"
-  }, customDomain !== null && customDomain !== void 0 && customDomain.id ? /*#__PURE__*/React__default.createElement(Settings, {
-    customDomain: customDomain,
-    hasOne: hasOne,
-    onClose: onClose,
-    setCustomDomain: setCustomDomain,
-    url: url
-  }) : /*#__PURE__*/React__default.createElement(DomainField, {
-    customDomain: customDomain,
-    onClose: onClose,
-    onCreate: onCreate,
-    setCustomDomain: setCustomDomain,
-    url: url
-  }));
+    size: "large",
+    children: customDomain !== null && customDomain !== void 0 && customDomain.id ? /*#__PURE__*/jsx(Settings, {
+      customDomain: customDomain,
+      hasOne: hasOne,
+      onClose: onClose,
+      setCustomDomain: setCustomDomain,
+      url: url
+    }) : /*#__PURE__*/jsx(DomainField, {
+      customDomain: customDomain,
+      onClose: onClose,
+      onCreate: onCreate,
+      setCustomDomain: setCustomDomain,
+      url: url
+    })
+  });
 };
 
 export { DeleteAlert as D, Manage as M, useDeleteCustomDomain as a, useFetchCustomDomains as u };
-//# sourceMappingURL=index-0063079e.js.map
+//# sourceMappingURL=index-e123ffe8.js.map