@bigbinary/neeto-molecules 3.3.11 → 3.3.13

package/dist/cjs/CustomDomain.js

@@ -10,8 +10,9 @@ var Button = require('@bigbinary/neetoui/Button');
 var Tag = require('@bigbinary/neetoui/Tag');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var reactI18next = require('react-i18next');
-var index = require('./index-4ee3f585.js');
+var index = require('./index-c925b4b1.js');
 var MoreDropdown = require('./MoreDropdown.js');
+var jsxRuntime = require('react/jsx-runtime');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neetoui/Alert');
 require('@bigbinary/neetoui/Pane');
@@ -33,7 +34,6 @@ require('./TableWrapper.js');
 require('classnames');
 require('@bigbinary/neetoui/Stepper');
 require('./CopyToClipboardButton.js');
-require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@bigbinary/neeto-icons/Copy');
 require('@bigbinary/neeto-icons/Check');
@@ -47,7 +47,6 @@ require('@bigbinary/neetoui/Tooltip');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var NeetoUICustomDomainIcon__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUICustomDomainIcon);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
@@ -92,56 +91,59 @@ var CustomDomain = function CustomDomain(_ref) {
       return setIsAlertOpen(true);
     }
   }];
-  if (isLoading) return /*#__PURE__*/React__default["default"].createElement(Spinner__default["default"], null);
-  return /*#__PURE__*/React__default["default"].createElement("div", null, neetoCist.isNotEmpty(customDomain) ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-row items-center"
-  }, /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
-    "data-cy": "".concat(general.hyphenize(customDomain.status), "-tag-container"),
-    label: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
-    style: customDomain.status === "active" ? "success" : "warning"
-  }), /*#__PURE__*/React__default["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["default"].createElement(Button__default["default"], {
-    icon: iconOnly && NeetoUICustomDomainIcon__default["default"],
-    style: "text",
-    label: iconOnly ? "" : t("neetoMolecules.common.actions.add", {
-      entity: t("neetoMolecules.customDomain.customDomain", constants.SINGULAR)
-    }),
-    tooltipProps: iconOnly && {
-      content: t("neetoMolecules.customDomain.customDomain", constants.SINGULAR)
-    },
-    onClick: function onClick() {
-      return setIsPaneOpen(true);
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(index.Manage, {
-    customDomain: customDomain,
-    onCreate: onCreate,
-    url: url,
-    hasOne: true,
-    isOpen: isPaneOpen,
-    setCustomDomain: neetoCist.noop,
-    onClose: function onClose() {
-      return setIsPaneOpen(false);
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(index.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__*/jsxRuntime.jsx(Spinner__default["default"], {});
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    children: [neetoCist.isNotEmpty(customDomain) ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-row items-center",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
+        "data-cy": "".concat(general.hyphenize(customDomain.status), "-tag-container"),
+        label: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
+        style: customDomain.status === "active" ? "success" : "warning"
+      }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+        dropdownProps: {
+          autoWidth: true
+        },
+        menuItems: actions,
+        dropdownButtonProps: {
+          "data-testid": "nui-dropdown-icon",
+          strategy: "fixed",
+          "data-cy": "custom-domain-menu-button"
+        }
+      })]
+    }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      icon: iconOnly && NeetoUICustomDomainIcon__default["default"],
+      style: "text",
+      label: iconOnly ? "" : t("neetoMolecules.common.actions.add", {
+        entity: t("neetoMolecules.customDomain.customDomain", constants.SINGULAR)
+      }),
+      tooltipProps: iconOnly && {
+        content: t("neetoMolecules.customDomain.customDomain", constants.SINGULAR)
+      },
+      onClick: function onClick() {
+        return setIsPaneOpen(true);
+      }
+    }), /*#__PURE__*/jsxRuntime.jsx(index.Manage, {
+      customDomain: customDomain,
+      onCreate: onCreate,
+      url: url,
+      hasOne: true,
+      isOpen: isPaneOpen,
+      setCustomDomain: neetoCist.noop,
+      onClose: function onClose() {
+        return setIsPaneOpen(false);
+      }
+    }), /*#__PURE__*/jsxRuntime.jsx(index.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();
+      }
+    })]
+  });
 };
 
 module.exports = CustomDomain;

