@bigbinary/neeto-custom-domains-frontend 2.0.2 → 2.1.0-beta1

package/dist/cjs/index.js

@@ -1,591 +1,43 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var react = require('react');
-var neetoCist = require('@bigbinary/neeto-cist');
-var Container = require('@bigbinary/neeto-molecules/Container');
-var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
-var CustomDomainDashboard = require('../index-6d441e24.js');
-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 constants = require('@bigbinary/neeto-commons-frontend/constants');
-var general = require('@bigbinary/neeto-commons-frontend/utils/general');
-var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
-var Button = require('@bigbinary/neetoui/Button');
-var Typography = require('@bigbinary/neetoui/Typography');
-var Tag = require('@bigbinary/neetoui/Tag');
-var Pane = require('@bigbinary/neetoui/Pane');
-var Stepper = require('@bigbinary/neetoui/Stepper');
-var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
-var Input = require('@bigbinary/neetoui/formik/Input');
-var FormikForm = require('@bigbinary/neetoui/formik/Form');
-var i18next = require('i18next');
-var Yup = require('yup');
-var Table = require('@bigbinary/neetoui/Table');
-var Toastr = require('@bigbinary/neetoui/Toastr');
-var Callout = require('@bigbinary/neetoui/Callout');
-var psl = require('psl');
-var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
-var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
-var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
+var CustomDomain = require('./CustomDomain.js');
 var WelcomeScreen = require('./WelcomeScreen.js');
-require('@bigbinary/neeto-commons-frontend/react-utils/useDebounce');
-require('@bigbinary/neeto-molecules/SubHeader');
-require('@bigbinary/neeto-molecules/TableWrapper');
-require('@bigbinary/neetoui/NoData');
+require('@babel/runtime/helpers/slicedToArray');
+require('react');
+require('@bigbinary/neeto-cist');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('@bigbinary/neeto-molecules/Container');
+require('@bigbinary/neeto-molecules/PageLoader');
 require('@babel/runtime/helpers/defineProperty');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation');
 require('axios');
