@bigbinary/neeto-molecules 1.1.15 → 1.1.17

package/dist/CopyToClipboardButton/copyToClipboard.scss

@@ -1,22 +0,0 @@
-
-.neeto-molecules-copy-button {
-    display: flex;
-    justify-content: space-between;
-    .neeto-ui-btn {
-        &:hover, &:focus, &:active {
-            box-shadow: none;
-        }
-    }
-}
-
-.neeto-molecules-copy-button--active {
-    background: rgba(var(--neeto-ui-success-500));
-    color: white;
-    &.neeto-ui-btn {
-        &:hover, &:focus, &:active {
-            background: rgba(var(--neeto-ui-success-600));
-            color: white;
-            box-shadow: none;
-        }
-    }
-}

package/dist/CopyToClipboardButton/index.js

@@ -1,59 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "icon", "label", "value", "style"];
-import React, { useState, useEffect, useRef } from "react";
-import classnames from "classnames";
-import { copyToClipboard } from "@bigbinary/neeto-commons-frontend/utils";
-import { Copy, Check } from "@bigbinary/neeto-icons";
-import { Button } from "@bigbinary/neetoui";
-import { TOOLTIP_CONFIG, TIME_OUT, BUTTON_STYLES } from "./constants";
-import "./copyToClipboard.scss";
-var CopyToClipboardButton = function CopyToClipboardButton(_ref) {
-  var _classnames;
-  var className = _ref.className,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? Copy : _ref$icon,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "" : _ref$label,
-    value = _ref.value,
-    style = _ref.style,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isChecked = _useState2[0],
-    setIsChecked = _useState2[1];
-  var ref = useRef();
-  var onHandleClick = function onHandleClick(event) {
-    event.preventDefault();
-    copyToClipboard(value, {
-      showToastr: false
-    });
-    setIsChecked(true);
-    setTimeout(function () {
-      setIsChecked(false);
-    }, TIME_OUT); // Reset copied state after 2 seconds
-  };
-
-  useEffect(function () {
-    if (ref.current) {
-      var buttonWidth = ref.current.clientWidth;
-      ref.current.style.minWidth = "".concat(buttonWidth, "px");
-    }
-  }, []);
-  var tooltipProps = label ? null : TOOLTIP_CONFIG;
-  var buttonLabel = isChecked && label ? "Copied" : label;
-  var buttonIcon = isChecked ? Check : icon;
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    ref: ref,
-    style: style,
-    tooltipProps: tooltipProps,
-    "data-testid": "copy-button",
-    icon: buttonIcon,
-    label: buttonLabel,
-    className: classnames("neeto-molecules-copy-button", (_classnames = {}, _defineProperty(_classnames, className, className), _defineProperty(_classnames, "neeto-molecules-copy-button--active", isChecked), _classnames)),
-    onClick: onHandleClick
-  }, otherProps));
-};
-export default CopyToClipboardButton;

package/dist/CustomDomain/index.js