package/dist/cjs/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":"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"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,kCAAA,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,cAAQ,CAAC,KAAK,CAAC;IAAAM,UAAA,GAAAJ,kCAAA,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,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;EAET,IAAAC,qBAAA,GAA0CC,2BAAqB,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,2BAAqB,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;AAED,EAAA,IAAIQ,SAAS,EAAE,oBAAOY,cAAA,CAACC,2BAAO,IAAE,CAAC,CAAA;AAEjC,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAAC,IAAAA,QAAA,GACGC,oBAAU,CAAClB,YAAY,CAAC,gBACvBgB,eAAA,CAAA,KAAA,EAAA;AAAKG,MAAAA,SAAS,EAAC,4BAA4B;MAAAF,QAAA,EAAA,cACzCH,cAAA,CAACM,uBAAG,EAAA;QACF,SAAAC,EAAAA,EAAAA,CAAAA,MAAA,CAAYC,iBAAS,CAACtB,YAAY,CAACuB,MAAM,CAAC,EAAiB,gBAAA,CAAA;AAC3DX,QAAAA,KAAK,EAAEZ,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAEwB,QAAS;QAC9BC,KAAK,EAAEzB,YAAY,CAACuB,MAAM,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAA;AAAU,OACjE,CAAC,eACFT,cAAA,CAACY,YAAY,EAAA;AACXC,QAAAA,aAAa,EAAE;AAAEC,UAAAA,SAAS,EAAE,IAAA;SAAO;AACnCC,QAAAA,SAAS,EAAEnB,OAAQ;AACnBoB,QAAAA,mBAAmB,EAAE;AACnB,UAAA,aAAa,EAAE,mBAAmB;AAClCC,UAAAA,QAAQ,EAAE,OAAO;AACjB,UAAA,SAAS,EAAE,2BAAA;AACb,SAAA;AAAE,OACH,CAAC,CAAA;AAAA,KACC,CAAC,gBAENjB,cAAA,CAACkB,0BAAM,EAAA;MACLC,IAAI,EAAElD,QAAQ,IAAImD,2CAAwB;AAC1CT,MAAAA,KAAK,EAAC,MAAM;MACZb,KAAK,EACH7B,QAAQ,GACJ,EAAE,GACFc,CAAC,CAAC,mCAAmC,EAAE;AACrCsC,QAAAA,MAAM,EAAEtC,CAAC,CACP,0CAA0C,EAC1CuC,kBACF,CAAA;AACF,OAAC,CACN;MACDC,YAAY,EACVtD,QAAQ,IAAI;AACVuD,QAAAA,OAAO,EAAEzC,CAAC,CAAC,0CAA0C,EAAEuC,kBAAQ,CAAA;OAElE;MACDvB,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAMvB,aAAa,CAAC,IAAI,CAAC,CAAA;AAAA,OAAA;AAAC,KACpC,CACF,eACDwB,cAAA,CAACyB,YAAY,EAAA;AACLvC,MAAAA,YAAY,EAAZA,YAAY;AAAEhB,MAAAA,QAAQ,EAARA,QAAQ;AAAEF,MAAAA,GAAG,EAAHA,GAAG;MACjC0D,MAAM,EAAA,IAAA;AACNC,MAAAA,MAAM,EAAEpD,UAAW;AACnBqD,MAAAA,eAAe,EAAEC,cAAK;MACtBC,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAMtD,aAAa,CAAC,KAAK,CAAC,CAAA;AAAA,OAAA;AAAC,KACrC,CAAC,eACFwB,cAAA,CAAC+B,iBAAW,EAAA;AACVrB,MAAAA,QAAQ,EAAExB,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAEwB,QAAS;AACjCiB,MAAAA,MAAM,EAAEhD,WAAY;AACpBqD,MAAAA,YAAY,EAAEtC,UAAW;MACzBoC,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAMlD,cAAc,CAAC,KAAK,CAAC,CAAA;OAAC;MACrCqD,QAAQ,EAAE,SAAAA,QAAA,GAAA;QAAA,OAAMzC,kBAAkB,EAAE,CAAA;AAAA,OAAA;AAAC,KACtC,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAEV;;;;"}