-require('@bigbinary/neeto-commons-frontend/react-utils/withT');
-require('@bigbinary/neetoui/Checkbox');
-require('@bigbinary/neeto-commons-frontend/initializers');
-require('classnames');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
-var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
-var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
-var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
-var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
-var Stepper__default = /*#__PURE__*/_interopDefaultLegacy(Stepper);
-var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
-var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
-var FormikForm__default = /*#__PURE__*/_interopDefaultLegacy(FormikForm);
-var Yup__namespace = /*#__PURE__*/_interopNamespace(Yup);
-var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
-var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
-var Callout__default = /*#__PURE__*/_interopDefaultLegacy(Callout);
-var psl__default = /*#__PURE__*/_interopDefaultLegacy(psl);
-var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
-var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
-var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
-
-var DeleteAlert = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    onClose = _ref.onClose,
-    onSubmit = _ref.onSubmit,
-    isOpen = _ref.isOpen,
-    isSubmitting = _ref.isSubmitting,
-    hostname = _ref.hostname;
-  return /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
-    isOpen: isOpen,
-    isSubmitting: isSubmitting,
-    onClose: onClose,
-    onSubmit: onSubmit,
-    cancelButtonLabel: t("neetoCustomDomains.actions.cancel"),
-    submitButtonLabel: t("neetoCustomDomains.actions.delete"),
-    title: t("neetoCustomDomains.delete"),
-    message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
-      i18nKey: "neetoCustomDomains.alertMessage",
-      values: {
-        hostname: hostname
-      }
-    })
-  });
-});
-
-var STATUS_TAG_STYLES = {
-  active: "success",
-  pending: "warning"
-};
-
-var Domain = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    isCustomDomainAdded = _ref.isCustomDomainAdded,
-    openPane = _ref.openPane,
-    customDomain = _ref.customDomain,
-    openDeleteAlert = _ref.openDeleteAlert,
-    helpDocUrl = _ref.helpDocUrl;
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "neeto-ui-border-gray-300 neeto-ui-rounded w-1/2 space-y-2 space-y-4 border p-6",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-      style: "h2",
-      children: t("neetoCustomDomains.connectionTitle")
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "space-y-1",
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "neeto-ui-border-gray-200 neeto-ui-rounded neeto-ui-bg-gray-50 flex items-center justify-between border border p-2",
-        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "flex items-center space-x-2",
-          children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-            style: "body2",
-            children: isCustomDomainAdded ? customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname : t("neetoCustomDomains.noDomainConnected")
-          }), isCustomDomainAdded && /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
-            "data-cy": "".concat(general.hyphenize(customDomain === null || customDomain === void 0 ? void 0 : customDomain.status), "-tag-container"),
-            style: STATUS_TAG_STYLES[customDomain === null || customDomain === void 0 ? void 0 : customDomain.status],
-            label: t("neetoCustomDomains.status.domain.".concat(customDomain === null || customDomain === void 0 ? void 0 : customDomain.status))
-          })]
-        }), isCustomDomainAdded && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
-          dropdownButtonProps: {
-            "data-testid": "nui-dropdown-icon-".concat(customDomain === null || customDomain === void 0 ? void 0 : customDomain.id)
-          },
-          dropdownProps: {
-            position: "bottom-end",
-            strategy: "fixed",
-            autoWidth: true
-          },
-          menuItems: [{
-            label: t("neetoCustomDomains.actions.edit"),
-            onClick: openPane,
-            key: "edit-custom-domain-button"
-          }, {
-            label: t("neetoCustomDomains.actions.delete"),
-            onClick: openDeleteAlert,
-            key: "delete-custom-domain"
-          }]
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-        style: "body3",
-        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
-          i18nKey: "neetoCustomDomains.readHelpArticle",
-          components: {
-            Link: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-              href: helpDocUrl,
-              rel: "noreferrer",
-              style: "link",
-              target: "_blank"
-            })
-          }
-        })
-      })]
-    }), !isCustomDomainAdded && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-      label: t("neetoCustomDomains.actions.add", {
-        what: t("neetoCustomDomains.customDomain", constants.SINGULAR)
-      }),
-      onClick: openPane
-    })]
-  });
-});
-
-var HOSTNAME_REGEX = /^(https?:\/\/)?([a-zA-Z0-9][a-zA-Z0-9-]*\.)+[a-zA-Z]{2,}(\/\S*)?$/;
-var INITIAL_VALUES = {
-  hostname: ""
-};
-var CURRENT_STEP = {
-  notAdded: 0,
-  pending: 1,
-  active: 2
-};
-var STEPS = [{
-  id: 1,
-  label: "Add domain"
-}, {
-  id: 2,
-  label: "Validate domain"
-}];
+require('@bigbinary/neetoui/Alert');
+require('react-i18next');
+require('react/jsx-runtime');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@bigbinary/neeto-commons-frontend/utils/general');
+require('@bigbinary/neeto-molecules/MoreDropdown');
+require('@bigbinary/neetoui/Button');
+require('@bigbinary/neetoui/Typography');
+require('@bigbinary/neetoui/Tag');
+require('@bigbinary/neetoui/Pane');
+require('@bigbinary/neetoui/Stepper');
+require('@bigbinary/neetoui/Callout');
+require('@bigbinary/neetoui/formik/ActionBlock');
+require('@bigbinary/neetoui/formik/Input');
+require('@bigbinary/neetoui/formik/Form');
+require('i18next');
+require('yup');
+require('@bigbinary/neetoui/Table');
+require('@bigbinary/neetoui/Toastr');
+require('@bigbinary/neeto-molecules/CopyToClipboardButton');
+require('psl');
+require('@bigbinary/neeto-molecules/Header');
+require('@bigbinary/neeto-molecules/HelpPopover');
 