@@ -1,98 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from "react";
-import { SINGULAR } from "@bigbinary/neeto-commons-frontend/constants";
-import { isNotEmpty, noop } from "@bigbinary/neeto-commons-frontend/pure";
-import { CustomDomain as NeetoUICustomDomainIcon } from "@bigbinary/neeto-icons";
-import { Button, Tag, Spinner } from "@bigbinary/neetoui";
-import { useTranslation } from "react-i18next";
-import DeleteAlert from "../CustomDomainDashboard/DeleteAlert";
-import ManageDomain from "../CustomDomainDashboard/Manage";
-import { useFetchCustomDomains, useDeleteCustomDomain } from "../CustomDomainDashboard/useCustomDomainApi";
-import MoreDropdown from "../MoreDropdown";
-var CustomDomain = function CustomDomain(_ref) {
-  var url = _ref.url,
-    iconOnly = _ref.iconOnly;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isPaneOpen = _useState2[0],
-    setIsPaneOpen = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isAlertOpen = _useState4[0],
-    setIsAlertOpen = _useState4[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useFetchCustomDomain = useFetchCustomDomains({
-      url: url
-    }),
-    customDomain = _useFetchCustomDomain.data,
-    isLoading = _useFetchCustomDomain.isLoading;
-  var _useDeleteCustomDomai = useDeleteCustomDomain(url, {
-      onSettled: function onSettled() {
-        return setIsAlertOpen(false);
-      }
-    }),
-    deleteCustomDomain = _useDeleteCustomDomai.mutate,
-    isDeleting = _useDeleteCustomDomai.isLoading;
-  var actions = [{
-    key: "edit",
-    label: t("neetoMolecules.common.actions.edit"),
-    onClick: function onClick() {
-      return setIsPaneOpen(true);
-    }
-  }, {
-    key: "delete",
-    label: t("neetoMolecules.common.actions.delete"),
-    onClick: function onClick() {
-      return setIsAlertOpen(true);
-    }
-  }];
-  if (isLoading) return /*#__PURE__*/React.createElement(Spinner, null);
-  return /*#__PURE__*/React.createElement("div", null, isNotEmpty(customDomain) ? /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-row items-center"
-  }, /*#__PURE__*/React.createElement(Tag, {
-    label: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
-    style: customDomain.status === "active" ? "success" : "warning"
-  }), /*#__PURE__*/React.createElement(MoreDropdown, {
-    dropdownProps: {
-      autoWidth: true
-    },
-    menuItems: actions,
-    dropdownButtonProps: {
-      "data-testid": "nui-dropdown-icon",
-      strategy: "fixed"
-    }
-  })) : /*#__PURE__*/React.createElement(Button, {
-    icon: iconOnly && NeetoUICustomDomainIcon,
-    style: "text",
-    label: iconOnly ? "" : t("neetoMolecules.common.actions.add", {
-      entity: t("neetoMolecules.customDomain.customDomain", SINGULAR).toLowerCase()
-    }),
-    tooltipProps: iconOnly && {
-      content: t("neetoMolecules.customDomain.customDomain", SINGULAR)
-    },
-    onClick: function onClick() {
-      return setIsPaneOpen(true);
-    }
-  }), /*#__PURE__*/React.createElement(ManageDomain, {
-    hasOne: true,
-    customDomain: customDomain,
-    url: url,
-    isOpen: isPaneOpen,
-    setCustomDomain: noop,
-    onClose: function onClose() {
-      return setIsPaneOpen(false);
-    }
-  }), /*#__PURE__*/React.createElement(DeleteAlert, {
-    hostname: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
-    isOpen: isAlertOpen,
-    isSubmitting: isDeleting,
-    onClose: function onClose() {
-      return setIsAlertOpen(false);
-    },
-    onSubmit: function onSubmit() {
-      return deleteCustomDomain();
-    }
-  }));
-};
-export default CustomDomain;

package/dist/CustomDomainDashboard/DeleteAlert.js

@@ -1,28 +0,0 @@
-import React from "react";
-import { Alert } from "@bigbinary/neetoui";
-import { useTranslation, Trans } from "react-i18next";
-var DeleteAlert = function DeleteAlert(_ref) {
-  var onClose = _ref.onClose,
-    onSubmit = _ref.onSubmit,
-    isOpen = _ref.isOpen,
-    isSubmitting = _ref.isSubmitting,
-    hostname = _ref.hostname;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement(Alert, {
-    cancelButtonLabel: t("neetoMolecules.common.actions.cancel"),
-    isOpen: isOpen,
-    isSubmitting: isSubmitting,
-    submitButtonLabel: t("neetoMolecules.common.actions.delete"),
-    title: t("neetoMolecules.customDomain.delete"),
-    message: /*#__PURE__*/React.createElement(Trans, {
-      i18nKey: "neetoMolecules.customDomain.alertMessage",
-      values: {
-        hostname: hostname
-      }
-    }),
-    onClose: onClose,
-    onSubmit: onSubmit
-  });
-};
-export default DeleteAlert;

