@bigbinary/neeto-commons-frontend 2.0.29 → 2.0.31

package/react-utils.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { useState, useEffect, useDebugValue, useRef, useImperativeHandle, forwardRef } from 'react';
-import { Button, Callout, Typography, Dropdown, Input, Label, Checkbox, Toastr, Tag, Pane, PageLoader, Table, Alert, Tooltip, Spinner, Switch } from '@bigbinary/neetoui';
+import { Button, Callout, Typography, Dropdown, Input, Label, Checkbox, Toastr, Tag, Pane, PageLoader, Table, NoData, Alert, Tooltip, Spinner, Switch } from '@bigbinary/neetoui';
 import i18next, { t } from 'i18next';
 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';
 import { Trans, useTranslation } from 'react-i18next';
@@ -3857,9 +3857,15 @@ var Manage = function Manage(_ref) {
       style: "h2",
       weight: "semibold",
       "data-cy": "add-custom-domain-pane-heading"
-    }, capitalize(t("neetoCommons.customDomain.customDomain", {
-      count: ENTITY_COUNT.singular
-    })))), /*#__PURE__*/React__default.createElement(Pane.Body, null, /*#__PURE__*/React__default.createElement("div", {
+    }, customDomain ? t("neetoCommons.common.actions.editTitle", {
+      entity: t("neetoCommons.customDomain.customDomain", {
+        count: ENTITY_COUNT.singular
+      }).toLocaleLowerCase()
+    }) : t("neetoCommons.common.actions.addNew", {
+      entity: t("neetoCommons.customDomain.customDomain", {
+        count: ENTITY_COUNT.singular
+      }).toLocaleLowerCase()
+    }))), /*#__PURE__*/React__default.createElement(Pane.Body, null, /*#__PURE__*/React__default.createElement("div", {
       className: "space-y-6 w-full"
     }, !!customDomain && /*#__PURE__*/React__default.createElement(TagBlock, {
       status: customDomain.status,
@@ -3906,74 +3912,9 @@ var Manage = function Manage(_ref) {
   }));
 };
 
-var _path$2, _path2$2, _path3$1, _path4$1, _path5$1, _path6$1, _path7;
-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); }
-var SvgNoData = function SvgNoData(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$2({
-    width: 241,
-    height: 202,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
-    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",
-    fill: "#252C32"
-  })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
-    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",
-    fill: "#252C32"
-  })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
-    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",
-    fill: "#252C32"
-  })), _path4$1 || (_path4$1 = /*#__PURE__*/React.createElement("path", {
-    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",
-    fill: "#252C32"
-  })), _path5$1 || (_path5$1 = /*#__PURE__*/React.createElement("path", {
-    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",
-    fill: "#252C32"
-  })), _path6$1 || (_path6$1 = /*#__PURE__*/React.createElement("path", {
-    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",
-    fill: "#252C32"
-  })), _path7 || (_path7 = /*#__PURE__*/React.createElement("path", {
-    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",
-    fill: "#252C32"
-  })));
-};
-
-var EmptyState = function EmptyState(_ref) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? "" : _ref$title,
-    _ref$description = _ref.description,
-    description = _ref$description === void 0 ? "" : _ref$description,
-    _ref$primaryButtonPro = _ref.primaryButtonProps,
-    primaryButtonProps = _ref$primaryButtonPro === void 0 ? null : _ref$primaryButtonPro,
-    _ref$secondaryButtonP = _ref.secondaryButtonProps,
-    secondaryButtonProps = _ref$secondaryButtonP === void 0 ? null : _ref$secondaryButtonP,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/React__default.createElement("div", {
-    "data-cy": "empty-state-container",
-    className: classnames(["m-auto flex h-full max-w-md flex-col items-center justify-center", className])
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "mx-auto mb-4 flex items-center justify-center",
-    "data-cy": "empty-state-image-container"
-  }, /*#__PURE__*/React__default.createElement(SvgNoData, null)), /*#__PURE__*/React__default.createElement("h3", {
-    className: "mb-1 text-center text-xl font-semibold",
-    "data-cy": "empty-state-title"
-  }, title), /*#__PURE__*/React__default.createElement("p", {
-    className: "mb-6 text-center text-sm font-normal leading-relaxed text-gray-600",
-    "data-cy": "empty-state-subtitle"
-  }, description), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-row items-center justify-center space-x-2"
-  }, primaryButtonProps && /*#__PURE__*/React__default.createElement(Button, _extends$3({}, primaryButtonProps, {
-    "data-cy": "empty-state-primary-button"
-  })), secondaryButtonProps && /*#__PURE__*/React__default.createElement(Button, _extends$3({
-    style: "secondary"
-  }, secondaryButtonProps, {
-    "data-cy": "empty-state-secondary-button"
-  }))));
-};
-
-var CustomDomain = function CustomDomain() {
+var CustomDomain = function CustomDomain(_ref) {
   var _data$customDomains;
+  var headerProps = _ref.headerProps;
   var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
@@ -4013,10 +3954,10 @@ var CustomDomain = function CustomDomain() {
     setCustomDomain(customDomain);
     setIsAlertOpen(true);
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Header$1, {
-    title: capitalize(t("neetoCommons.customDomain.customDomain", {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Header$1, _extends$3({
+    title: t("neetoCommons.customDomain.customDomain", {
       count: ENTITY_COUNT.plural
-    })),
+    }),
     searchProps: {
       value: searchTerm,
       onChange: function onChange(e) {
@@ -4025,22 +3966,22 @@ var CustomDomain = function CustomDomain() {
       placeholder: t("neetoCommons.common.search", {
         entity: t("neetoCommons.customDomain.customDomain", {
           count: ENTITY_COUNT.plural
-        })
+        }).toLocaleLowerCase()
       }),
       "data-cy": "custom-domain-search-field"
     },
     actionBlock: /*#__PURE__*/React__default.createElement(Button, {
       "data-cy": "add-new-custom-domain-button",
-      label: t("neetoCommons.common.actions.add", {
+      label: t("neetoCommons.common.actions.addNew", {
         entity: t("neetoCommons.customDomain.customDomain", {
           count: ENTITY_COUNT.singular
-        })
+        }).toLocaleLowerCase()
       }),
       onClick: function onClick() {
         return enableManagePane(null);
       }
     })
-  }), isLoading && /*#__PURE__*/React__default.createElement("div", {
+  }, headerProps)), isLoading && /*#__PURE__*/React__default.createElement("div", {
     className: "w-full h-screen"
   }, /*#__PURE__*/React__default.createElement(PageLoader, null)), !isLoading && (isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) ? /*#__PURE__*/React__default.createElement("div", {
     className: "w-full flex-grow"
@@ -4056,28 +3997,25 @@ var CustomDomain = function CustomDomain() {
     columnData: renderColumnData(enableManagePane, enableDeleteAlert),
     allowRowClick: false,
     rowSelection: false
-  }))) : /*#__PURE__*/React__default.createElement(EmptyState, {
+  }))) : /*#__PURE__*/React__default.createElement("div", {
+    className: "flex h-full w-full flex-grow items-center justify-center"
+  }, /*#__PURE__*/React__default.createElement(NoData, {
     title: t("neetoCommons.common.notFound.title", {
       entity: t("neetoCommons.customDomain.customDomain", {
-        count: ENTITY_COUNT.singular
-      })
-    }),
-    description: t("neetoCommons.common.notFound.desc", {
-      entity: t("neetoCommons.customDomain.customDomain", {
-        count: ENTITY_COUNT.singular
-      })
+        count: ENTITY_COUNT.plural
+      }).toLocaleLowerCase()
     }),
     primaryButtonProps: {
-      label: t("neetoCommons.common.actions.add", {
+      label: t("neetoCommons.common.actions.addNew", {
         entity: t("neetoCommons.customDomain.customDomain", {
           count: ENTITY_COUNT.singular
-        })
+        }).toLocaleLowerCase()
       }),
       onClick: function onClick() {
         return enableManagePane(null);
       }
     }
-  }))), /*#__PURE__*/React__default.createElement(Manage, {
+  })))), /*#__PURE__*/React__default.createElement(Manage, {
     customDomain: customDomain,
     isOpen: isPaneOpen,
     onClose: function onClose() {
@@ -4091,7 +4029,7 @@ var CustomDomain = function CustomDomain() {
     title: t("neetoCommons.common.deleteAlert.title", {
       entity: t("neetoCommons.customDomain.customDomain", {
         count: ENTITY_COUNT.singular
-      })
+      }).toLocaleLowerCase()
     }),
     message: /*#__PURE__*/React__default.createElement(Trans, {
       i18nKey: "neetoCommons.customDomain.alertMessage",
@@ -4128,19 +4066,19 @@ var DateFormat = fromPairs(keys(timeFormat).map(function (key) {
 }));
 var TimeFormat = DateFormat;
 
-var _path$1, _path2$1, _path3, _path4, _path5, _path6;
-function _extends$1() { _extends$1 = 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$1.apply(this, arguments); }
+var _path$2, _path2$2, _path3, _path4, _path5, _path6;
+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); }
 var SvgFallbackComponent = function SvgFallbackComponent(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1({
+  return /*#__PURE__*/React.createElement("svg", _extends$2({
     width: 230,
     height: 230,
     viewBox: "0 0 317 320",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
     d: "M271.071 28.008c-8.563-12.544-25.317-10.81-38.577-10.717-30.899.206-159.103.047-168.105.497-13.866.713-27.79 6.33-30.041 20.132-1.216 7.456-.14 15.427.139 22.94 1.118 30.417 1.953 68.044 5.7 95.148 1.016 7.372 2.35 14.761 6.936 20.853 7.238 9.618 21.581 12.998 33.616 13.2.141.236 110.261 2.828 150.068-.154 11.579-.87 25.682-1.74 33.488-11.652 3.913-4.971 4.246-12.136 5.028-18.171 2.816-21.653 4.695-58.296 7.156-97.59.703-11.222 1.25-24.736-5.408-34.486Zm3.044 27.34c-.082 4.493-3.429 57.629-3.648 60.853-.746 10.901-3.144 45.195-6.244 55.905-3.064 10.571-16.833 13.173-26.189 14.167-7.926.857-15.906 1.35-23.877 1.608-40.911 1.322-129.772 1.044-133.332.949-14.415-.663-30.588-4.888-36.021-19.843a81.026 81.026 0 0 1-3.298-20.918c-2.712-32.616-2.294-42.461-4.372-92.667-.293-7.188-1.76-15.638 1.536-22.356C45.898 18.356 67.727 20.417 81.1 20.27c15.73-.172 149.231-.271 157.495-.338 7.347-.06 15.278-.433 22.12 2.756 12.343 5.744 13.613 20.671 13.399 32.649v.01Z",
     fill: "#2F3941"
-  })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
     d: "M220.642 50.4a1.586 1.586 0 0 0-.415-1.21 1.607 1.607 0 0 0-1.177-.52c-35.537-.183-99.035-.669-135.303-.466a1.056 1.056 0 0 0-.76.238 1.044 1.044 0 0 0-.373.699c-.43 34.284-.24 68.58-.24 102.862 0 1.636.685 2.122 1.643 2.162 45.113 2.049 92.2.763 137.476.91a2.342 2.342 0 0 0 1.518-.675c.405-.403.648-.94.68-1.509-.443-33.909-1.227-68.635-3.049-102.49Zm-2.277.78c1.187 24.763 1.712 49.901 2.264 74.806-45.853 1.664-90.202.658-135.787.522 0-24.642-.313-50.868 0-76.093 43.482.375 89.992.537 133.523.764ZM91.463 151.855l16.27-22.423 18.964.294c-3.709 5.108-12.138 17.321-14.959 22.512-6.749-.114-20.275-.383-20.275-.383Zm42.769.671 15.24-22.699c6.347 0 12.699-.04 19.055-.12-3.627 6.705-10.492 16.8-14.739 22.976-6.51-.007-13.028-.059-19.556-.157Zm42.469.228c5.503-8.232 10.238-15.419 16.186-23.434 6.993-.163 13.993-.365 20.998-.605-4.761 6.22-12.597 17.04-15.361 23.986-7.274.037-14.548.054-21.823.053Z",
     fill: "#2F3941"
   })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
@@ -91953,9 +91891,26 @@ var withImmutableActions = function withImmutableActions(config) {
   };
 };
 
+var _path$1, _path2$1;
+function _extends$1() { _extends$1 = 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$1.apply(this, arguments); }
+var SvgInternalServerError = function SvgInternalServerError(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
+    width: 120,
+    height: 120,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M120 60c0-33.137-26.863-60-60-60H0v120h120V60Z",
+    fill: "#1D1D1F"
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M30.602 107.562c2.343 0 4.421-.484 6.234-1.453 1.812-.984 3.234-2.343 4.266-4.078 1.03-1.734 1.546-3.726 1.546-5.976v-.047c0-2.172-.484-4.094-1.453-5.766a10.432 10.432 0 0 0-3.96-3.984c-1.672-.969-3.594-1.453-5.766-1.453-1.094 0-2.125.132-3.094.398a9.096 9.096 0 0 0-2.625 1.172 7.204 7.204 0 0 0-1.969 1.922h-.093l1.148-11.367h15.89v-3.75H21.368l-1.734 19.289h3.726c.22-.39.461-.75.727-1.078.281-.329.57-.633.867-.914a7.185 7.185 0 0 1 2.578-1.524c.985-.344 2.047-.516 3.188-.516 1.5 0 2.828.329 3.984.985a7.101 7.101 0 0 1 2.719 2.719c.672 1.14 1.008 2.453 1.008 3.937v.047c0 1.516-.328 2.86-.985 4.031a7.056 7.056 0 0 1-2.742 2.719c-1.172.656-2.523.984-4.055.984-1.343 0-2.554-.257-3.632-.773-1.078-.516-1.953-1.219-2.625-2.109a6.34 6.34 0 0 1-1.22-3.024l-.023-.187H19l.023.257c.172 1.829.766 3.461 1.782 4.899 1.015 1.437 2.36 2.57 4.03 3.398 1.688.828 3.61 1.242 5.767 1.242ZM58.844 107.562c2.593 0 4.82-.71 6.68-2.132 1.859-1.422 3.28-3.438 4.265-6.047 1-2.61 1.5-5.703 1.5-9.281v-.047c0-3.578-.5-6.672-1.5-9.282-.984-2.609-2.406-4.617-4.266-6.023-1.859-1.422-4.085-2.133-6.68-2.133-2.593 0-4.82.711-6.679 2.133-1.844 1.406-3.258 3.414-4.242 6.023-.984 2.61-1.477 5.704-1.477 9.282v.047c0 3.578.492 6.671 1.477 9.28.984 2.61 2.398 4.626 4.242 6.048 1.86 1.422 4.086 2.132 6.68 2.132Zm0-3.679c-1.719 0-3.188-.555-4.407-1.664-1.218-1.125-2.148-2.719-2.789-4.781-.64-2.063-.96-4.508-.96-7.336v-.047c0-2.828.32-5.266.96-7.313.641-2.062 1.57-3.648 2.79-4.758 1.218-1.109 2.687-1.664 4.406-1.664 1.718 0 3.187.555 4.406 1.664 1.234 1.11 2.172 2.696 2.813 4.758.656 2.047.984 4.485.984 7.313v.047c0 2.828-.328 5.273-.984 7.335-.641 2.063-1.579 3.657-2.813 4.782-1.219 1.109-2.688 1.664-4.406 1.664ZM87.953 107.562c2.594 0 4.82-.71 6.68-2.132 1.86-1.422 3.281-3.438 4.265-6.047 1-2.61 1.5-5.703 1.5-9.281v-.047c0-3.578-.5-6.672-1.5-9.282-.984-2.609-2.406-4.617-4.265-6.023-1.86-1.422-4.086-2.133-6.68-2.133-2.594 0-4.82.711-6.68 2.133-1.843 1.406-3.257 3.414-4.242 6.023-.984 2.61-1.476 5.704-1.476 9.282v.047c0 3.578.492 6.671 1.476 9.28.985 2.61 2.399 4.626 4.242 6.048 1.86 1.422 4.086 2.132 6.68 2.132Zm0-3.679c-1.719 0-3.187-.555-4.406-1.664-1.219-1.125-2.149-2.719-2.79-4.781-.64-2.063-.96-4.508-.96-7.336v-.047c0-2.828.32-5.266.96-7.313.641-2.062 1.571-3.648 2.79-4.758 1.219-1.109 2.687-1.664 4.406-1.664 1.719 0 3.188.555 4.406 1.664 1.235 1.11 2.172 2.696 2.813 4.758.656 2.047.984 4.485.984 7.313v.047c0 2.828-.328 5.273-.984 7.335-.64 2.063-1.578 3.657-2.813 4.782-1.218 1.109-2.687 1.664-4.406 1.664Z",
+    fill: "#fff"
+  })));
+};
+
 var _path, _path2;
 function _extends() { _extends = 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.apply(this, arguments); }
