@bigbinary/neeto-commons-frontend 2.0.29 → 2.0.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1061,6 +1061,8 @@ var neetoCommons = {
1061
1061
  edit: "Edit",
1062
1062
  "delete": "Delete",
1063
1063
  add: "Add {{entity}}",
1064
+ editTitle: "Edit {{entity}}",
1065
+ addNew: "Add new {{entity}}",
1064
1066
  reset: "Reset",
1065
1067
  saveChanges: "Save changes"
1066
1068
  },
@@ -1070,8 +1072,7 @@ var neetoCommons = {
1070
1072
  value: "value",
1071
1073
  search: "Search {{entity}}",
1072
1074
  notFound: {
1073
- desc: "We couldn't find any {{entity}}. Try creating one.",
1074
- title: "No {{entity}} found"
1075
+ title: "There are no {{entity}} to show."
1075
1076
  },
1076
1077
  status: "status",
1077
1078
  deleteAlert: {
@@ -1142,7 +1143,7 @@ var neetoCommons = {
1142
1143
  customDomainWithCount_one: "{{count}} custom domain",
1143
1144
  customDomainWithCount_other: "{{count}} custom domains",
1144
1145
  placeholder: "Type domain here...",
1145
- label: "Enter Custom domain",
1146
+ label: "Enter custom domain",
1146
1147
  validation: {
1147
1148
  buttonLabel: {
1148
1149
  txt: "Validate TXT record entries",
package/initializers.js CHANGED
@@ -1049,6 +1049,8 @@ var neetoCommons = {
1049
1049
  edit: "Edit",
1050
1050
  "delete": "Delete",
1051
1051
  add: "Add {{entity}}",
1052
+ editTitle: "Edit {{entity}}",
1053
+ addNew: "Add new {{entity}}",
1052
1054
  reset: "Reset",
1053
1055
  saveChanges: "Save changes"
1054
1056
  },
@@ -1058,8 +1060,7 @@ var neetoCommons = {
1058
1060
  value: "value",
1059
1061
  search: "Search {{entity}}",
1060
1062
  notFound: {
1061
- desc: "We couldn't find any {{entity}}. Try creating one.",
1062
- title: "No {{entity}} found"
1063
+ title: "There are no {{entity}} to show."
1063
1064
  },
1064
1065
  status: "status",
1065
1066
  deleteAlert: {
@@ -1130,7 +1131,7 @@ var neetoCommons = {
1130
1131
  customDomainWithCount_one: "{{count}} custom domain",
1131
1132
  customDomainWithCount_other: "{{count}} custom domains",
1132
1133
  placeholder: "Type domain here...",
1133
- label: "Enter Custom domain",
1134
+ label: "Enter custom domain",
1134
1135
  validation: {
1135
1136
  buttonLabel: {
1136
1137
  txt: "Validate TXT record entries",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bigbinary/neeto-commons-frontend",
3
- "version": "2.0.29",
3
+ "version": "2.0.30",
4
4
  "description": "A package encapsulating common code across neeto projects including initializers, utility functions, common components and hooks and so on.",
5
5
  "repository": "git@github.com:bigbinary/neeto-commons-frontend.git",
6
6
  "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -1534,8 +1534,8 @@ var BrowserSupport = function BrowserSupport(_ref) {
1534
1534
  })));
1535
1535
  };
1536
1536
 
1537
- function _extends$3() {
1538
- _extends$3 = Object.assign ? Object.assign.bind() : function (target) {
1537
+ function _extends$2() {
1538
+ _extends$2 = Object.assign ? Object.assign.bind() : function (target) {
1539
1539
  for (var i = 1; i < arguments.length; i++) {
1540
1540
  var source = arguments[i];
1541
1541
  for (var key in source) {
@@ -1546,7 +1546,7 @@ function _extends$3() {
1546
1546
  }
1547
1547
  return target;
1548
1548
  };
1549
- return _extends$3.apply(this, arguments);
1549
+ return _extends$2.apply(this, arguments);
1550
1550
  }
1551
1551
 
1552
1552
  function _typeof$1(obj) {
@@ -1768,7 +1768,7 @@ var Columns = function Columns(_ref) {
1768
1768
  dataIndex: ramda.includes(ramda.__, hiddenColumns)
1769
1769
  }, columnData));
1770
1770
  }, [columnData, hiddenColumns]);
1771
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends$3({
1771
+ return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends$2({
1772
1772
  buttonSize: "medium",
1773
1773
  buttonStyle: "text",
1774
1774
  closeOnSelect: false,
@@ -1777,7 +1777,7 @@ var Columns = function Columns(_ref) {
1777
1777
  return setSearchTerm("");
1778
1778
  },
1779
1779
  position: "bottom-end"
1780
- }, dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement("div", null, isSearchable && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends$3({
1780
+ }, dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement("div", null, isSearchable && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends$2({
1781
1781
  className: "neeto-ui-px-3 neeto-ui-py-2",
1782
1782
  "data-cy": "neeto-ui-columns-search",
1783
1783
  onChange: handleSearch,
@@ -1794,7 +1794,7 @@ var Columns = function Columns(_ref) {
1794
1794
  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
1795
1795
  className: "neeto-ui-w-full neeto-ui-px-3 neeto-ui-py-2 hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer",
1796
1796
  htmlFor: dataIndex
1797
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, _extends$3({
1797
+ }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, _extends$2({
1798
1798
  id: dataIndex,
1799
1799
  name: dataIndex,
1800
1800
  checked: !hiddenColumns.includes(dataIndex),
@@ -3894,9 +3894,15 @@ var Manage = function Manage(_ref) {
3894
3894
  style: "h2",
3895
3895
  weight: "semibold",
3896
3896
  "data-cy": "add-custom-domain-pane-heading"
3897
- }, capitalize(t("neetoCommons.customDomain.customDomain", {
3898
- count: ENTITY_COUNT.singular
3899
- })))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
3897
+ }, customDomain ? t("neetoCommons.common.actions.editTitle", {
3898
+ entity: t("neetoCommons.customDomain.customDomain", {
3899
+ count: ENTITY_COUNT.singular
3900
+ }).toLocaleLowerCase()
3901
+ }) : t("neetoCommons.common.actions.addNew", {
3902
+ entity: t("neetoCommons.customDomain.customDomain", {
3903
+ count: ENTITY_COUNT.singular
3904
+ }).toLocaleLowerCase()
3905
+ }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
3900
3906
  className: "space-y-6 w-full"
3901
3907
  }, !!customDomain && /*#__PURE__*/React__default["default"].createElement(TagBlock, {
3902
3908
  status: customDomain.status,
@@ -3943,74 +3949,9 @@ var Manage = function Manage(_ref) {
3943
3949
  }));
3944
3950
  };
3945
3951
 
3946
- var _path$2, _path2$2, _path3$1, _path4$1, _path5$1, _path6$1, _path7;
3947
- function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
3948
- var SvgNoData = function SvgNoData(props) {
3949
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
3950
- width: 241,
3951
- height: 202,
3952
- fill: "none",
3953
- xmlns: "http://www.w3.org/2000/svg"
3954
- }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
3955
- d: "M124.139 70.44a1.398 1.398 0 0 0-1.261-.075 1.389 1.389 0 0 0-.802.975 5.087 5.087 0 0 0-.136 1.38c-.046.397.019.8.187 1.162.162.625.575 1.137 1.362.96.863-.188 1.149-1.026 1.226-1.812.082-.864.261-2.013-.576-2.59ZM122.851 67.942a2.689 2.689 0 0 0-1.825 1.65c-.1.287.29.48.487.287 1.855-1.8 2.51-.6 3.376-1.112.5-.293-.134-1.425-2.038-.825ZM129.962 82.942c-.91.008-1.813.16-2.675.45-.825.198-1.272.624-1.212-.764.041-.922 1.625-5.001 1.65-7.736a.296.296 0 0 0-.219-.279.3.3 0 0 0-.331.129 22.828 22.828 0 0 0-1.35 4.35c-.57 2.212-2.091 5.777.312 5.699a9.155 9.155 0 0 0 4.013-1.187.358.358 0 0 0 .025-.588.364.364 0 0 0-.213-.074ZM130.95 86.303a.297.297 0 0 0-.487.12c-.175.55-.062 1.15-.225 1.7a2.61 2.61 0 0 1-1.762 1.787c-1.837.48-2.64-1.136-3.312-2.45a.327.327 0 0 0-.588.075c-.575 2.088 2.238 3.776 4.025 3.413 1.613-.307 4.05-3.157 2.349-4.645ZM217.39 123.687c-.33-4.3.319-8.611.462-12.911a.702.702 0 0 0-1.375-.187 48.385 48.385 0 0 0-.96 10.698c.014 7.782 3.944 16.698-.374 39.633-1.31 6.96-4.69 20.056-8.562 25.997-2.126 3.262-5.662 6.073-9.72 6.062-7.901-.024-13.44-10.292-16.92-18.047-1.71-3.802-2.937-7.8-4.44-11.687-.213-.55-1.08-.338-.9.249 2.905 9.683 8.383 26.236 17.773 30.248a11.485 11.485 0 0 0 11.085-1.125c3.44-2.31 5.528-5.823 7.088-9.575a115.537 115.537 0 0 0 8.336-42.994c0-8.528-1.099-11.226-1.493-16.361Z",
3956
- fill: "#252C32"
3957
- })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
3958
- d: "M204.042 112.963c-.114-.512-.791-.338-.85.112-.428 3.296-.552 6.561-1.175 9.84-2.4 12.632-4.397 13.633-7.699 21.773-2.712 6.684-5.348 17.361-4.44 24.572.065.512.866.751 1 .138.822-3.758.765-7.687 1.488-11.461 3.303-17.26 8.827-18.633 11.16-34.147.518-3.43 1.278-7.413.516-10.827ZM193.93 80.528a51.427 51.427 0 0 0 6.85 3.337c.471-.499.99-.951 1.549-1.35a33.327 33.327 0 0 0-8.049-2.823.457.457 0 0 0-.35.836ZM233.726 102.213a15.938 15.938 0 0 0-6.162-6.248 116.876 116.876 0 0 0-4.812-2.963c-.588.454-1.153.938-1.692 1.45 4.957 2.872 11.74 6.201 11.385 11.823-.211 3.351-2.911 4.861-6.061 4.08-3.19-.795-6.173-2.562-10.298-4.625-.251.638-.489 1.288-.738 1.913.75.375 1.513.749 2.262 1.113 2.988 1.447 6.187 3.393 9.536 3.824 5.956.76 8.85-5.428 6.58-10.367ZM194.943 94.378c-2.52-1.412-5.058-2.821-7.625-4.138a.606.606 0 0 0-.806.234.612.612 0 0 0 .194.816 109.95 109.95 0 0 0 7.575 5c.212-.65.425-1.287.662-1.912ZM167.271 68.068c1.56.76 2.775 2.27 4.386 2.825.288.1.499-.225.438-.463-.456-1.76-2.85-2.985-4.413-3.7a14.878 14.878 0 0 0-6.224-1.35 19.262 19.262 0 0 0-7.037 1.638c-1.788.72-3.818 1.627-4.674 3.438-.12.263.19.626.462.424 5.044-3.742 11.307-5.6 17.062-2.812ZM172.083 71.617a18.555 18.555 0 0 1-4.68 2.924 17.254 17.254 0 0 1-5.52.95 21.754 21.754 0 0 1-10.92-3.26.427.427 0 0 0-.538.123.425.425 0 0 0 .038.55c6.732 6.513 20.571 4.667 22.46-.712.15-.432-.478-.837-.84-.575Z",
3959
- fill: "#252C32"
3960
- })), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
3961
- d: "M159.51 68.868a1.724 1.724 0 0 0-.849 1.572 1.918 1.918 0 0 0 1.763 2.35 2 2 0 0 0 1.856-1.16 1.997 1.997 0 0 0-.319-2.164 2.154 2.154 0 0 0-2.451-.598ZM152.499 65.605a16.465 16.465 0 0 1 8.623-2.924c3.099.037 5.142 1.986 7.937 2.85.249.076.511-.262.337-.48a11.23 11.23 0 0 0-8.023-3.55 14.688 14.688 0 0 0-9.213 3.562.319.319 0 0 0 .097.582c.083.02.17.005.242-.04ZM173.695 75.693c-8.9 7.632-10.629 9.107-12.149 10.8a.358.358 0 0 0 0 .499.578.578 0 0 0 .738.076c2.544-1.847 4.152-3.624 11.96-10.862.346-.321-.183-.828-.549-.513ZM162.809 80.779a.313.313 0 0 0-.437-.025c-5.184 4.567-6.103 5.271-7.212 6.51-.288.324.212.687.55.45a23.4 23.4 0 0 0 2.776-2.436c.273-.263 3.261-3.075 4.319-4.112a.285.285 0 0 0 .004-.387ZM135.02 94.402a10.4 10.4 0 0 0-3.45.663 18.036 18.036 0 0 1-4.263.7 8.93 8.93 0 0 1-5.987-1.863c-3.405-2.887-2.146-8.3-1.65-14.249.041-.487-.474-.735-.874-.662-2.76.509-5.886-.95-6.112-4.024a3.417 3.417 0 0 1 3.408-3.747 3.417 3.417 0 0 1 1.804.522.571.571 0 0 0 .575-.001.574.574 0 0 0 .287-.499c.129-1.963.462-3.912.75-5.85a20.956 20.956 0 0 0 9.6 1.65c.176 0 .351-.012.513-.012a47.251 47.251 0 0 1 6.15-16.335c-2.88-3.275-5.374-7.002-9.287-9.087a10.016 10.016 0 0 0-14.124 5.224c-2.497 6.053.047 14.143 5.987 17.923a50.196 50.196 0 0 0-.675 5.574 4.627 4.627 0 0 0-6.374 4.25c-.073 3.862 3.412 6.062 6.899 5.863-.525 4.886-1.901 11.4 2.513 14.773a10.094 10.094 0 0 0 5.55 1.937c.013 1.038.139 2.062.1 3.099a10.748 10.748 0 0 1-1.225 4.224.573.573 0 0 0 .152.72.572.572 0 0 0 .735-.032c1.92-1.782 1.988-5.412 1.225-7.986 2.562-.037 6.06-.511 7.999-2.2a.339.339 0 0 0 .075-.361.334.334 0 0 0-.301-.214Zm-16.882-35.209c-3.218-1.099-5.672-7.815-2.862-12.16.187-.289.683-.103.563.24a10.491 10.491 0 0 0-.36 6.261c.553 2.16 1.962 3.342 3.062 5.15a.362.362 0 0 1-.203.498.36.36 0 0 1-.2.011ZM51.485 49.583a7.656 7.656 0 0 0-3.487-.36c-6.823.163-17.366.637-27.272 1.44-1.434.02-2.86.23-4.238.625-.36.138-.45.8 0 .888 2.738.524 5.874-.15 8.64-.325 25.388-1.575 24.6-.7 26.36-1.6a.404.404 0 0 0-.003-.668ZM51.446 56.88a11.565 11.565 0 0 0-3.986-.388c-6.05-.102-15 .034-22.048.513a52.159 52.159 0 0 0-8.35.925c-.387.1-.274.7.088.72 4.286.331 13.17-.89 30.31-.6 1.332.151 2.68.075 3.986-.224a.507.507 0 0 0 0-.946ZM51.446 63.456a11.934 11.934 0 0 0-4 0c-8.573.582-15.217.563-21.034.563-2.737 0-5.724-.388-8.424.062-.45.075-.413.84 0 .937 2.65.675 5.712.45 8.424.525 4.277.12 12.497.019 21.035-.488 1.354.062 2.709-.12 4-.537.437-.198.533-.912 0-1.062ZM74.108 51.945a2.04 2.04 0 0 0-2.513-.45l.55.263a1.78 1.78 0 0 0-1 2.674 1.968 1.968 0 0 0 2.95.063 2.049 2.049 0 0 0 .013-2.55Z",
3962
- fill: "#252C32"
3963
- })), _path4$1 || (_path4$1 = /*#__PURE__*/React__namespace.createElement("path", {
3964
- d: "M74.78 51.932c-.625-1.1-2.614-1.872-3.437-.588a.264.264 0 0 0 0 .288 2.263 2.263 0 0 0-.913 2.574 2.4 2.4 0 0 0 3.24 1.275 2.537 2.537 0 0 0 1.11-3.55Zm-1.55 2.511a1.334 1.334 0 0 1-1.76-.524 1.42 1.42 0 0 1 .774-1.775.392.392 0 0 0 .287-.337 1.397 1.397 0 0 1 .7 2.64v-.004ZM82.7 51.932c-.625-1.1-2.613-1.872-3.436-.588a.267.267 0 0 0 0 .288 2.265 2.265 0 0 0-.912 2.574 2.398 2.398 0 0 0 3.24 1.275 2.535 2.535 0 0 0 1.109-3.55Zm-1.56 2.511a1.336 1.336 0 0 1-1.761-.524 1.42 1.42 0 0 1 .775-1.775.392.392 0 0 0 .287-.337 1.415 1.415 0 0 1 1.262.686 1.391 1.391 0 0 1-.562 1.95ZM90.62 51.932c-.623-1.1-2.598-1.863-3.436-.588a.267.267 0 0 0 0 .288 2.262 2.262 0 0 0-.912 2.574 2.4 2.4 0 0 0 3.24 1.275 2.533 2.533 0 0 0 1.109-3.55ZM97.978 88.403a60.081 60.081 0 0 0-9.06-20.135c-.7-1.051-1.534-2.868-2.88-3.063a.42.42 0 0 0-.5.513 11.726 11.726 0 0 0 2.175 3.45c5.356 7.902 6.556 11.98 9.51 19.447a.391.391 0 1 0 .755-.212ZM82.743 82.2a2.762 2.762 0 0 1 3.474-2.437c3.575.972 4.15 6.48 6.275 9.862a.352.352 0 0 0 .65-.175 15.212 15.212 0 0 0-1.788-6.112 9.617 9.617 0 0 0-3.087-4.225c-2.64-1.793-6.513-.465-6.312 3.075a.395.395 0 0 0 .788.012ZM77.644 87.12a4.08 4.08 0 0 1 2.375-3.3c1.688-.534 3.176.949 4.15 2.125 1.816 2.197 2.722 4.764 3.937 7.3a.351.351 0 0 0 .65-.176 13.54 13.54 0 0 0-5.712-9.81c-3.026-1.81-5.786.648-6.012 3.761-.026.358.55.433.612.1ZM76.569 98.44a23.558 23.558 0 0 1-2.187-6.074c-.223-1.389-.088-2.741 1.237-2.88 2.011-.204 4.064 2.211 5.2 3.637 1.56 1.962 2.705 4.22 4.1 6.3.2.299.762.12.624-.263-1.428-3.991-4.135-8.916-8.237-10.686a3.298 3.298 0 0 0-3.136.212c-2.42 1.68-.551 5.962.275 7.937a52.306 52.306 0 0 0 3.261 6.399c.388-.012.787-.038 1.175-.05a77.79 77.79 0 0 1-2.313-4.532ZM93.204 168.994c-1.75 3.349-3.398 7.026-5.798 9.986-4.428 5.462-13.528 11.212-20.04 7.512-3.66-2.079-4.892-7.225-5.375-11.11a34.803 34.803 0 0 1 1.013-12.075c3.926-17.121 11.677-26.935 18.91-45.095 1.32-3.325 2.263-7.419-.137-10.448a.614.614 0 0 0-.2-.175c-.313.012-.638.025-.951.05.076.112.15.213.214.324a.478.478 0 0 0 .062.313c1.912 3.975.21 8.073-1.588 11.76-1.851 3.798-3.43 7.702-5.236 11.52-6.106 12.915-17.348 32.247-13.112 47.832 1.002 3.687 2.589 7.373 6.24 9.05 7.263 3.337 15.966-1.952 20.986-7.625a31.89 31.89 0 0 0 5.987-11.386.54.54 0 0 0-.675-.651.538.538 0 0 0-.3.218Z",
3965
- fill: "#252C32"
3966
- })), _path5$1 || (_path5$1 = /*#__PURE__*/React__namespace.createElement("path", {
3967
- d: "M100.153 48.57a10.32 10.32 0 0 0-1.775-5.563c-2.27-2.777-6.561-3.47-9.873-3.886a93.19 93.19 0 0 0-18.24.05.6.6 0 0 0 0 1.187c7.362.24 15.222-.782 22.398 1.288a8.44 8.44 0 0 1 4.623 2.65c1.403 1.935 1.306 4.96 1.513 7.26 1.21 13.478 1.107 26.866.9 40.846a29.697 29.697 0 0 1-.438 7.387c-.75 2.699-3.1 3.471-5.599 3.72-17.543 1.783-66.139 2.043-79.962-.549-2.25-.422-4.346-1.338-5.061-3.737-.72-2.425-.345-5.4-.35-7.887-.078-33.171-.146-35.478-.175-41.02-.01-2.113-.301-4.92 1.175-6.65 1.423-1.663 3.96-1.56 5.95-1.699 14.073-.98 28.21-1.43 42.307-1.788 1.35-.034 2.663-.198 4-.35a.36.36 0 0 0 0-.712c-7.268-.728-14.749-.19-22.048-.037-7.737.16-15.473.428-23.197.986-3.48.252-7.808.39-9.212 4.288a19.09 19.09 0 0 0-.562 6.562c.022 4.58.166 40.135.2 44.745.014 2.137.12 4.421 1.475 6.161a7.83 7.83 0 0 0 4.649 2.578c6.376 1.384 43.816 3.526 77.666 1.012 2.287-.17 4.826-.135 6.96-1.1 4.302-1.944 3.817-7.299 3.862-11.3.152-13.7.426-29.532-1.186-44.443ZM193.642 135.048a89.198 89.198 0 0 0-10.96-16.968 36.982 36.982 0 0 0-16.424-11.412c-3.48-1.094-5.893-1.353-22.698-3.824l-.436.275c-3.801 3.8-5.313 4.542-11.52 4.174a11.895 11.895 0 0 1-4.238-.775 6.05 6.05 0 0 1-2.64-2.324l-.286-.36a42.624 42.624 0 0 0-22.823 4.937c-2.976 4.44-5.567 8.167-6.562 13.136-2.96 14.777-.84 21.36-.762 33.983a70.313 70.313 0 0 1 3.187-13.26.42.42 0 1 1 .812.224c-2.502 9.181-3.454 18.96-4.149 20.836.061.035.12.075.174.12-1.974 15.985-1.237 19.098-1.237 37.495 41.748-1.15 38.64-.188 84.528-.012-.988-21.66-1.65-18.698-4.32-39.295a152.705 152.705 0 0 1 16.848-10.425c.974-3 2.201-5.948 3.25-8.899a76.192 76.192 0 0 1 1.824-4.586 125.272 125.272 0 0 0-1.568-3.04Zm-19.897 21.873a.352.352 0 0 1-.108.163.346.346 0 0 1-.517-.089 14.762 14.762 0 0 1-.9-4.037c-1.56-8.948-2.051-10.427-2.212-13.298-.025-.437.58-.453.712-.1a52.171 52.171 0 0 1 1.975 9.061c.274 1.526.511 3.06.737 4.587a13.09 13.09 0 0 1 .313 3.713ZM204.705 83.828a.35.35 0 0 0-.028-.382.349.349 0 0 0-.36-.13c-1.713.471-3.021 2.151-4.025 3.537a25.69 25.69 0 0 0-4.173 11.536c-.5 2.455-.454 4.99.137 7.424.139.412.871.525.95 0 .311-2.077.1-4.212.312-6.312a27.687 27.687 0 0 1 3.72-11.574c.99-1.527 2.436-2.616 3.467-4.099ZM209.541 86.228c.336-.314-.12-.946-.501-.65-3.157 2.463-4.959 6.288-6.386 9.924a55.902 55.902 0 0 0-2.125 6.649 17.402 17.402 0 0 0-.775 6.387c.061.488.826.713.95.12a91.958 91.958 0 0 1 2.975-11.95c1.315-3.718 2.903-7.718 5.862-10.48ZM215.816 88.94a.443.443 0 0 0 .201-.266.443.443 0 0 0-.307-.535.44.44 0 0 0-.331.04c-3.72 1.853-5.313 6.423-6.949 9.972-.96 2.088-1.914 4.175-2.88 6.262-.713 1.55-1.864 3.3-2.05 5.012-.037.351.45.5.676.275a14.996 14.996 0 0 0 2.374-4.461c.898-1.964 1.8-3.915 2.699-5.874 1.659-3.58 3.121-8.165 6.567-10.425ZM221.314 90.253c-2.52.137-4.495 2.553-5.737 4.524a40.626 40.626 0 0 0-3.024 6.675 74.765 74.765 0 0 0-3.012 7.048c-.051.176.163.377.337.251a9.519 9.519 0 0 0 2.65-3.925c1.968-4.268 2.784-7.928 5.224-10.836a6.759 6.759 0 0 1 3.012-2.324c1.587-.455 2.012.512 2.888 1.537a.38.38 0 0 0 .318.107.383.383 0 0 0 .282-.183c.807-1.67-1.551-2.95-2.938-2.874Z",
3968
- fill: "#252C32"
3969
- })), _path6$1 || (_path6$1 = /*#__PURE__*/React__namespace.createElement("path", {
3970
- d: "M41.24 92.374a8.66 8.66 0 0 1-10.855 1.719c-6.6-3.826-5.37-13.377.183-16.12a8.57 8.57 0 0 1 6.047-.557c5.421 1.544 7.527 8.072 3.321 12.16-.806.795-1.878 1.364-2.454.377a5.63 5.63 0 0 1-.449-2.857 29.161 29.161 0 0 1 .35-4.964.903.903 0 0 0-1.059-1.022c-1.81-1.943-6.144-1.36-7.621 2.73a8.44 8.44 0 0 0 .208 5.76 3.68 3.68 0 0 0 6.577-.276c.6 3.095 3.348 4.103 6.134.96A8.715 8.715 0 0 0 40.1 77.16a10.025 10.025 0 0 0-13.626 1.92 11.324 11.324 0 0 0 1.114 15.177c4.273 3.855 11.491 3.875 14.88-.936.536-.75-.647-1.656-1.228-.947Zm-5.76-9.812c-.218.96-1.292 5.904-1.928 6.66a1.934 1.934 0 0 1-2.414.348 2.684 2.684 0 0 1-1.121-2.264c-.416-3.548 1.736-5.61 3.586-5.61a2.158 2.158 0 0 1 1.88.864l-.004.002ZM174.981 41.42c-6.286-3.127-13.849-3.79-20.223-.574-.649.327-.2 1.448.5 1.188a23.793 23.793 0 0 1 17.574.387c15.134 6.448 23.466 29.506 12.036 46.08a29.506 29.506 0 0 1-31.547 11.562 29.066 29.066 0 0 1-21.06-24.72 33.698 33.698 0 0 1 4.08-20.136 27.728 27.728 0 0 1 14.323-12.36.469.469 0 0 0 .325-.575.466.466 0 0 0-.575-.325c-8.778 1.486-19.113 12.579-19.963 28.708a30.632 30.632 0 0 0 18.51 29.772A31.257 31.257 0 0 0 183.532 93c15.282-16.45 8.116-43.288-8.551-51.58Z",
3971
- fill: "#252C32"
3972
- })), _path7 || (_path7 = /*#__PURE__*/React__namespace.createElement("path", {
3973
- d: "M171.571 49.258a16.7 16.7 0 0 0-14.837-.425c-.474.24-.148 1.064.36.875a17.586 17.586 0 0 1 12.887.275c11.098 4.703 17.195 21.635 8.824 33.795a21.644 21.644 0 0 1-23.135 8.488 21.326 21.326 0 0 1-15.448-18.12 24.687 24.687 0 0 1 2.987-14.773 20.262 20.262 0 0 1 10.511-9.061.344.344 0 0 0-.187-.663c-6.451 1.097-14.009 9.257-14.64 21.06a22.472 22.472 0 0 0 13.574 21.84 22.909 22.909 0 0 0 25.347-5.437c11.251-12.103 5.972-31.791-6.243-37.854ZM141.236 99.264a29.742 29.742 0 0 1-.45-2.16 18.32 18.32 0 0 1-1.462-1.512c.146 1.436.392 2.86.737 4.262.34 1.362.712 3.126 2.05 3.84.212.113.562-.025.537-.3-.134-1.455-1.057-2.714-1.412-4.13ZM102.589 95.49c-.111.513-.063 1.25-.199 1.75a9.505 9.505 0 0 1-.288 1.313c.025.136-.011-.138 0 0 .337 4.405-4.513 8.203-7.21 14.31-3.078 6.967-3.46 14.103-4.45 21.373-1.036 7.597-2.246 26.961-5.075 33.945a43.798 43.798 0 0 1-6.287 10.44.406.406 0 0 0 .014.55.405.405 0 0 0 .55.025c4.8-4.169 8.262-11.364 9.41-19.172.145-.983 2.293-21.179 2.787-24.797 1.147-8.4 1.527-16.368 5.488-23.861 1.743-3.297 4.645-6.02 5.911-9.773a7.793 7.793 0 0 0-.651-6.103ZM85.206 101.489c1.998-.08 3.826-1.423 5.45-2.64a22.921 22.921 0 0 1 7.336-3.85c.037-.55.086-1.088.12-1.638-6.42 1.368-8.748 5.106-13.132 7.319a.437.437 0 0 0-.034.718.445.445 0 0 0 .26.091Z",
3974
- fill: "#252C32"
3975
- })));
3976
- };
3977
-
3978
- var EmptyState = function EmptyState(_ref) {
3979
- var _ref$title = _ref.title,
3980
- title = _ref$title === void 0 ? "" : _ref$title,
3981
- _ref$description = _ref.description,
3982
- description = _ref$description === void 0 ? "" : _ref$description,
3983
- _ref$primaryButtonPro = _ref.primaryButtonProps,
3984
- primaryButtonProps = _ref$primaryButtonPro === void 0 ? null : _ref$primaryButtonPro,
3985
- _ref$secondaryButtonP = _ref.secondaryButtonProps,
3986
- secondaryButtonProps = _ref$secondaryButtonP === void 0 ? null : _ref$secondaryButtonP,
3987
- _ref$className = _ref.className,
3988
- className = _ref$className === void 0 ? "" : _ref$className;
3989
- return /*#__PURE__*/React__default["default"].createElement("div", {
3990
- "data-cy": "empty-state-container",
3991
- className: classnames(["m-auto flex h-full max-w-md flex-col items-center justify-center", className])
3992
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3993
- className: "mx-auto mb-4 flex items-center justify-center",
3994
- "data-cy": "empty-state-image-container"
3995
- }, /*#__PURE__*/React__default["default"].createElement(SvgNoData, null)), /*#__PURE__*/React__default["default"].createElement("h3", {
3996
- className: "mb-1 text-center text-xl font-semibold",
3997
- "data-cy": "empty-state-title"
3998
- }, title), /*#__PURE__*/React__default["default"].createElement("p", {
3999
- className: "mb-6 text-center text-sm font-normal leading-relaxed text-gray-600",
4000
- "data-cy": "empty-state-subtitle"
4001
- }, description), /*#__PURE__*/React__default["default"].createElement("div", {
4002
- className: "flex flex-row items-center justify-center space-x-2"
4003
- }, primaryButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$3({}, primaryButtonProps, {
4004
- "data-cy": "empty-state-primary-button"
4005
- })), secondaryButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$3({
4006
- style: "secondary"
4007
- }, secondaryButtonProps, {
4008
- "data-cy": "empty-state-secondary-button"
4009
- }))));
4010
- };
4011
-
4012
- var CustomDomain = function CustomDomain() {
3952
+ var CustomDomain = function CustomDomain(_ref) {
4013
3953
  var _data$customDomains;
3954
+ var headerProps = _ref.headerProps;
4014
3955
  var _useState = React.useState(""),
4015
3956
  _useState2 = _slicedToArray(_useState, 2),
4016
3957
  searchTerm = _useState2[0],
@@ -4050,10 +3991,10 @@ var CustomDomain = function CustomDomain() {
4050
3991
  setCustomDomain(customDomain);
4051
3992
  setIsAlertOpen(true);
4052
3993
  };
4053
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(layouts.Container, null, /*#__PURE__*/React__default["default"].createElement(layouts.Header, {
4054
- title: capitalize(t("neetoCommons.customDomain.customDomain", {
3994
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(layouts.Container, null, /*#__PURE__*/React__default["default"].createElement(layouts.Header, _extends$2({
3995
+ title: t("neetoCommons.customDomain.customDomain", {
4055
3996
  count: ENTITY_COUNT.plural
4056
- })),
3997
+ }),
4057
3998
  searchProps: {
4058
3999
  value: searchTerm,
4059
4000
  onChange: function onChange(e) {
@@ -4062,22 +4003,22 @@ var CustomDomain = function CustomDomain() {
4062
4003
  placeholder: t("neetoCommons.common.search", {
4063
4004
  entity: t("neetoCommons.customDomain.customDomain", {
4064
4005
  count: ENTITY_COUNT.plural
4065
- })
4006
+ }).toLocaleLowerCase()
4066
4007
  }),
4067
4008
  "data-cy": "custom-domain-search-field"
4068
4009
  },
4069
4010
  actionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
4070
4011
  "data-cy": "add-new-custom-domain-button",
4071
- label: t("neetoCommons.common.actions.add", {
4012
+ label: t("neetoCommons.common.actions.addNew", {
4072
4013
  entity: t("neetoCommons.customDomain.customDomain", {
4073
4014
  count: ENTITY_COUNT.singular
4074
- })
4015
+ }).toLocaleLowerCase()
4075
4016
  }),
4076
4017
  onClick: function onClick() {
4077
4018
  return enableManagePane(null);
4078
4019
  }
4079
4020
  })
4080
- }), isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
4021
+ }, headerProps)), isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
4081
4022
  className: "w-full h-screen"
4082
4023
  }, /*#__PURE__*/React__default["default"].createElement(neetoui.PageLoader, null)), !isLoading && (isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) ? /*#__PURE__*/React__default["default"].createElement("div", {
4083
4024
  className: "w-full flex-grow"
@@ -4093,28 +4034,25 @@ var CustomDomain = function CustomDomain() {
4093
4034
  columnData: renderColumnData(enableManagePane, enableDeleteAlert),
4094
4035
  allowRowClick: false,
4095
4036
  rowSelection: false
4096
- }))) : /*#__PURE__*/React__default["default"].createElement(EmptyState, {
4037
+ }))) : /*#__PURE__*/React__default["default"].createElement("div", {
4038
+ className: "flex h-full w-full flex-grow items-center justify-center"
4039
+ }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
4097
4040
  title: t("neetoCommons.common.notFound.title", {
4098
4041
  entity: t("neetoCommons.customDomain.customDomain", {
4099
- count: ENTITY_COUNT.singular
4100
- })
4101
- }),
4102
- description: t("neetoCommons.common.notFound.desc", {
4103
- entity: t("neetoCommons.customDomain.customDomain", {
4104
- count: ENTITY_COUNT.singular
4105
- })
4042
+ count: ENTITY_COUNT.plural
4043
+ }).toLocaleLowerCase()
4106
4044
  }),