package/dist/CustomDomainDashboard/Header.js

@@ -1,32 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from "react";
-import { PLURAL } from "@bigbinary/neeto-commons-frontend/constants";
-import { withT } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { withEventTargetValue } from "@bigbinary/neeto-commons-frontend/utils";
-import { Button } from "@bigbinary/neetoui";
-import NeetoHeader from "../Header";
-var Header = withT(function (_ref) {
-  var t = _ref.t,
-    setIsPaneOpen = _ref.setIsPaneOpen,
-    searchTerm = _ref.searchTerm,
-    setSearchTerm = _ref.setSearchTerm,
-    headerProps = _ref.headerProps;
-  return /*#__PURE__*/React.createElement(NeetoHeader, _extends({
-    "data-testid": "custom-domain-header",
-    title: t("neetoMolecules.customDomain.customDomain", PLURAL),
-    actionBlock: /*#__PURE__*/React.createElement(Button, {
-      "data-cy": "add-new-custom-domain-button",
-      label: t("neetoMolecules.customDomain.addNew"),
-      onClick: function onClick() {
-        return setIsPaneOpen(true);
-      }
-    }),
-    searchProps: {
-      value: searchTerm,
-      onChange: withEventTargetValue(setSearchTerm),
-      placeholder: t("neetoMolecules.customDomain.search"),
-      "data-cy": "custom-domain-search-field"
-    }
-  }, headerProps));
-});
-export default /*#__PURE__*/React.memo(Header);

package/dist/CustomDomainDashboard/Manage/Record.js

@@ -1,42 +0,0 @@
-import React from "react";
-import { joinHyphenCase } from "@bigbinary/neeto-commons-frontend/utils";
-import { Info } from "@bigbinary/neeto-icons";
-import { Input, Callout } from "@bigbinary/neetoui";
-import CopyToClipboardButton from "../../CopyToClipboardButton";
-import { recordData } from "../utils";
-var Record = function Record(_ref) {
-  var customDomain = _ref.customDomain;
-  var _recordData = recordData(customDomain),
-    recordName = _recordData.recordName,
-    recordValue = _recordData.recordValue,
-    recordDescription = _recordData.recordDescription,
-    recordNameLabel = _recordData.recordNameLabel,
-    recordValueLabel = _recordData.recordValueLabel;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "mt-6 grid gap-4"
-  }, customDomain.status !== "active" && /*#__PURE__*/React.createElement(Callout, {
-    icon: Info,
-    style: "info"
-  }, recordDescription), /*#__PURE__*/React.createElement(Input, {
-    disabled: true,
-    "data-cy": joinHyphenCase(recordNameLabel),
-    label: recordNameLabel,
-    value: recordName,
-    suffix: /*#__PURE__*/React.createElement(CopyToClipboardButton, {
-      size: "small",
-      style: "text",
-      value: recordName
-    })
-  }), /*#__PURE__*/React.createElement(Input, {
-    disabled: true,
-    "data-cy": joinHyphenCase(recordValueLabel),
-    label: recordValueLabel,
-    value: recordValue,
-    suffix: /*#__PURE__*/React.createElement(CopyToClipboardButton, {
-      size: "small",
-      style: "text",
-      value: recordValue
-    })
-  }));
-};
-export default /*#__PURE__*/React.memo(Record);

package/dist/CustomDomainDashboard/Manage/StatusInfo.js

@@ -1,21 +0,0 @@
-import React from "react";
-import { Trans } from "react-i18next";
-var StatusInfo = function StatusInfo() {
-  var helpUrl = "https://help.".concat(globalProps.appName.toLowerCase(), ".com/articles/custom-domains");
-  return /*#__PURE__*/React.createElement("div", {
-    className: "space-y-6"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-rounded neeto-ui-bg-gray-100 neeto-ui-text-gray-700 space-y-3 p-4"
-  }, /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoMolecules.customDomain.messageBlock.dnsStatus",
-    components: {
-      a: /*#__PURE__*/React.createElement("a", {
-        className: "neeto-ui-btn--style-link",
-        href: helpUrl,
-        rel: "noreferrer",
-        target: "_blank"
-      })
-    }
-  })));
-};
-export default /*#__PURE__*/React.memo(StatusInfo);