-var getCustomDomainValidationSchema = function getCustomDomainValidationSchema() {
-  return Yup__namespace.object().shape({
-    hostname: Yup__namespace.string().required(i18next.t("neetoCustomDomains.formikValidation.required")).matches(HOSTNAME_REGEX, i18next.t("neetoCustomDomains.formikValidation.valid"))
-  });
-};
 
-var DomainField = function DomainField(_ref) {
-  var customDomain = _ref.customDomain,
-    onCreate = _ref.onCreate,
-    url = _ref.url,
-    onClose = _ref.onClose;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useCreateCustomDomai = CustomDomainDashboard.useCreateCustomDomain(url),
-    createCustomDomain = _useCreateCustomDomai.mutate,
-    isCreating = _useCreateCustomDomai.isPending;
-  var getHostname = function getHostname(url) {
-    try {
-      var parsedUrl = new URL(url);
-      return parsedUrl.hostname;
-    } catch (_unused) {
-      return url;
-    }
-  };
-  var handleSubmit = function handleSubmit(_ref2) {
-    var hostname = _ref2.hostname;
-    var parsedHostname = getHostname(hostname);
-    var payload = {
-      hostname: parsedHostname
-    };
-    createCustomDomain(payload, {
-      onSuccess: function onSuccess(values) {
-        onCreate === null || onCreate === void 0 ? void 0 : onCreate(values);
-      }
-    });
-  };
-  return /*#__PURE__*/jsxRuntime.jsx(FormikForm__default["default"], {
-    className: "flex-col space-y-6",
-    formikProps: {
-      enableReinitialize: true,
-      initialValues: customDomain || INITIAL_VALUES,
-      validationSchema: getCustomDomainValidationSchema(),
-      onSubmit: handleSubmit
-    },
-    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("neetoCustomDomains.label"),
-            name: "hostname",
-            placeholder: t("neetoCustomDomains.placeholder")
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
-          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
-            cancelButtonProps: {
-              onClick: onClose
-            },
-            isSubmitting: isCreating,
-            submitButtonProps: {
-              label: t("neetoCustomDomains.actions.continue"),
-              "data-cy": "submit-custom-domain-button",
-              "data-testid": "submit-custom-domain-button",
-              disabled: !dirty || isCreating
-            }
-          })
-        })]
-      });
-    }
-  });
-};
 
