@bigbinary/neeto-molecules 3.3.11 → 3.3.12

package/dist/cjs/{index-4ee3f585.js → index-c925b4b1.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var React = require('react');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Alert = require('@bigbinary/neetoui/Alert');
 var reactI18next = require('react-i18next');
+var jsxRuntime = require('react/jsx-runtime');
 var Pane = require('@bigbinary/neetoui/Pane');
 var injectCss = require('./inject-css-80a5faa3.js');
 var neetoCist = require('@bigbinary/neeto-cist');
@@ -18,6 +18,7 @@ var reactQuery = require('@tanstack/react-query');
 var useMutationWithInvalidation = require('@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation');
 var axios = require('axios');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
 var Table = require('@bigbinary/neetoui/Table');
 var Button = require('@bigbinary/neetoui/Button');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
@@ -48,7 +49,6 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
 var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
@@ -75,7 +75,7 @@ var DeleteAlert = reactUtils.withT(function (_ref) {
     isOpen = _ref.isOpen,
     isSubmitting = _ref.isSubmitting,
     hostname = _ref.hostname;
-  return /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
     isOpen: isOpen,
     isSubmitting: isSubmitting,
     onClose: onClose,
@@ -83,7 +83,7 @@ var DeleteAlert = reactUtils.withT(function (_ref) {
     cancelButtonLabel: t("neetoMolecules.common.actions.cancel"),
     submitButtonLabel: t("neetoMolecules.common.actions.delete"),
     title: t("neetoMolecules.customDomain.delete"),
-    message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
       i18nKey: "neetoMolecules.customDomain.alertMessage",
       values: {
         hostname: hostname
@@ -154,13 +154,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__default["default"](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__default["default"](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__default["default"](function (payload) {
     return customDomainApi.createCustomDomain(url, payload);
-  }, _objectSpread$1({
+  }, _objectSpread$2({
     keysToInvalidate: [[DOMAIN_QUERY_KEY]]
   }, options));
 };
@@ -168,13 +168,13 @@ var useDeleteCustomDomain = function useDeleteCustomDomain(url) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return useMutationWithInvalidation__default["default"](function (id) {
     return customDomainApi.deleteCustomDomain(url, id);
-  }, _objectSpread$1({
+  }, _objectSpread$2({
     keysToInvalidate: [[DOMAIN_QUERY_KEY]]
   }, options));
 };
 var useFetchCustomDomains = function useFetchCustomDomains(params) {
   return reactQuery.useQuery({
-    queryKey: [DOMAIN_QUERY_KEY, _objectSpread$1({}, params)],
+    queryKey: [DOMAIN_QUERY_KEY, _objectSpread$2({}, params)],
     queryFn: function queryFn() {
       return customDomainApi.fetchCustomDomains(params);
     }
@@ -184,7 +184,7 @@ var useValidateDomain = function useValidateDomain(url) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return useMutationWithInvalidation__default["default"](function (id) {
     return customDomainApi.validateDomain(url, id);
-  }, _objectSpread$1({
+  }, _objectSpread$2({
     keysToInvalidate: [[DOMAIN_QUERY_KEY]]
   }, options));
 };
@@ -192,7 +192,7 @@ var useUpdateCustomDomain = function useUpdateCustomDomain(url) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return useMutationWithInvalidation__default["default"](function (id) {
     return customDomainApi.updateCustomDomain(url, id);
-  }, _objectSpread$1({
+  }, _objectSpread$2({
     keysToInvalidate: [[DOMAIN_QUERY_KEY]]
   }, options));
 };
@@ -229,41 +229,52 @@ var DomainField = function DomainField(_ref) {
       }
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    style: "h2"
-  }, t("neetoMolecules.customDomain.addNew"))), /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
-    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["default"].createElement("div", {
-      className: "w-full"
-    }, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
-      required: true,
-      className: "w-full",
-      "data-cy": "custom-domain-input-field",
-      disabled: neetoCist.isNotEmpty(customDomain),
-      label: t("neetoMolecules.customDomain.label"),
-      name: "hostname",
-      placeholder: t("neetoMolecules.customDomain.placeholder")
-    })), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
-      cancelButtonProps: {
-        onClick: onClose
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "h2",
+        children: t("neetoMolecules.customDomain.addNew")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
+      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__*/jsxRuntime.jsxs("div", {
+          className: "w-full",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+            children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+              required: true,
+              className: "w-full",
+              "data-cy": "custom-domain-input-field",
+              disabled: neetoCist.isNotEmpty(customDomain),
+              label: t("neetoMolecules.customDomain.label"),
+              name: "hostname",
+              placeholder: t("neetoMolecules.customDomain.placeholder")
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+              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 = reactUtils.withT(function (_ref) {
@@ -271,21 +282,26 @@ var Common = reactUtils.withT(function (_ref) {
     currentStep = _ref.currentStep,
     handleStepChange = _ref.handleStepChange,
     hostname = _ref.hostname;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mb-6 w-full space-y-6"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "-ml-2"
-  }, /*#__PURE__*/React__default["default"].createElement(Stepper__default["default"], {
-    activeIndex: currentStep,
-    setActiveIndex: handleStepChange,
-    steps: STEPS
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-y-1"
-  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    style: "h4"
-  }, t("neetoMolecules.customDomain.yourDomain")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    style: "body1"
-  }, hostname)));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "mb-6 w-full space-y-6",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "-ml-2",
+      children: /*#__PURE__*/jsxRuntime.jsx(Stepper__default["default"], {
+        activeIndex: currentStep,
+        setActiveIndex: handleStepChange,
+        steps: STEPS
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "space-y-1",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "h4",
+        children: t("neetoMolecules.customDomain.yourDomain")
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "body1",
+        children: hostname
+      })]
+    })]
+  });
 });
 
 var columnData = function columnData() {
@@ -295,9 +311,10 @@ var columnData = function columnData() {
     dataIndex: "record",
     width: "90px",
     render: function render() {
-      return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-        style: "body2"
-      }, i18next.t("neetoMolecules.customDomain.cname"));
+      return /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "body2",
+        children: i18next.t("neetoMolecules.customDomain.cname")
+      });
     }
   }, {
     title: i18next.t("neetoMolecules.common.name"),
@@ -305,17 +322,19 @@ var columnData = function columnData() {
     width: "35%",
     key: "name",
     render: function render(name, _) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "flex items-center justify-between gap-1"
-      }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-        className: "min-w-0 truncate",
-        style: "body2"
-      }, name), /*#__PURE__*/React__default["default"].createElement(CopyToClipboardButton, {
-        className: "flex-shrink-0",
-        size: "small",
-        style: "secondary",
-        value: name
-      }));
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center justify-between gap-1",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          className: "min-w-0 truncate",
+          style: "body2",
+          children: name
+        }), /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
+          className: "flex-shrink-0",
+          size: "small",
+          style: "secondary",
+          value: name
+        })]
+      });
     }
   }, {
     title: i18next.t("neetoMolecules.common.value"),
@@ -323,17 +342,19 @@ var columnData = function columnData() {
     width: "35%",
     key: "value",
     render: function render(value, _) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "flex items-center justify-between gap-1"
-      }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-        className: "min-w-0 truncate",
-        style: "body2"
-      }, value), /*#__PURE__*/React__default["default"].createElement(CopyToClipboardButton, {
-        value: value,
-        className: "flex-shrink-0",
-        size: "small",
-        style: "secondary"
-      }));
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center justify-between gap-1",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          className: "min-w-0 truncate",
+          style: "body2",
+          children: value
+        }), /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
+          value: value,
+          className: "flex-shrink-0",
+          size: "small",
+          style: "secondary"
+        })]
+      });
     }
   }, {
     title: i18next.t("neetoMolecules.common.status"),
@@ -341,7 +362,7 @@ var columnData = function columnData() {
     key: "status",
     width: "130px",
     render: function render(status) {
-      return /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
+      return /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
         label: i18next.t("neetoMolecules.common.".concat(status)),
         style: status === "success" ? "success" : "warning"
       });
@@ -382,85 +403,99 @@ var Redirection = function Redirection(_ref) {
       }
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement(Common, {
-    currentStep: currentStep,
-    handleStepChange: handleStepChange,
-    hostname: hostname
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mb-6 w-full space-y-6"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-y-1"
-  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    style: "h4"
-  }, t("neetoMolecules.customDomain.domainRedirection")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    style: "body2"
-  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoMolecules.customDomain.cnameRecordInfo",
-    components: {
-      Link: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-        href: HELP_DOC_URL,
-        rel: "noreferrer",
-        style: "link",
-        target: "_blank"
-      })
-    }
-  }))), /*#__PURE__*/React__default["default"].createElement(TableWrapper, {
-    className: "pb-0"
-  }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
-    allowRowClick: false,
-    columnData: columnData(),
-    rowSelection: false,
-    rowData: [{
-      name: hostname,
-      value: dnsTarget,
-      status: status === "active" ? "success" : "pending"
-    }]
-  })), /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
-    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["default"].createElement(Callout__default["default"], {
-    style: "warning"
-  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    style: "body2"
-  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoMolecules.customDomain.domainRedirectionInfo",
-    values: {
-      hostname: hostname
-    },
-    components: {
-      Link: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-        href: HELP_DOC_URL,
-        rel: "noreferrer",
-        style: "link",
-        target: "_blank"
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Body, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Common, {
+        currentStep: currentStep,
+        handleStepChange: handleStepChange,
+        hostname: hostname
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "mb-6 w-full space-y-6",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "space-y-1",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            style: "h4",
+            children: t("neetoMolecules.customDomain.domainRedirection")
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            style: "body2",
+            children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+              i18nKey: "neetoMolecules.customDomain.cnameRecordInfo",
+              components: {
+                Link: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                  href: HELP_DOC_URL,
+                  rel: "noreferrer",
+                  style: "link",
+                  target: "_blank"
+                })
+              }
+            })
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
+          className: "pb-0",
+          children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
+            allowRowClick: false,
+            columnData: columnData(),
+            rowSelection: false,
+            rowData: [{
+              name: hostname,
+              value: dnsTarget,
+              status: status === "active" ? "success" : "pending"
+            }]
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], {
+          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__*/jsxRuntime.jsx(Callout__default["default"], {
+        style: "warning",
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          style: "body2",
+          children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+            i18nKey: "neetoMolecules.customDomain.domainRedirectionInfo",
+            values: {
+              hostname: hostname
+            },
+            components: {
+              Link: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                href: HELP_DOC_URL,
+                rel: "noreferrer",
+                style: "link",
+                target: "_blank"
+              })
+            }
+          })
+        })
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [status !== "active" ? /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          disabled: isUpdating || !addedRedirectionCname,
+          label: t("neetoMolecules.common.actions.continue"),
+          loading: isUpdating,
+          onClick: handleUpdateCname
+        }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          label: t("neetoMolecules.common.actions.done"),
+          onClick: onClose
+        }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          label: t("neetoMolecules.common.actions.cancel"),
+          style: "text",
+          onClick: onClose
+        })]
       })