package/dist/CustomDomainDashboard/Manage/TagBlock.js

@@ -1,36 +0,0 @@
-import React from "react";
-import classnames from "classnames";
-import { snakeToCamelCase } from "@bigbinary/neeto-commons-frontend/pure";
-import { Tag } from "@bigbinary/neetoui";
-import { useTranslation } from "react-i18next";
-var TagBlock = function TagBlock(_ref) {
-  var status = _ref.status,
-    _ref$stacked = _ref.stacked,
-    stacked = _ref$stacked === void 0 ? false : _ref$stacked;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var isDomainValidated = status === "active" || status === "pending_cname_validation";
-  var camelCasedStatus = snakeToCamelCase(status || "");
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames("flex gap-2", {
-      "flex-col items-start": stacked
-    })
-  }, status === "failed" ? /*#__PURE__*/React.createElement(Tag, {
-    indicatorStyle: "danger",
-    label: t("neetoMolecules.customDomain.status.".concat(camelCasedStatus)),
-    style: "secondary"
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tag, {
-    indicatorStyle: isDomainValidated ? "success" : "warning",
-    style: "secondary",
-    label: t("neetoMolecules.customDomain.status.domain.".concat(camelCasedStatus))
-  }), isDomainValidated && /*#__PURE__*/React.createElement("div", {
-    className: classnames("flex items-center justify-between gap-2", {
-      "w-full": stacked
-    })
-  }, /*#__PURE__*/React.createElement(Tag, {
-    indicatorStyle: status === "active" ? "success" : "warning",
-    style: "secondary",
-    label: t("neetoMolecules.customDomain.status.cname.".concat(camelCasedStatus))
-  }))));
-};
-export default /*#__PURE__*/React.memo(TagBlock);

package/dist/CustomDomainDashboard/Manage/constants.js

@@ -1,4 +0,0 @@
-export var HOSTNAME_REGEX = /^(?!-)[a-zA-Z0-9][a-zA-Z0-9-]{1,61}[a-zA-Z0-9](?:\.[a-zA-Z]{2,})+/;
-export var INITIAL_VALUES = {
-  hostname: ""
-};

package/dist/CustomDomainDashboard/Manage/index.js

