@bigbinary/neeto-commons-frontend 2.0.30 → 2.0.31

package/initializers.cjs.js

@@ -1039,6 +1039,7 @@ var github = {
 var neetoCommons = {
 	errorPage: {
 		cantBeFound: "The page you're looking for <br /> can't be found.",
+		internalServerError: "The server encountered an error and <br /> could not complete your request.",
 		backToHome: "Back to home"
 	},
 	fallbackComponent: {

package/initializers.js

@@ -1027,6 +1027,7 @@ var github = {
 var neetoCommons = {
 	errorPage: {
 		cantBeFound: "The page you're looking for <br /> can't be found.",
+		internalServerError: "The server encountered an error and <br /> could not complete your request.",
 		backToHome: "Back to home"
 	},
 	fallbackComponent: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "2.0.30",
+  "version": "2.0.31",
   "description": "A package encapsulating common code across neeto projects including initializers, utility functions, common components and hooks and so on.",
   "repository": "git@github.com:bigbinary/neeto-commons-frontend.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -15,6 +15,8 @@
   "files": [
     "initializers.*",
     "react-utils.*",
+    "cypress-utils.*",
+    "cypress-commands.*",
     "utils.*",
     "pure.*",
     "configs"
@@ -29,6 +31,10 @@
       "import": "./react-utils.js",
       "require": "./react-utils.cjs.js"
     },
+    "./cypress-utils": {
+      "import": "./cypress-utils.js",
+      "require": "./cypress-utils.cjs.js"
+    },
     "./utils": {
       "import": "./utils.js",
       "require": "./utils.cjs.js"
@@ -66,9 +72,11 @@
     "axios": "^0.27.2",
     "babel-jest": "27.0.6",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "cypress": "11.2.0",
     "dayjs": "1.11.1",
     "eslint": "^8.15.0",
     "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-cypress": "2.12.1",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jam3": "^0.2.3",
     "eslint-plugin-json": "^3.1.0",
@@ -114,6 +122,7 @@
     "antd": "4.18.7",
     "autoprefixer": "^10.4.13",
     "axios": "^0.27.2",
+    "cypress": "11.2.0",
     "dayjs": "1.11.1",
     "dotenv-webpack": "^8.0.1",
     "formik": "^2.2.9",

package/react-utils.cjs.js

@@ -1534,8 +1534,8 @@ var BrowserSupport = function BrowserSupport(_ref) {
   })));
 };
 
-function _extends$2() {
-  _extends$2 = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$3() {
+  _extends$3 = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -1546,7 +1546,7 @@ function _extends$2() {
     }
     return target;
   };
-  return _extends$2.apply(this, arguments);
+  return _extends$3.apply(this, arguments);
 }
 
 function _typeof$1(obj) {
@@ -1768,7 +1768,7 @@ var Columns = function Columns(_ref) {
       dataIndex: ramda.includes(ramda.__, hiddenColumns)
     }, columnData));
   }, [columnData, hiddenColumns]);
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends$2({
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends$3({
     buttonSize: "medium",
     buttonStyle: "text",
     closeOnSelect: false,
@@ -1777,7 +1777,7 @@ var Columns = function Columns(_ref) {
       return setSearchTerm("");
     },
     position: "bottom-end"
-  }, 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({
+  }, 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({
     className: "neeto-ui-px-3 neeto-ui-py-2",
     "data-cy": "neeto-ui-columns-search",
     onChange: handleSearch,
@@ -1794,7 +1794,7 @@ var Columns = function Columns(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
       className: "neeto-ui-w-full neeto-ui-px-3 neeto-ui-py-2 hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer",
       htmlFor: dataIndex
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, _extends$2({
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, _extends$3({
       id: dataIndex,
       name: dataIndex,
       checked: !hiddenColumns.includes(dataIndex),
@@ -3991,7 +3991,7 @@ var CustomDomain = function CustomDomain(_ref) {
     setCustomDomain(customDomain);
     setIsAlertOpen(true);
   };
-  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({
+  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$3({
     title: t("neetoCommons.customDomain.customDomain", {
       count: ENTITY_COUNT.plural
     }),
@@ -4091,11 +4091,11 @@ var DateFormat = ramda.fromPairs(ramda.keys(timeFormat).map(function (key) {
       tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
       _ref$typographyProps = _ref.typographyProps,
       typographyProps = _ref$typographyProps === void 0 ? {} : _ref$typographyProps;
-    var dateDisplay = /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$2({
+    var dateDisplay = /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$3({
       component: "span",
       style: "body2"
     }, typographyProps), timeFormat[key](date));
-    return key === "extended" ? dateDisplay : /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends$2({
+    return key === "extended" ? dateDisplay : /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends$3({
       position: "top",
       content: timeFormat.extended(date)
     }, tooltipProps), dateDisplay);
@@ -4103,19 +4103,19 @@ var DateFormat = ramda.fromPairs(ramda.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__namespace.createElement("svg", _extends$1({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
@@ -7892,7 +7892,7 @@ function createElement(_ref) {
     }
 
     var children = childrenCreator(node.children);
-    return /*#__PURE__*/React__default["default"].createElement(TagName, _extends$2({
+    return /*#__PURE__*/React__default["default"].createElement(TagName, _extends$3({
       key: key
     }, props), children);
   }
@@ -56341,7 +56341,7 @@ var createAsyncLoadingHighlighter = (function (options) {
     }, {
       key: "render",
       value: function render() {
-        return /*#__PURE__*/React__default["default"].createElement(ReactAsyncHighlighter.highlightInstance, _extends$2({}, this.props, {
+        return /*#__PURE__*/React__default["default"].createElement(ReactAsyncHighlighter.highlightInstance, _extends$3({}, this.props, {
           language: this.normalizeLanguage(this.props.language),
           astGenerator: ReactAsyncHighlighter.astGenerator
         }));
@@ -90725,7 +90725,7 @@ var EmbedCode = function EmbedCode(_ref) {
     })))
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, t("neetoCommons.widget.installation.instructions.sessionContext"))) : null, /*#__PURE__*/React__default["default"].createElement(CodeSnippet, _extends$2({
+  }, t("neetoCommons.widget.installation.instructions.sessionContext"))) : null, /*#__PURE__*/React__default["default"].createElement(CodeSnippet, _extends$3({
     isPaneOpen: !!emailType && isNotEmpty(selectedWidgets),
     onClose: function onClose() {
       return setEmailType(EMAIL_TYPES["null"]);
@@ -91928,9 +91928,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__namespace.createElement("svg", _extends$1({
+    width: 120,
+    height: 120,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M120 60c0-33.137-26.863-60-60-60H0v120h120V60Z",
+    fill: "#1D1D1F"
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.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__namespace.createElement("svg", _extends({
     width: 121,
     height: 120,
@@ -91945,15 +91962,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var _ref2 = ERRORS[status] || ERRORS[404],
+    Image = _ref2.Image,
+    trans = _ref2.trans;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex min-h-screen w-full flex-col items-center justify-center",
     "data-cy": "error-page-container"
-  }, /*#__PURE__*/React__default["default"].createElement(SvgErrorPage, {
+  }, /*#__PURE__*/React__default["default"].createElement(Image, {
     className: "mb-8",
     "data-cy": "error-image"
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
@@ -91962,8 +92001,8 @@ var ErrorPage = function ErrorPage(_ref) {
     style: "h2",
     weight: "semibold"
   }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoCommons.errorPage.cantBeFound"
-  }, "The page you're looking for ", /*#__PURE__*/React__default["default"].createElement("br", null), " can't be found.")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    i18nKey: trans.i18nKey
+  }, trans.content)), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     href: homeUrl,
     label: t("neetoCommons.errorPage.backToHome"),
     size: "large",

package/react-utils.d.ts

@@ -83,7 +83,7 @@ export function useOnClickOutside<T>(
 export function usePrevious<T>(value: T): T;
 export function useUpdateEffect(effect: () => void, deps: any[]): void;
 
-export const ErrorPage: React.FC<{ homeUrl?: string }>;
+export const ErrorPage: React.FC<{ homeUrl?: string; status?: number }>;
 export const LoginPage: React.FC<{
   handleSubmit: (data: {
     user: {

package/react-utils.js

@@ -1497,8 +1497,8 @@ var BrowserSupport = function BrowserSupport(_ref) {
   })));
 };
 
-function _extends$2() {
-  _extends$2 = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$3() {
+  _extends$3 = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -1509,7 +1509,7 @@ function _extends$2() {
     }
     return target;
   };
-  return _extends$2.apply(this, arguments);
+  return _extends$3.apply(this, arguments);
 }
 
 function _typeof$1(obj) {
@@ -1731,7 +1731,7 @@ var Columns = function Columns(_ref) {
       dataIndex: includes(__, hiddenColumns)
     }, columnData));
   }, [columnData, hiddenColumns]);
-  return /*#__PURE__*/React__default.createElement(Dropdown, _extends$2({
+  return /*#__PURE__*/React__default.createElement(Dropdown, _extends$3({
     buttonSize: "medium",
     buttonStyle: "text",
     closeOnSelect: false,
@@ -1740,7 +1740,7 @@ var Columns = function Columns(_ref) {
       return setSearchTerm("");
     },
     position: "bottom-end"
-  }, dropdownProps), /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement("div", null, isSearchable && /*#__PURE__*/React__default.createElement(Input, _extends$2({
+  }, dropdownProps), /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement("div", null, isSearchable && /*#__PURE__*/React__default.createElement(Input, _extends$3({
     className: "neeto-ui-px-3 neeto-ui-py-2",
     "data-cy": "neeto-ui-columns-search",
     onChange: handleSearch,
@@ -1757,7 +1757,7 @@ var Columns = function Columns(_ref) {
     }, /*#__PURE__*/React__default.createElement(Label, {
       className: "neeto-ui-w-full neeto-ui-px-3 neeto-ui-py-2 hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer",
       htmlFor: dataIndex
-    }, /*#__PURE__*/React__default.createElement(Checkbox, _extends$2({
+    }, /*#__PURE__*/React__default.createElement(Checkbox, _extends$3({
       id: dataIndex,
       name: dataIndex,
       checked: !hiddenColumns.includes(dataIndex),
@@ -3954,7 +3954,7 @@ var CustomDomain = function CustomDomain(_ref) {
     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, _extends$2({
+  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
     }),
@@ -4054,11 +4054,11 @@ var DateFormat = fromPairs(keys(timeFormat).map(function (key) {
       tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
       _ref$typographyProps = _ref.typographyProps,
       typographyProps = _ref$typographyProps === void 0 ? {} : _ref$typographyProps;
-    var dateDisplay = /*#__PURE__*/React__default.createElement(Typography, _extends$2({
+    var dateDisplay = /*#__PURE__*/React__default.createElement(Typography, _extends$3({
       component: "span",
       style: "body2"
     }, typographyProps), timeFormat[key](date));
-    return key === "extended" ? dateDisplay : /*#__PURE__*/React__default.createElement(Tooltip, _extends$2({
+    return key === "extended" ? dateDisplay : /*#__PURE__*/React__default.createElement(Tooltip, _extends$3({
       position: "top",
       content: timeFormat.extended(date)
     }, tooltipProps), dateDisplay);
@@ -4066,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", {
@@ -7855,7 +7855,7 @@ function createElement(_ref) {
     }
 
     var children = childrenCreator(node.children);
-    return /*#__PURE__*/React__default.createElement(TagName, _extends$2({
+    return /*#__PURE__*/React__default.createElement(TagName, _extends$3({
       key: key
     }, props), children);
   }
@@ -56304,7 +56304,7 @@ var createAsyncLoadingHighlighter = (function (options) {
     }, {
       key: "render",
       value: function render() {
-        return /*#__PURE__*/React__default.createElement(ReactAsyncHighlighter.highlightInstance, _extends$2({}, this.props, {
+        return /*#__PURE__*/React__default.createElement(ReactAsyncHighlighter.highlightInstance, _extends$3({}, this.props, {
           language: this.normalizeLanguage(this.props.language),
           astGenerator: ReactAsyncHighlighter.astGenerator
         }));
@@ -90688,7 +90688,7 @@ var EmbedCode = function EmbedCode(_ref) {
     })))
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "w-full"
-  }, t("neetoCommons.widget.installation.instructions.sessionContext"))) : null, /*#__PURE__*/React__default.createElement(CodeSnippet, _extends$2({
+  }, t("neetoCommons.widget.installation.instructions.sessionContext"))) : null, /*#__PURE__*/React__default.createElement(CodeSnippet, _extends$3({
     isPaneOpen: !!emailType && isNotEmpty(selectedWidgets),
     onClose: function onClose() {
       return setEmailType(EMAIL_TYPES["null"]);
@@ -91891,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,
@@ -91908,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, {
@@ -91925,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",