@bigbinary/neeto-molecules 3.3.10 → 3.3.12

package/dist/CustomDomain.js

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React__default, { useState } from 'react';
+import { useState } from 'react';
 import { isNotEmpty, noop } from '@bigbinary/neeto-cist';
 import { SINGULAR } from '@bigbinary/neeto-commons-frontend/constants';
 import { hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
@@ -8,8 +8,9 @@ import Button from '@bigbinary/neetoui/Button';
 import Tag from '@bigbinary/neetoui/Tag';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { useTranslation } from 'react-i18next';
-import { u as useFetchCustomDomains, a as useDeleteCustomDomain, M as Manage, D as DeleteAlert } from './index-0063079e.js';
+import { u as useFetchCustomDomains, a as useDeleteCustomDomain, M as Manage, D as DeleteAlert } from './index-e123ffe8.js';
 import MoreDropdown from './MoreDropdown.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import '@bigbinary/neetoui/Alert';
 import '@bigbinary/neetoui/Pane';
@@ -31,7 +32,6 @@ import './TableWrapper.js';
 import 'classnames';
 import '@bigbinary/neetoui/Stepper';
 import './CopyToClipboardButton.js';
-import '@babel/runtime/helpers/extends';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@bigbinary/neeto-icons/Copy';
 import '@bigbinary/neeto-icons/Check';
@@ -81,56 +81,59 @@ var CustomDomain = function CustomDomain(_ref) {
       return setIsAlertOpen(true);
     }
   }];