@@ -1,124 +0,0 @@
-import React, { useRef } from "react";
-import { Form, Formik } from "formik";
-import { SINGULAR } from "@bigbinary/neeto-commons-frontend/constants";
-import { isNotEmpty } from "@bigbinary/neeto-commons-frontend/pure";
-import { Check } from "@bigbinary/neeto-icons";
-import { Label, Pane, Typography, Button } from "@bigbinary/neetoui";
-import { Input } from "@bigbinary/neetoui/formik";
-import { useTranslation } from "react-i18next";
-import { INITIAL_VALUES } from "./constants";
-import Record from "./Record";
-import StatusInfo from "./StatusInfo";
-import TagBlock from "./TagBlock";
-import { getCustomDomainValidationSchema } from "./utils";
-import { useCreateCustomDomain, useValidateDomain, useValidateCname, useUpdateCustomDomain } from "../useCustomDomainApi";
-var Manage = function Manage(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    customDomain = _ref.customDomain,
-    setCustomDomain = _ref.setCustomDomain,
-    url = _ref.url,
-    hasOne = _ref.hasOne;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var initialFocusRef = useRef(null);
-  var customDomainId = hasOne ? null : customDomain === null || customDomain === void 0 ? void 0 : customDomain.id;
-  var _useCreateCustomDomai = useCreateCustomDomain(url),
-    createCustomDomain = _useCreateCustomDomai.mutate,
-    isCreating = _useCreateCustomDomai.isLoading;
-  var _useValidateDomain = useValidateDomain(url),
-    validateDomain = _useValidateDomain.mutate,
-    isValidating = _useValidateDomain.isLoading;
-  var _useValidateCname = useValidateCname(url),
-    validateCname = _useValidateCname.mutate,
-    isCnameValidating = _useValidateCname.isLoading;
-  var _useUpdateCustomDomai = useUpdateCustomDomain(url),
-    updateCustomDomain = _useUpdateCustomDomai.mutate,
-    isUpdating = _useUpdateCustomDomai.isLoading;
-  var handleSubmit = function handleSubmit(values) {
-    return createCustomDomain(values, {
-      onSuccess: function onSuccess(values) {
-        return setCustomDomain(values);
-      }
-    });
-  };
-  var handleValidateDomain = function handleValidateDomain() {
-    return validateDomain(customDomainId, {
-      onSuccess: function onSuccess(values) {
-        return setCustomDomain(values);
-      }
-    });
-  };
-  var handleValidateCname = function handleValidateCname() {
-    validateCname(customDomainId, {
-      onSuccess: function onSuccess(data) {
-        return setCustomDomain(data);
-      }
-    });
-  };
-  var handleUpdateCname = function handleUpdateCname() {
-    updateCustomDomain(customDomainId, {
-      onSuccess: function onSuccess(data) {
-        return setCustomDomain(data);
-      }
-    });
-  };
-  return /*#__PURE__*/React.createElement(Pane, {
-    initialFocusRef: initialFocusRef,
-    isOpen: isOpen,
-    onClose: onClose
-  }, /*#__PURE__*/React.createElement(Formik, {
-    enableReinitialize: true,
-    initialValues: customDomain || INITIAL_VALUES,
-    validationSchema: getCustomDomainValidationSchema(),
-    onSubmit: handleSubmit
-  }, function (_ref2) {
-    var dirty = _ref2.dirty;
-    return /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Pane.Header, null, /*#__PURE__*/React.createElement(Typography, {
-      "data-cy": "add-custom-domain-pane-heading",
-      style: "h2",
-      weight: "semibold"
-    }, isNotEmpty(customDomain) ? t("neetoMolecules.customDomain.edit") : t("neetoMolecules.customDomain.addNew"))), /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement("div", {
-      className: "w-full space-y-6"
-    }, isNotEmpty(customDomain) && /*#__PURE__*/React.createElement(TagBlock, {
-      stacked: true,
-      handleValidateCname: handleValidateCname,
-      isCnameRecordsAdded: customDomain.addedCnameAt,
-      status: customDomain.status
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "space-y-2"
-    }, /*#__PURE__*/React.createElement(Label, {
-      htmlFor: "hostname"
-    }, isNotEmpty(customDomain) ? t("neetoMolecules.customDomain.customDomain", SINGULAR) : t("neetoMolecules.customDomain.label")), /*#__PURE__*/React.createElement("div", {
-      className: "flex items-start gap-2"
-    }, /*#__PURE__*/React.createElement(Input, {
-      "data-cy": "custom-domain-input-field",
-      disabled: isNotEmpty(customDomain),
-      name: "hostname",
-      placeholder: t("neetoMolecules.customDomain.placeholder"),
-      ref: initialFocusRef
-    }), !isNotEmpty(customDomain) && /*#__PURE__*/React.createElement(Button, {
-      "data-cy": "submit-custom-domain-button",
-      "data-testid": "submit-custom-domain-button",
-      disabled: !dirty || isCreating,
-      icon: Check,
-      loading: isCreating,
-      style: "primary",
-      type: "submit"
-    }))), isNotEmpty(customDomain) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Record, {
-      customDomain: customDomain
-    }), customDomain.status === "pending_domain_validation" && /*#__PURE__*/React.createElement(Button, {
-      "data-cy": "validate-domain-button",
-      disabled: isValidating,
-      loading: isValidating,
-      label: t("neetoMolecules.customDomain.validation.buttonLabel.domain"),
-      onClick: handleValidateDomain
-    }), customDomain.status === "pending_cname_validation" && /*#__PURE__*/React.createElement(Button, {
-      "data-cy": "validate-cname-record-button",
-      loading: isCnameValidating || isUpdating,
-      label: t("neetoMolecules.customDomain.validation.buttonLabel.cnameAdded"),
-      onClick: handleUpdateCname
-    }), /*#__PURE__*/React.createElement(StatusInfo, null)))));
-  }));
-};
-export default Manage;