-var columnData = function columnData() {
-  return [{
-    title: i18next.t("neetoCustomDomains.common.record"),
-    key: "record",
-    dataIndex: "record",
-    width: "18%",
-    render: function render() {
-      return /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-        style: "body2",
-        children: i18next.t("neetoCustomDomains.cname")
-      });
-    }
-  }, {
-    title: i18next.t("neetoCustomDomains.common.name"),
-    dataIndex: "name",
-    width: "35%",
-    key: "name",
-    render: function render(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__default["default"], {
-          className: "flex-shrink-0",
-          size: "small",
-          style: "secondary",
-          value: name
-        })]
-      });
-    }
-  }, {
-    title: i18next.t("neetoCustomDomains.common.value"),
-    dataIndex: "value",
-    width: "35%",
-    key: "value",
-    render: function render(value, _) {
-      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: neetoCist.truncate(value, 20)
-        }), /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton__default["default"], {
-          value: value,
-          className: "flex-shrink-0",
-          size: "small",
-          style: "secondary"
-        })]
-      });
-    }
-  }];
-};
-
-var Validation = function Validation(_ref) {
-  var customDomain = _ref.customDomain,
-    onClose = _ref.onClose,
-    url = _ref.url,
-    helpDocUrl = _ref.helpDocUrl;
-  var hostname = customDomain.hostname,
-    dnsTarget = customDomain.dnsTarget,
-    status = customDomain.status;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var isDomainValidated = status === "active";
-  var _useState = react.useState(""),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    errorKey = _useState2[0],
-    setErrorKey = _useState2[1];
-  var _useValidateDomain = CustomDomainDashboard.useValidateDomain(url, {
-      onError: function onError(_ref2) {
-        var response = _ref2.response;
-        setErrorKey(response.data.error);
-      },
-      onSuccess: function onSuccess() {
-        Toastr__default["default"].success(t("neetoCustomDomains.validation.successMessage"));
-        onClose();
-      }
-    }),
-    validateDomain = _useValidateDomain.mutate,
-    isValidating = _useValidateDomain.isPending;
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    children: [/*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Body, {
-      className: "space-y-4",
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "space-y-2",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-          style: "h4",
-          weight: "medium",
-          children: t("neetoCustomDomains.cnameRecordTitle")
-        }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-          style: "body2",
-          children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
-            i18nKey: "neetoCustomDomains.cnameRecordInfo",
-            components: {
-              Link: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-                href: helpDocUrl,
-                rel: "noreferrer",
-                style: "link",
-                target: "_blank"
-              })
-            },
-            values: {
-              proxyMessage: t("neetoCustomDomains.proxyMessage")
-            }
-          })
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
-        allowRowClick: false,
-        columnData: columnData(),
-        rowSelection: false,
-        rowData: [{
-          name: psl__default["default"].parse(hostname).subdomain || hostname,
-          value: dnsTarget
-        }]
-      }), neetoCist.isNotEmpty(errorKey) && /*#__PURE__*/jsxRuntime.jsx(Callout__default["default"], {
-        style: STATUS_TAG_STYLES[status],
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-          style: "body2",
-          children: t(errorKey)
-        })
-      })]
-    }), /*#__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"], {
-          "data-cy": "validate-domain-button",
-          disabled: isValidating || isDomainValidated,
-          label: t("neetoCustomDomains.validation.buttonLabel.domain"),
-          loading: isValidating,
-          onClick: validateDomain
-        }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-          label: t("neetoCustomDomains.actions.cancel"),
-          style: "text",
-          onClick: onClose
-        })]
-      })
-    })]
-  });
-};
-
-var DomainPane = function DomainPane(_ref) {
-  var customDomain = _ref.customDomain,
-    isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    onCreate = _ref.onCreate,
-    url = _ref.url,
-    isCustomDomainAdded = _ref.isCustomDomainAdded,
-    helpDocUrl = _ref.helpDocUrl;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _customDomain$status = customDomain.status,
-    status = _customDomain$status === void 0 ? "notAdded" : _customDomain$status;
-  return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
-    isOpen: isOpen,
-    onClose: onClose,
-    size: "large",
-    children: [/*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Header, {
-      className: "space-y-2",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-        style: "h2",
-        children: t("neetoCustomDomains.addNew")
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "-ml-2",
-        children: /*#__PURE__*/jsxRuntime.jsx(Stepper__default["default"], {
-          activeIndex: CURRENT_STEP[status],
-          setActiveIndex: neetoCist.noop,
-          steps: STEPS
-        })
-      })]
-    }), isCustomDomainAdded ? /*#__PURE__*/jsxRuntime.jsx(Validation, {
-      customDomain: customDomain,
-      helpDocUrl: helpDocUrl,
-      onClose: onClose,
-      url: url
-    }) : /*#__PURE__*/jsxRuntime.jsx(DomainField, {
-      customDomain: customDomain,
-      onClose: onClose,
-      onCreate: onCreate,
-      url: url
-    })]
-  });
-};
-
-var Header = function Header(_ref) {
-  var openPane = _ref.openPane,
-    breadcrumbs = _ref.breadcrumbs,
-    isCustomDomainAdded = _ref.isCustomDomainAdded,
-    helpDocUrl = _ref.helpDocUrl,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "large" : _ref$size;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var title = /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "flex items-center gap-x-2",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-      style: "h2",
-      children: t("neetoCustomDomains.customDomain", constants.SINGULAR)
-    }), /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], {
-      description: t("neetoCustomDomains.toolTips.customDomain"),
-      helpLinkProps: {
-        href: helpDocUrl
-      },
-      popoverProps: {
-        position: "top"
-      },
-      title: t("neetoCustomDomains.customDomain", constants.SINGULAR)
-    })]
-  });
-  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], {
-    breadcrumbs: breadcrumbs,
-    size: size,
-    title: title,
-    "data-testid": "custom-domain-header",
-    actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-      "data-cy": "add-new-custom-domain-button",
-      disabled: isCustomDomainAdded,
-      label: t("neetoCustomDomains.actions.add", {
-        what: t("neetoCustomDomains.customDomain", constants.SINGULAR)
-      }),
-      onClick: openPane
-    })
-  });
-};
-var Header$1 = /*#__PURE__*/react.memo(Header);
-
-var CustomDomain = function CustomDomain(_ref) {
-  var breadcrumbs = _ref.breadcrumbs,
-    url = _ref.url,
-    onCreate = _ref.onCreate,
-    helpDocUrl = _ref.helpDocUrl,
-    headerSize = _ref.headerSize;
-  var _useState = react.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    isPaneOpen = _useState2[0],
-    setIsPaneOpen = _useState2[1];
-  var _useState3 = react.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    isAlertOpen = _useState4[0],
-    setIsAlertOpen = _useState4[1];
-  var _useFetchCustomDomain = CustomDomainDashboard.useFetchCustomDomain(url),
-    _useFetchCustomDomain2 = _useFetchCustomDomain.data,
-    customDomain = _useFetchCustomDomain2 === void 0 ? {} : _useFetchCustomDomain2,
-    isLoading = _useFetchCustomDomain.isLoading;
-  var _useDeleteCustomDomai = CustomDomainDashboard.useDeleteCustomDomain(url, {
-      onSettled: function onSettled() {
-        setIsAlertOpen(false);
-      }
-    }),
-    deleteCustomDomain = _useDeleteCustomDomai.mutate,
-    isDeleting = _useDeleteCustomDomai.isPending;
-  var openPane = function openPane() {
-    return setIsPaneOpen(true);
-  };
-  var closePane = function closePane() {
-    return setIsPaneOpen(false);
-  };
-  var openDeleteAlert = function openDeleteAlert() {
-    return setIsAlertOpen(true);
-  };
-  var isCustomDomainAdded = neetoCist.isNotEmpty(customDomain);
-  if (isLoading) {
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "h-screen w-full",
-      children: /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {})
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    children: [/*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
-      children: [/*#__PURE__*/jsxRuntime.jsx(Header$1, {
-        breadcrumbs: breadcrumbs,
-        helpDocUrl: helpDocUrl,
-        isCustomDomainAdded: isCustomDomainAdded,
-        openPane: openPane,
-        size: headerSize
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "mt-10 flex w-full justify-center",
-        children: /*#__PURE__*/jsxRuntime.jsx(Domain, {
-          customDomain: customDomain,
-          helpDocUrl: helpDocUrl,
-          isCustomDomainAdded: isCustomDomainAdded,
-          openDeleteAlert: openDeleteAlert,
-          openPane: openPane
-        })
-      })]
-    }), /*#__PURE__*/jsxRuntime.jsx(DomainPane, {
-      customDomain: customDomain,
-      helpDocUrl: helpDocUrl,
-      isCustomDomainAdded: isCustomDomainAdded,
-      onCreate: onCreate,
-      url: url,
-      isOpen: isPaneOpen,
-      onClose: closePane
-    }), /*#__PURE__*/jsxRuntime.jsx(DeleteAlert, {
-      hostname: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
-      isOpen: isAlertOpen,
-      isSubmitting: isDeleting,
-      onClose: function onClose() {
-        return setIsAlertOpen(false);
-      },
-      onSubmit: deleteCustomDomain
-    })]
-  });
-};
-
-exports.CustomDomainDashboard = CustomDomainDashboard.CustomDomainDashboard;
-exports.WelcomeScreen = WelcomeScreen;
 exports.CustomDomain = CustomDomain;
+exports.WelcomeScreen = WelcomeScreen;
 //# sourceMappingURL=index.js.map