package/dist/cjs/CustomDomainDashboard.js

@@ -13,12 +13,13 @@ var Container = require('./Container.js');
 var PageLoader = require('./PageLoader.js');
 var SubHeader = require('./SubHeader.js');
 var TableWrapper = require('./TableWrapper.js');
-var index = require('./index-4ee3f585.js');
-var _extends = require('@babel/runtime/helpers/extends');
+var index = require('./index-c925b4b1.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var withT = require('@bigbinary/neeto-commons-frontend/react-utils/withT');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
 var Header$2 = require('./Header.js');
+var jsxRuntime = require('react/jsx-runtime');
 var i18next = require('i18next');
 var MoreDropdown = require('./MoreDropdown.js');
 var classnames = require('classnames');
@@ -27,9 +28,8 @@ require('./index-248c4f4c.js');
 require('./inject-css-80a5faa3.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('ramda');
-require('@babel/runtime/helpers/defineProperty');
 require('@bigbinary/neeto-icons/Column');
-require('./useColumns-5ce3cf1e.js');
+require('./useColumns-8894f767.js');
 require('@bigbinary/neeto-icons/Search');
 require('@bigbinary/neetoui/Checkbox');
 require('@bigbinary/neetoui/Dropdown');
@@ -37,10 +37,10 @@ require('@bigbinary/neetoui/Input');
 require('@bigbinary/neetoui/Label');
 require('zustand');
 require('zustand/middleware');
+require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neeto-icons/Download');
 require('@bigbinary/neeto-filters-frontend');
 require('@bigbinary/neeto-icons/Filter');
-require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neetoui/Alert');
 require('@bigbinary/neetoui/Pane');
 require('@bigbinary/neetoui/formik/ActionBlock');
@@ -70,17 +70,18 @@ require('@bigbinary/neetoui/Tooltip');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var useDebounce__default = /*#__PURE__*/_interopDefaultLegacy(useDebounce);
 var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
 
+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 Header = withT__default["default"](function (_ref) {
   var t = _ref.t,
     setIsPaneOpen = _ref.setIsPaneOpen,
@@ -88,10 +89,10 @@ var Header = withT__default["default"](function (_ref) {
     setSearchTerm = _ref.setSearchTerm,
     headerProps = _ref.headerProps,
     isFiltersVisible = _ref.isFiltersVisible;
-  return /*#__PURE__*/React__default["default"].createElement(Header$2, _extends__default["default"]({
+  return /*#__PURE__*/jsxRuntime.jsx(Header$2, _objectSpread({
     "data-testid": "custom-domain-header",
     title: t("neetoMolecules.customDomain.customDomain", constants.PLURAL),
-    actionBlock: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+    actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
       "data-cy": "add-new-custom-domain-button",
       label: t("neetoMolecules.customDomain.addNew"),
       onClick: function onClick() {
@@ -107,7 +108,7 @@ var Header = withT__default["default"](function (_ref) {
     }
   }, headerProps));
 });
-var Header$1 = /*#__PURE__*/React__default["default"].memo(Header);
+var Header$1 = /*#__PURE__*/React.memo(Header);
 
 var TagBlock = function TagBlock(_ref) {
   var status = _ref.status,
@@ -117,28 +118,32 @@ var TagBlock = function TagBlock(_ref) {
     t = _useTranslation.t;
   var isDomainValidated = status === "active" || status === "pending_cname_validation";
   var camelCasedStatus = neetoCist.snakeToCamelCase(status || "");
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: classnames__default["default"]("flex gap-2", {
       "flex-col items-start": stacked
+    }),
+    children: status === "failed" ? /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
+      label: t("neetoMolecules.customDomain.status.".concat(camelCasedStatus)),
+      style: "danger"
+    }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
+        "data-cy": "".concat(general.hyphenize(status), "-tag-container"),
+        style: isDomainValidated ? "success" : "warning",
+        label: t("neetoMolecules.customDomain.status.domain.".concat(camelCasedStatus))
+      }), isDomainValidated && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: classnames__default["default"]("flex items-center justify-between gap-2", {
+          "w-full": stacked
+        }),
+        children: /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
+          "data-cy": "".concat(general.hyphenize(status), "-tag-container"),
+          style: status === "active" ? "success" : "warning",
+          label: t("neetoMolecules.customDomain.status.cname.".concat(camelCasedStatus))
+        })
+      })]
     })
-  }, status === "failed" ? /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
-    label: t("neetoMolecules.customDomain.status.".concat(camelCasedStatus)),
-    style: "danger"
-  }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
-    "data-cy": "".concat(general.hyphenize(status), "-tag-container"),
-    style: isDomainValidated ? "success" : "warning",
-    label: t("neetoMolecules.customDomain.status.domain.".concat(camelCasedStatus))
-  }), isDomainValidated && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("flex items-center justify-between gap-2", {
-      "w-full": stacked
-    })
-  }, /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
-    "data-cy": "".concat(general.hyphenize(status), "-tag-container"),
-    style: status === "active" ? "success" : "warning",
-    label: t("neetoMolecules.customDomain.status.cname.".concat(camelCasedStatus))
-  }))));
+  });
 };