package/dist/CustomDomainDashboard/Manage/utils.js

@@ -1,8 +0,0 @@
-import { t } from "i18next";
-import * as Yup from "yup";
-import { HOSTNAME_REGEX } from "./constants";
-export var getCustomDomainValidationSchema = function getCustomDomainValidationSchema() {
-  return Yup.object().shape({
-    hostname: Yup.string().required(t("neetoMolecules.customDomain.formikValidation.required")).matches(HOSTNAME_REGEX, t("neetoMolecules.customDomain.formikValidation.valid"))
-  });
-};

package/dist/CustomDomainDashboard/api.js

@@ -1,35 +0,0 @@
-import axios from "axios";
-var getUrlwithId = function getUrlwithId(url, id) {
-  return id ? "".concat(url, "/").concat(id) : url;
-};
-var fetchCustomDomains = function fetchCustomDomains(_ref) {
-  var url = _ref.url,
-    params = _ref.params;
-  return axios.get(url, {
-    params: params
-  });
-};
-var updateCustomDomain = function updateCustomDomain(url, id) {
-  return axios.patch(getUrlwithId(url, id));
-};
-var createCustomDomain = function createCustomDomain(url, payload) {
-  return axios.post(url, payload);
-};
-var deleteCustomDomain = function deleteCustomDomain(url, id) {
-  return axios["delete"](getUrlwithId(url, id));
-};
-var validateDomain = function validateDomain(url, id) {
-  return axios.patch("".concat(getUrlwithId(url, id), "/validate_domain"));
-};
-var validateCname = function validateCname(url, id) {
-  return axios.patch("".concat(getUrlwithId(url, id), "/validate_cname"));
-};
-var customDomainApi = {
-  createCustomDomain: createCustomDomain,
-  deleteCustomDomain: deleteCustomDomain,
-  validateDomain: validateDomain,
-  fetchCustomDomains: fetchCustomDomains,
-  validateCname: validateCname,
-  updateCustomDomain: updateCustomDomain
-};
-export default customDomainApi;

package/dist/CustomDomainDashboard/constants.js

@@ -1,2 +0,0 @@
-export var DEFAULT_STALE_TIME = 60 * 60 * 1000;
-export var DOMAIN_QUERY_KEY = "custom-domain";

package/dist/CustomDomainDashboard/index.js

