@bigbinary/neeto-molecules 1.0.0

package/dist/ErrorPage.cjs.js

@@ -0,0 +1,135 @@
+'use strict';
+
+var React = require('react');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var neetoui = require('@bigbinary/neetoui');
+var ramda = require('ramda');
+var reactHelmet = require('react-helmet');
+var reactI18next = require('react-i18next');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _path$2, _path2$2;
+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 SvgInternalServerError = function SvgInternalServerError(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
+    width: 120,
+    height: 120,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M120 60c0-33.137-26.863-60-60-60H0v120h120V60Z",
+    fill: "#1D1D1F"
+  })), _path2$2 || (_path2$2 = /*#__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$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 SvgPageNotFound = function SvgPageNotFound(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
+    width: 121,
+    height: 120,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M120.5 60c0-33.137-26.863-60-60-60H.5v120h120V60Z",
+    fill: "#1D1D1F"
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M35.501 106.909h3.164v-7.838h5.154v-2.876h-5.154V72.32h-4.77a2440.935 2440.935 0 0 1-3.188 4.77 823.85 823.85 0 0 0-3.188 4.746 2487.114 2487.114 0 0 1-3.188 4.77l-3.212 4.747c-1.055 1.582-2.11 3.172-3.164 4.77v2.948h17.546v7.838ZM21.24 96.195v-.072a945.042 945.042 0 0 1 2.828-4.195l2.829-4.17 2.828-4.172c.943-1.39 1.886-2.772 2.829-4.147.943-1.39 1.886-2.788 2.828-4.194h.12v20.95H21.24ZM59.879 107.461c2.605 0 4.842-.719 6.712-2.158 1.87-1.454 3.3-3.507 4.29-6.16 1.007-2.669 1.51-5.833 1.51-9.492v-.072c0-3.644-.503-6.8-1.51-9.468-.99-2.669-2.42-4.723-4.29-6.16-1.87-1.455-4.107-2.182-6.712-2.182-2.605 0-4.842.727-6.712 2.181-1.853 1.438-3.284 3.492-4.29 6.16-.991 2.653-1.487 5.81-1.487 9.469v.072c0 3.643.496 6.8 1.487 9.468 1.006 2.653 2.437 4.706 4.29 6.16 1.87 1.455 4.107 2.182 6.712 2.182Zm0-2.877c-1.934 0-3.588-.607-4.962-1.822-1.374-1.214-2.429-2.94-3.164-5.177-.72-2.237-1.079-4.882-1.079-7.934v-.072c0-3.052.36-5.697 1.079-7.934.735-2.237 1.79-3.963 3.164-5.178 1.374-1.214 3.028-1.822 4.962-1.822 1.934 0 3.587.608 4.962 1.822 1.39 1.215 2.453 2.94 3.188 5.178.735 2.221 1.102 4.866 1.102 7.934v.072c0 3.052-.367 5.697-1.102 7.934-.735 2.237-1.798 3.963-3.188 5.177-1.375 1.215-3.028 1.822-4.962 1.822ZM93.893 106.909h3.164v-7.838h5.153v-2.876h-5.153V72.32h-4.77a2487.163 2487.163 0 0 1-3.189 4.77 829.054 829.054 0 0 0-3.188 4.746 2534.647 2534.647 0 0 1-3.188 4.77c-1.07 1.583-2.14 3.165-3.212 4.747-1.054 1.582-2.109 3.172-3.164 4.77v2.948h17.547v7.838ZM79.63 96.195v-.072a953.801 953.801 0 0 1 2.829-4.195l2.828-4.17 2.829-4.172c.943-1.39 1.885-2.772 2.828-4.147.943-1.39 1.886-2.788 2.829-4.194h.12v20.95H79.63Z",
+    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 SvgUnauthorized = function SvgUnauthorized(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 120,
+    height: 120,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M120 60c0-33.137-26.863-60-60-60H0v120h120V60Z",
+    fill: "#1D1D1F"
+  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M32.913 105.236h4.205v-7.143h4.873v-3.846h-4.873V70.764h-6.283a569.118 569.118 0 0 0-2.962 4.515 396.499 396.499 0 0 0-3.01 4.659 611.785 611.785 0 0 0-3.01 4.73l-2.963 4.777a3496.03 3496.03 0 0 1-2.89 4.73v3.918h16.913v7.143ZM20.348 94.271v-.24c.78-1.29 1.576-2.587 2.389-3.893l2.484-3.966a843.046 843.046 0 0 1 2.532-3.941l2.485-3.846c.828-1.274 1.64-2.508 2.436-3.703h.263v19.589h-12.59ZM59.716 106c2.58 0 4.786-.733 6.617-2.198 1.832-1.465 3.241-3.543 4.228-6.235.988-2.691 1.481-5.876 1.481-9.555v-.048c0-3.679-.493-6.856-1.48-9.531-.988-2.692-2.397-4.77-4.229-6.235C64.502 70.733 62.296 70 59.716 70c-2.564 0-4.762.733-6.593 2.198-1.816 1.465-3.217 3.543-4.205 6.235-.971 2.675-1.457 5.852-1.457 9.531v.048c0 3.679.486 6.864 1.457 9.555.988 2.692 2.39 4.77 4.205 6.235 1.831 1.465 4.029 2.198 6.593 2.198Zm0-3.75c-1.656 0-3.082-.582-4.276-1.744-1.179-1.163-2.086-2.803-2.723-4.921-.621-2.134-.932-4.659-.932-7.573v-.048c0-2.914.31-5.43.932-7.549.637-2.118 1.544-3.75 2.723-4.897 1.194-1.162 2.62-1.744 4.276-1.744 1.688 0 3.121.582 4.3 1.744 1.194 1.147 2.11 2.78 2.747 4.897.637 2.118.956 4.635.956 7.55v.047c0 2.914-.319 5.439-.956 7.573-.637 2.118-1.553 3.758-2.747 4.921-1.179 1.162-2.612 1.744-4.3 1.744ZM90.341 105.809c2.31 0 4.364-.43 6.163-1.29 1.8-.876 3.217-2.07 4.252-3.583 1.036-1.513 1.553-3.225 1.553-5.136v-.048c0-2.453-.78-4.42-2.34-5.9-1.546-1.498-3.576-2.35-6.092-2.557V87.2c1.433-.303 2.699-.82 3.798-1.553 1.099-.733 1.959-1.648 2.58-2.747.621-1.1.931-2.357.931-3.775v-.047c0-1.752-.453-3.289-1.361-4.61-.892-1.339-2.158-2.382-3.799-3.13-1.624-.765-3.535-1.147-5.733-1.147-2.15 0-4.053.39-5.71 1.17-1.64.781-2.961 1.872-3.965 3.273-.987 1.402-1.576 3.042-1.767 4.921l-.024.24h4.133l.023-.24c.128-1.162.51-2.166 1.147-3.01.637-.844 1.481-1.489 2.532-1.934 1.067-.462 2.278-.693 3.631-.693 1.402 0 2.588.223 3.56.669.987.445 1.736 1.09 2.245 1.935.51.844.765 1.87.765 3.081v.048c0 1.147-.295 2.174-.884 3.082-.59.891-1.41 1.6-2.46 2.126-1.052.51-2.262.764-3.632.764h-4.133v3.631h4.324c2.421 0 4.332.573 5.734 1.72 1.417 1.13 2.126 2.755 2.126 4.873v.048c0 1.21-.319 2.285-.956 3.225-.637.924-1.529 1.648-2.675 2.174-1.131.526-2.453.788-3.966.788-1.529 0-2.874-.239-4.037-.716-1.163-.494-2.094-1.171-2.795-2.03a5.723 5.723 0 0 1-1.218-2.987l-.024-.239h-4.133l.024.287c.16 1.815.748 3.432 1.768 4.849 1.035 1.418 2.436 2.532 4.204 3.345 1.768.812 3.838 1.218 6.211 1.218Z",
+    fill: "#fff"
+  })));
+};
+
+var ERRORS = {
+  404: {
+    Image: SvgPageNotFound,
+    errorKey: "neetoMolecules.errorPage.cantBeFound",
+    titleKey: "neetoMolecules.errorPage.title.cantBeFound"
+  },
+  403: {
+    Image: SvgUnauthorized,
+    errorKey: "neetoMolecules.errorPage.unauthorized",
+    titleKey: "neetoMolecules.errorPage.title.unauthorized"
+  },
+  500: {
+    Image: SvgInternalServerError,
+    errorKey: "neetoMolecules.errorPage.internalServerError",
+    titleKey: "neetoMolecules.errorPage.title.internalServerError"
+  }
+};
+
+var ErrorPage = function ErrorPage(_ref) {
+  var _ref$homeUrl = _ref.homeUrl,
+    homeUrl = _ref$homeUrl === void 0 ? "/" : _ref$homeUrl,
+    status = _ref.status;
+  var storeStatusCode = reactUtils.useErrorDisplayStore(ramda.prop("statusCode"));
+  status = status || storeStatusCode;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _ref2 = ERRORS[status] || ERRORS[404],
+    Image = _ref2.Image,
+    errorKey = _ref2.errorKey,
+    titleKey = _ref2.titleKey;
+  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(reactHelmet.Helmet, null, /*#__PURE__*/React__default["default"].createElement("title", null, t(titleKey))), /*#__PURE__*/React__default["default"].createElement(Image, {
+    className: "mb-8",
+    "data-cy": "error-image"
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "mb-6 text-center",
+    "data-cy": "title",
+    style: "h2",
+    weight: "semibold"
+  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    i18nKey: errorKey
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    href: homeUrl,
+    label: t("neetoMolecules.errorPage.backToHome"),
+    size: "large",
+    style: "primary"
+  }));
+};
+
+module.exports = ErrorPage;