-  if (isLoading) return /*#__PURE__*/React__default.createElement(Spinner, null);
-  return /*#__PURE__*/React__default.createElement("div", null, isNotEmpty(customDomain) ? /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-row items-center"
-  }, /*#__PURE__*/React__default.createElement(Tag, {
-    "data-cy": "".concat(hyphenize(customDomain.status), "-tag-container"),
-    label: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
-    style: customDomain.status === "active" ? "success" : "warning"
-  }), /*#__PURE__*/React__default.createElement(MoreDropdown, {
-    dropdownProps: {
-      autoWidth: true
-    },
-    menuItems: actions,
-    dropdownButtonProps: {
-      "data-testid": "nui-dropdown-icon",
-      strategy: "fixed",
-      "data-cy": "custom-domain-menu-button"
-    }
-  })) : /*#__PURE__*/React__default.createElement(Button, {
-    icon: iconOnly && NeetoUICustomDomainIcon,
-    style: "text",
-    label: iconOnly ? "" : t("neetoMolecules.common.actions.add", {
-      entity: t("neetoMolecules.customDomain.customDomain", SINGULAR)
-    }),
-    tooltipProps: iconOnly && {
-      content: t("neetoMolecules.customDomain.customDomain", SINGULAR)
-    },
-    onClick: function onClick() {
-      return setIsPaneOpen(true);
-    }
-  }), /*#__PURE__*/React__default.createElement(Manage, {
-    customDomain: customDomain,
-    onCreate: onCreate,
-    url: url,
-    hasOne: true,
-    isOpen: isPaneOpen,
-    setCustomDomain: noop,
-    onClose: function onClose() {
-      return setIsPaneOpen(false);
-    }
-  }), /*#__PURE__*/React__default.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();
-    }
-  }));
+  if (isLoading) return /*#__PURE__*/jsx(Spinner, {});
+  return /*#__PURE__*/jsxs("div", {
+    children: [isNotEmpty(customDomain) ? /*#__PURE__*/jsxs("div", {
+      className: "flex flex-row items-center",
+      children: [/*#__PURE__*/jsx(Tag, {
+        "data-cy": "".concat(hyphenize(customDomain.status), "-tag-container"),
+        label: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
+        style: customDomain.status === "active" ? "success" : "warning"
+      }), /*#__PURE__*/jsx(MoreDropdown, {
+        dropdownProps: {
+          autoWidth: true
+        },
+        menuItems: actions,
+        dropdownButtonProps: {
+          "data-testid": "nui-dropdown-icon",
+          strategy: "fixed",
+          "data-cy": "custom-domain-menu-button"
+        }
+      })]
+    }) : /*#__PURE__*/jsx(Button, {
+      icon: iconOnly && NeetoUICustomDomainIcon,
+      style: "text",
+      label: iconOnly ? "" : t("neetoMolecules.common.actions.add", {
+        entity: t("neetoMolecules.customDomain.customDomain", SINGULAR)
+      }),
+      tooltipProps: iconOnly && {
+        content: t("neetoMolecules.customDomain.customDomain", SINGULAR)
+      },
+      onClick: function onClick() {
+        return setIsPaneOpen(true);
+      }
+    }), /*#__PURE__*/jsx(Manage, {
+      customDomain: customDomain,
+      onCreate: onCreate,
+      url: url,
+      hasOne: true,
+      isOpen: isPaneOpen,
+      setCustomDomain: noop,
+      onClose: function onClose() {
+        return setIsPaneOpen(false);
+      }
+    }), /*#__PURE__*/jsx(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 { CustomDomain as default };

package/dist/CustomDomain.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomDomain.js","sources":["../src/components/CustomDomain/index.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { CustomDomain as NeetoUICustomDomainIcon } from \"neetoicons\";\nimport { Button, Tag, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DeleteAlert from \"components/CustomDomainDashboard/DeleteAlert\";\nimport ManageDomain from \"components/CustomDomainDashboard/Manage\";\nimport {\n  useFetchCustomDomains,\n  useDeleteCustomDomain,\n} from \"components/CustomDomainDashboard/useCustomDomainApi\";\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst CustomDomain = ({ url, iconOnly, onCreate }) => {\n  const [isPaneOpen, setIsPaneOpen] = useState(false);\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const { t } = useTranslation();\n\n  const { data: customDomain, isLoading } = useFetchCustomDomains({ url });\n\n  const { mutate: deleteCustomDomain, isPending: isDeleting } =\n    useDeleteCustomDomain(url, { onSettled: () => setIsAlertOpen(false) });\n\n  const actions = [\n    {\n      key: \"edit\",\n      label: t(\"neetoMolecules.common.actions.edit\"),\n      onClick: () => setIsPaneOpen(true),\n    },\n    {\n      key: \"delete\",\n      label: t(\"neetoMolecules.common.actions.delete\"),\n      onClick: () => setIsAlertOpen(true),\n    },\n  ];\n\n  if (isLoading) return <Spinner />;\n\n  return (\n    <div>\n      {isNotEmpty(customDomain) ? (\n        <div className=\"flex flex-row items-center\">\n          <Tag\n            data-cy={`${hyphenize(customDomain.status)}-tag-container`}\n            label={customDomain?.hostname}\n            style={customDomain.status === \"active\" ? \"success\" : \"warning\"}\n          />\n          <MoreDropdown\n            dropdownProps={{ autoWidth: true }}\n            menuItems={actions}\n            dropdownButtonProps={{\n              \"data-testid\": \"nui-dropdown-icon\",\n              strategy: \"fixed\",\n              \"data-cy\": \"custom-domain-menu-button\",\n            }}\n          />\n        </div>\n      ) : (\n        <Button\n          icon={iconOnly && NeetoUICustomDomainIcon}\n          style=\"text\"\n          label={\n            iconOnly\n              ? \"\"\n              : t(\"neetoMolecules.common.actions.add\", {\n                  entity: t(\n                    \"neetoMolecules.customDomain.customDomain\",\n                    SINGULAR\n                  ),\n                })\n          }\n          tooltipProps={\n            iconOnly && {\n              content: t(\"neetoMolecules.customDomain.customDomain\", SINGULAR),\n            }\n          }\n          onClick={() => setIsPaneOpen(true)}\n        />\n      )}\n      <ManageDomain\n        {...{ customDomain, onCreate, url }}\n        hasOne\n        isOpen={isPaneOpen}\n        setCustomDomain={noop}\n        onClose={() => setIsPaneOpen(false)}\n      />\n      <DeleteAlert\n        hostname={customDomain?.hostname}\n        isOpen={isAlertOpen}\n        isSubmitting={isDeleting}\n        onClose={() => setIsAlertOpen(false)}\n        onSubmit={() => deleteCustomDomain()}\n      />\n    </div>\n  );\n};\n\nCustomDomain.propTypes = {\n  /**\n   * API path to manage custom domain records.\n   */\n  url: PropTypes.string,\n  /**\n   *  Pass this prop if you need a icon button without label.\n   */\n  iconOnly: PropTypes.bool,\n  /**\n   * Callback function will be invoked with new domain values after successfully creating the domain.\n   */\n  onCreate: PropTypes.func,\n};\n\nexport default CustomDomain;\n"],"names":["CustomDomain","_ref","url","iconOnly","onCreate","_useState","useState","_useState2","_slicedToArray","isPaneOpen","setIsPaneOpen","_useState3","_useState4","isAlertOpen","setIsAlertOpen","_useTranslation","useTranslation","t","_useFetchCustomDomain","useFetchCustomDomains","customDomain","data","isLoading","_useDeleteCustomDomai","useDeleteCustomDomain","onSettled","deleteCustomDomain","mutate","isDeleting","isPending","actions","key","label","onClick","React","createElement","Spinner","isNotEmpty","className","Tag","concat","hyphenize","status","hostname","style","MoreDropdown","dropdownProps","autoWidth","menuItems","dropdownButtonProps","strategy","Button","icon","NeetoUICustomDomainIcon","entity","SINGULAR","tooltipProps","content","ManageDomain","hasOne","isOpen","setCustomDomain","noop","onClose","DeleteAlert","isSubmitting","onSubmit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAoC;AAAA,EAAA,IAA9BC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAA;AAC7C,EAAA,IAAAC,SAAA,GAAoCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5CI,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA,IAAAI,UAAA,GAAsCL,QAAQ,CAAC,KAAK,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA9CE,IAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,EAAA,IAAAG,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;EAET,IAAAC,qBAAA,GAA0CC,qBAAqB,CAAC;AAAEjB,MAAAA,GAAG,EAAHA,GAAAA;AAAI,KAAC,CAAC;IAA1DkB,YAAY,GAAAF,qBAAA,CAAlBG,IAAI;IAAgBC,SAAS,GAAAJ,qBAAA,CAATI,SAAS,CAAA;AAErC,EAAA,IAAAC,qBAAA,GACEC,qBAAqB,CAACtB,GAAG,EAAE;MAAEuB,SAAS,EAAE,SAAAA,SAAA,GAAA;QAAA,OAAMX,cAAc,CAAC,KAAK,CAAC,CAAA;AAAA,OAAA;AAAC,KAAC,CAAC;IADxDY,kBAAkB,GAAAH,qBAAA,CAA1BI,MAAM;IAAiCC,UAAU,GAAAL,qBAAA,CAArBM,SAAS,CAAA;EAG7C,IAAMC,OAAO,GAAG,CACd;AACEC,IAAAA,GAAG,EAAE,MAAM;AACXC,IAAAA,KAAK,EAAEf,CAAC,CAAC,oCAAoC,CAAC;IAC9CgB,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMvB,aAAa,CAAC,IAAI,CAAC,CAAA;AAAA,KAAA;AACpC,GAAC,EACD;AACEqB,IAAAA,GAAG,EAAE,QAAQ;AACbC,IAAAA,KAAK,EAAEf,CAAC,CAAC,sCAAsC,CAAC;IAChDgB,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMnB,cAAc,CAAC,IAAI,CAAC,CAAA;AAAA,KAAA;AACrC,GAAC,CACF,CAAA;EAED,IAAIQ,SAAS,EAAE,oBAAOY,cAAA,CAAAC,aAAA,CAACC,OAAO,EAAA,IAAE,CAAC,CAAA;EAEjC,oBACEF,cAAA,CAAAC,aAAA,CACGE,KAAAA,EAAAA,IAAAA,EAAAA,UAAU,CAACjB,YAAY,CAAC,gBACvBc,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,4BAAA;AAA4B,GAAA,eACzCJ,cAAA,CAAAC,aAAA,CAACI,GAAG,EAAA;IACF,SAAAC,EAAAA,EAAAA,CAAAA,MAAA,CAAYC,SAAS,CAACrB,YAAY,CAACsB,MAAM,CAAC,EAAiB,gBAAA,CAAA;AAC3DV,IAAAA,KAAK,EAAEZ,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAEuB,QAAS;IAC9BC,KAAK,EAAExB,YAAY,CAACsB,MAAM,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAA;AAAU,GACjE,CAAC,eACFR,cAAA,CAAAC,aAAA,CAACU,YAAY,EAAA;AACXC,IAAAA,aAAa,EAAE;AAAEC,MAAAA,SAAS,EAAE,IAAA;KAAO;AACnCC,IAAAA,SAAS,EAAElB,OAAQ;AACnBmB,IAAAA,mBAAmB,EAAE;AACnB,MAAA,aAAa,EAAE,mBAAmB;AAClCC,MAAAA,QAAQ,EAAE,OAAO;AACjB,MAAA,SAAS,EAAE,2BAAA;AACb,KAAA;AAAE,GACH,CACE,CAAC,gBAENhB,cAAA,CAAAC,aAAA,CAACgB,MAAM,EAAA;IACLC,IAAI,EAAEjD,QAAQ,IAAIkD,uBAAwB;AAC1CT,IAAAA,KAAK,EAAC,MAAM;IACZZ,KAAK,EACH7B,QAAQ,GACJ,EAAE,GACFc,CAAC,CAAC,mCAAmC,EAAE;AACrCqC,MAAAA,MAAM,EAAErC,CAAC,CACP,0CAA0C,EAC1CsC,QACF,CAAA;AACF,KAAC,CACN;IACDC,YAAY,EACVrD,QAAQ,IAAI;AACVsD,MAAAA,OAAO,EAAExC,CAAC,CAAC,0CAA0C,EAAEsC,QAAQ,CAAA;KAElE;IACDtB,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMvB,aAAa,CAAC,IAAI,CAAC,CAAA;AAAA,KAAA;AAAC,GACpC,CACF,eACDwB,cAAA,CAAAC,aAAA,CAACuB,MAAY,EAAA;AACLtC,IAAAA,YAAY,EAAZA,YAAY;AAAEhB,IAAAA,QAAQ,EAARA,QAAQ;AAAEF,IAAAA,GAAG,EAAHA,GAAG;IACjCyD,MAAM,EAAA,IAAA;AACNC,IAAAA,MAAM,EAAEnD,UAAW;AACnBoD,IAAAA,eAAe,EAAEC,IAAK;IACtBC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMrD,aAAa,CAAC,KAAK,CAAC,CAAA;AAAA,KAAA;AAAC,GACrC,CAAC,eACFwB,cAAA,CAAAC,aAAA,CAAC6B,WAAW,EAAA;AACVrB,IAAAA,QAAQ,EAAEvB,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAEuB,QAAS;AACjCiB,IAAAA,MAAM,EAAE/C,WAAY;AACpBoD,IAAAA,YAAY,EAAErC,UAAW;IACzBmC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMjD,cAAc,CAAC,KAAK,CAAC,CAAA;KAAC;IACrCoD,QAAQ,EAAE,SAAAA,QAAA,GAAA;MAAA,OAAMxC,kBAAkB,EAAE,CAAA;AAAA,KAAA;AAAC,GACtC,CACE,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"CustomDomain.js","sources":["../src/components/CustomDomain/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { CustomDomain as NeetoUICustomDomainIcon } from \"neetoicons\";\nimport { Button, Tag, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DeleteAlert from \"components/CustomDomainDashboard/DeleteAlert\";\nimport ManageDomain from \"components/CustomDomainDashboard/Manage\";\nimport {\n  useFetchCustomDomains,\n  useDeleteCustomDomain,\n} from \"components/CustomDomainDashboard/useCustomDomainApi\";\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst CustomDomain = ({ url, iconOnly, onCreate }) => {\n  const [isPaneOpen, setIsPaneOpen] = useState(false);\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const { t } = useTranslation();\n\n  const { data: customDomain, isLoading } = useFetchCustomDomains({ url });\n\n  const { mutate: deleteCustomDomain, isPending: isDeleting } =\n    useDeleteCustomDomain(url, { onSettled: () => setIsAlertOpen(false) });\n\n  const actions = [\n    {\n      key: \"edit\",\n      label: t(\"neetoMolecules.common.actions.edit\"),\n      onClick: () => setIsPaneOpen(true),\n    },\n    {\n      key: \"delete\",\n      label: t(\"neetoMolecules.common.actions.delete\"),\n      onClick: () => setIsAlertOpen(true),\n    },\n  ];\n\n  if (isLoading) return <Spinner />;\n\n  return (\n    <div>\n      {isNotEmpty(customDomain) ? (\n        <div className=\"flex flex-row items-center\">\n          <Tag\n            data-cy={`${hyphenize(customDomain.status)}-tag-container`}\n            label={customDomain?.hostname}\n            style={customDomain.status === \"active\" ? \"success\" : \"warning\"}\n          />\n          <MoreDropdown\n            dropdownProps={{ autoWidth: true }}\n            menuItems={actions}\n            dropdownButtonProps={{\n              \"data-testid\": \"nui-dropdown-icon\",\n              strategy: \"fixed\",\n              \"data-cy\": \"custom-domain-menu-button\",\n            }}\n          />\n        </div>\n      ) : (\n        <Button\n          icon={iconOnly && NeetoUICustomDomainIcon}\n          style=\"text\"\n          label={\n            iconOnly\n              ? \"\"\n              : t(\"neetoMolecules.common.actions.add\", {\n                  entity: t(\n                    \"neetoMolecules.customDomain.customDomain\",\n                    SINGULAR\n                  ),\n                })\n          }\n          tooltipProps={\n            iconOnly && {\n              content: t(\"neetoMolecules.customDomain.customDomain\", SINGULAR),\n            }\n          }\n          onClick={() => setIsPaneOpen(true)}\n        />\n      )}\n      <ManageDomain\n        {...{ customDomain, onCreate, url }}\n        hasOne\n        isOpen={isPaneOpen}\n        setCustomDomain={noop}\n        onClose={() => setIsPaneOpen(false)}\n      />\n      <DeleteAlert\n        hostname={customDomain?.hostname}\n        isOpen={isAlertOpen}\n        isSubmitting={isDeleting}\n        onClose={() => setIsAlertOpen(false)}\n        onSubmit={() => deleteCustomDomain()}\n      />\n    </div>\n  );\n};\n\nCustomDomain.propTypes = {\n  /**\n   * API path to manage custom domain records.\n   */\n  url: PropTypes.string,\n  /**\n   *  Pass this prop if you need a icon button without label.\n   */\n  iconOnly: PropTypes.bool,\n  /**\n   * Callback function will be invoked with new domain values after successfully creating the domain.\n   */\n  onCreate: PropTypes.func,\n};\n\nexport default CustomDomain;\n"],"names":["CustomDomain","_ref","url","iconOnly","onCreate","_useState","useState","_useState2","_slicedToArray","isPaneOpen","setIsPaneOpen","_useState3","_useState4","isAlertOpen","setIsAlertOpen","_useTranslation","useTranslation","t","_useFetchCustomDomain","useFetchCustomDomains","customDomain","data","isLoading","_useDeleteCustomDomai","useDeleteCustomDomain","onSettled","deleteCustomDomain","mutate","isDeleting","isPending","actions","key","label","onClick","_jsx","Spinner","_jsxs","children","isNotEmpty","className","Tag","concat","hyphenize","status","hostname","style","MoreDropdown","dropdownProps","autoWidth","menuItems","dropdownButtonProps","strategy","Button","icon","NeetoUICustomDomainIcon","entity","SINGULAR","tooltipProps","content","ManageDomain","hasOne","isOpen","setCustomDomain","noop","onClose","DeleteAlert","isSubmitting","onSubmit"],"mappings":"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"}

package/dist/CustomDomainDashboard.js

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React__default, { useState } from 'react';
+import { memo, useState } from 'react';
 import { snakeToCamelCase, isNotEmpty, isPresent } from '@bigbinary/neeto-cist';
 import useDebounce from '@bigbinary/neeto-commons-frontend/react-utils/useDebounce';
 import Table from '@bigbinary/neetoui/Table';
@@ -11,12 +11,13 @@ import Container from './Container.js';
 import PageLoader from './PageLoader.js';
 import SubHeader from './SubHeader.js';
 import TableWrapper from './TableWrapper.js';
-import { u as useFetchCustomDomains, a as useDeleteCustomDomain, M as Manage, D as DeleteAlert } from './index-0063079e.js';
-import _extends from '@babel/runtime/helpers/extends';
+import { u as useFetchCustomDomains, a as useDeleteCustomDomain, M as Manage, D as DeleteAlert } from './index-e123ffe8.js';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { PLURAL, SINGULAR } from '@bigbinary/neeto-commons-frontend/constants';
 import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import { withEventTargetValue, hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
 import Header$2 from './Header.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { t } from 'i18next';
 import MoreDropdown from './MoreDropdown.js';
 import classnames from 'classnames';
@@ -25,9 +26,8 @@ import './index-e5588516.js';
 import './inject-css-c86de496.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import 'ramda';
-import '@babel/runtime/helpers/defineProperty';
 import '@bigbinary/neeto-icons/Column';
-import './useColumns-e0b5dfb7.js';
+import './useColumns-13263cd8.js';
 import '@bigbinary/neeto-icons/Search';
 import '@bigbinary/neetoui/Checkbox';
 import '@bigbinary/neetoui/Dropdown';
@@ -35,10 +35,10 @@ import '@bigbinary/neetoui/Input';
 import '@bigbinary/neetoui/Label';
 import 'zustand';
 import 'zustand/middleware';
+import '@bigbinary/neeto-commons-frontend/react-utils';
 import '@bigbinary/neeto-icons/Download';
 import '@bigbinary/neeto-filters-frontend';
 import '@bigbinary/neeto-icons/Filter';
-import '@bigbinary/neeto-commons-frontend/react-utils';
 import '@bigbinary/neetoui/Alert';
 import '@bigbinary/neetoui/Pane';
 import '@bigbinary/neetoui/formik/ActionBlock';
@@ -65,6 +65,8 @@ import '@bigbinary/neeto-icons/MenuHorizontal';
 import '@bigbinary/neeto-icons/MenuVertical';
 import '@bigbinary/neetoui/Tooltip';
 
+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 Header = withT(function (_ref) {
   var t = _ref.t,
     setIsPaneOpen = _ref.setIsPaneOpen,
@@ -72,10 +74,10 @@ var Header = withT(function (_ref) {
     setSearchTerm = _ref.setSearchTerm,
     headerProps = _ref.headerProps,
     isFiltersVisible = _ref.isFiltersVisible;
-  return /*#__PURE__*/React__default.createElement(Header$2, _extends({
+  return /*#__PURE__*/jsx(Header$2, _objectSpread({
     "data-testid": "custom-domain-header",
     title: t("neetoMolecules.customDomain.customDomain", PLURAL),
-    actionBlock: /*#__PURE__*/React__default.createElement(Button, {
+    actionBlock: /*#__PURE__*/jsx(Button, {
       "data-cy": "add-new-custom-domain-button",
       label: t("neetoMolecules.customDomain.addNew"),
       onClick: function onClick() {
@@ -91,7 +93,7 @@ var Header = withT(function (_ref) {
     }
   }, headerProps));
 });
-var Header$1 = /*#__PURE__*/React__default.memo(Header);
+var Header$1 = /*#__PURE__*/memo(Header);
 
 var TagBlock = function TagBlock(_ref) {
   var status = _ref.status,
@@ -101,28 +103,32 @@ var TagBlock = function TagBlock(_ref) {
     t = _useTranslation.t;
   var isDomainValidated = status === "active" || status === "pending_cname_validation";
   var camelCasedStatus = snakeToCamelCase(status || "");
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsx("div", {
     className: classnames("flex gap-2", {
       "flex-col items-start": stacked
+    }),
+    children: status === "failed" ? /*#__PURE__*/jsx(Tag, {
+      label: t("neetoMolecules.customDomain.status.".concat(camelCasedStatus)),
+      style: "danger"
+    }) : /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Tag, {
+        "data-cy": "".concat(hyphenize(status), "-tag-container"),
+        style: isDomainValidated ? "success" : "warning",
+        label: t("neetoMolecules.customDomain.status.domain.".concat(camelCasedStatus))
+      }), isDomainValidated && /*#__PURE__*/jsx("div", {
+        className: classnames("flex items-center justify-between gap-2", {
+          "w-full": stacked
+        }),
+        children: /*#__PURE__*/jsx(Tag, {
+          "data-cy": "".concat(hyphenize(status), "-tag-container"),
+          style: status === "active" ? "success" : "warning",
+          label: t("neetoMolecules.customDomain.status.cname.".concat(camelCasedStatus))
+        })
+      })]
     })
-  }, status === "failed" ? /*#__PURE__*/React__default.createElement(Tag, {
-    label: t("neetoMolecules.customDomain.status.".concat(camelCasedStatus)),
-    style: "danger"
-  }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tag, {
-    "data-cy": "".concat(hyphenize(status), "-tag-container"),
-    style: isDomainValidated ? "success" : "warning",
-    label: t("neetoMolecules.customDomain.status.domain.".concat(camelCasedStatus))
-  }), isDomainValidated && /*#__PURE__*/React__default.createElement("div", {
-    className: classnames("flex items-center justify-between gap-2", {
-      "w-full": stacked
-    })
-  }, /*#__PURE__*/React__default.createElement(Tag, {
-    "data-cy": "".concat(hyphenize(status), "-tag-container"),
-    style: status === "active" ? "success" : "warning",
-    label: t("neetoMolecules.customDomain.status.cname.".concat(camelCasedStatus))
-  }))));
+  });
 };
-var TagBlock$1 = /*#__PURE__*/React__default.memo(TagBlock);
+var TagBlock$1 = /*#__PURE__*/memo(TagBlock);
 
 var renderColumnData = function renderColumnData(enableManagePane, enableDeleteAlert) {
   return [{
@@ -131,45 +137,46 @@ var renderColumnData = function renderColumnData(enableManagePane, enableDeleteA
     key: "hostname",
     width: "60%",
     render: function render(hostName, customDomain) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: "flex items-center justify-between gap-x-3"
-      }, /*#__PURE__*/React__default.createElement(Button, {
-        "data-cy": "hostname-button",
-        label: hostName,
-        style: "link",
-        onClick: function onClick() {
-          return enableManagePane(customDomain);
-        }
-      }), /*#__PURE__*/React__default.createElement(MoreDropdown, {
-        dropdownButtonProps: {
-          "data-testid": "nui-dropdown-icon-".concat(customDomain.id)
-        },
-        dropdownProps: {
-          position: "bottom-end",
-          strategy: "fixed",
-          autoWidth: true
-        },
-        menuItems: [{
-          label: t("neetoMolecules.common.actions.edit"),
+      return /*#__PURE__*/jsxs("div", {
+        className: "flex items-center justify-between gap-x-3",
+        children: [/*#__PURE__*/jsx(Button, {
+          "data-cy": "hostname-button",
+          label: hostName,
+          style: "link",
           onClick: function onClick() {
             return enableManagePane(customDomain);
+          }
+        }), /*#__PURE__*/jsx(MoreDropdown, {
+          dropdownButtonProps: {
+            "data-testid": "nui-dropdown-icon-".concat(customDomain.id)
           },
-          key: "edit-custom-domain-button"
-        }, {
-          label: t("neetoMolecules.common.actions.delete"),
-          onClick: function onClick() {
-            return enableDeleteAlert(customDomain);
+          dropdownProps: {
+            position: "bottom-end",
+            strategy: "fixed",
+            autoWidth: true
           },
-          key: "delete-custom-domain"
-        }]
-      }));
+          menuItems: [{
+            label: t("neetoMolecules.common.actions.edit"),
+            onClick: function onClick() {
+              return enableManagePane(customDomain);
+            },
+            key: "edit-custom-domain-button"
+          }, {
+            label: t("neetoMolecules.common.actions.delete"),
+            onClick: function onClick() {
+              return enableDeleteAlert(customDomain);
+            },
+            key: "delete-custom-domain"
+          }]
+        })]
+      });
     }
   }, {
     title: t("neetoMolecules.common.status"),
     dataIndex: "status",
     key: "status",
     render: function render(status) {
-      return /*#__PURE__*/React__default.createElement(TagBlock$1, {
+      return /*#__PURE__*/jsx(TagBlock$1, {
         status: status
       });
     },
@@ -234,64 +241,75 @@ var CustomDomainDashboard = function CustomDomainDashboard(_ref) {
     setIsAlertOpen(false);
     setCustomDomain({});
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Header$1, {
-    headerProps: headerProps,
-    isFiltersVisible: isFiltersVisible,
-    searchTerm: searchTerm,
-    setIsPaneOpen: setIsPaneOpen,
-    setSearchTerm: setSearchTerm
-  }), isLoading && /*#__PURE__*/React__default.createElement("div", {
-    className: "h-screen w-full"
-  }, /*#__PURE__*/React__default.createElement(PageLoader, null)), !isLoading && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SubHeader, {
-    leftActionBlock: !!(data !== null && data !== void 0 && (_data$customDomains = data.customDomains) !== null && _data$customDomains !== void 0 && _data$customDomains.length) && /*#__PURE__*/React__default.createElement(Typography, {
-      className: "neeto-ui-gray-800 font-semibold",
-      component: "h4"
-    }, t("neetoMolecules.customDomain.customDomainWithCount", {
-      count: data === null || data === void 0 ? void 0 : (_data$customDomains2 = data.customDomains) === null || _data$customDomains2 === void 0 ? void 0 : _data$customDomains2.length
-    }))
-  }), isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) ? /*#__PURE__*/React__default.createElement(TableWrapper, null, /*#__PURE__*/React__default.createElement(Table, {
-    fixedHeight: true,
-    allowRowClick: false,
-    rowData: data === null || data === void 0 ? void 0 : data.customDomains,
-    rowSelection: false,
-    columnData: renderColumnData(enableManagePane, enableDeleteAlert)
-  })) : /*#__PURE__*/React__default.createElement("div", {
-    className: "flex h-full w-full flex-grow items-center justify-center"
-  }, /*#__PURE__*/React__default.createElement(NoData, {
-    title: t("neetoMolecules.customDomain.notFound"),
-    helpText: /*#__PURE__*/React__default.createElement(Trans, {
-      i18nKey: "neetoMolecules.customDomain.learnMoreMessage",
-      components: {
-        button: /*#__PURE__*/React__default.createElement(Button, {
-          href: "https://help.neetosite.com/p/a-95ad5b03",
-          style: "link",
-          target: "_blank"
-        })
-      }
-    }),
-    primaryButtonProps: {
-      label: t("neetoMolecules.customDomain.addNew"),
-      onClick: function onClick() {
-        return setIsPaneOpen(true);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs(Container, {
+      children: [/*#__PURE__*/jsx(Header$1, {
+        headerProps: headerProps,
+        isFiltersVisible: isFiltersVisible,
+        searchTerm: searchTerm,
+        setIsPaneOpen: setIsPaneOpen,
+        setSearchTerm: setSearchTerm
+      }), isLoading && /*#__PURE__*/jsx("div", {
+        className: "h-screen w-full",
+        children: /*#__PURE__*/jsx(PageLoader, {})
+      }), !isLoading && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(SubHeader, {
+          leftActionBlock: !!(data !== null && data !== void 0 && (_data$customDomains = data.customDomains) !== null && _data$customDomains !== void 0 && _data$customDomains.length) && /*#__PURE__*/jsx(Typography, {
+            className: "neeto-ui-gray-800 font-semibold",
+            component: "h4",
+            children: t("neetoMolecules.customDomain.customDomainWithCount", {
+              count: data === null || data === void 0 ? void 0 : (_data$customDomains2 = data.customDomains) === null || _data$customDomains2 === void 0 ? void 0 : _data$customDomains2.length
+            })
+          })
+        }), isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) ? /*#__PURE__*/jsx(TableWrapper, {
+          children: /*#__PURE__*/jsx(Table, {
+            fixedHeight: true,
+            allowRowClick: false,
+            rowData: data === null || data === void 0 ? void 0 : data.customDomains,
+            rowSelection: false,
+            columnData: renderColumnData(enableManagePane, enableDeleteAlert)
+          })
+        }) : /*#__PURE__*/jsx("div", {
+          className: "flex h-full w-full flex-grow items-center justify-center",
+          children: /*#__PURE__*/jsx(NoData, {
+            title: t("neetoMolecules.customDomain.notFound"),
+            helpText: /*#__PURE__*/jsx(Trans, {
+              i18nKey: "neetoMolecules.customDomain.learnMoreMessage",
+              components: {
+                button: /*#__PURE__*/jsx(Button, {
+                  href: "https://help.neetosite.com/p/a-95ad5b03",
+                  style: "link",
+                  target: "_blank"
+                })
+              }
+            }),
+            primaryButtonProps: {
+              label: t("neetoMolecules.customDomain.addNew"),
+              onClick: function onClick() {
+                return setIsPaneOpen(true);
+              }
+            }
+          })
+        })]
+      })]
+    }), /*#__PURE__*/jsx(Manage, {
+      customDomain: customDomain,
+      onCreate: onCreate,
+      setCustomDomain: setCustomDomain,
+      url: url,
+      hasOne: false,
+      isOpen: isPaneOpen,
+      onClose: disableManagePane
+    }), /*#__PURE__*/jsx(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);
       }
-    }
-  })))), /*#__PURE__*/React__default.createElement(Manage, {
-    customDomain: customDomain,
-    onCreate: onCreate,
-    setCustomDomain: setCustomDomain,
-    url: url,
-    hasOne: false,
-    isOpen: isPaneOpen,
-    onClose: disableManagePane
-  }), /*#__PURE__*/React__default.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 { CustomDomainDashboard as default };