@@ -1,118 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from "react";
-import { isNotEmpty } from "@bigbinary/neeto-commons-frontend/pure";
-import { useDebounce } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { Table, Typography, NoData } from "@bigbinary/neetoui";
-import { useTranslation } from "react-i18next";
-import Container from "../Container";
-import PageLoader from "../PageLoader";
-import SubHeader from "../SubHeader";
-import DeleteAlert from "./DeleteAlert";
-import Header from "./Header";
-import ManageDomain from "./Manage";
-import { useFetchCustomDomains, useDeleteCustomDomain } from "./useCustomDomainApi";
-import { renderColumnData } from "./utils";
-var CustomDomainDashboard = function CustomDomainDashboard(_ref) {
-  var _data$customDomains;
-  var headerProps = _ref.headerProps,
-    url = _ref.url;
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchTerm = _useState2[0],
-    setSearchTerm = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isPaneOpen = _useState4[0],
-    setIsPaneOpen = _useState4[1];
-  var _useState5 = useState({}),
-    _useState6 = _slicedToArray(_useState5, 2),
-    customDomain = _useState6[0],
-    setCustomDomain = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isAlertOpen = _useState8[0],
-    setIsAlertOpen = _useState8[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var debouncedSearchTerm = useDebounce(searchTerm, 500);
-  var _useFetchCustomDomain = useFetchCustomDomains({
-      url: url,
-      params: {
-        search: debouncedSearchTerm
-      }
-    }),
-    data = _useFetchCustomDomain.data,
-    isLoading = _useFetchCustomDomain.isLoading;
-  var _useDeleteCustomDomai = useDeleteCustomDomain(url, {
-      onSettled: function onSettled() {
-        setIsAlertOpen(false);
-        setCustomDomain({});
-      }
-    }),
-    deleteCustomDomain = _useDeleteCustomDomai.mutate,
-    isDeleting = _useDeleteCustomDomai.isLoading;
-  var enableManagePane = function enableManagePane(customDomain) {
-    setCustomDomain(customDomain);
-    setIsPaneOpen(true);
-  };
-  var enableDeleteAlert = function enableDeleteAlert(customDomain) {
-    setCustomDomain(customDomain);
-    setIsAlertOpen(true);
-  };
-  var disableManagePane = function disableManagePane() {
-    setIsPaneOpen(false);
-    setCustomDomain({});
-  };
-  var disableDeleteAlert = function disableDeleteAlert() {
-    setIsAlertOpen(false);
-    setCustomDomain({});
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Header, {
-    headerProps: headerProps,
-    searchTerm: searchTerm,
-    setIsPaneOpen: setIsPaneOpen,
-    setSearchTerm: setSearchTerm
-  }), isLoading && /*#__PURE__*/React.createElement("div", {
-    className: "h-screen w-full"
-  }, /*#__PURE__*/React.createElement(PageLoader, null)), !isLoading && (isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) ? /*#__PURE__*/React.createElement("div", {
-    className: "w-full flex-grow"
-  }, /*#__PURE__*/React.createElement(SubHeader, {
-    leftActionBlock: /*#__PURE__*/React.createElement(Typography, {
-      className: "neeto-ui-gray-800 font-semibold",
-      component: "h4"
-    }, t("neetoMolecules.customDomain.customDomainWithCount", {
-      count: data === null || data === void 0 ? void 0 : (_data$customDomains = data.customDomains) === null || _data$customDomains === void 0 ? void 0 : _data$customDomains.length
-    }))
-  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Table, {
-    allowRowClick: false,
-    rowData: data === null || data === void 0 ? void 0 : data.customDomains,
-    rowSelection: false,
-    columnData: renderColumnData(enableManagePane, enableDeleteAlert)
-  }))) : /*#__PURE__*/React.createElement("div", {
-    className: "flex h-full w-full flex-grow items-center justify-center"
-  }, /*#__PURE__*/React.createElement(NoData, {
-    title: t("neetoMolecules.customDomain.notFound"),
-    primaryButtonProps: {
-      label: t("neetoMolecules.customDomain.addNew"),
-      onClick: function onClick() {
-        return setIsPaneOpen(true);
-      }
-    }
-  })))), /*#__PURE__*/React.createElement(ManageDomain, {
-    customDomain: customDomain,
-    hasOne: false,
-    isOpen: isPaneOpen,
-    setCustomDomain: setCustomDomain,
-    url: url,
-    onClose: disableManagePane
-  }), /*#__PURE__*/React.createElement(DeleteAlert, {
-    hostname: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
-    isOpen: isAlertOpen,
-    isSubmitting: isDeleting,
-    onClose: disableDeleteAlert,
-    onSubmit: function onSubmit() {
-      return deleteCustomDomain(customDomain === null || customDomain === void 0 ? void 0 : customDomain.id);
-    }
-  }));
-};
-export default CustomDomainDashboard;