4107
4045
  primaryButtonProps: {
4108
- label: t("neetoCommons.common.actions.add", {
4046
+ label: t("neetoCommons.common.actions.addNew", {
4109
4047
  entity: t("neetoCommons.customDomain.customDomain", {
4110
4048
  count: ENTITY_COUNT.singular
4111
- })
4049
+ }).toLocaleLowerCase()
4112
4050
  }),
4113
4051
  onClick: function onClick() {
4114
4052
  return enableManagePane(null);
4115
4053
  }
4116
4054
  }
4117
- }))), /*#__PURE__*/React__default["default"].createElement(Manage, {
4055
+ })))), /*#__PURE__*/React__default["default"].createElement(Manage, {
4118
4056
  customDomain: customDomain,
4119
4057
  isOpen: isPaneOpen,
4120
4058
  onClose: function onClose() {
@@ -4128,7 +4066,7 @@ var CustomDomain = function CustomDomain() {
4128
4066
  title: t("neetoCommons.common.deleteAlert.title", {
4129
4067
  entity: t("neetoCommons.customDomain.customDomain", {
4130
4068
  count: ENTITY_COUNT.singular
4131
- })
4069
+ }).toLocaleLowerCase()
4132
4070
  }),
4133
4071
  message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
4134
4072
  i18nKey: "neetoCommons.customDomain.alertMessage",
@@ -4153,11 +4091,11 @@ var DateFormat = ramda.fromPairs(ramda.keys(timeFormat).map(function (key) {
4153
4091
  tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
4154
4092
  _ref$typographyProps = _ref.typographyProps,
4155
4093
  typographyProps = _ref$typographyProps === void 0 ? {} : _ref$typographyProps;
4156
- var dateDisplay = /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$3({
4094
+ var dateDisplay = /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$2({
4157
4095
  component: "span",
4158
4096
  style: "body2"
4159
4097
  }, typographyProps), timeFormat[key](date));
4160
- return key === "extended" ? dateDisplay : /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends$3({
4098
+ return key === "extended" ? dateDisplay : /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends$2({
4161
4099
  position: "top",
4162
4100
  content: timeFormat.extended(date)
4163
4101
  }, tooltipProps), dateDisplay);
@@ -7954,7 +7892,7 @@ function createElement(_ref) {
7954
7892
  }
7955
7893
 
7956
7894
  var children = childrenCreator(node.children);
7957
- return /*#__PURE__*/React__default["default"].createElement(TagName, _extends$3({
7895
+ return /*#__PURE__*/React__default["default"].createElement(TagName, _extends$2({
7958
7896
  key: key
7959
7897
  }, props), children);
7960
7898
  }
@@ -56403,7 +56341,7 @@ var createAsyncLoadingHighlighter = (function (options) {
56403
56341
  }, {
56404
56342
  key: "render",
56405
56343
  value: function render() {
56406
- return /*#__PURE__*/React__default["default"].createElement(ReactAsyncHighlighter.highlightInstance, _extends$3({}, this.props, {
56344
+ return /*#__PURE__*/React__default["default"].createElement(ReactAsyncHighlighter.highlightInstance, _extends$2({}, this.props, {
56407
56345
  language: this.normalizeLanguage(this.props.language),
56408
56346
  astGenerator: ReactAsyncHighlighter.astGenerator
56409
56347
  }));
@@ -90787,7 +90725,7 @@ var EmbedCode = function EmbedCode(_ref) {
90787
90725
  })))
90788
90726
  })), /*#__PURE__*/React__default["default"].createElement("div", {
90789
90727
  className: "w-full"
90790
- }, t("neetoCommons.widget.installation.instructions.sessionContext"))) : null, /*#__PURE__*/React__default["default"].createElement(CodeSnippet, _extends$3({
90728
+ }, t("neetoCommons.widget.installation.instructions.sessionContext"))) : null, /*#__PURE__*/React__default["default"].createElement(CodeSnippet, _extends$2({
90791
90729
  isPaneOpen: !!emailType && isNotEmpty(selectedWidgets),
90792
90730
  onClose: function onClose() {
90793
90731
  return setEmailType(EMAIL_TYPES["null"]);
package/react-utils.d.ts CHANGED
@@ -139,7 +139,9 @@ export declare type ZustandStoreHook = {
139
139
  (): any;
140
140
  };
141
141
 
142
- export const CustomDomain: React.FC<{}>;
142
+ export const CustomDomain: React.FC<{
143
+ headerProps: { [key: string]: any }
144
+ }>;
143
145
 
144
146
  export const IpRestriction: React.FC<{}>;
145
147
 
package/react-utils.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import React__default, { useState, useEffect, useDebugValue, useRef, useImperativeHandle, forwardRef } from 'react';
3
- import { Button, Callout, Typography, Dropdown, Input, Label, Checkbox, Toastr, Tag, Pane, PageLoader, Table, Alert, Tooltip, Spinner, Switch } from '@bigbinary/neetoui';
3
+ import { Button, Callout, Typography, Dropdown, Input, Label, Checkbox, Toastr, Tag, Pane, PageLoader, Table, NoData, Alert, Tooltip, Spinner, Switch } from '@bigbinary/neetoui';
4
4
  import i18next, { t } from 'i18next';
5
5
  import { mergeLeft, curryN, isNil, complement as complement$1, isEmpty, either as either$1, curry, includes, __, filter, trim, toLower, identity, without, append, prop as prop$1, fromPairs, keys, values, last as last$1, pluck, any, uniq, intersection, difference, pick, assoc, not as not$2, toPairs } from 'ramda';
6
6
  import { Trans, useTranslation } from 'react-i18next';
@@ -1497,8 +1497,8 @@ var BrowserSupport = function BrowserSupport(_ref) {
1497
1497
  })));
1498
1498
  };
1499
1499
 
1500
- function _extends$3() {
1501
- _extends$3 = Object.assign ? Object.assign.bind() : function (target) {
1500
+ function _extends$2() {
1501
+ _extends$2 = Object.assign ? Object.assign.bind() : function (target) {
1502
1502
  for (var i = 1; i < arguments.length; i++) {
1503
1503
  var source = arguments[i];
1504
1504
  for (var key in source) {
@@ -1509,7 +1509,7 @@ function _extends$3() {
1509
1509
  }
1510
1510
  return target;
1511
1511
  };
1512
- return _extends$3.apply(this, arguments);
1512
+ return _extends$2.apply(this, arguments);
1513
1513
  }
1514
1514
 
1515
1515
  function _typeof$1(obj) {
@@ -1731,7 +1731,7 @@ var Columns = function Columns(_ref) {
1731
1731
  dataIndex: includes(__, hiddenColumns)
1732
1732
  }, columnData));
1733
1733
  }, [columnData, hiddenColumns]);
1734
- return /*#__PURE__*/React__default.createElement(Dropdown, _extends$3({
1734
+ return /*#__PURE__*/React__default.createElement(Dropdown, _extends$2({
1735
1735
  buttonSize: "medium",
1736
1736
  buttonStyle: "text",
1737
1737
  closeOnSelect: false,
@@ -1740,7 +1740,7 @@ var Columns = function Columns(_ref) {
1740
1740
  return setSearchTerm("");
1741
1741
  },
1742
1742
  position: "bottom-end"
1743
- }, dropdownProps), /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement("div", null, isSearchable && /*#__PURE__*/React__default.createElement(Input, _extends$3({
1743
+ }, dropdownProps), /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement("div", null, isSearchable && /*#__PURE__*/React__default.createElement(Input, _extends$2({
1744
1744
  className: "neeto-ui-px-3 neeto-ui-py-2",
1745
1745
  "data-cy": "neeto-ui-columns-search",
1746
1746
  onChange: handleSearch,
@@ -1757,7 +1757,7 @@ var Columns = function Columns(_ref) {
1757
1757
  }, /*#__PURE__*/React__default.createElement(Label, {
1758
1758
  className: "neeto-ui-w-full neeto-ui-px-3 neeto-ui-py-2 hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer",
1759
1759
  htmlFor: dataIndex
1760
- }, /*#__PURE__*/React__default.createElement(Checkbox, _extends$3({
1760
+ }, /*#__PURE__*/React__default.createElement(Checkbox, _extends$2({
1761
1761
  id: dataIndex,
1762
1762
  name: dataIndex,
1763
1763
  checked: !hiddenColumns.includes(dataIndex),
@@ -3857,9 +3857,15 @@ var Manage = function Manage(_ref) {
3857
3857
  style: "h2",
3858
3858
  weight: "semibold",
3859
3859
  "data-cy": "add-custom-domain-pane-heading"
3860
- }, capitalize(t("neetoCommons.customDomain.customDomain", {
3861
- count: ENTITY_COUNT.singular
3862
- })))), /*#__PURE__*/React__default.createElement(Pane.Body, null, /*#__PURE__*/React__default.createElement("div", {
3860
+ }, customDomain ? t("neetoCommons.common.actions.editTitle", {
3861
+ entity: t("neetoCommons.customDomain.customDomain", {
3862
+ count: ENTITY_COUNT.singular
3863
+ }).toLocaleLowerCase()
3864
+ }) : t("neetoCommons.common.actions.addNew", {
3865
+ entity: t("neetoCommons.customDomain.customDomain", {
3866
+ count: ENTITY_COUNT.singular
3867
+ }).toLocaleLowerCase()
3868
+ }))), /*#__PURE__*/React__default.createElement(Pane.Body, null, /*#__PURE__*/React__default.createElement("div", {
3863
3869
  className: "space-y-6 w-full"
3864
3870
  }, !!customDomain && /*#__PURE__*/React__default.createElement(TagBlock, {
3865
3871
  status: customDomain.status,
@@ -3906,74 +3912,9 @@ var Manage = function Manage(_ref) {
3906
3912
  }));
3907
3913
  };
3908
3914
 
3909
- var _path$2, _path2$2, _path3$1, _path4$1, _path5$1, _path6$1, _path7;
3910
- function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
3911
- var SvgNoData = function SvgNoData(props) {
3912
- return /*#__PURE__*/React.createElement("svg", _extends$2({
3913
- width: 241,
3914
- height: 202,
3915
- fill: "none",
3916
- xmlns: "http://www.w3.org/2000/svg"
3917
- }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
3918
- d: "M124.139 70.44a1.398 1.398 0 0 0-1.261-.075 1.389 1.389 0 0 0-.802.975 5.087 5.087 0 0 0-.136 1.38c-.046.397.019.8.187 1.162.162.625.575 1.137 1.362.96.863-.188 1.149-1.026 1.226-1.812.082-.864.261-2.013-.576-2.59ZM122.851 67.942a2.689 2.689 0 0 0-1.825 1.65c-.1.287.29.48.487.287 1.855-1.8 2.51-.6 3.376-1.112.5-.293-.134-1.425-2.038-.825ZM129.962 82.942c-.91.008-1.813.16-2.675.45-.825.198-1.272.624-1.212-.764.041-.922 1.625-5.001 1.65-7.736a.296.296 0 0 0-.219-.279.3.3 0 0 0-.331.129 22.828 22.828 0 0 0-1.35 4.35c-.57 2.212-2.091 5.777.312 5.699a9.155 9.155 0 0 0 4.013-1.187.358.358 0 0 0 .025-.588.364.364 0 0 0-.213-.074ZM130.95 86.303a.297.297 0 0 0-.487.12c-.175.55-.062 1.15-.225 1.7a2.61 2.61 0 0 1-1.762 1.787c-1.837.48-2.64-1.136-3.312-2.45a.327.327 0 0 0-.588.075c-.575 2.088 2.238 3.776 4.025 3.413 1.613-.307 4.05-3.157 2.349-4.645ZM217.39 123.687c-.33-4.3.319-8.611.462-12.911a.702.702 0 0 0-1.375-.187 48.385 48.385 0 0 0-.96 10.698c.014 7.782 3.944 16.698-.374 39.633-1.31 6.96-4.69 20.056-8.562 25.997-2.126 3.262-5.662 6.073-9.72 6.062-7.901-.024-13.44-10.292-16.92-18.047-1.71-3.802-2.937-7.8-4.44-11.687-.213-.55-1.08-.338-.9.249 2.905 9.683 8.383 26.236 17.773 30.248a11.485 11.485 0 0 0 11.085-1.125c3.44-2.31 5.528-5.823 7.088-9.575a115.537 115.537 0 0 0 8.336-42.994c0-8.528-1.099-11.226-1.493-16.361Z",
3919
- fill: "#252C32"
3920
- })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
3921
- d: "M204.042 112.963c-.114-.512-.791-.338-.85.112-.428 3.296-.552 6.561-1.175 9.84-2.4 12.632-4.397 13.633-7.699 21.773-2.712 6.684-5.348 17.361-4.44 24.572.065.512.866.751 1 .138.822-3.758.765-7.687 1.488-11.461 3.303-17.26 8.827-18.633 11.16-34.147.518-3.43 1.278-7.413.516-10.827ZM193.93 80.528a51.427 51.427 0 0 0 6.85 3.337c.471-.499.99-.951 1.549-1.35a33.327 33.327 0 0 0-8.049-2.823.457.457 0 0 0-.35.836ZM233.726 102.213a15.938 15.938 0 0 0-6.162-6.248 116.876 116.876 0 0 0-4.812-2.963c-.588.454-1.153.938-1.692 1.45 4.957 2.872 11.74 6.201 11.385 11.823-.211 3.351-2.911 4.861-6.061 4.08-3.19-.795-6.173-2.562-10.298-4.625-.251.638-.489 1.288-.738 1.913.75.375 1.513.749 2.262 1.113 2.988 1.447 6.187 3.393 9.536 3.824 5.956.76 8.85-5.428 6.58-10.367ZM194.943 94.378c-2.52-1.412-5.058-2.821-7.625-4.138a.606.606 0 0 0-.806.234.612.612 0 0 0 .194.816 109.95 109.95 0 0 0 7.575 5c.212-.65.425-1.287.662-1.912ZM167.271 68.068c1.56.76 2.775 2.27 4.386 2.825.288.1.499-.225.438-.463-.456-1.76-2.85-2.985-4.413-3.7a14.878 14.878 0 0 0-6.224-1.35 19.262 19.262 0 0 0-7.037 1.638c-1.788.72-3.818 1.627-4.674 3.438-.12.263.19.626.462.424 5.044-3.742 11.307-5.6 17.062-2.812ZM172.083 71.617a18.555 18.555 0 0 1-4.68 2.924 17.254 17.254 0 0 1-5.52.95 21.754 21.754 0 0 1-10.92-3.26.427.427 0 0 0-.538.123.425.425 0 0 0 .038.55c6.732 6.513 20.571 4.667 22.46-.712.15-.432-.478-.837-.84-.575Z",
3922
- fill: "#252C32"
3923
- })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
3924
- d: "M159.51 68.868a1.724 1.724 0 0 0-.849 1.572 1.918 1.918 0 0 0 1.763 2.35 2 2 0 0 0 1.856-1.16 1.997 1.997 0 0 0-.319-2.164 2.154 2.154 0 0 0-2.451-.598ZM152.499 65.605a16.465 16.465 0 0 1 8.623-2.924c3.099.037 5.142 1.986 7.937 2.85.249.076.511-.262.337-.48a11.23 11.23 0 0 0-8.023-3.55 14.688 14.688 0 0 0-9.213 3.562.319.319 0 0 0 .097.582c.083.02.17.005.242-.04ZM173.695 75.693c-8.9 7.632-10.629 9.107-12.149 10.8a.358.358 0 0 0 0 .499.578.578 0 0 0 .738.076c2.544-1.847 4.152-3.624 11.96-10.862.346-.321-.183-.828-.549-.513ZM162.809 80.779a.313.313 0 0 0-.437-.025c-5.184 4.567-6.103 5.271-7.212 6.51-.288.324.212.687.55.45a23.4 23.4 0 0 0 2.776-2.436c.273-.263 3.261-3.075 4.319-4.112a.285.285 0 0 0 .004-.387ZM135.02 94.402a10.4 10.4 0 0 0-3.45.663 18.036 18.036 0 0 1-4.263.7 8.93 8.93 0 0 1-5.987-1.863c-3.405-2.887-2.146-8.3-1.65-14.249.041-.487-.474-.735-.874-.662-2.76.509-5.886-.95-6.112-4.024a3.417 3.417 0 0 1 3.408-3.747 3.417 3.417 0 0 1 1.804.522.571.571 0 0 0 .575-.001.574.574 0 0 0 .287-.499c.129-1.963.462-3.912.75-5.85a20.956 20.956 0 0 0 9.6 1.65c.176 0 .351-.012.513-.012a47.251 47.251 0 0 1 6.15-16.335c-2.88-3.275-5.374-7.002-9.287-9.087a10.016 10.016 0 0 0-14.124 5.224c-2.497 6.053.047 14.143 5.987 17.923a50.196 50.196 0 0 0-.675 5.574 4.627 4.627 0 0 0-6.374 4.25c-.073 3.862 3.412 6.062 6.899 5.863-.525 4.886-1.901 11.4 2.513 14.773a10.094 10.094 0 0 0 5.55 1.937c.013 1.038.139 2.062.1 3.099a10.748 10.748 0 0 1-1.225 4.224.573.573 0 0 0 .152.72.572.572 0 0 0 .735-.032c1.92-1.782 1.988-5.412 1.225-7.986 2.562-.037 6.06-.511 7.999-2.2a.339.339 0 0 0 .075-.361.334.334 0 0 0-.301-.214Zm-16.882-35.209c-3.218-1.099-5.672-7.815-2.862-12.16.187-.289.683-.103.563.24a10.491 10.491 0 0 0-.36 6.261c.553 2.16 1.962 3.342 3.062 5.15a.362.362 0 0 1-.203.498.36.36 0 0 1-.2.011ZM51.485 49.583a7.656 7.656 0 0 0-3.487-.36c-6.823.163-17.366.637-27.272 1.44-1.434.02-2.86.23-4.238.625-.36.138-.45.8 0 .888 2.738.524 5.874-.15 8.64-.325 25.388-1.575 24.6-.7 26.36-1.6a.404.404 0 0 0-.003-.668ZM51.446 56.88a11.565 11.565 0 0 0-3.986-.388c-6.05-.102-15 .034-22.048.513a52.159 52.159 0 0 0-8.35.925c-.387.1-.274.7.088.72 4.286.331 13.17-.89 30.31-.6 1.332.151 2.68.075 3.986-.224a.507.507 0 0 0 0-.946ZM51.446 63.456a11.934 11.934 0 0 0-4 0c-8.573.582-15.217.563-21.034.563-2.737 0-5.724-.388-8.424.062-.45.075-.413.84 0 .937 2.65.675 5.712.45 8.424.525 4.277.12 12.497.019 21.035-.488 1.354.062 2.709-.12 4-.537.437-.198.533-.912 0-1.062ZM74.108 51.945a2.04 2.04 0 0 0-2.513-.45l.55.263a1.78 1.78 0 0 0-1 2.674 1.968 1.968 0 0 0 2.95.063 2.049 2.049 0 0 0 .013-2.55Z",
3925
- fill: "#252C32"
3926
- })), _path4$1 || (_path4$1 = /*#__PURE__*/React.createElement("path", {
3927
- d: "M74.78 51.932c-.625-1.1-2.614-1.872-3.437-.588a.264.264 0 0 0 0 .288 2.263 2.263 0 0 0-.913 2.574 2.4 2.4 0 0 0 3.24 1.275 2.537 2.537 0 0 0 1.11-3.55Zm-1.55 2.511a1.334 1.334 0 0 1-1.76-.524 1.42 1.42 0 0 1 .774-1.775.392.392 0 0 0 .287-.337 1.397 1.397 0 0 1 .7 2.64v-.004ZM82.7 51.932c-.625-1.1-2.613-1.872-3.436-.588a.267.267 0 0 0 0 .288 2.265 2.265 0 0 0-.912 2.574 2.398 2.398 0 0 0 3.24 1.275 2.535 2.535 0 0 0 1.109-3.55Zm-1.56 2.511a1.336 1.336 0 0 1-1.761-.524 1.42 1.42 0 0 1 .775-1.775.392.392 0 0 0 .287-.337 1.415 1.415 0 0 1 1.262.686 1.391 1.391 0 0 1-.562 1.95ZM90.62 51.932c-.623-1.1-2.598-1.863-3.436-.588a.267.267 0 0 0 0 .288 2.262 2.262 0 0 0-.912 2.574 2.4 2.4 0 0 0 3.24 1.275 2.533 2.533 0 0 0 1.109-3.55ZM97.978 88.403a60.081 60.081 0 0 0-9.06-20.135c-.7-1.051-1.534-2.868-2.88-3.063a.42.42 0 0 0-.5.513 11.726 11.726 0 0 0 2.175 3.45c5.356 7.902 6.556 11.98 9.51 19.447a.391.391 0 1 0 .755-.212ZM82.743 82.2a2.762 2.762 0 0 1 3.474-2.437c3.575.972 4.15 6.48 6.275 9.862a.352.352 0 0 0 .65-.175 15.212 15.212 0 0 0-1.788-6.112 9.617 9.617 0 0 0-3.087-4.225c-2.64-1.793-6.513-.465-6.312 3.075a.395.395 0 0 0 .788.012ZM77.644 87.12a4.08 4.08 0 0 1 2.375-3.3c1.688-.534 3.176.949 4.15 2.125 1.816 2.197 2.722 4.764 3.937 7.3a.351.351 0 0 0 .65-.176 13.54 13.54 0 0 0-5.712-9.81c-3.026-1.81-5.786.648-6.012 3.761-.026.358.55.433.612.1ZM76.569 98.44a23.558 23.558 0 0 1-2.187-6.074c-.223-1.389-.088-2.741 1.237-2.88 2.011-.204 4.064 2.211 5.2 3.637 1.56 1.962 2.705 4.22 4.1 6.3.2.299.762.12.624-.263-1.428-3.991-4.135-8.916-8.237-10.686a3.298 3.298 0 0 0-3.136.212c-2.42 1.68-.551 5.962.275 7.937a52.306 52.306 0 0 0 3.261 6.399c.388-.012.787-.038 1.175-.05a77.79 77.79 0 0 1-2.313-4.532ZM93.204 168.994c-1.75 3.349-3.398 7.026-5.798 9.986-4.428 5.462-13.528 11.212-20.04 7.512-3.66-2.079-4.892-7.225-5.375-11.11a34.803 34.803 0 0 1 1.013-12.075c3.926-17.121 11.677-26.935 18.91-45.095 1.32-3.325 2.263-7.419-.137-10.448a.614.614 0 0 0-.2-.175c-.313.012-.638.025-.951.05.076.112.15.213.214.324a.478.478 0 0 0 .062.313c1.912 3.975.21 8.073-1.588 11.76-1.851 3.798-3.43 7.702-5.236 11.52-6.106 12.915-17.348 32.247-13.112 47.832 1.002 3.687 2.589 7.373 6.24 9.05 7.263 3.337 15.966-1.952 20.986-7.625a31.89 31.89 0 0 0 5.987-11.386.54.54 0 0 0-.675-.651.538.538 0 0 0-.3.218Z",
3928
- fill: "#252C32"
3929
- })), _path5$1 || (_path5$1 = /*#__PURE__*/React.createElement("path", {
3930
- d: "M100.153 48.57a10.32 10.32 0 0 0-1.775-5.563c-2.27-2.777-6.561-3.47-9.873-3.886a93.19 93.19 0 0 0-18.24.05.6.6 0 0 0 0 1.187c7.362.24 15.222-.782 22.398 1.288a8.44 8.44 0 0 1 4.623 2.65c1.403 1.935 1.306 4.96 1.513 7.26 1.21 13.478 1.107 26.866.9 40.846a29.697 29.697 0 0 1-.438 7.387c-.75 2.699-3.1 3.471-5.599 3.72-17.543 1.783-66.139 2.043-79.962-.549-2.25-.422-4.346-1.338-5.061-3.737-.72-2.425-.345-5.4-.35-7.887-.078-33.171-.146-35.478-.175-41.02-.01-2.113-.301-4.92 1.175-6.65 1.423-1.663 3.96-1.56 5.95-1.699 14.073-.98 28.21-1.43 42.307-1.788 1.35-.034 2.663-.198 4-.35a.36.36 0 0 0 0-.712c-7.268-.728-14.749-.19-22.048-.037-7.737.16-15.473.428-23.197.986-3.48.252-7.808.39-9.212 4.288a19.09 19.09 0 0 0-.562 6.562c.022 4.58.166 40.135.2 44.745.014 2.137.12 4.421 1.475 6.161a7.83 7.83 0 0 0 4.649 2.578c6.376 1.384 43.816 3.526 77.666 1.012 2.287-.17 4.826-.135 6.96-1.1 4.302-1.944 3.817-7.299 3.862-11.3.152-13.7.426-29.532-1.186-44.443ZM193.642 135.048a89.198 89.198 0 0 0-10.96-16.968 36.982 36.982 0 0 0-16.424-11.412c-3.48-1.094-5.893-1.353-22.698-3.824l-.436.275c-3.801 3.8-5.313 4.542-11.52 4.174a11.895 11.895 0 0 1-4.238-.775 6.05 6.05 0 0 1-2.64-2.324l-.286-.36a42.624 42.624 0 0 0-22.823 4.937c-2.976 4.44-5.567 8.167-6.562 13.136-2.96 14.777-.84 21.36-.762 33.983a70.313 70.313 0 0 1 3.187-13.26.42.42 0 1 1 .812.224c-2.502 9.181-3.454 18.96-4.149 20.836.061.035.12.075.174.12-1.974 15.985-1.237 19.098-1.237 37.495 41.748-1.15 38.64-.188 84.528-.012-.988-21.66-1.65-18.698-4.32-39.295a152.705 152.705 0 0 1 16.848-10.425c.974-3 2.201-5.948 3.25-8.899a76.192 76.192 0 0 1 1.824-4.586 125.272 125.272 0 0 0-1.568-3.04Zm-19.897 21.873a.352.352 0 0 1-.108.163.346.346 0 0 1-.517-.089 14.762 14.762 0 0 1-.9-4.037c-1.56-8.948-2.051-10.427-2.212-13.298-.025-.437.58-.453.712-.1a52.171 52.171 0 0 1 1.975 9.061c.274 1.526.511 3.06.737 4.587a13.09 13.09 0 0 1 .313 3.713ZM204.705 83.828a.35.35 0 0 0-.028-.382.349.349 0 0 0-.36-.13c-1.713.471-3.021 2.151-4.025 3.537a25.69 25.69 0 0 0-4.173 11.536c-.5 2.455-.454 4.99.137 7.424.139.412.871.525.95 0 .311-2.077.1-4.212.312-6.312a27.687 27.687 0 0 1 3.72-11.574c.99-1.527 2.436-2.616 3.467-4.099ZM209.541 86.228c.336-.314-.12-.946-.501-.65-3.157 2.463-4.959 6.288-6.386 9.924a55.902 55.902 0 0 0-2.125 6.649 17.402 17.402 0 0 0-.775 6.387c.061.488.826.713.95.12a91.958 91.958 0 0 1 2.975-11.95c1.315-3.718 2.903-7.718 5.862-10.48ZM215.816 88.94a.443.443 0 0 0 .201-.266.443.443 0 0 0-.307-.535.44.44 0 0 0-.331.04c-3.72 1.853-5.313 6.423-6.949 9.972-.96 2.088-1.914 4.175-2.88 6.262-.713 1.55-1.864 3.3-2.05 5.012-.037.351.45.5.676.275a14.996 14.996 0 0 0 2.374-4.461c.898-1.964 1.8-3.915 2.699-5.874 1.659-3.58 3.121-8.165 6.567-10.425ZM221.314 90.253c-2.52.137-4.495 2.553-5.737 4.524a40.626 40.626 0 0 0-3.024 6.675 74.765 74.765 0 0 0-3.012 7.048c-.051.176.163.377.337.251a9.519 9.519 0 0 0 2.65-3.925c1.968-4.268 2.784-7.928 5.224-10.836a6.759 6.759 0 0 1 3.012-2.324c1.587-.455 2.012.512 2.888 1.537a.38.38 0 0 0 .318.107.383.383 0 0 0 .282-.183c.807-1.67-1.551-2.95-2.938-2.874Z",
3931
- fill: "#252C32"
3932
- })), _path6$1 || (_path6$1 = /*#__PURE__*/React.createElement("path", {
3933
- d: "M41.24 92.374a8.66 8.66 0 0 1-10.855 1.719c-6.6-3.826-5.37-13.377.183-16.12a8.57 8.57 0 0 1 6.047-.557c5.421 1.544 7.527 8.072 3.321 12.16-.806.795-1.878 1.364-2.454.377a5.63 5.63 0 0 1-.449-2.857 29.161 29.161 0 0 1 .35-4.964.903.903 0 0 0-1.059-1.022c-1.81-1.943-6.144-1.36-7.621 2.73a8.44 8.44 0 0 0 .208 5.76 3.68 3.68 0 0 0 6.577-.276c.6 3.095 3.348 4.103 6.134.96A8.715 8.715 0 0 0 40.1 77.16a10.025 10.025 0 0 0-13.626 1.92 11.324 11.324 0 0 0 1.114 15.177c4.273 3.855 11.491 3.875 14.88-.936.536-.75-.647-1.656-1.228-.947Zm-5.76-9.812c-.218.96-1.292 5.904-1.928 6.66a1.934 1.934 0 0 1-2.414.348 2.684 2.684 0 0 1-1.121-2.264c-.416-3.548 1.736-5.61 3.586-5.61a2.158 2.158 0 0 1 1.88.864l-.004.002ZM174.981 41.42c-6.286-3.127-13.849-3.79-20.223-.574-.649.327-.2 1.448.5 1.188a23.793 23.793 0 0 1 17.574.387c15.134 6.448 23.466 29.506 12.036 46.08a29.506 29.506 0 0 1-31.547 11.562 29.066 29.066 0 0 1-21.06-24.72 33.698 33.698 0 0 1 4.08-20.136 27.728 27.728 0 0 1 14.323-12.36.469.469 0 0 0 .325-.575.466.466 0 0 0-.575-.325c-8.778 1.486-19.113 12.579-19.963 28.708a30.632 30.632 0 0 0 18.51 29.772A31.257 31.257 0 0 0 183.532 93c15.282-16.45 8.116-43.288-8.551-51.58Z",
3934
- fill: "#252C32"
3935
- })), _path7 || (_path7 = /*#__PURE__*/React.createElement("path", {
3936
- d: "M171.571 49.258a16.7 16.7 0 0 0-14.837-.425c-.474.24-.148 1.064.36.875a17.586 17.586 0 0 1 12.887.275c11.098 4.703 17.195 21.635 8.824 33.795a21.644 21.644 0 0 1-23.135 8.488 21.326 21.326 0 0 1-15.448-18.12 24.687 24.687 0 0 1 2.987-14.773 20.262 20.262 0 0 1 10.511-9.061.344.344 0 0 0-.187-.663c-6.451 1.097-14.009 9.257-14.64 21.06a22.472 22.472 0 0 0 13.574 21.84 22.909 22.909 0 0 0 25.347-5.437c11.251-12.103 5.972-31.791-6.243-37.854ZM141.236 99.264a29.742 29.742 0 0 1-.45-2.16 18.32 18.32 0 0 1-1.462-1.512c.146 1.436.392 2.86.737 4.262.34 1.362.712 3.126 2.05 3.84.212.113.562-.025.537-.3-.134-1.455-1.057-2.714-1.412-4.13ZM102.589 95.49c-.111.513-.063 1.25-.199 1.75a9.505 9.505 0 0 1-.288 1.313c.025.136-.011-.138 0 0 .337 4.405-4.513 8.203-7.21 14.31-3.078 6.967-3.46 14.103-4.45 21.373-1.036 7.597-2.246 26.961-5.075 33.945a43.798 43.798 0 0 1-6.287 10.44.406.406 0 0 0 .014.55.405.405 0 0 0 .55.025c4.8-4.169 8.262-11.364 9.41-19.172.145-.983 2.293-21.179 2.787-24.797 1.147-8.4 1.527-16.368 5.488-23.861 1.743-3.297 4.645-6.02 5.911-9.773a7.793 7.793 0 0 0-.651-6.103ZM85.206 101.489c1.998-.08 3.826-1.423 5.45-2.64a22.921 22.921 0 0 1 7.336-3.85c.037-.55.086-1.088.12-1.638-6.42 1.368-8.748 5.106-13.132 7.319a.437.437 0 0 0-.034.718.445.445 0 0 0 .26.091Z",
3937
- fill: "#252C32"
3938
- })));
3939
- };
3940
-
3941
- var EmptyState = function EmptyState(_ref) {
3942
- var _ref$title = _ref.title,
3943
- title = _ref$title === void 0 ? "" : _ref$title,
3944
- _ref$description = _ref.description,
3945
- description = _ref$description === void 0 ? "" : _ref$description,
3946
- _ref$primaryButtonPro = _ref.primaryButtonProps,
3947
- primaryButtonProps = _ref$primaryButtonPro === void 0 ? null : _ref$primaryButtonPro,
3948
- _ref$secondaryButtonP = _ref.secondaryButtonProps,
3949
- secondaryButtonProps = _ref$secondaryButtonP === void 0 ? null : _ref$secondaryButtonP,
3950
- _ref$className = _ref.className,
3951
- className = _ref$className === void 0 ? "" : _ref$className;
3952
- return /*#__PURE__*/React__default.createElement("div", {
3953
- "data-cy": "empty-state-container",
3954
- className: classnames(["m-auto flex h-full max-w-md flex-col items-center justify-center", className])
3955
- }, /*#__PURE__*/React__default.createElement("div", {
3956
- className: "mx-auto mb-4 flex items-center justify-center",
3957
- "data-cy": "empty-state-image-container"
3958
- }, /*#__PURE__*/React__default.createElement(SvgNoData, null)), /*#__PURE__*/React__default.createElement("h3", {
3959
- className: "mb-1 text-center text-xl font-semibold",
3960
- "data-cy": "empty-state-title"
3961
- }, title), /*#__PURE__*/React__default.createElement("p", {
3962
- className: "mb-6 text-center text-sm font-normal leading-relaxed text-gray-600",
3963
- "data-cy": "empty-state-subtitle"
3964
- }, description), /*#__PURE__*/React__default.createElement("div", {
3965
- className: "flex flex-row items-center justify-center space-x-2"
3966
- }, primaryButtonProps && /*#__PURE__*/React__default.createElement(Button, _extends$3({}, primaryButtonProps, {
3967
- "data-cy": "empty-state-primary-button"
3968
- })), secondaryButtonProps && /*#__PURE__*/React__default.createElement(Button, _extends$3({
3969
- style: "secondary"
3970
- }, secondaryButtonProps, {
3971
- "data-cy": "empty-state-secondary-button"
3972
- }))));
3973
- };
3974
-
3975
- var CustomDomain = function CustomDomain() {
3915
+ var CustomDomain = function CustomDomain(_ref) {
3976
3916
  var _data$customDomains;
3917
+ var headerProps = _ref.headerProps;
3977
3918
  var _useState = useState(""),
3978
3919
  _useState2 = _slicedToArray(_useState, 2),
3979
3920
  searchTerm = _useState2[0],
@@ -4013,10 +3954,10 @@ var CustomDomain = function CustomDomain() {
4013
3954
  setCustomDomain(customDomain);
4014
3955
  setIsAlertOpen(true);
4015
3956
  };
4016
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Header$1, {
4017
- title: capitalize(t("neetoCommons.customDomain.customDomain", {
3957
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Header$1, _extends$2({
3958
+ title: t("neetoCommons.customDomain.customDomain", {
4018
3959
  count: ENTITY_COUNT.plural
4019
- })),
3960
+ }),
4020
3961
  searchProps: {
4021
3962
  value: searchTerm,
4022
3963
  onChange: function onChange(e) {
@@ -4025,22 +3966,22 @@ var CustomDomain = function CustomDomain() {
4025
3966
  placeholder: t("neetoCommons.common.search", {
4026
3967
  entity: t("neetoCommons.customDomain.customDomain", {
4027
3968
  count: ENTITY_COUNT.plural
4028
- })
3969
+ }).toLocaleLowerCase()
4029
3970
  }),
4030
3971
  "data-cy": "custom-domain-search-field"
4031
3972
  },
4032
3973
  actionBlock: /*#__PURE__*/React__default.createElement(Button, {
4033
3974
  "data-cy": "add-new-custom-domain-button",
4034
- label: t("neetoCommons.common.actions.add", {
3975
+ label: t("neetoCommons.common.actions.addNew", {
4035
3976
  entity: t("neetoCommons.customDomain.customDomain", {
4036
3977
  count: ENTITY_COUNT.singular
4037
- })
3978
+ }).toLocaleLowerCase()
4038
3979
  }),
4039
3980
  onClick: function onClick() {
4040
3981
  return enableManagePane(null);
4041
3982
  }
4042
3983
  })
4043
- }), isLoading && /*#__PURE__*/React__default.createElement("div", {
3984
+ }, headerProps)), isLoading && /*#__PURE__*/React__default.createElement("div", {
4044
3985
  className: "w-full h-screen"
4045
3986
  }, /*#__PURE__*/React__default.createElement(PageLoader, null)), !isLoading && (isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) ? /*#__PURE__*/React__default.createElement("div", {
4046
3987
  className: "w-full flex-grow"
@@ -4056,28 +3997,25 @@ var CustomDomain = function CustomDomain() {
4056
3997
  columnData: renderColumnData(enableManagePane, enableDeleteAlert),
4057
3998
  allowRowClick: false,
4058
3999
  rowSelection: false
4059
- }))) : /*#__PURE__*/React__default.createElement(EmptyState, {
4000
+ }))) : /*#__PURE__*/React__default.createElement("div", {
4001
+ className: "flex h-full w-full flex-grow items-center justify-center"
4002
+ }, /*#__PURE__*/React__default.createElement(NoData, {
4060
4003
  title: t("neetoCommons.common.notFound.title", {
4061
4004
  entity: t("neetoCommons.customDomain.customDomain", {
4062
- count: ENTITY_COUNT.singular
4063
- })
4064
- }),
4065
- description: t("neetoCommons.common.notFound.desc", {
4066
- entity: t("neetoCommons.customDomain.customDomain", {
4067
- count: ENTITY_COUNT.singular
4068
- })
4005
+ count: ENTITY_COUNT.plural
4006
+ }).toLocaleLowerCase()
4069
4007
  }),
4070
4008
  primaryButtonProps: {
4071
- label: t("neetoCommons.common.actions.add", {
4009
+ label: t("neetoCommons.common.actions.addNew", {
4072
4010
  entity: t("neetoCommons.customDomain.customDomain", {
4073
4011
  count: ENTITY_COUNT.singular
4074
- })
4012
+ }).toLocaleLowerCase()
4075
4013
  }),
4076
4014
  onClick: function onClick() {
4077
4015
  return enableManagePane(null);
4078
4016
  }
4079
4017
  }
4080
- }))), /*#__PURE__*/React__default.createElement(Manage, {
4018
+ })))), /*#__PURE__*/React__default.createElement(Manage, {
4081
4019
  customDomain: customDomain,
4082
4020
  isOpen: isPaneOpen,
4083
4021
  onClose: function onClose() {
@@ -4091,7 +4029,7 @@ var CustomDomain = function CustomDomain() {
4091
4029
  title: t("neetoCommons.common.deleteAlert.title", {
4092
4030
  entity: t("neetoCommons.customDomain.customDomain", {
4093
4031
  count: ENTITY_COUNT.singular
4094
- })
4032
+ }).toLocaleLowerCase()
4095
4033
  }),
4096
4034
  message: /*#__PURE__*/React__default.createElement(Trans, {
4097
4035
  i18nKey: "neetoCommons.customDomain.alertMessage",
@@ -4116,11 +4054,11 @@ var DateFormat = fromPairs(keys(timeFormat).map(function (key) {
4116
4054
  tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
4117
4055
  _ref$typographyProps = _ref.typographyProps,
4118
4056
  typographyProps = _ref$typographyProps === void 0 ? {} : _ref$typographyProps;
4119
- var dateDisplay = /*#__PURE__*/React__default.createElement(Typography, _extends$3({
4057
+ var dateDisplay = /*#__PURE__*/React__default.createElement(Typography, _extends$2({
4120
4058
  component: "span",
4121
4059
  style: "body2"
4122
4060
  }, typographyProps), timeFormat[key](date));
4123
- return key === "extended" ? dateDisplay : /*#__PURE__*/React__default.createElement(Tooltip, _extends$3({
4061
+ return key === "extended" ? dateDisplay : /*#__PURE__*/React__default.createElement(Tooltip, _extends$2({
4124
4062
  position: "top",
4125
4063
  content: timeFormat.extended(date)
4126
4064
  }, tooltipProps), dateDisplay);
@@ -7917,7 +7855,7 @@ function createElement(_ref) {
7917
7855
  }
7918
7856
 
7919
7857
  var children = childrenCreator(node.children);
7920
- return /*#__PURE__*/React__default.createElement(TagName, _extends$3({
7858
+ return /*#__PURE__*/React__default.createElement(TagName, _extends$2({
7921
7859
  key: key
7922
7860
  }, props), children);
7923
7861
  }
@@ -56366,7 +56304,7 @@ var createAsyncLoadingHighlighter = (function (options) {
56366
56304
  }, {
56367
56305
  key: "render",
56368
56306
  value: function render() {
56369
- return /*#__PURE__*/React__default.createElement(ReactAsyncHighlighter.highlightInstance, _extends$3({}, this.props, {
56307
+ return /*#__PURE__*/React__default.createElement(ReactAsyncHighlighter.highlightInstance, _extends$2({}, this.props, {
56370
56308
  language: this.normalizeLanguage(this.props.language),
56371
56309
  astGenerator: ReactAsyncHighlighter.astGenerator
56372
56310
  }));
@@ -90750,7 +90688,7 @@ var EmbedCode = function EmbedCode(_ref) {
90750
90688
  })))
90751
90689
  })), /*#__PURE__*/React__default.createElement("div", {
90752
90690
  className: "w-full"
90753
- }, t("neetoCommons.widget.installation.instructions.sessionContext"))) : null, /*#__PURE__*/React__default.createElement(CodeSnippet, _extends$3({
90691
+ }, t("neetoCommons.widget.installation.instructions.sessionContext"))) : null, /*#__PURE__*/React__default.createElement(CodeSnippet, _extends$2({
90754
90692
  isPaneOpen: !!emailType && isNotEmpty(selectedWidgets),
90755
90693
  onClose: function onClose() {
90756
90694
  return setEmailType(EMAIL_TYPES["null"]);