-var TagBlock$1 = /*#__PURE__*/React__default["default"].memo(TagBlock);
+var TagBlock$1 = /*#__PURE__*/React.memo(TagBlock);
 
 var renderColumnData = function renderColumnData(enableManagePane, enableDeleteAlert) {
   return [{
@@ -147,45 +152,46 @@ var renderColumnData = function renderColumnData(enableManagePane, enableDeleteA
     key: "hostname",
     width: "60%",
     render: function render(hostName, customDomain) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "flex items-center justify-between gap-x-3"
-      }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-        "data-cy": "hostname-button",
-        label: hostName,
-        style: "link",
-        onClick: function onClick() {
-          return enableManagePane(customDomain);
-        }
-      }), /*#__PURE__*/React__default["default"].createElement(MoreDropdown, {
-        dropdownButtonProps: {
-          "data-testid": "nui-dropdown-icon-".concat(customDomain.id)
-        },
-        dropdownProps: {
-          position: "bottom-end",
-          strategy: "fixed",
-          autoWidth: true
-        },
-        menuItems: [{
-          label: i18next.t("neetoMolecules.common.actions.edit"),
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center justify-between gap-x-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          "data-cy": "hostname-button",
+          label: hostName,
+          style: "link",
           onClick: function onClick() {
             return enableManagePane(customDomain);
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+          dropdownButtonProps: {
+            "data-testid": "nui-dropdown-icon-".concat(customDomain.id)
           },
-          key: "edit-custom-domain-button"
-        }, {
-          label: i18next.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: i18next.t("neetoMolecules.common.actions.edit"),
+            onClick: function onClick() {
+              return enableManagePane(customDomain);
+            },
+            key: "edit-custom-domain-button"
+          }, {
+            label: i18next.t("neetoMolecules.common.actions.delete"),
+            onClick: function onClick() {
+              return enableDeleteAlert(customDomain);
+            },
+            key: "delete-custom-domain"
+          }]
+        })]
+      });
     }
   }, {
     title: i18next.t("neetoMolecules.common.status"),
     dataIndex: "status",
     key: "status",
     render: function render(status) {
-      return /*#__PURE__*/React__default["default"].createElement(TagBlock$1, {
+      return /*#__PURE__*/jsxRuntime.jsx(TagBlock$1, {
         status: status
       });
     },
@@ -250,64 +256,75 @@ var CustomDomainDashboard = function CustomDomainDashboard(_ref) {
     setIsAlertOpen(false);
     setCustomDomain({});
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Container, null, /*#__PURE__*/React__default["default"].createElement(Header$1, {
-    headerProps: headerProps,
-    isFiltersVisible: isFiltersVisible,
-    searchTerm: searchTerm,
-    setIsPaneOpen: setIsPaneOpen,
-    setSearchTerm: setSearchTerm
-  }), isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "h-screen w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(PageLoader, null)), !isLoading && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(SubHeader, {
-    leftActionBlock: !!(data !== null && data !== void 0 && (_data$customDomains = data.customDomains) !== null && _data$customDomains !== void 0 && _data$customDomains.length) && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
-      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
-    }))
-  }), neetoCist.isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) ? /*#__PURE__*/React__default["default"].createElement(TableWrapper, null, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
-    fixedHeight: true,
-    allowRowClick: false,
-    rowData: data === null || data === void 0 ? void 0 : data.customDomains,
-    rowSelection: false,
-    columnData: renderColumnData(enableManagePane, enableDeleteAlert)
-  })) : /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex h-full w-full flex-grow items-center justify-center"
-  }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
-    title: t("neetoMolecules.customDomain.notFound"),
-    helpText: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-      i18nKey: "neetoMolecules.customDomain.learnMoreMessage",
-      components: {
-        button: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-          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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(Container, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Header$1, {
+        headerProps: headerProps,
+        isFiltersVisible: isFiltersVisible,
+        searchTerm: searchTerm,
+        setIsPaneOpen: setIsPaneOpen,
+        setSearchTerm: setSearchTerm
+      }), isLoading && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "h-screen w-full",
+        children: /*#__PURE__*/jsxRuntime.jsx(PageLoader, {})
+      }), !isLoading && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(SubHeader, {
+          leftActionBlock: !!(data !== null && data !== void 0 && (_data$customDomains = data.customDomains) !== null && _data$customDomains !== void 0 && _data$customDomains.length) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            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
+            })
+          })
+        }), neetoCist.isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
+          children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
+            fixedHeight: true,
+            allowRowClick: false,
+            rowData: data === null || data === void 0 ? void 0 : data.customDomains,
+            rowSelection: false,
+            columnData: renderColumnData(enableManagePane, enableDeleteAlert)
+          })
+        }) : /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "flex h-full w-full flex-grow items-center justify-center",
+          children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
+            title: t("neetoMolecules.customDomain.notFound"),
+            helpText: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+              i18nKey: "neetoMolecules.customDomain.learnMoreMessage",
+              components: {
+                button: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                  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__*/jsxRuntime.jsx(index.Manage, {
+      customDomain: customDomain,
+      onCreate: onCreate,
+      setCustomDomain: setCustomDomain,
+      url: url,
+      hasOne: false,
+      isOpen: isPaneOpen,
+      onClose: disableManagePane
+    }), /*#__PURE__*/jsxRuntime.jsx(index.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["default"].createElement(index.Manage, {
-    customDomain: customDomain,
-    onCreate: onCreate,
-    setCustomDomain: setCustomDomain,
-    url: url,
-    hasOne: false,
-    isOpen: isPaneOpen,
-    onClose: disableManagePane
-  }), /*#__PURE__*/React__default["default"].createElement(index.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);
-    }
-  }));
+    })]
+  });
 };
 
 module.exports = CustomDomainDashboard;