package/dist/ErrorPage.js

@@ -0,0 +1,111 @@
+import * as React from 'react';
+import React__default from 'react';
+import { useErrorDisplayStore } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { Typography, Button } from '@bigbinary/neetoui';
+import { prop } from 'ramda';
+import { Helmet } from 'react-helmet';
+import { useTranslation, Trans } from 'react-i18next';
+
+var _path$2, _path2$2;
+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 SvgInternalServerError = function SvgInternalServerError(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$2({
+    width: 120,
+    height: 120,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
+    d: "M120 60c0-33.137-26.863-60-60-60H0v120h120V60Z",
+    fill: "#1D1D1F"
+  })), _path2$2 || (_path2$2 = /*#__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$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 SvgPageNotFound = function SvgPageNotFound(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
+    width: 121,
+    height: 120,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M120.5 60c0-33.137-26.863-60-60-60H.5v120h120V60Z",
+    fill: "#1D1D1F"
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M35.501 106.909h3.164v-7.838h5.154v-2.876h-5.154V72.32h-4.77a2440.935 2440.935 0 0 1-3.188 4.77 823.85 823.85 0 0 0-3.188 4.746 2487.114 2487.114 0 0 1-3.188 4.77l-3.212 4.747c-1.055 1.582-2.11 3.172-3.164 4.77v2.948h17.546v7.838ZM21.24 96.195v-.072a945.042 945.042 0 0 1 2.828-4.195l2.829-4.17 2.828-4.172c.943-1.39 1.886-2.772 2.829-4.147.943-1.39 1.886-2.788 2.828-4.194h.12v20.95H21.24ZM59.879 107.461c2.605 0 4.842-.719 6.712-2.158 1.87-1.454 3.3-3.507 4.29-6.16 1.007-2.669 1.51-5.833 1.51-9.492v-.072c0-3.644-.503-6.8-1.51-9.468-.99-2.669-2.42-4.723-4.29-6.16-1.87-1.455-4.107-2.182-6.712-2.182-2.605 0-4.842.727-6.712 2.181-1.853 1.438-3.284 3.492-4.29 6.16-.991 2.653-1.487 5.81-1.487 9.469v.072c0 3.643.496 6.8 1.487 9.468 1.006 2.653 2.437 4.706 4.29 6.16 1.87 1.455 4.107 2.182 6.712 2.182Zm0-2.877c-1.934 0-3.588-.607-4.962-1.822-1.374-1.214-2.429-2.94-3.164-5.177-.72-2.237-1.079-4.882-1.079-7.934v-.072c0-3.052.36-5.697 1.079-7.934.735-2.237 1.79-3.963 3.164-5.178 1.374-1.214 3.028-1.822 4.962-1.822 1.934 0 3.587.608 4.962 1.822 1.39 1.215 2.453 2.94 3.188 5.178.735 2.221 1.102 4.866 1.102 7.934v.072c0 3.052-.367 5.697-1.102 7.934-.735 2.237-1.798 3.963-3.188 5.177-1.375 1.215-3.028 1.822-4.962 1.822ZM93.893 106.909h3.164v-7.838h5.153v-2.876h-5.153V72.32h-4.77a2487.163 2487.163 0 0 1-3.189 4.77 829.054 829.054 0 0 0-3.188 4.746 2534.647 2534.647 0 0 1-3.188 4.77c-1.07 1.583-2.14 3.165-3.212 4.747-1.054 1.582-2.109 3.172-3.164 4.77v2.948h17.547v7.838ZM79.63 96.195v-.072a953.801 953.801 0 0 1 2.829-4.195l2.828-4.17 2.829-4.172c.943-1.39 1.885-2.772 2.828-4.147.943-1.39 1.886-2.788 2.829-4.194h.12v20.95H79.63Z",
+    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 SvgUnauthorized = function SvgUnauthorized(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 120,
+    height: 120,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M120 60c0-33.137-26.863-60-60-60H0v120h120V60Z",
+    fill: "#1D1D1F"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M32.913 105.236h4.205v-7.143h4.873v-3.846h-4.873V70.764h-6.283a569.118 569.118 0 0 0-2.962 4.515 396.499 396.499 0 0 0-3.01 4.659 611.785 611.785 0 0 0-3.01 4.73l-2.963 4.777a3496.03 3496.03 0 0 1-2.89 4.73v3.918h16.913v7.143ZM20.348 94.271v-.24c.78-1.29 1.576-2.587 2.389-3.893l2.484-3.966a843.046 843.046 0 0 1 2.532-3.941l2.485-3.846c.828-1.274 1.64-2.508 2.436-3.703h.263v19.589h-12.59ZM59.716 106c2.58 0 4.786-.733 6.617-2.198 1.832-1.465 3.241-3.543 4.228-6.235.988-2.691 1.481-5.876 1.481-9.555v-.048c0-3.679-.493-6.856-1.48-9.531-.988-2.692-2.397-4.77-4.229-6.235C64.502 70.733 62.296 70 59.716 70c-2.564 0-4.762.733-6.593 2.198-1.816 1.465-3.217 3.543-4.205 6.235-.971 2.675-1.457 5.852-1.457 9.531v.048c0 3.679.486 6.864 1.457 9.555.988 2.692 2.39 4.77 4.205 6.235 1.831 1.465 4.029 2.198 6.593 2.198Zm0-3.75c-1.656 0-3.082-.582-4.276-1.744-1.179-1.163-2.086-2.803-2.723-4.921-.621-2.134-.932-4.659-.932-7.573v-.048c0-2.914.31-5.43.932-7.549.637-2.118 1.544-3.75 2.723-4.897 1.194-1.162 2.62-1.744 4.276-1.744 1.688 0 3.121.582 4.3 1.744 1.194 1.147 2.11 2.78 2.747 4.897.637 2.118.956 4.635.956 7.55v.047c0 2.914-.319 5.439-.956 7.573-.637 2.118-1.553 3.758-2.747 4.921-1.179 1.162-2.612 1.744-4.3 1.744ZM90.341 105.809c2.31 0 4.364-.43 6.163-1.29 1.8-.876 3.217-2.07 4.252-3.583 1.036-1.513 1.553-3.225 1.553-5.136v-.048c0-2.453-.78-4.42-2.34-5.9-1.546-1.498-3.576-2.35-6.092-2.557V87.2c1.433-.303 2.699-.82 3.798-1.553 1.099-.733 1.959-1.648 2.58-2.747.621-1.1.931-2.357.931-3.775v-.047c0-1.752-.453-3.289-1.361-4.61-.892-1.339-2.158-2.382-3.799-3.13-1.624-.765-3.535-1.147-5.733-1.147-2.15 0-4.053.39-5.71 1.17-1.64.781-2.961 1.872-3.965 3.273-.987 1.402-1.576 3.042-1.767 4.921l-.024.24h4.133l.023-.24c.128-1.162.51-2.166 1.147-3.01.637-.844 1.481-1.489 2.532-1.934 1.067-.462 2.278-.693 3.631-.693 1.402 0 2.588.223 3.56.669.987.445 1.736 1.09 2.245 1.935.51.844.765 1.87.765 3.081v.048c0 1.147-.295 2.174-.884 3.082-.59.891-1.41 1.6-2.46 2.126-1.052.51-2.262.764-3.632.764h-4.133v3.631h4.324c2.421 0 4.332.573 5.734 1.72 1.417 1.13 2.126 2.755 2.126 4.873v.048c0 1.21-.319 2.285-.956 3.225-.637.924-1.529 1.648-2.675 2.174-1.131.526-2.453.788-3.966.788-1.529 0-2.874-.239-4.037-.716-1.163-.494-2.094-1.171-2.795-2.03a5.723 5.723 0 0 1-1.218-2.987l-.024-.239h-4.133l.024.287c.16 1.815.748 3.432 1.768 4.849 1.035 1.418 2.436 2.532 4.204 3.345 1.768.812 3.838 1.218 6.211 1.218Z",
+    fill: "#fff"
+  })));
+};
+
+var ERRORS = {
+  404: {
+    Image: SvgPageNotFound,
+    errorKey: "neetoMolecules.errorPage.cantBeFound",
+    titleKey: "neetoMolecules.errorPage.title.cantBeFound"
+  },
+  403: {
+    Image: SvgUnauthorized,
+    errorKey: "neetoMolecules.errorPage.unauthorized",
+    titleKey: "neetoMolecules.errorPage.title.unauthorized"
+  },
+  500: {
+    Image: SvgInternalServerError,
+    errorKey: "neetoMolecules.errorPage.internalServerError",
+    titleKey: "neetoMolecules.errorPage.title.internalServerError"
+  }
+};
+
+var ErrorPage = function ErrorPage(_ref) {
+  var _ref$homeUrl = _ref.homeUrl,
+    homeUrl = _ref$homeUrl === void 0 ? "/" : _ref$homeUrl,
+    status = _ref.status;
+  var storeStatusCode = useErrorDisplayStore(prop("statusCode"));
+  status = status || storeStatusCode;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _ref2 = ERRORS[status] || ERRORS[404],
+    Image = _ref2.Image,
+    errorKey = _ref2.errorKey,
+    titleKey = _ref2.titleKey;
+  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(Helmet, null, /*#__PURE__*/React__default.createElement("title", null, t(titleKey))), /*#__PURE__*/React__default.createElement(Image, {
+    className: "mb-8",
+    "data-cy": "error-image"
+  }), /*#__PURE__*/React__default.createElement(Typography, {
+    className: "mb-6 text-center",
+    "data-cy": "title",
+    style: "h2",
+    weight: "semibold"
+  }, /*#__PURE__*/React__default.createElement(Trans, {
+    i18nKey: errorKey
+  })), /*#__PURE__*/React__default.createElement(Button, {
+    href: homeUrl,
+    label: t("neetoMolecules.errorPage.backToHome"),
+    size: "large",
+    style: "primary"
+  }));
+};
+
+export { ErrorPage as default };