-    }
-  })))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center gap-2"
-  }, status !== "active" ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    disabled: isUpdating || !addedRedirectionCname,
-    label: t("neetoMolecules.common.actions.continue"),
-    loading: isUpdating,
-    onClick: handleUpdateCname
-  }) : /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    label: t("neetoMolecules.common.actions.done"),
-    onClick: onClose
-  }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    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__default["default"](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__default["default"](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,
@@ -497,69 +532,85 @@ var Validation = function Validation(_ref) {
       }
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, /*#__PURE__*/React__default["default"].createElement(Common, {
-    currentStep: currentStep,
-    handleStepChange: handleStepChange,
-    hostname: hostname
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mb-6 w-full space-y-6"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-y-1"
-  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    style: "h4"
-  }, t("neetoMolecules.customDomain.domainValidation")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    style: "body2"
-  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoMolecules.customDomain.cnameRecordInfo",
-    components: {
-      Link: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-        href: HELP_DOC_URL,
-        rel: "noreferrer",
-        style: "link",
-        target: "_blank"
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Body, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Common, {
+        currentStep: currentStep,
+        handleStepChange: handleStepChange,
+        hostname: hostname
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "mb-6 w-full space-y-6",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "space-y-1",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            style: "h4",
+            children: t("neetoMolecules.customDomain.domainValidation")
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            style: "body2",
+            children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+              i18nKey: "neetoMolecules.customDomain.cnameRecordInfo",
+              components: {
+                Link: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                  href: HELP_DOC_URL,
+                  rel: "noreferrer",
+                  style: "link",
+                  target: "_blank"
+                })
+              },
+              values: {
+                proxyMessage: t("neetoMolecules.customDomain.proxyMessage")
+              }
+            })
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
+          className: "pb-0",
+          children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
+            allowRowClick: false,
+            columnData: columnData(),
+            rowSelection: false,
+            rowData: [_objectSpread$1(_objectSpread$1({}, cnameValidationParams), {}, {
+              status: isDomainValidated ? "success" : "pending"
+            })]
+          })
+        })]
+      }), showValidationWarning && /*#__PURE__*/jsxRuntime.jsx(Callout__default["default"], {
+        style: "warning",
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          style: "body2",
+          children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+            i18nKey: "neetoMolecules.customDomain.domainValidationInfo",
+            components: {
+              Link: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                href: HELP_DOC_URL,
+                rel: "noreferrer",
+                style: "link",
+                target: "_blank"
+              })
+            }
+          })
+        })
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          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__*/jsxRuntime.jsx(Button__default["default"], {
+          label: t("neetoMolecules.common.actions.cancel"),
+          style: "text",
+          onClick: onClose
+        })]
       })
