@bigbinary/neeto-commons-frontend 0.0.1 → 0.0.2

package/react-utils.js

@@ -0,0 +1,1309 @@
+import * as React from 'react';
+import React__default, { useState, useEffect, useRef, useReducer } from 'react';
+import { Typography, Tooltip, Button, Toastr } from '@bigbinary/neetoui';
+import { fromPairs, keys, values, mergeLeft, toLower, not, isNil, assocPath } from 'ramda';
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import updateLocale from 'dayjs/plugin/updateLocale';
+import { Honeybadger, HoneybadgerErrorBoundary as HoneybadgerErrorBoundary$1 } from '@honeybadger-io/react';
+import { useTranslation } from 'react-i18next';
+import { Route, Redirect, useLocation } from 'react-router-dom';
+import { Settings, LeftArrow, Help, User } from '@bigbinary/neeto-icons';
+import { Sidebar as Sidebar$1, AppSwitcher } from '@bigbinary/neetoui/layouts';
+import i18next from 'i18next';
+import axios from 'axios';
+import * as Yup from 'yup';
+import { Button as Button$1, Input } from '@bigbinary/neetoui/formik';
+import { Formik, Form } from 'formik';
+
+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) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+  return _extends$3.apply(this, arguments);
+}
+
+var capitalize = function capitalize(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+};
+
+dayjs.extend(relativeTime);
+dayjs.extend(updateLocale);
+var timeFormat = {
+  fromNow: function fromNow(time) {
+    return dayjs(time).fromNow();
+  },
+  time: function time(_time) {
+    return dayjs(_time).format("h:mm A");
+  },
+  date: function date(time) {
+    return dayjs(time).format("MMM D, YYYY");
+  },
+  dateWeek: function dateWeek(time) {
+    return dayjs(time).format("MMM D, YYYY ddd");
+  },
+  dateWeekWithoutYear: function dateWeekWithoutYear(time) {
+    return dayjs(time).format("MMM D, ddd");
+  },
+  dateTime: function dateTime(time) {
+    return dayjs(time).format("MMM D, YYYY h:mm A");
+  },
+  dateWeekTime: function dateWeekTime(time) {
+    return dayjs(time).format("MMM D, YYYY ddd h:mm A");
+  },
+  extended: function extended(time) {
+    var dateTime = dayjs(time).format("dddd MMMM D, YYYY h:mm A");
+    var fromNow = dayjs(time).fromNow();
+    return "".concat(dateTime, " (").concat(fromNow, ")");
+  }
+};
+
+var DateFormat = fromPairs(keys(timeFormat).map(function (key) {
+  return [capitalize(key), function (_ref) {
+    var date = _ref.date,
+        _ref$tooltipProps = _ref.tooltipProps,
+        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$3({
+      component: "span",
+      style: "body2"
+    }, typographyProps), timeFormat[key](date));
+    return key === "extended" ? dateDisplay : /*#__PURE__*/React__default.createElement(Tooltip, _extends$3({
+      position: "top",
+      content: timeFormat.extended(date)
+    }, tooltipProps), dateDisplay);
+  }];
+}));
+var TimeFormat = DateFormat;
+
+var _path$2, _path2$1, _path3$1, _path4$1, _path5$1, _path6$1;
+
+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$2({
+    width: 230,
+    height: 230,
+    viewBox: "0 0 317 320",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, 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", {
+    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$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M153.904 69.903c-3.722-.185-22.748 30.824-20.049 34.788 2.493 3.664 37.821 2.965 39.914 0 2.39-3.436-16.031-34.596-19.865-34.788Zm.745 10.224c.19 2.645.576 11.328.205 13.546-.27 1.633-1.778.747-1.796-.113-.065-4.437-.177-8.883-.27-13.32a.957.957 0 0 1 .224-.699.925.925 0 0 1 1.551.221.973.973 0 0 1 .086.365Zm.707 18.984c-.727 2.011-2.791 1.389-2.791-.259-.057-3.119 3.572-1.901 2.791.26v-.001ZM155.392 199.891c1.926 4.35 9.139 2.15 6.621-3.658a3.653 3.653 0 0 0-2.338-2.083 3.669 3.669 0 0 0-3.092.487c-1.534 1.051-2.876 3.875-1.144 5.376a.499.499 0 0 0 .85-.353c.107-1.148-.119-2.371.838-3.231a2.288 2.288 0 0 1 3.549.378 2.661 2.661 0 0 1-.467 3.601 3.032 3.032 0 0 1-4.019-.994c-.313-.517-1.037-.06-.798.477ZM145.571 226.664c3.876.66 7.809.928 11.739.798 4.292.127 8.604.273 12.894.248a1.103 1.103 0 0 0 0-2.204c-4.29-.174-8.602-.186-12.894-.206a57.817 57.817 0 0 0-11.739.39.508.508 0 0 0 0 .974Z",
+    fill: "#2F3941"
+  })), _path4$1 || (_path4$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M290.099 17.651a26.343 26.343 0 0 0-14.443-13.727c-8.184-3.209-17.301-2.702-25.923-2.622-36.725.338-187.491.226-197.868.656a46.93 46.93 0 0 0-23.035 6.39c-15.658 9.89-12.084 26.386-11.458 44.885 1.203 35.566 2.12 79.713 6.107 111.322 1.049 8.324 2.204 16.755 6.676 24.05 7.983 13.016 24.148 17.93 39.357 17.867.586 0 34.396.811 73.168 1.099.06 2.045.465 4.305.694 6.462-.845-.102-23.612.467-30.303 1.419a.956.956 0 0 0-.771.893.982.982 0 0 0 .07.415c-3.429 2.898-6.462 6.492-9.588 9.661-3.848 3.879-7.906 7.645-11.5 11.758a.822.822 0 0 0 1.163 1.163c4.026-3.696 7.685-7.846 11.473-11.786 3.151-3.283 6.762-6.462 9.603-10.051a284.168 284.168 0 0 1 30.012-1.086c.02 1.633-.067 3.567 1.553 4.394.249.132.684.04.731-.3.119-2.158.03-4.322-.266-6.463a20.308 20.308 0 0 0-1.205-6.462c9.037.065 18.32.097 27.494.082a22.04 22.04 0 0 0-.498 11.488.589.589 0 0 0 .558.411.583.583 0 0 0 .558-.411c.323-1.081.516-2.196.575-3.323 5.085.679 9.298.204 22.997 1.059 2.081.132 5.048.161 6.8.151a49.891 49.891 0 0 0 9.03 9.507 126.265 126.265 0 0 0 10.551 9.276c.89.671 1.988-.798 1.188-1.541-3.547-3.244-7.275-6.278-10.814-9.542a93.19 93.19 0 0 0-8.62-8.122.687.687 0 0 0-.296-.8 16.466 16.466 0 0 0-6.571-1.034 303.46 303.46 0 0 0-8.896-.433 119.194 119.194 0 0 0-15.245-.532c.139-2.202.522-4.237.539-6.156 26.179-.057 51.28-.512 67.03-1.762 13.367-1.064 29.723-1.842 38.877-13.173 4.737-5.858 5.182-13.963 6.112-21.166 3.929-30.407 5.575-77.387 8.06-112.188.997-13.655 2.17-28.933-3.676-41.728Zm1.613 31.317c-.146 4.2-3.837 64.939-4.225 70.999-.84 12.757-3.594 52.564-7.069 65.039-3.355 12.052-18.191 15.578-28.953 16.886-9.22 1.123-18.553 1.715-27.836 2.028-47.201 1.6-152.146 1.016-154.02.947-17.12-.746-35.33-6.288-41.204-24.174-2.597-7.906-2.91-16.548-3.567-24.799-2.594-32.741-2.42-43.205-4.722-107.053-.313-8.463-1.814-17.863.596-26.12C26.38 3.355 51.897 4.623 67.642 4.416c18.621-.248 177.824-.437 187.33-.497 8.565-.045 17.791.174 25.046 5.349 12.02 8.565 12.159 26.432 11.694 39.692v.008ZM2.113 306.233c1.504-2.13 36.665-41.756 38.413-43.727a10.606 10.606 0 0 1 9.066-3.728c23.95-.139 47.907-.29 71.857.095 44.688.73 142.992-1.775 146.288-1.74 3.231.032 7.399-.711 9.864 1.66 2.352 2.264 26.674 35.343 35.177 44.204 1.322 1.374 3.407-.716 2.093-2.093-8.324-8.682-29.105-36.658-32.5-40.888a17.18 17.18 0 0 0-4.722-5.016c-4.243-2.115-53.46.465-74.499.942-24.904.57-18.499.127-150.918.092-5.858 0-10.004.249-13.864 5.043-4.439 5.52-35.989 42.114-37.403 44.477-.44.751.663 1.365 1.148.679ZM310.594 315.641c2.172-3.694 6.668-9.738 4.511-10.439-3.336-1.064-312.387 1.784-312.387 1.784s-5.946.154-.249 5.456c5.697 5.301 5.965 6.656 16.25 6.258 10.284-.397 262.609-1.203 269.642-1.091 7.034.112 20.856.37 22.233-1.968Z",
+    fill: "#2F3941"
+  })), _path5$1 || (_path5$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M34.938 281.227c-2.187 2.709-11.898 12.69-12.29 15.161a1.074 1.074 0 0 0 .471 1.163c1.328.85 41.622 0 50.602-.032 18.968-.08 153.463.745 156.865.79 2.603.032 4.444-.519 3.169-3.435-4.347-9.942-8.664-19.883-13.081-29.795-1.123-2.513-2.02-2.851-4.722-2.839 0 0-161.347 0-166.45-.059a.918.918 0 0 0-.874.921.92.92 0 0 0 .874.92c31.896.311 159.016-.087 167.966.445.724.045-.248-1.638 13.958 30.395.199.445.147 1.242-2.207 1.3-1.633.034-157.686-.624-193.429-.358-1.899 0-9.956.338-9.897-.14.2-1.6 12.619-14.798 23.217-31.038.365-.559-.497-1.016-.875-.512-.02-.007-8.443 11.098-13.297 17.113ZM238.084 290.689a39.103 39.103 0 0 0 3.124 6.895c.746 1.022 1.243 1.009 2.486 1.049 6.929.216 26.206-.664 45.483-.286 1.275.027 6.532.83 6.463-1.243-.102-3.042-9.343-13.789-22.084-33.67-1.454-2.272-2.08-2.411-4.956-2.284-4.702.199-32.4 1.195-41.541 1.491-1.216.04-1.223 1.934 0 1.894 47.176-1.491 43.545-1.605 43.833-1.422.93.592 1.862 2.879 2.458 3.793 1.33 2.021 17.513 26.115 18.981 28.222.878 1.256.02 1.183-1.739 1.149-1.989-.045-45.168.233-46.573.221-1.739-.022-2.589-3.415-3.3-4.931-9.112-19.476-10.563-22.476-13.054-26.54-.392-.638-1.409-.445-1.131.207 4.36 10.205 7.591 16.5 11.55 25.455ZM285.242 112.053v.445c0 .04.067.04.067 0 0-.147 0-.298.02-.445-.002-.047-.087-.052-.087 0ZM91.163 240.165s131.381-1.695 132.656-1.416c1.275.278-.313 8.776-4.226 8.751-3.912-.025-121.276.922-123.175.171-1.9-.75-7.28-7.478-5.255-7.506Z",
+    fill: "#2F3941"
+  })), _path6$1 || (_path6$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M45.82 293.676a.023.023 0 0 0 .014-.01.025.025 0 0 0 .005-.016.027.027 0 0 0-.019-.026.027.027 0 0 0-.014.042.023.023 0 0 0 .014.01ZM220.834 284.323c-2.237-.034-6-.062-10.973-.082-1.198-2.995.522 1.459-4.325-10.759 4.354 0 7.692 0 9.735.025a.767.767 0 0 0 .545-.226.767.767 0 0 0 0-1.09.77.77 0 0 0-.545-.225c-2.09-.03-5.666-.057-10.376-.077-1.134-2.734-1.506-3.154-2.411-3.637a.552.552 0 0 0-.798.319c-.291.832-.328 1.339.355 3.308-8.714-.03-20.504-.047-33.677-.05a23.38 23.38 0 0 0-2.021-4.446.51.51 0 0 0-.566-.224.509.509 0 0 0-.383.472c.033 1.409.199 2.811.497 4.188-11.212 0-23.326 0-35.336.027a706.988 706.988 0 0 0-.186-3.171.582.582 0 0 0-1.161 0 442.255 442.255 0 0 0-.313 3.174c-12.514.017-24.854.045-35.902.079a6.379 6.379 0 0 0-.378-2.835c-.107-.266-.457-.443-.676-.187a6.309 6.309 0 0 0-1.322 3.03c-12.572.042-23.276.094-30.335.154a18.732 18.732 0 0 0 1.8-3.577c.372-1.061-1.22-2.03-1.954-1.128-1.223 1.511-2.374 3.112-3.495 4.742-2.634.03-4.386.062-5.067.095a.503.503 0 0 0-.357.861.503.503 0 0 0 .357.148c1.155.087 2.55.164 4.158.236-5.903 8.771-5.418 7.829-7.526 11.008-3.607.032-5.985.067-6.83.104a.503.503 0 0 0-.505.505.505.505 0 0 0 .505.504c1.39.1 3.4.184 5.94.249a48.466 48.466 0 0 0-3.343 6.094.431.431 0 0 0 .746.433c1.491-2.168 3.149-4.337 4.859-6.462 8.45.191 21.417.268 36.556.28a22.934 22.934 0 0 0-1.295 5.891c-.048.723.89.823 1.242.338a22.61 22.61 0 0 0 2.963-6.214c12.082 0 25.401-.03 38.835-.079a13.904 13.904 0 0 0 .698 6.238.857.857 0 0 0 .746.429.857.857 0 0 0 .746-.429 13.875 13.875 0 0 0 .952-6.251c13.227-.052 26.474-.116 38.666-.171a25.556 25.556 0 0 0 2.281 5.572.781.781 0 0 0 1.442-.392 24.472 24.472 0 0 0-.816-5.193c13.586-.062 25.705-.111 34.797-.114a27.226 27.226 0 0 0 3.362 6.462c.353.47 1.362.41 1.283-.345a25.886 25.886 0 0 0-1.554-6.119c4.439 0 7.974.022 10.37.059a.761.761 0 0 0 .543-.229.766.766 0 0 0 .222-.546.77.77 0 0 0-.775-.766Zm-170.101.139c3.142-3.859 6.303-7.563 8.562-10.853 7.58.248 18.36.358 30.772.4a97.23 97.23 0 0 1-3.278 10.287c-15.024.045-27.84.102-36.056.166Zm38.892-.173c2.341-7.884 2.585-7.954 3.072-10.273 11.167.028 23.527 0 35.999-.057-.562 6.246-.38 6.529-.691 10.247-13.287.02-26.457.048-38.38.083Zm41.303-.087c-.144-3.319.03-4.226-.263-10.253 12.178-.057 24.392-.142 35.668-.221.621 2.423-.107-.639 2.838 10.439-12.059.01-25.167.017-38.243.035Zm41.164-.023c-.072-.248-3.022-10.14-3.122-10.471 13.235-.094 25.019-.181 33.668-.216 1.941 5.087 1.325 3.139 4.136 10.737-9.003-.032-21.099-.047-34.682-.05ZM281.202 286.259c-1.339-.479-2.53-.671-8.326-.591a140.94 140.94 0 0 0-7.491-12.89 25.902 25.902 0 0 0 7.379-.656.778.778 0 0 0 .398-1.209.778.778 0 0 0-.398-.282c-2.98-.66-6.05-.813-9.081-.452a201.697 201.697 0 0 0-2.486-3.634.674.674 0 0 0-1.163.679l1.695 3.022c-4.143.151-10.849.437-15.243.636a24.566 24.566 0 0 0-3.679-4.576.437.437 0 0 0-.251-.114.444.444 0 0 0-.479.539 25.034 25.034 0 0 0 1.613 4.28 45.342 45.342 0 0 0-8.833.763.515.515 0 0 0-.365.489.511.511 0 0 0 .365.488c3.286.677 6.655.86 9.996.542 1.327 2.443 2.833 4.824 4.079 7.126 1.006 1.854 1.953 3.842 2.965 5.798a40.865 40.865 0 0 0-9.527.716.499.499 0 0 0-.405.488.496.496 0 0 0 .405.489c3.549.665 7.169.868 10.769.604a28.675 28.675 0 0 0 3.542 5.078c.37.412.962-.035.868-.498a23.462 23.462 0 0 0-1.452-4.583 1830.64 1830.64 0 0 0 15.658-.134 30.665 30.665 0 0 0 2.662 4.012c.378.497 1.283.248 1.076-.45a29.948 29.948 0 0 0-1.337-3.587 23.018 23.018 0 0 0 7.071-.599.775.775 0 0 0 .542-.756.78.78 0 0 0-.567-.738Zm-26.223-.126c-1.213-2.414-2.63-4.75-3.865-6.989-1.029-1.859-2.068-3.91-3.211-5.911 3.728-.082 8.656-.218 15.263-.4 3.599 6.462 5.696 10.337 7.091 12.882-3.291.047-6.51.157-15.278.408v.01Z",
+    fill: "#2F3941"
+  })));
+};
+
+var FallbackComponent = function FallbackComponent() {
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "flex h-screen w-full flex-row items-start justify-start"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "m-auto text-center"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "m-auto mb-8 flex items-center justify-center"
+  }, /*#__PURE__*/React__default.createElement(SvgFallbackComponent, null)), /*#__PURE__*/React__default.createElement(Typography, {
+    component: "h2",
+    style: "h2",
+    weight: "semibold",
+    className: "mb-4"
+  }, t("neetoCommons.fallbackComponent.somethingWentWrong")), /*#__PURE__*/React__default.createElement(Typography, {
+    component: "p",
+    style: "body1",
+    weight: "normal",
+    className: "mb-8 text-gray-600"
+  }, t("neetoCommons.fallbackComponent.tryReloading")), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-row items-center justify-center"
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    style: "primary",
+    size: "large",
+    onClick: function onClick() {
+      return window.location.reload();
+    },
+    label: t("neetoCommons.fallbackComponent.reload")
+  }))));
+};
+
+var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
+  var children = _ref.children,
+      _ref$ErrorComponent = _ref.ErrorComponent,
+      ErrorComponent = _ref$ErrorComponent === void 0 ? FallbackComponent : _ref$ErrorComponent;
+  Honeybadger.beforeNotify(function (notice) {
+    return !/ResizeObserver/.test(notice.message);
+  });
+  var honeybadger = Honeybadger.configure({
+    apiKey: globalProps.honeybadgerApiKey,
+    environment: globalProps.nodeEnv,
+    revision: globalProps.honeybadgerRevision,
+    developmentEnvironments: ["development", "test"],
+    enableUncaught: true,
+    async: true,
+    breadcrumbsEnabled: true,
+    projectRoot: "webpack:///./"
+  });
+  return /*#__PURE__*/React__default.createElement(HoneybadgerErrorBoundary$1, {
+    honeybadger: honeybadger,
+    ErrorComponent: ErrorComponent
+  }, children);
+};
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+
+  return target;
+}
+
+var _excluded = ["condition", "redirectRoute"];
+
+var PrivateRoute = function PrivateRoute(_ref) {
+  var _ref$condition = _ref.condition,
+      condition = _ref$condition === void 0 ? globalProps.authenticated : _ref$condition,
+      redirectRoute = _ref.redirectRoute,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return condition ? /*#__PURE__*/React__default.createElement(Route, props) : /*#__PURE__*/React__default.createElement(Redirect, {
+    to: {
+      pathname: redirectRoute
+    }
+  });
+};
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+  if (_i == null) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+
+  var _s, _e;
+
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+var HEADERS_KEYS = {
+  xAuthEmail: "X-Auth-Email",
+  xAuthToken: "X-Auth-Token",
+  xCsrfToken: "X-CSRF-TOKEN"
+};
+
+var resetAuthTokens = function resetAuthTokens() {
+  values(HEADERS_KEYS).forEach(function (header) {
+    delete axios.defaults.headers[header];
+  });
+};
+
+var MY_PROFILE_URL = "/auth/profile/edit";
+var MY_ORGANIZATION_URL = "/auth/organization/edit";
+var PERMITTED_DOMAINS = ["@bigbinary.com", "@example.com"];
+var CHANGELOG_WIDGET_TRIGGER_ID = "neetochangelog-trigger";
+
+var getTopLinks = function getTopLinks() {
+  var topLinks = [{
+    label: i18next.t("neetoCommons.sidebar.myProfile"),
+    icon: User,
+    onClick: function onClick() {
+      return window.open(MY_PROFILE_URL, "_blank");
+    },
+    "data-cy": "my-profile-button"
+  }];
+  return globalProps.isOwner ? topLinks.concat({
+    label: i18next.t("neetoCommons.sidebar.myOrganization"),
+    icon: Settings,
+    onClick: function onClick() {
+      return window.open(MY_ORGANIZATION_URL, "_blank");
+    },
+    "data-cy": "profile-organization-settings-button"
+  }) : topLinks;
+};
+
+var Sidebar = function Sidebar(_ref) {
+  var navLinks = _ref.navLinks,
+      appName = _ref.appName,
+      _ref$profileInfoOverr = _ref.profileInfoOverrides,
+      profileInfoOverrides = _ref$profileInfoOverr === void 0 ? {} : _ref$profileInfoOverr,
+      _ref$organizationInfo = _ref.organizationInfoOverrides,
+      organizationInfoOverrides = _ref$organizationInfo === void 0 ? {} : _ref$organizationInfo,
+      _ref$extraTopLinks = _ref.extraTopLinks,
+      extraTopLinks = _ref$extraTopLinks === void 0 ? [] : _ref$extraTopLinks,
+      _ref$showAppSwitcher = _ref.showAppSwitcher,
+      showAppSwitcher = _ref$showAppSwitcher === void 0 ? true : _ref$showAppSwitcher;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isAppSwitcherOpen = _useState2[0],
+      setIsAppSwitcherOpen = _useState2[1];
+
+  var location = useLocation();
+  useEffect(function () {
+    isAppSwitcherOpen && setIsAppSwitcherOpen(false); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [location]);
+
+  var handleLogout = function handleLogout() {
+    resetAuthTokens();
+    window.location.href = "/logout";
+  };
+
+  var isWhatsNewAllowed = PERMITTED_DOMAINS.some(function (domain) {
+    return globalProps.user.email.includes(domain);
+  });
+  var profileInfo = mergeLeft(profileInfoOverrides, {
+    name: "".concat(globalProps.user.firstName, " ").concat(globalProps.user.lastName),
+    imageUrl: globalProps.user.profileImageUrl,
+    email: globalProps.user.email || globalProps.user.phoneNumber,
+    topLinks: extraTopLinks.concat(getTopLinks()),
+    bottomLinks: [{
+      icon: LeftArrow,
+      label: i18next.t("neetoCommons.sidebar.logout"),
+      onClick: handleLogout,
+      "data-cy": "profile-logout-button"
+    }],
+    helpProps: {
+      icon: Help,
+      label: i18next.t("neetoCommons.sidebar.help"),
+      onClick: function onClick() {
+        return window.open("https://neeto".concat(toLower(appName), "help.neetokb.com/"), "_blank");
+      }
+    },
+    changelogProps: isWhatsNewAllowed ? {
+      id: CHANGELOG_WIDGET_TRIGGER_ID
+    } : undefined
+  });
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Sidebar$1, {
+    isCollapsed: true,
+    appName: "neeto".concat(capitalize(appName)),
+    navLinks: navLinks,
+    profileInfo: profileInfo,
+    organizationInfo: mergeLeft(organizationInfoOverrides, globalProps.organization),
+    onAppSwitcherToggle: function onAppSwitcherToggle() {
+      return setIsAppSwitcherOpen(not);
+    },
+    showAppSwitcher: showAppSwitcher
+  }), showAppSwitcher && /*#__PURE__*/React__default.createElement(AppSwitcher, {
+    isOpen: isAppSwitcherOpen,
+    onClose: function onClose() {
+      return setIsAppSwitcherOpen(false);
+    },
+    neetoApps: globalProps.neetoApps,
+    activeApp: capitalize(appName),
+    environment: process.env.RAILS_ENV
+  }));
+};
+
+function useDebounce(value) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
+
+  var _useState = useState(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      debouncedValue = _useState2[0],
+      setDebouncedValue = _useState2[1];
+
+  useEffect(function () {
+    var handler = setTimeout(function () {
+      setDebouncedValue(value);
+    }, delay);
+    return function () {
+      clearTimeout(handler);
+    };
+  }, [value]);
+  return debouncedValue;
+}
+
+var useFuncDebounce = function useFuncDebounce(func) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
+  var timer = useRef(null);
+
+  var debouncedFunc = function debouncedFunc() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    clearTimeout(timer.current);
+    timer.current = setTimeout(function () {
+      return func.apply(void 0, args);
+    }, delay);
+  };
+
+  debouncedFunc.cancel = function () {
+    return clearTimeout(timer.current);
+  };
+
+  return debouncedFunc;
+};
+
+var useForceUpdate = function useForceUpdate() {
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      setValue = _useState2[1];
+
+  return function () {
+    return setValue(function (value) {
+      return value + 1;
+    });
+  };
+};
+
+var useIsElementVisibleInDom = function useIsElementVisibleInDom(target) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isIntersecting = _useState2[0],
+      setIntersecting = _useState2[1];
+
+  var forceUpdate = useForceUpdate();
+  useEffect(function () {
+    if (!target) return forceUpdate();
+    var observer = new IntersectionObserver(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 1),
+          entry = _ref2[0];
+
+      return setIntersecting(entry.isIntersecting);
+    }, options);
+    observer.observe(target);
+    return function () {
+      return observer.unobserve(target);
+    };
+  }, [target, options]);
+  return isIntersecting;
+};
+
+var getStorageValue = function getStorageValue(key, defaultValue) {
+  var saved = localStorage.getItem(key);
+  return JSON.parse(saved) || defaultValue;
+};
+
+var useLocalStorage = function useLocalStorage(key, defaultValue) {
+  var _useState = useState(function () {
+    return getStorageValue(key, defaultValue);
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      storedValue = _useState2[0],
+      setStoredValue = _useState2[1];
+
+  var setValue = function setValue(value) {
+    if (isNil(value)) {
+      localStorage.removeItem(key);
+    } else {
+      localStorage.setItem(key, JSON.stringify(value));
+    }
+
+    setStoredValue(value);
+  };
+
+  return [storedValue, setValue];
+};
+
+var useOnClickOutside = function useOnClickOutside(ref, handler) {
+  useEffect(function () {
+    var listener = function listener(event) {
+      // Do nothing if clicking ref's element or descendent elements
+      if (!ref.current || ref.current.contains(event.target)) {
+        return;
+      }
+
+      handler(event);
+    };
+
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return function () {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [handler]);
+};
+
+var usePrevious = function usePrevious(value) {
+  var ref = useRef(value);
+  useEffect(function () {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+};
+
+var useUpdateEffect = function useUpdateEffect(callback) {
+  var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var isInitialMount = useRef(true);
+  useEffect(function () {
+    if (isInitialMount.current) {
+      isInitialMount.current = false;
+      return;
+    }
+
+    callback();
+  }, dependencies);
+};
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+var ReducerBasedProvider = function ReducerBasedProvider(initialValue, StateContext, DispatchContext, reducer) {
+  return function Provider(_ref) {
+    var children = _ref.children;
+
+    var _useReducer = useReducer(reducer, initialValue),
+        _useReducer2 = _slicedToArray(_useReducer, 2),
+        state = _useReducer2[0],
+        dispatch = _useReducer2[1];
+
+    return /*#__PURE__*/React__default.createElement(DispatchContext.Provider, {
+      value: dispatch
+    }, /*#__PURE__*/React__default.createElement(StateContext.Provider, {
+      value: state
+    }, children));
+  };
+};
+
+var StateBasedProvider = function StateBasedProvider(initialValue, StateContext, DispatchContext) {
+  return function Provider(_ref2) {
+    var children = _ref2.children;
+
+    var _useState = useState(initialValue),
+        _useState2 = _slicedToArray(_useState, 2),
+        state = _useState2[0],
+        setState = _useState2[1];
+
+    return /*#__PURE__*/React__default.createElement(DispatchContext.Provider, {
+      value: setState
+    }, /*#__PURE__*/React__default.createElement(StateContext.Provider, {
+      value: state
+    }, children));
+  };
+};
+
+var _useContext = function useContext(Context) {
+  var context = React__default.useContext(Context);
+
+  if (context === undefined) {
+    throw new Error("consumer hooks must be used within a Provider");
+  }
+
+  return context;
+};
+/**
+ * Creates a context and returns a provider and consumer hooks
+ * @param {Object} initialValue initial value of the context
+ * @param {Function} reducer reducer function (can be omitted to get a state based context)
+ * @returns {Object} a new context
+ */
+
+
+var createContext = function createContext(initialValue) {
+  var _ref3;
+
+  var reducer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+  var StateContext = /*#__PURE__*/React__default.createContext();
+  var DispatchContext = /*#__PURE__*/React__default.createContext();
+  return _ref3 = {
+    Provider: reducer ? ReducerBasedProvider(initialValue, StateContext, DispatchContext, reducer) : StateBasedProvider(initialValue, StateContext, DispatchContext),
+    useState: function useState() {
+      return _useContext(StateContext);
+    }
+  }, _defineProperty(_ref3, reducer ? "useDispatch" : "useSetState", function () {
+    return _useContext(DispatchContext);
+  }), _defineProperty(_ref3, "useContext", function useContext() {
+    return [_useContext(StateContext), _useContext(DispatchContext)];
+  }), _ref3;
+};
+
+var _path$1, _path2, _path3, _path4, _path5, _path6, _path7;
+
+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 SvgErrorPage = function SvgErrorPage(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
+    width: 320,
+    height: 320,
+    viewBox: "0 0 240 240",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M168.161 166.069a41.16 41.16 0 0 1 1.784 22.647l14.369-1.59-8.004-22.059-8.149 1.002ZM59.88 183.248l2.29 4.953a48.712 48.712 0 0 0 22.135-10.56l2.327 1.147s.537-15.294-5.807-27.36c-3.7.557-7.26 1.811-10.492 3.697 0 0-1.927 9.223 5.338 15.681 0 .007-8.551 10.569-15.791 12.442ZM67.021 199.962s17.185-1.579 36.709-14.364c0 0 7.456 1.818 14.04 2.743a58.077 58.077 0 0 1-14.5 11.705l-35.16 2.527-1.089-2.611ZM99.977 151.92s3.488 13.944-3.016 31.38c0 0 2.76.918 9.042 2.676 0 0 8.244-14.513 4.62-31.286l-10.646-2.77ZM124.276 159.271s1.08 19.336-5.865 28.854c3.765.685 7.562 1.179 11.376 1.48 0 0 7.656-9.288 7.09-26.4 0-.005-12.568-3.658-12.601-3.934ZM146.933 165.253s3.452 14.268-1.9 25.168c0 0 10.428-.12 13.889-.749a55.916 55.916 0 0 0 .438-23.42 62.905 62.905 0 0 1-12.427-.999ZM44.304 162.181a.57.57 0 0 0-1.038-.12c-2.168 3.551-5.21 8.004-7.616 11.435a.804.804 0 0 0 .217 1.12 8.158 8.158 0 0 0 3.457 1.472c7.65.936 10.596-9.888 4.98-13.907Zm-.388 1.047a6.555 6.555 0 0 1 1.646 6.546 19.439 19.439 0 0 0-3.868-2.75c.764-1.255 1.506-2.52 2.226-3.796h-.004Zm-6.471 10.464c.433-.658.864-1.316 1.293-1.976a11.107 11.107 0 0 0 3.288 2.445 5.162 5.162 0 0 1-4.586-.469h.005Zm5.798-.22a20.607 20.607 0 0 0-3.76-2.908c.42-.654 1.454-2.302 1.56-2.469a14.387 14.387 0 0 0 4.052 3 6.406 6.406 0 0 1-1.852 2.377Z",
+    fill: "#2F3941"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "m58.862 179.071-.847-2.147a.74.74 0 0 0-.6-.388c-2.478-.216-1.941-.351-6.695-.6a14.66 14.66 0 0 0 1.73-3.48.575.575 0 0 0-.348-.733.574.574 0 0 0-.732.347c-2.15 5.625-8.716 10.29-14.313 7.119-3.48-1.885-5.82-5.307-7.935-8.674a3.763 3.763 0 0 0 2.528-1.477c.582-.849.96-1.82 1.108-2.839.371.876.817 1.719 1.332 2.52a.767.767 0 0 0 1.105.248l1.78-1.55a.572.572 0 0 0-.682-.915l-1.222.752c-.806-1.727-.967-2.026-1.453-2.901 1.08-.918 3.126.011 5.864-.223a5.501 5.501 0 0 0 4.52-2.67c1.252-2.098 1.098-4.512 3.454-8.68.568-.43-.218-1.303-.486-3.607a.572.572 0 0 0-.645-.489 26.254 26.254 0 0 0-6.851 2.312 58.82 58.82 0 0 0-14.664 8.986 9.7 9.7 0 0 0-.667-1.336.57.57 0 0 0-1.036-.098.571.571 0 0 0-.059.422 5.458 5.458 0 0 0 .447 2.202 19.463 19.463 0 0 0-2.04 2.28.832.832 0 0 0-.078.862c.297.677.63 1.338.998 1.98a9.6 9.6 0 0 0 5.383 4.143c2.295 4.215 4.32 7.811 8.488 10.2 4.889 2.679 10.238.652 13.698-3.663a23.755 23.755 0 0 0 6.988 1.002l.895 1.58a.574.574 0 0 0 .76.264.57.57 0 0 0 .267-.758l.008.009Zm-26.209-21.068a40.435 40.435 0 0 1 4.4-3.214h.027a.497.497 0 0 1 .466-.082.497.497 0 0 1 .327.341c1.253 2.576 1.086 3.97.942 4.48-.753 2.502-3.46 2.76-5.241.914a5.915 5.915 0 0 1-1.086-1.525.776.776 0 0 1 .165-.914Zm-7.518 6.545a.433.433 0 0 1-.177-.359.428.428 0 0 1 .198-.347v-.032a34.532 34.532 0 0 1 3.728-2.787.665.665 0 0 1 .787.096c2.184 1.947 1.82 5.337-1.09 5.32-1.581-.037-3.326-1.901-3.446-1.891Z",
+    fill: "#2F3941"
+  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+    d: "M52.498 166.036c1.788.309 4.219.555 5.745.646a.572.572 0 0 1-.059 1.14 55.126 55.126 0 0 1-6.52-.498.707.707 0 0 1-.59-.704c0-3.24-1.305-7.038-2.253-9.954a.828.828 0 0 1 .438-1.004c1.701-.79 3.653-2.259 4.044-4.091a2.149 2.149 0 0 0-1.537-2.664 5.796 5.796 0 0 0-3.96.069.524.524 0 0 1-.436-.95 6.94 6.94 0 0 1 5.768.022 3.364 3.364 0 0 1 1.691 3.818 7.653 7.653 0 0 1-4.22 4.969 31.465 31.465 0 0 1 1.889 9.201ZM7.213 158.976c1.13.584 2.345.989 3.6 1.2 10.588 1.83 14.784-10.784 24.279-12.282a5.788 5.788 0 0 1 4.333.766.575.575 0 0 0 .777-.146.574.574 0 0 0-.11-.783 7.09 7.09 0 0 0-5.183-1.162c-10.18 1.233-14.309 13.509-23.916 12.369a10.87 10.87 0 0 1-3.313-.898.524.524 0 0 0-.467.936Z",
+    fill: "#2F3941"
+  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
+    d: "M6.226 151.849a7.241 7.241 0 0 0 5.547 2.819 13.345 13.345 0 0 0 8.507-3.228.572.572 0 0 0 .122-.797.567.567 0 0 0-.798-.122 15.573 15.573 0 0 1-6.448 2.427 7.369 7.369 0 0 1-6.156-1.8.524.524 0 0 0-.774.701ZM42.307 140.682a6.532 6.532 0 0 1 1.654-.188c3.55.043 5.677 2.4 5.94 5.967a.575.575 0 0 1-.135.416.57.57 0 0 1-.806.064.571.571 0 0 1-.2-.39c-.26-2.825-1.886-4.73-4.8-4.68a5.04 5.04 0 0 0-1.688.307.71.71 0 0 1-.805-.24 9.952 9.952 0 0 0-12.335-2.751c-5.184 2.39-6.932 6.567-10.734 8.76-3.702 2.137-9.319 1.607-12.261-1.595a.524.524 0 1 1 .763-.72 8.102 8.102 0 0 0 5.204 2.232c7.893.644 8.679-6.689 16.34-10.183a11.68 11.68 0 0 1 8.899-.517 10.106 10.106 0 0 1 4.964 3.518ZM201.673 151.615a24.463 24.463 0 0 1-5.711 8.497.576.576 0 0 0-.075.79.574.574 0 0 0 .787.103 13.394 13.394 0 0 0 6-9.097.524.524 0 0 0-1.001-.293ZM205.2 152.462c-1.219 2.88-3.79 7.49-6.281 9.55a.572.572 0 1 0 .701.904c3.878-2.819 5.429-5.64 6.57-10.121a.524.524 0 0 0-.99-.333ZM208.56 154.134c-2.04 6.751-8.28 15.451-14.833 18.426a.568.568 0 0 0 .022 1.053.566.566 0 0 0 .436-.009c7.999-3.378 13.223-10.84 15.382-19.189a.521.521 0 0 0-.37-.621.519.519 0 0 0-.386.043.52.52 0 0 0-.251.297Z",
+    fill: "#2F3941"
+  })), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
+    d: "M203.742 168.706c-5.676 5.708-14.826 9.308-21.815 9.034a410.807 410.807 0 0 1-3.371-9.336c.96-.055 2.421-.208 3.347-.337 1.095-.152-.12-1.707 2.509-4.347 4.179-4.178 13.809-5.832 14.566-13.478a.57.57 0 0 0-1.133-.14c-1.237 8.458-15.48 8.128-16.649 16.758-.943.182-2.04.386-3 .502l-.991-2.874a.826.826 0 0 0-1.007-.53c-4.327 1.232-8.703 1.235-13.2 1.394-24.056.848-38.991-8.964-61.192-14.04-15.686-3.579-32.202-1.299-41.88 11.554a.677.677 0 0 0-.096.636c2.264 6.23 3.584 13.838-.684 18.88a.626.626 0 0 0-.101.644c1.92 4.6 7.472 17.709 8.28 19.68a.574.574 0 0 0 .734.294.571.571 0 0 0 .324-.721c-.801-1.983-6.19-14.898-8.04-19.388 4.28-5.334 3.143-13.019.877-19.501 9.399-12.076 25.241-14.072 40.252-10.59 22.289 5.16 37.166 15.049 61.591 14.205 4.313.05 8.618-.369 12.84-1.249 2.442 7.102 4.885 13.906 7.749 20.851-27.428 4.069-54.752 4.515-81.408-2.239a72.364 72.364 0 0 1-21.724-9.917.527.527 0 0 0-.58-.028.534.534 0 0 0-.238.322.518.518 0 0 0 .196.546 73.386 73.386 0 0 0 22.023 10.257 162.974 162.974 0 0 0 15.325 3.213 47.83 47.83 0 0 0 3.739 8.209.57.57 0 0 0 1.059-.427 34.85 34.85 0 0 0-3.339-7.553c22.037 3.36 44.07 2.354 66.204-.916a.822.822 0 0 0 .592-.408c.33-.585.12-.161-3.136-8.751 8.193.747 16.416-3.159 22.2-9.425a.568.568 0 0 0-.432-.934.571.571 0 0 0-.391.15ZM95.45 49.08a5.227 5.227 0 0 0-8.81-3.607 5.147 5.147 0 0 0-.098 7.32 5.202 5.202 0 0 0 8.907-3.713Zm-5.21 3.618a3.72 3.72 0 1 1 2.68-6.299 3.748 3.748 0 0 1-2.68 6.299ZM110.052 51.031a5.225 5.225 0 0 0-8.814-3.607 5.144 5.144 0 0 0-.1 7.32 5.203 5.203 0 0 0 8.914-3.713Zm-5.204 3.618a3.724 3.724 0 0 1-3.103-1.668 3.722 3.722 0 0 1 4.242-5.593 3.712 3.712 0 0 1 1.541.961 3.75 3.75 0 0 1-.651 5.66c-.6.405-1.305.627-2.029.64ZM124.768 53.13a5.233 5.233 0 0 0-3.244-4.647 5.228 5.228 0 0 0-5.572 1.04 5.157 5.157 0 0 0-1.577 3.64 5.148 5.148 0 0 0 1.479 3.68 5.203 5.203 0 0 0 8.914-3.713Zm-5.206 3.618a3.716 3.716 0 0 1-3.102-1.668 3.723 3.723 0 0 1-.32-3.508 3.724 3.724 0 0 1 6.103-1.123 3.75 3.75 0 0 1-2.681 6.299ZM120.72 111.438s-1.034-.3-2.658-.76a104.539 104.539 0 0 0 2.658-17.841 1.936 1.936 0 0 0-.26-1.472 1.95 1.95 0 0 0-1.23-.85 1.94 1.94 0 0 0-2.306 1.514 104.366 104.366 0 0 0-4.767 17.015 263.097 263.097 0 0 0-10.287-2.59c1.56-5.04 3-10.92 4.108-16.12a1.944 1.944 0 0 0-3.691-1.211 190.895 190.895 0 0 0-7.296 18.637 3.081 3.081 0 0 0 2.28 3.96c4.873 1.044 9.643 1.876 13.979 2.566-.85 5.385-1.296 9.614-1.296 9.614a2.115 2.115 0 0 0 .857 2.216c.231.16.491.273.766.332a2.134 2.134 0 0 0 1.609-.305 2.102 2.102 0 0 0 .912-1.36s1.371-4.208 2.824-9.627c1.768.261 2.908.421 2.908.421a2.126 2.126 0 0 0 1.62-.271 2.13 2.13 0 0 0 .949-2.186 2.106 2.106 0 0 0-.907-1.369 2.111 2.111 0 0 0-.776-.318l.004.005ZM188.438 122.867s-1.033-.3-2.656-.76a104.455 104.455 0 0 0 2.662-17.841 1.94 1.94 0 0 0-3.795-.808 104.13 104.13 0 0 0-4.769 17.015 261.26 261.26 0 0 0-10.286-2.59c1.56-5.055 3-10.947 4.107-16.122a1.938 1.938 0 0 0-1.241-2.45 1.942 1.942 0 0 0-2.45 1.241 190.25 190.25 0 0 0-7.296 18.637 3.087 3.087 0 0 0 .262 2.486 3.07 3.07 0 0 0 2.018 1.474c4.862 1.041 9.629 1.873 13.979 2.565-.85 5.386-1.295 9.615-1.295 9.615a2.115 2.115 0 0 0 .857 2.216 2.115 2.115 0 0 0 1.602.341 2.119 2.119 0 0 0 1.686-1.674s1.37-4.208 2.822-9.628c1.768.262 2.909.422 2.909.422a2.124 2.124 0 0 0 1.595-.294c.471-.306.802-.786.92-1.335a2.124 2.124 0 0 0-1.629-2.515l-.002.005ZM156.774 103.806a12.619 12.619 0 0 0-5.298-8.143 12.613 12.613 0 0 0-9.516-1.957 12.936 12.936 0 0 0-10.32 10.32l-2.16 11.64a13.235 13.235 0 0 0 2.196 9.918 13.015 13.015 0 0 0 8.476 5.36 13.018 13.018 0 0 0 9.772-2.256 12.807 12.807 0 0 0 5.15-8.356l1.768-11.71a12.41 12.41 0 0 0-.068-4.816Zm-4.088 4.057c-2.64 12.315-2.489 12.589-3.686 14.333a7.593 7.593 0 0 1-4.854 3.12 7.407 7.407 0 0 1-8.594-5.752c-.395-1.896-.056-2.224 2.075-14.451a7.642 7.642 0 0 1 13.61-3.227 7.113 7.113 0 0 1 1.449 5.977Z",
+    fill: "#2F3941"
+  })), _path6 || (_path6 = /*#__PURE__*/React.createElement("path", {
+    d: "M70.08 149.16a9.079 9.079 0 0 1-4.046-1.136 8.404 8.404 0 0 1-4.158-8.6l14.564-93.97a8.16 8.16 0 0 1 9.284-6.821c147.683 22.46 140.142 20.52 142.785 22.106a8.194 8.194 0 0 1 3.879 8.227l-13.783 92.32a8.363 8.363 0 0 1-9.341 7.056l-3.016-.39a.571.571 0 0 0-.519.911.57.57 0 0 0 .372.219l3.013.402a9.54 9.54 0 0 0 10.68-8.018l14.093-92.28a9.719 9.719 0 0 0-8.15-11.066A262627.5 262627.5 0 0 0 85.966 37.044a9.74 9.74 0 0 0-11.075 8.173L60.764 139.25a9.503 9.503 0 0 0 4.749 9.699 10.314 10.314 0 0 0 4.457 1.243.521.521 0 0 0 .11-1.032Z",
+    fill: "#2F3941"
+  })), _path7 || (_path7 = /*#__PURE__*/React.createElement("path", {
+    d: "m74.215 56.362 157.429 23.14a.57.57 0 0 0 .166-1.13L74.37 55.332a.522.522 0 0 0-.155 1.03Z",
+    fill: "#2F3941"
+  })));
+};
+
+var _g, _path, _defs;
+
+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 SvgNeetoLogo = function SvgNeetoLogo(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 80,
+    height: 21,
+    fill: "none"
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#neeto-logo_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#212C4F",
+    d: "M15.985 8.65v2.286c0 .765 0 1.524.02 2.286a3.924 3.924 0 0 1-.346 1.844 2.436 2.436 0 0 1-1.305 1.204c-.634.262-1.21.363-1.783.242-.572-.122-1.141-.466-1.77-1.093a565.723 565.723 0 0 1-3.324-3.37l-3.31-3.38a3.533 3.533 0 0 0-.578-.538.828.828 0 0 0-.782-.066.908.908 0 0 0-.374.231.936.936 0 0 0-.226.384c-.071.286-.1.58-.087.875 0 1.245.004 2.492.012 3.74 0 1.247 0 2.501-.021 3.742-.013.312.04.624.155.913.11.27.31.49.564.622a.93.93 0 0 0 .842.024c.274-.129.522-.308.732-.529.506-.502 1.009-1.008 1.509-1.517.5-.51.992-1.024 1.476-1.544a1.101 1.101 0 0 1 .75-.39c.272.001.537.089.757.252.21.14.305.441.299.76.001.318-.112.626-.318.865-.6.62-1.196 1.249-1.795 1.87a50.555 50.555 0 0 1-1.841 1.822 2.884 2.884 0 0 1-1.69.8 3.651 3.651 0 0 1-1.856-.343 2.731 2.731 0 0 1-1.29-1.083A3.147 3.147 0 0 1 0 17.877c.015-1.537.013-3.074.011-4.613V8.65a4.077 4.077 0 0 1 .364-1.773A2.352 2.352 0 0 1 1.664 5.7a3.152 3.152 0 0 1 1.838-.186 3.248 3.248 0 0 1 1.656.988A315.665 315.665 0 0 0 8.544 9.98c1.139 1.152 2.274 2.306 3.406 3.462.154.172.332.322.527.443a.76.76 0 0 0 .652.057c.205-.063.39-.177.54-.333a.957.957 0 0 0 .212-.667c-.016-1.406-.016-2.805-.016-4.204V4.54a1.56 1.56 0 0 0-.096-.62.843.843 0 0 0-.47-.434 1.467 1.467 0 0 0-.636-.147 1.067 1.067 0 0 0-.617.254 16.238 16.238 0 0 0-1.736 1.615c-.546.57-1.08 1.156-1.65 1.703-.213.234-.495.39-.803.443a.872.872 0 0 1-.72-.311 1.062 1.062 0 0 1-.314-.81c.022-.322.16-.625.39-.848l1.729-1.767c.575-.59 1.154-1.174 1.737-1.754a3.163 3.163 0 0 1 1.284-.743c.48-.142.985-.166 1.475-.07.491.07.96.258 1.368.547.408.29.744.673.98 1.12a1.972 1.972 0 0 1 .212.938c-.006.83-.006 1.664 0 2.501.007.837.002 1.668-.013 2.493Z"
+  }))), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#212C4F",
+    d: "M20.17 13V4.072h2.034l.18 1.512a3.157 3.157 0 0 1 1.188-1.26c.528-.312 1.146-.468 1.854-.468 1.104 0 1.962.348 2.574 1.044.612.696.918 1.716.918 3.06V13h-2.304V8.176c0-.768-.156-1.356-.468-1.764-.312-.408-.798-.612-1.458-.612-.648 0-1.182.228-1.602.684-.408.456-.612 1.092-.612 1.908V13H20.17Zm15.29.216c-.9 0-1.699-.192-2.395-.576a4.169 4.169 0 0 1-1.638-1.62c-.396-.696-.594-1.5-.594-2.412 0-.924.192-1.746.576-2.466a4.265 4.265 0 0 1 1.62-1.674c.696-.408 1.512-.612 2.448-.612.876 0 1.65.192 2.322.576a4.055 4.055 0 0 1 1.566 1.584c.384.66.576 1.398.576 2.214 0 .132-.006.27-.018.414 0 .144-.006.294-.018.45H33.12c.048.696.288 1.242.72 1.638.444.396.978.594 1.602.594.468 0 .858-.102 1.17-.306.324-.216.564-.492.72-.828h2.34a4.26 4.26 0 0 1-.846 1.548 4.067 4.067 0 0 1-1.44 1.08c-.564.264-1.206.396-1.926.396Zm.017-7.488c-.564 0-1.062.162-1.494.486-.432.312-.708.792-.828 1.44h4.446c-.036-.588-.252-1.056-.648-1.404-.396-.348-.888-.522-1.476-.522Zm10.74 7.488c-.9 0-1.698-.192-2.394-.576a4.169 4.169 0 0 1-1.638-1.62c-.396-.696-.594-1.5-.594-2.412 0-.924.192-1.746.576-2.466a4.265 4.265 0 0 1 1.62-1.674c.696-.408 1.512-.612 2.448-.612.876 0 1.65.192 2.322.576a4.055 4.055 0 0 1 1.566 1.584c.384.66.576 1.398.576 2.214 0 .132-.006.27-.018.414 0 .144-.006.294-.018.45h-6.786c.048.696.288 1.242.72 1.638.444.396.978.594 1.602.594.468 0 .858-.102 1.17-.306.324-.216.564-.492.72-.828h2.34a4.26 4.26 0 0 1-.846 1.548 4.067 4.067 0 0 1-1.44 1.08c-.564.264-1.206.396-1.926.396Zm.018-7.488c-.564 0-1.062.162-1.494.486-.432.312-.708.792-.828 1.44h4.446c-.036-.588-.252-1.056-.648-1.404-.396-.348-.888-.522-1.476-.522ZM56.457 13c-.936 0-1.686-.228-2.25-.684-.564-.456-.846-1.266-.846-2.43V5.998h-1.53V4.072h1.53l.27-2.394h2.034v2.394h2.412v1.926h-2.412v3.906c0 .432.09.732.27.9.192.156.516.234.972.234h1.116V13h-1.566Zm7.653.216c-.864 0-1.644-.198-2.34-.594a4.468 4.468 0 0 1-1.638-1.638c-.396-.708-.594-1.524-.594-2.448 0-.924.204-1.734.612-2.43a4.429 4.429 0 0 1 1.638-1.656c.696-.396 1.476-.594 2.34-.594.852 0 1.62.198 2.304.594a4.26 4.26 0 0 1 1.638 1.656c.408.696.612 1.506.612 2.43 0 .924-.204 1.74-.612 2.448a4.296 4.296 0 0 1-1.638 1.638 4.612 4.612 0 0 1-2.322.594Zm0-1.998c.6 0 1.122-.222 1.566-.666.444-.456.666-1.128.666-2.016 0-.888-.222-1.554-.666-1.998-.444-.456-.96-.684-1.548-.684-.612 0-1.14.228-1.584.684-.432.444-.648 1.11-.648 1.998 0 .888.216 1.56.648 2.016.444.444.966.666 1.566.666Z"
+  })), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "neeto-logo_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 1h16v20H0z"
+  })))));
+};
+
+var ErrorPage = function ErrorPage(_ref) {
+  var _ref$homeUrl = _ref.homeUrl,
+      homeUrl = _ref$homeUrl === void 0 ? "/" : _ref$homeUrl;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "flex min-h-screen w-full flex-col items-center"
+  }, /*#__PURE__*/React__default.createElement(SvgNeetoLogo, {
+    className: "mt-20 scale-150 transform"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex w-full flex-1 items-center justify-center"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    "data-cy": "empty-state-container",
+    className: "flex h-full flex-row items-start justify-start"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "m-auto max-w-md text-center"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    "data-cy": "empty-state-image-container",
+    className: "m-auto mb-8 flex items-center justify-center"
+  }, /*#__PURE__*/React__default.createElement(SvgErrorPage, null)), /*#__PURE__*/React__default.createElement(Typography, {
+    component: "h2",
+    style: "h2",
+    weight: "semibold",
+    className: "mb-4",
+    "data-cy": "empty-state-title"
+  }, t("neetoCommons.errorPage.pageDoesNotExist")), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-row items-center justify-center"
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    style: "primary",
+    href: homeUrl,
+    size: "large",
+    label: t("neetoCommons.errorPage.goToHome")
+  }))))));
+};
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+        args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+
+      _next(undefined);
+    });
+  };
+}
+
+var regeneratorRuntime$1 = {exports: {}};
+
+var _typeof = {exports: {}};
+
+(function (module) {
+	function _typeof(obj) {
+	  "@babel/helpers - typeof";
+
+	  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+	    return typeof obj;
+	  } : function (obj) {
+	    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
+	}
+
+	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
+} (_typeof));
+
+(function (module) {
+	var _typeof$1 = _typeof.exports["default"];
+
+	function _regeneratorRuntime() {
+	  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+	  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
+	    return exports;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	  var exports = {},
+	      Op = Object.prototype,
+	      hasOwn = Op.hasOwnProperty,
+	      $Symbol = "function" == typeof Symbol ? Symbol : {},
+	      iteratorSymbol = $Symbol.iterator || "@@iterator",
+	      asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
+	      toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+
+	  function define(obj, key, value) {
+	    return Object.defineProperty(obj, key, {
+	      value: value,
+	      enumerable: !0,
+	      configurable: !0,
+	      writable: !0
+	    }), obj[key];
+	  }
+
+	  try {
+	    define({}, "");
+	  } catch (err) {
+	    define = function define(obj, key, value) {
+	      return obj[key] = value;
+	    };
+	  }
+
+	  function wrap(innerFn, outerFn, self, tryLocsList) {
+	    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
+	        generator = Object.create(protoGenerator.prototype),
+	        context = new Context(tryLocsList || []);
+	    return generator._invoke = function (innerFn, self, context) {
+	      var state = "suspendedStart";
+	      return function (method, arg) {
+	        if ("executing" === state) throw new Error("Generator is already running");
+
+	        if ("completed" === state) {
+	          if ("throw" === method) throw arg;
+	          return doneResult();
+	        }
+
+	        for (context.method = method, context.arg = arg;;) {
+	          var delegate = context.delegate;
+
+	          if (delegate) {
+	            var delegateResult = maybeInvokeDelegate(delegate, context);
+
+	            if (delegateResult) {
+	              if (delegateResult === ContinueSentinel) continue;
+	              return delegateResult;
+	            }
+	          }
+
+	          if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+	            if ("suspendedStart" === state) throw state = "completed", context.arg;
+	            context.dispatchException(context.arg);
+	          } else "return" === context.method && context.abrupt("return", context.arg);
+	          state = "executing";
+	          var record = tryCatch(innerFn, self, context);
+
+	          if ("normal" === record.type) {
+	            if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+	            return {
+	              value: record.arg,
+	              done: context.done
+	            };
+	          }
+
+	          "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
+	        }
+	      };
+	    }(innerFn, self, context), generator;
+	  }
+
+	  function tryCatch(fn, obj, arg) {
+	    try {
+	      return {
+	        type: "normal",
+	        arg: fn.call(obj, arg)
+	      };
+	    } catch (err) {
+	      return {
+	        type: "throw",
+	        arg: err
+	      };
+	    }
+	  }
+
+	  exports.wrap = wrap;
+	  var ContinueSentinel = {};
+
+	  function Generator() {}
+
+	  function GeneratorFunction() {}
+
+	  function GeneratorFunctionPrototype() {}
+
+	  var IteratorPrototype = {};
+	  define(IteratorPrototype, iteratorSymbol, function () {
+	    return this;
+	  });
+	  var getProto = Object.getPrototypeOf,
+	      NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+	  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
+	  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+
+	  function defineIteratorMethods(prototype) {
+	    ["next", "throw", "return"].forEach(function (method) {
+	      define(prototype, method, function (arg) {
+	        return this._invoke(method, arg);
+	      });
+	    });
+	  }
+
+	  function AsyncIterator(generator, PromiseImpl) {
+	    function invoke(method, arg, resolve, reject) {
+	      var record = tryCatch(generator[method], generator, arg);
+
+	      if ("throw" !== record.type) {
+	        var result = record.arg,
+	            value = result.value;
+	        return value && "object" == _typeof$1(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
+	          invoke("next", value, resolve, reject);
+	        }, function (err) {
+	          invoke("throw", err, resolve, reject);
+	        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
+	          result.value = unwrapped, resolve(result);
+	        }, function (error) {
+	          return invoke("throw", error, resolve, reject);
+	        });
+	      }
+
+	      reject(record.arg);
+	    }
+
+	    var previousPromise;
+
+	    this._invoke = function (method, arg) {
+	      function callInvokeWithMethodAndArg() {
+	        return new PromiseImpl(function (resolve, reject) {
+	          invoke(method, arg, resolve, reject);
+	        });
+	      }
+
+	      return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+	    };
+	  }
+
+	  function maybeInvokeDelegate(delegate, context) {
+	    var method = delegate.iterator[context.method];
+
+	    if (undefined === method) {
+	      if (context.delegate = null, "throw" === context.method) {
+	        if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
+	        context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
+	      }
+
+	      return ContinueSentinel;
+	    }
+
+	    var record = tryCatch(method, delegate.iterator, context.arg);
+	    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
+	    var info = record.arg;
+	    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
+	  }
+
+	  function pushTryEntry(locs) {
+	    var entry = {
+	      tryLoc: locs[0]
+	    };
+	    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
+	  }
+
+	  function resetTryEntry(entry) {
+	    var record = entry.completion || {};
+	    record.type = "normal", delete record.arg, entry.completion = record;
+	  }
+
+	  function Context(tryLocsList) {
+	    this.tryEntries = [{
+	      tryLoc: "root"
+	    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
+	  }
+
+	  function values(iterable) {
+	    if (iterable) {
+	      var iteratorMethod = iterable[iteratorSymbol];
+	      if (iteratorMethod) return iteratorMethod.call(iterable);
+	      if ("function" == typeof iterable.next) return iterable;
+
+	      if (!isNaN(iterable.length)) {
+	        var i = -1,
+	            next = function next() {
+	          for (; ++i < iterable.length;) {
+	            if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
+	          }
+
+	          return next.value = undefined, next.done = !0, next;
+	        };
+
+	        return next.next = next;
+	      }
+	    }
+
+	    return {
+	      next: doneResult
+	    };
+	  }
+
+	  function doneResult() {
+	    return {
+	      value: undefined,
+	      done: !0
+	    };
+	  }
+
+	  return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+	    var ctor = "function" == typeof genFun && genFun.constructor;
+	    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
+	  }, exports.mark = function (genFun) {
+	    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
+	  }, exports.awrap = function (arg) {
+	    return {
+	      __await: arg
+	    };
+	  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+	    return this;
+	  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+	    void 0 === PromiseImpl && (PromiseImpl = Promise);
+	    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
+	    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
+	      return result.done ? result.value : iter.next();
+	    });
+	  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
+	    return this;
+	  }), define(Gp, "toString", function () {
+	    return "[object Generator]";
+	  }), exports.keys = function (object) {
+	    var keys = [];
+
+	    for (var key in object) {
+	      keys.push(key);
+	    }
+
+	    return keys.reverse(), function next() {
+	      for (; keys.length;) {
+	        var key = keys.pop();
+	        if (key in object) return next.value = key, next.done = !1, next;
+	      }
+
+	      return next.done = !0, next;
+	    };
+	  }, exports.values = values, Context.prototype = {
+	    constructor: Context,
+	    reset: function reset(skipTempReset) {
+	      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) {
+	        "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
+	      }
+	    },
+	    stop: function stop() {
+	      this.done = !0;
+	      var rootRecord = this.tryEntries[0].completion;
+	      if ("throw" === rootRecord.type) throw rootRecord.arg;
+	      return this.rval;
+	    },
+	    dispatchException: function dispatchException(exception) {
+	      if (this.done) throw exception;
+	      var context = this;
+
+	      function handle(loc, caught) {
+	        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
+	      }
+
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i],
+	            record = entry.completion;
+	        if ("root" === entry.tryLoc) return handle("end");
+
+	        if (entry.tryLoc <= this.prev) {
+	          var hasCatch = hasOwn.call(entry, "catchLoc"),
+	              hasFinally = hasOwn.call(entry, "finallyLoc");
+
+	          if (hasCatch && hasFinally) {
+	            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+	            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+	          } else if (hasCatch) {
+	            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+	          } else {
+	            if (!hasFinally) throw new Error("try statement without catch or finally");
+	            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+	          }
+	        }
+	      }
+	    },
+	    abrupt: function abrupt(type, arg) {
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i];
+
+	        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
+	          var finallyEntry = entry;
+	          break;
+	        }
+	      }
+
+	      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
+	      var record = finallyEntry ? finallyEntry.completion : {};
+	      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
+	    },
+	    complete: function complete(record, afterLoc) {
+	      if ("throw" === record.type) throw record.arg;
+	      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+	    },
+	    finish: function finish(finallyLoc) {
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i];
+	        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+	      }
+	    },
+	    "catch": function _catch(tryLoc) {
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i];
+
+	        if (entry.tryLoc === tryLoc) {
+	          var record = entry.completion;
+
+	          if ("throw" === record.type) {
+	            var thrown = record.arg;
+	            resetTryEntry(entry);
+	          }
+
+	          return thrown;
+	        }
+	      }
+
+	      throw new Error("illegal catch attempt");
+	    },
+	    delegateYield: function delegateYield(iterable, resultName, nextLoc) {
+	      return this.delegate = {
+	        iterator: values(iterable),
+	        resultName: resultName,
+	        nextLoc: nextLoc
+	      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
+	    }
+	  }, exports;
+	}
+
+	module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
+} (regeneratorRuntime$1));
+
+// TODO(Babel 8): Remove this file.
+
+var runtime = regeneratorRuntime$1.exports();
+var regenerator = runtime;
+
+// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  if (typeof globalThis === "object") {
+    globalThis.regeneratorRuntime = runtime;
+  } else {
+    Function("r", "regeneratorRuntime = r")(runtime);
+  }
+}
+
+var INITIAL_FORM_VALUES = {
+  email: "",
+  password: ""
+};
+var DEFAULT_EMAIL = "oliver@example.com";
+var DEFAULT_PASSWORD = "welcome";
+var LOGIN_FORM_VALIDATION_SCHEMA = Yup.object().shape({
+  email: Yup.string().email("Please enter a valid email").required("Email is required"),
+  password: Yup.string().required("Password is required")
+});
+
+function SignInForm(_ref) {
+  var handleFormSubmit = _ref.handleFormSubmit;
+
+  var emailFromSearchParams = function emailFromSearchParams() {
+    return new URLSearchParams(window.location.href).get("email");
+  };
+
+  var emailPrefilledInitialValues = function emailPrefilledInitialValues() {
+    return assocPath(["user", "email"], emailFromSearchParams() || "", INITIAL_FORM_VALUES);
+  };
+
+  if (Button$1 === undefined) {
+    return /*#__PURE__*/React__default.createElement("div", null, "You need to have @bigbinary/neetoui version ^3.5.11 installed to use the login form.", /*#__PURE__*/React__default.createElement("br", null), "Run the command:", /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("code", null, "yarn add @bigbinary/neetoui@^3.5.11"));
+  }
+
+  return /*#__PURE__*/React__default.createElement(Formik, {
+    initialValues: emailPrefilledInitialValues(),
+    validationSchema: LOGIN_FORM_VALIDATION_SCHEMA,
+    onSubmit: handleFormSubmit
+  }, /*#__PURE__*/React__default.createElement(Form, {
+    className: "w-full"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "mb-6"
+  }, /*#__PURE__*/React__default.createElement(Input, {
+    required: true,
+    label: "Email",
+    name: "email",
+    "data-test-id": "login-email",
+    "data-cy": "login-email-text-field"
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "mb-6"
+  }, /*#__PURE__*/React__default.createElement(Input, {
+    required: true,
+    type: "password",
+    label: "Password",
+    name: "password",
+    "data-test-id": "login-password",
+    "data-cy": "login-password-text-field"
+  })), /*#__PURE__*/React__default.createElement(Button$1, {
+    style: "secondary",
+    type: "submit",
+    "data-test-id": "login-submit-button",
+    label: "Login",
+    fullWidth: true,
+    "data-cy": "login-submit-button"
+  })));
+}
+
+function SignIn(_ref) {
+  var handleSubmit = _ref.handleSubmit;
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      isSubmitting = _useState2[0],
+      setIsSubmitting = _useState2[1];
+
+  var redirectAfterSuccessfulLogin = function redirectAfterSuccessfulLogin(redirectTo) {
+    window.location.pathname = redirectTo || "/";
+  };
+
+  var handleFormSubmit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(formValues) {
+      var response;
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return handleSubmit({
+                user: formValues
+              });
+
+            case 3:
+              response = _context.sent;
+              Toastr.success("Logged in successfully.");
+              redirectAfterSuccessfulLogin(response.redirectTo);
+              _context.next = 10;
+              break;
+
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](0);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 8]]);
+    }));
+
+    return function handleFormSubmit(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var loginAsOliver = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+      return regenerator.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              setIsSubmitting(true);
+              _context2.next = 3;
+              return handleFormSubmit({
+                email: DEFAULT_EMAIL,
+                password: DEFAULT_PASSWORD
+              });
+
+            case 3:
+              setIsSubmitting(false);
+
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function loginAsOliver() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "w-screen h-screen flex justify-center"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "rounded-lg bg-white p-10 shadow self-center max-w-lg min-w-max w-2/3"
+  }, /*#__PURE__*/React__default.createElement("h1", {
+    className: "mb-6 text-xl font-medium text-gray-800"
+  }, "Login to your", " ", /*#__PURE__*/React__default.createElement("b", {
+    "data-test-id": "organization-name"
+  }, globalProps.organization.name), " ", "account"), /*#__PURE__*/React__default.createElement(Button, {
+    style: "primary",
+    size: "large",
+    label: "Login as Oliver",
+    disabled: isSubmitting,
+    loading: isSubmitting,
+    onClick: loginAsOliver,
+    fullWidth: true
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "my-6 text-center text-lg font-semibold"
+  }, "OR"), /*#__PURE__*/React__default.createElement(SignInForm, {
+    handleFormSubmit: handleFormSubmit
+  })));
+}
+
+export { DateFormat, ErrorPage, HoneybadgerErrorBoundary, SignIn as LoginPage, PrivateRoute, Sidebar, TimeFormat, createContext, useDebounce, useFuncDebounce, useIsElementVisibleInDom, useLocalStorage, useOnClickOutside, usePrevious, useUpdateEffect };