-var SvgErrorPage = function SvgErrorPage(props) {
+var SvgPageNotFound = function SvgPageNotFound(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     width: 121,
     height: 120,
@@ -91970,15 +91925,37 @@ var SvgErrorPage = function SvgErrorPage(props) {
   })));
 };
 
+var ERRORS = {
+  404: {
+    Image: SvgPageNotFound,
+    trans: {
+      i18nKey: "neetoCommons.errorPage.cantBeFound",
+      content: "The page you're looking for <br /> can't be found."
+    }
+  },
+  500: {
+    Image: SvgInternalServerError,
+    trans: {
+      i18nKey: "neetoCommons.errorPage.internalServerError",
+      content: "The server encountered an error and <br /> could not complete your request."
+    }
+  }
+};
+
 var ErrorPage = function ErrorPage(_ref) {
   var _ref$homeUrl = _ref.homeUrl,
-    homeUrl = _ref$homeUrl === void 0 ? "/" : _ref$homeUrl;
+    homeUrl = _ref$homeUrl === void 0 ? "/" : _ref$homeUrl,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? 404 : _ref$status;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _ref2 = ERRORS[status] || ERRORS[404],
+    Image = _ref2.Image,
+    trans = _ref2.trans;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "flex min-h-screen w-full flex-col items-center justify-center",
     "data-cy": "error-page-container"
-  }, /*#__PURE__*/React__default.createElement(SvgErrorPage, {
+  }, /*#__PURE__*/React__default.createElement(Image, {
     className: "mb-8",
     "data-cy": "error-image"
   }), /*#__PURE__*/React__default.createElement(Typography, {
@@ -91987,8 +91964,8 @@ var ErrorPage = function ErrorPage(_ref) {
     style: "h2",
     weight: "semibold"
   }, /*#__PURE__*/React__default.createElement(Trans, {
-    i18nKey: "neetoCommons.errorPage.cantBeFound"
-  }, "The page you're looking for ", /*#__PURE__*/React__default.createElement("br", null), " can't be found.")), /*#__PURE__*/React__default.createElement(Button, {
+    i18nKey: trans.i18nKey
+  }, trans.content)), /*#__PURE__*/React__default.createElement(Button, {
     href: homeUrl,
     label: t("neetoCommons.errorPage.backToHome"),
     size: "large",