-    },
-    values: {
-      proxyMessage: t("neetoMolecules.customDomain.proxyMessage")
-    }
-  }))), /*#__PURE__*/React__default["default"].createElement(TableWrapper, {
-    className: "pb-0"
-  }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
-    allowRowClick: false,
-    columnData: columnData(),
-    rowSelection: false,
-    rowData: [_objectSpread(_objectSpread({}, cnameValidationParams), {}, {
-      status: isDomainValidated ? "success" : "pending"
     })]
-  }))), showValidationWarning && /*#__PURE__*/React__default["default"].createElement(Callout__default["default"], {
-    style: "warning"
-  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    style: "body2"
-  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoMolecules.customDomain.domainValidationInfo",
-    components: {
-      Link: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-        href: HELP_DOC_URL,
-        rel: "noreferrer",
-        style: "link",
-        target: "_blank"
-      })
-    }
-  })))), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Footer, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center gap-2"
-  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    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["default"].createElement(Button__default["default"], {
-    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__default["default"](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,
@@ -592,9 +643,14 @@ var Settings = function Settings(_ref) {
     incrementStep: incrementStep,
     hasOne: hasOne
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-    style: "h2"
-  }, t("neetoMolecules.customDomain.settings"))), isNotValidationStep ? /*#__PURE__*/React__default["default"].createElement(Redirection, recordProps) : /*#__PURE__*/React__default["default"].createElement(Validation, recordProps));
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "h2",
+        children: t("neetoMolecules.customDomain.settings")
+      })
+    }), isNotValidationStep ? /*#__PURE__*/jsxRuntime.jsx(Redirection, _objectSpread({}, recordProps)) : /*#__PURE__*/jsxRuntime.jsx(Validation, _objectSpread({}, recordProps))]
+  });
 };
 
 var Manage = function Manage(_ref) {
@@ -605,28 +661,29 @@ var Manage = function Manage(_ref) {
     url = _ref.url,
     hasOne = _ref.hasOne,
     onCreate = _ref.onCreate;
-  return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"], {
     isOpen: isOpen,
     onClose: onClose,
     className: "neeto-molecule-custom-domain-pane",
-    size: "large"
-  }, customDomain !== null && customDomain !== void 0 && customDomain.id ? /*#__PURE__*/React__default["default"].createElement(Settings, {
-    customDomain: customDomain,
-    hasOne: hasOne,
-    onClose: onClose,
-    setCustomDomain: setCustomDomain,
-    url: url
-  }) : /*#__PURE__*/React__default["default"].createElement(DomainField, {
-    customDomain: customDomain,
-    onClose: onClose,
-    onCreate: onCreate,
-    setCustomDomain: setCustomDomain,
-    url: url
-  }));
+    size: "large",
+    children: customDomain !== null && customDomain !== void 0 && customDomain.id ? /*#__PURE__*/jsxRuntime.jsx(Settings, {
+      customDomain: customDomain,
+      hasOne: hasOne,
+      onClose: onClose,
+      setCustomDomain: setCustomDomain,
+      url: url
+    }) : /*#__PURE__*/jsxRuntime.jsx(DomainField, {
+      customDomain: customDomain,
+      onClose: onClose,
+      onCreate: onCreate,
+      setCustomDomain: setCustomDomain,
+      url: url
+    })
+  });
 };
 
 exports.DeleteAlert = DeleteAlert;
 exports.Manage = Manage;
 exports.useDeleteCustomDomain = useDeleteCustomDomain;
 exports.useFetchCustomDomains = useFetchCustomDomains;
-//# sourceMappingURL=index-4ee3f585.js.map
+//# sourceMappingURL=index-c925b4b1.js.map