@bigbinary/neeto-commons-frontend 2.0.21 → 2.0.23

package/react-utils.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React$1 = require('react');
+var React = require('react');
 var neetoui = require('@bigbinary/neetoui');
+var i18next = require('i18next');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var i18next = require('i18next');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var layouts = require('@bigbinary/neetoui/layouts');
 var formik$1 = require('@bigbinary/neetoui/formik');
@@ -23,6 +23,7 @@ var customParseFormat = require('dayjs/plugin/customParseFormat');
 var timezone = require('dayjs/plugin/timezone');
 var utc = require('dayjs/plugin/utc');
 var weekday = require('dayjs/plugin/weekday');
+var reactHelmet = require('react-helmet');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -59,8 +60,8 @@ function _mergeNamespaces(n, m) {
 	return Object.freeze(n);
 }
 
-var React__default$1 = /*#__PURE__*/_interopDefaultLegacy(React$1);
-var React__namespace = /*#__PURE__*/_interopNamespace(React$1);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
@@ -1326,6 +1327,7 @@ var platform = platform$1.exports;
 
 var DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS = {
   Chrome: 79,
+  MicrosoftEdge: 104,
   Firefox: 91,
   IE: 11,
   Opera: 73,
@@ -1339,6 +1341,7 @@ var DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS = {
 };
 var BROWSER_UPGRADE_PAGE_LINKS = {
   Chrome: "https://www.google.com/chrome/update",
+  MicrosoftEdge: "https://support.microsoft.com/en-us/topic/microsoft-edge-update-settings-af8aaca2-1b69-4870-94fe-18822dbb7ef1#:~:text=Update%20once,Download%20and%20install%20to%20proceed",
   Firefox: "https://support.mozilla.org/en-US/kb/update-firefox-latest-release",
   IE: "https://support.microsoft.com/en-us/topic/microsoft-edge-update-settings-af8aaca2-1b69-4870-94fe-18822dbb7ef1#:~:text=Update%20once,Download%20and%20install%20to%20proceed",
   Opera: "https://help.opera.com/en/latest/crashes-and-issues/#updateBrowser",
@@ -1352,73 +1355,24 @@ var BROWSER_UPGRADE_PAGE_LINKS = {
 };
 
 var ContactUs = function ContactUs() {
-  return /*#__PURE__*/React__default$1["default"].createElement(reactI18next.Trans, {
+  return /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
     i18nKey: "neetoCommons.browserSupport.contactUs.main",
     components: {
-      button: /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+      button: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
         className: "ml-1",
         label: i18next.t("neetoCommons.browserSupport.contactUs.buttonLabel"),
         style: "link",
         onClick: function onClick() {
-          var _window, _window$NeetoChat;
+          var _window, _window$NeetoChat, _window2, _window2$NeetoChat;
 
-          return (_window = window) === null || _window === void 0 ? void 0 : (_window$NeetoChat = _window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : _window$NeetoChat.contextualHelp.openWidget();
+          (_window = window) === null || _window === void 0 ? void 0 : (_window$NeetoChat = _window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : _window$NeetoChat.contextualHelp.openWidget();
+          (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$NeetoChat = _window2.NeetoChat) === null || _window2$NeetoChat === void 0 ? void 0 : _window2$NeetoChat.contextualHelp.maximizeWidget();
         }
       })
     }
   });
 };
 
-var UnsupportedBrowser = function UnsupportedBrowser(_ref) {
-  var browserName = _ref.browserName,
-      browserVersion = _ref.browserVersion;
-  return /*#__PURE__*/React__default$1["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoCommons.browserSupport.unsupportedBrowser",
-    components: {
-      contactUs: /*#__PURE__*/React__default$1["default"].createElement(ContactUs, null)
-    },
-    values: {
-      browserName: browserName,
-      browserVersion: browserVersion
-    }
-  });
-};
-
-var DownloadLink = function DownloadLink(_ref) {
-  var link = _ref.link;
-  return /*#__PURE__*/React__default$1["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoCommons.browserSupport.downloadLink.main",
-    components: {
-      button: /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
-        label: i18next.t("neetoCommons.browserSupport.downloadLink.buttonLabel"),
-        style: "link",
-        href: link
-      })
-    }
-  });
-};
-
-var UnsupportedBrowserVersion = function UnsupportedBrowserVersion(_ref) {
-  var browserName = _ref.browserName,
-      browserVersion = _ref.browserVersion,
-      requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
-      downloadPageLink = _ref.downloadPageLink;
-  return /*#__PURE__*/React__default$1["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoCommons.browserSupport.unsupportedBrowserVersion",
-    components: {
-      downloadLink: /*#__PURE__*/React__default$1["default"].createElement(DownloadLink, {
-        link: downloadPageLink
-      }),
-      contactUs: /*#__PURE__*/React__default$1["default"].createElement(ContactUs, null)
-    },
-    values: {
-      browserName: browserName,
-      browserVersion: browserVersion,
-      requiredMinBrowserVersion: requiredMinBrowserVersion
-    }
-  });
-};
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -1503,38 +1457,91 @@ var buildDownloadPageLink = function buildDownloadPageLink(browserName) {
 var isBrowserNameInTheSupportedList = function isBrowserNameInTheSupportedList(browserName, supportedBrowserVersionsMap) {
   return !!supportedBrowserVersionsMap[convertToPlatformBrowserName(browserName)];
 };
+var getBrowserMajorVersion = function getBrowserMajorVersion(browserVersion) {
+  return String(browserVersion).split(".")[0];
+};
+
+var UnsupportedBrowser = function UnsupportedBrowser(_ref) {
+  var browserName = _ref.browserName,
+      browserVersion = _ref.browserVersion;
+  return /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    i18nKey: "neetoCommons.browserSupport.unsupportedBrowser",
+    components: {
+      contactUs: /*#__PURE__*/React__default["default"].createElement(ContactUs, null)
+    },
+    values: {
+      browserName: browserName,
+      browserVersion: getBrowserMajorVersion(browserVersion)
+    }
+  });
+};
+
+var DownloadLink = function DownloadLink(_ref) {
+  var link = _ref.link;
+  return /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    i18nKey: "neetoCommons.browserSupport.downloadLink.main",
+    components: {
+      button: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+        label: i18next.t("neetoCommons.browserSupport.downloadLink.buttonLabel"),
+        style: "link",
+        href: link
+      })
+    }
+  });
+};
+
+var UnsupportedBrowserVersion = function UnsupportedBrowserVersion(_ref) {
+  var browserName = _ref.browserName,
+      browserVersion = _ref.browserVersion,
+      requiredMinBrowserVersion = _ref.requiredMinBrowserVersion,
+      downloadPageLink = _ref.downloadPageLink;
+  return /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    i18nKey: "neetoCommons.browserSupport.unsupportedBrowserVersion",
+    components: {
+      downloadLink: /*#__PURE__*/React__default["default"].createElement(DownloadLink, {
+        link: downloadPageLink
+      }),
+      contactUs: /*#__PURE__*/React__default["default"].createElement(ContactUs, null)
+    },
+    values: {
+      browserName: browserName,
+      browserVersion: getBrowserMajorVersion(browserVersion),
+      requiredMinBrowserVersion: getBrowserMajorVersion(requiredMinBrowserVersion)
+    }
+  });
+};
 
 var BrowserSupport = function BrowserSupport(_ref) {
   var _ref$overrides = _ref.overrides,
       overrides = _ref$overrides === void 0 ? {} : _ref$overrides;
   var platformInfo = platform.parse(navigator.userAgent);
-  var browserName = platformInfo.name;
-  var browserVersion = platformInfo.version;
+  var browserName = platformInfo.name || i18next.t("neetoCommons.browserSupport.unknownBrowserMsg");
+  var browserVersion = platformInfo.version || "";
   var supportedBrowserVersionsMap = ramda.mergeLeft(overrides, DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS);
   var requiredMinBrowserVersion = getRequiredMinBrowserVersion(browserName, supportedBrowserVersionsMap);
   var isUsersBrowserSupported = isVersionSupported(browserVersion, requiredMinBrowserVersion);
   var downloadPageLink = buildDownloadPageLink(browserName);
   var isUnsupportedBrowserVersion = isBrowserNameInTheSupportedList(browserName, supportedBrowserVersionsMap);
   if (isUsersBrowserSupported) return null;
-  return /*#__PURE__*/React__default$1["default"].createElement(neetoui.Callout, {
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Callout, {
     className: "justify-center gap-0 rounded-none",
     "data-testid": "browser-support-callout",
     style: "danger"
-  }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "body2"
-  }, isUnsupportedBrowserVersion ? /*#__PURE__*/React__default$1["default"].createElement(UnsupportedBrowserVersion, {
+  }, isUnsupportedBrowserVersion ? /*#__PURE__*/React__default["default"].createElement(UnsupportedBrowserVersion, {
     browserName: browserName,
     browserVersion: browserVersion,
     requiredMinBrowserVersion: requiredMinBrowserVersion,
     downloadPageLink: downloadPageLink
-  }) : /*#__PURE__*/React__default$1["default"].createElement(UnsupportedBrowser, {
+  }) : /*#__PURE__*/React__default["default"].createElement(UnsupportedBrowser, {
     browserName: browserName,
     browserVersion: browserVersion
   })));
 };
 
-function _extends$6() {
-  _extends$6 = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$5() {
+  _extends$5 = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -1547,17 +1554,17 @@ function _extends$6() {
 
     return target;
   };
-  return _extends$6.apply(this, arguments);
+  return _extends$5.apply(this, arguments);
 }
 
-function _typeof$4(obj) {
+function _typeof$3(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof$4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+  return _typeof$3 = "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;
-  }, _typeof$4(obj);
+  }, _typeof$3(obj);
 }
 
 /**
@@ -1626,7 +1633,7 @@ var matchesImpl = function matchesImpl(pattern, object) {
   if (object === pattern) return true;
   if (typeof pattern === "function" && pattern(object, __parent)) return true;
   if (ramda.isNil(pattern) || ramda.isNil(object)) return false;
-  if (_typeof$4(pattern) !== "object") return false;
+  if (_typeof$3(pattern) !== "object") return false;
   return Object.entries(pattern).every(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         key = _ref2[0],
@@ -1649,12 +1656,12 @@ var filterNonNull = function filterNonNull(object) {
         k = _ref8[0],
         v = _ref8[1];
 
-    return [k, _typeof$4(v) === "object" && !Array.isArray(v) ? filterNonNull(v) : v];
+    return [k, _typeof$3(v) === "object" && !Array.isArray(v) ? filterNonNull(v) : v];
   }));
 };
 nullSafe(filterNonNull);
 
-function _defineProperty$2(obj, key, value) {
+function _defineProperty$1(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -1682,7 +1689,7 @@ var getStorageValue = function getStorageValue(key, defaultValue) {
 };
 
 var useLocalStorage = function useLocalStorage(key, defaultValue) {
-  var _useState = React$1.useState(function () {
+  var _useState = React.useState(function () {
     return getStorageValue(key, defaultValue);
   }),
       _useState2 = _slicedToArray(_useState, 2),
@@ -1743,7 +1750,7 @@ var Columns = function Columns(_ref) {
       hiddenColumns = _useLocalStorage2[0],
       setHiddenColumns = _useLocalStorage2[1];
 
-  var _useState = React$1.useState(""),
+  var _useState = React.useState(""),
       _useState2 = _slicedToArray(_useState, 2),
       searchTerm = _useState2[0],
       setSearchTerm = _useState2[1];
@@ -1763,12 +1770,12 @@ var Columns = function Columns(_ref) {
     return setSearchTerm(value);
   };
 
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     onChange(removeBy({
       dataIndex: ramda.includes(ramda.__, hiddenColumns)
     }, columnData));
   }, [columnData, hiddenColumns]);
-  return /*#__PURE__*/React__default$1["default"].createElement(neetoui.Dropdown, _extends$6({
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends$5({
     buttonSize: "medium",
     buttonStyle: "secondary",
     closeOnSelect: false,
@@ -1777,24 +1784,24 @@ var Columns = function Columns(_ref) {
       return setSearchTerm("");
     },
     position: "bottom-end"
-  }, dropdownProps), /*#__PURE__*/React__default$1["default"].createElement(Menu, null, /*#__PURE__*/React__default$1["default"].createElement("div", null, isSearchable && /*#__PURE__*/React__default$1["default"].createElement(neetoui.Input, _extends$6({
+  }, dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement("div", null, isSearchable && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends$5({
     className: "neeto-ui-px-3 neeto-ui-py-2",
     "data-cy": "neeto-ui-columns-search",
     onChange: handleSearch,
     placeholder: "Search columns",
-    prefix: /*#__PURE__*/React__default$1["default"].createElement(neetoIcons.Search, null),
+    prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
     type: "search",
     value: searchTerm
   }, searchProps)), isNotEmpty(filteredColumns) ? filteredColumns.map(function (_ref4) {
     var dataIndex = _ref4.dataIndex,
         key = _ref4.key,
         title = _ref4.title;
-    return /*#__PURE__*/React__default$1["default"].createElement(MenuItem, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, {
       key: key
-    }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Label, {
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
       className: "neeto-ui-w-full neeto-ui-px-3 neeto-ui-py-2 hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer",
       htmlFor: dataIndex
-    }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Checkbox, _extends$6({
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, _extends$5({
       id: dataIndex,
       name: dataIndex,
       checked: !hiddenColumns.includes(dataIndex),
@@ -1802,9 +1809,9 @@ var Columns = function Columns(_ref) {
       label: title,
       onChange: handleChange
     }, checkboxProps))));
-  }) : /*#__PURE__*/React__default$1["default"].createElement("span", {
+  }) : /*#__PURE__*/React__default["default"].createElement("span", {
     className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2"
-  }, noColumnMessage), !!actionBlock && /*#__PURE__*/React__default$1["default"].createElement(React__default$1["default"].Fragment, null, /*#__PURE__*/React__default$1["default"].createElement(Divider, null), actionBlock))));
+  }, noColumnMessage), !!actionBlock && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Divider, null), actionBlock))));
 };
 
 const createStoreImpl = (createState) => {
@@ -1857,7 +1864,7 @@ var hasRequiredUseSyncExternalStoreShim_production_min;
 function requireUseSyncExternalStoreShim_production_min () {
 	if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
 	hasRequiredUseSyncExternalStoreShim_production_min = 1;
-var e=React__default$1["default"];function h(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var k="function"===typeof Object.is?Object.is:h,l=e.useState,m=e.useEffect,n=e.useLayoutEffect,p=e.useDebugValue;function q(a,b){var d=b(),f=l({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];n(function(){c.value=d;c.getSnapshot=b;r(c)&&g({inst:c});},[a,d,b]);m(function(){r(c)&&g({inst:c});return a(function(){r(c)&&g({inst:c});})},[a]);p(d);return d}
+var e=React__default["default"];function h(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var k="function"===typeof Object.is?Object.is:h,l=e.useState,m=e.useEffect,n=e.useLayoutEffect,p=e.useDebugValue;function q(a,b){var d=b(),f=l({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];n(function(){c.value=d;c.getSnapshot=b;r(c)&&g({inst:c});},[a,d,b]);m(function(){r(c)&&g({inst:c});return a(function(){r(c)&&g({inst:c});})},[a]);p(d);return d}
 	function r(a){var b=a.getSnapshot;a=a.value;try{var d=b();return !k(a,d)}catch(f){return !0}}function t(a,b){return b()}var u="undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement?t:q;useSyncExternalStoreShim_production_min.useSyncExternalStore=void 0!==e.useSyncExternalStore?e.useSyncExternalStore:u;
 	return useSyncExternalStoreShim_production_min;
 }
@@ -1891,7 +1898,7 @@ function requireUseSyncExternalStoreShim_development () {
 	) {
 	  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
 	}
-	          var React = React__default$1["default"];
+	          var React = React__default["default"];
 
 	var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -2139,7 +2146,7 @@ var hasRequiredWithSelector_production_min;
 function requireWithSelector_production_min () {
 	if (hasRequiredWithSelector_production_min) return withSelector_production_min;
 	hasRequiredWithSelector_production_min = 1;
-var h=React__default$1["default"],n=requireShim();function p(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var q="function"===typeof Object.is?Object.is:p,r=n.useSyncExternalStore,t=h.useRef,u=h.useEffect,v=h.useMemo,w=h.useDebugValue;
+var h=React__default["default"],n=requireShim();function p(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var q="function"===typeof Object.is?Object.is:p,r=n.useSyncExternalStore,t=h.useRef,u=h.useEffect,v=h.useMemo,w=h.useDebugValue;
 	withSelector_production_min.useSyncExternalStoreWithSelector=function(a,b,e,l,g){var c=t(null);if(null===c.current){var f={hasValue:!1,value:null};c.current=f;}else f=c.current;c=v(function(){function a(a){if(!c){c=!0;d=a;a=l(a);if(void 0!==g&&f.hasValue){var b=f.value;if(g(b,a))return k=b}return k=a}b=k;if(q(d,a))return b;var e=l(a);if(void 0!==g&&g(b,e))return b;d=a;return k=e}var c=!1,d,k,m=void 0===e?null:e;return [function(){return a(b())},null===m?void 0:function(){return a(m())}]},[b,e,l,g]);var d=r(a,c[0],c[1]);
 	u(function(){f.hasValue=!0;f.value=d;},[d]);w(d);return d};
 	return withSelector_production_min;
@@ -2174,7 +2181,7 @@ function requireWithSelector_development () {
 	) {
 	  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
 	}
-	          var React = React__default$1["default"];
+	          var React = React__default["default"];
 	var shim = requireShim();
 
 	/**
@@ -2337,7 +2344,7 @@ function useStore(api, selector = api.getState, equalityFn) {
     selector,
     equalityFn
   );
-  React$1.useDebugValue(slice);
+  React.useDebugValue(slice);
   return slice;
 }
 const createImpl = (createState) => {
@@ -2361,12 +2368,12 @@ var useErrorDisplayStore = create$7(function () {
 function useDebounce(value) {
   var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
 
-  var _useState = React$1.useState(value),
+  var _useState = React.useState(value),
       _useState2 = _slicedToArray(_useState, 2),
       debouncedValue = _useState2[0],
       setDebouncedValue = _useState2[1];
 
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     var handler = setTimeout(function () {
       setDebouncedValue(value);
     }, delay);
@@ -2379,7 +2386,7 @@ function useDebounce(value) {
 
 var useFuncDebounce = function useFuncDebounce(func) {
   var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
-  var timer = React$1.useRef(null);
+  var timer = React.useRef(null);
 
   var debouncedFunc = function debouncedFunc() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -2400,7 +2407,7 @@ var useFuncDebounce = function useFuncDebounce(func) {
 };
 
 var useForceUpdate = function useForceUpdate() {
-  var _useState = React$1.useState(0),
+  var _useState = React.useState(0),
       _useState2 = _slicedToArray(_useState, 2),
       setValue = _useState2[1];
 
@@ -2414,13 +2421,13 @@ var useForceUpdate = function useForceUpdate() {
 var useIsElementVisibleInDom = function useIsElementVisibleInDom(target) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
 
-  var _useState = React$1.useState(false),
+  var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isIntersecting = _useState2[0],
       setIntersecting = _useState2[1];
 
   var forceUpdate = useForceUpdate();
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (!target) return forceUpdate();
     var observer = new IntersectionObserver(function (_ref) {
       var _ref2 = _slicedToArray(_ref, 1),
@@ -2437,7 +2444,7 @@ var useIsElementVisibleInDom = function useIsElementVisibleInDom(target) {
 };
 
 var useOnClickOutside = function useOnClickOutside(ref, handler) {
-  React$1.useEffect(function () {
+  React.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)) {
@@ -2457,8 +2464,8 @@ var useOnClickOutside = function useOnClickOutside(ref, handler) {
 };
 
 var usePrevious = function usePrevious(value) {
-  var ref = React$1.useRef(value);
-  React$1.useEffect(function () {
+  var ref = React.useRef(value);
+  React.useEffect(function () {
     ref.current = value;
   }, [value]);
   return ref.current;
@@ -2466,8 +2473,8 @@ var usePrevious = function usePrevious(value) {
 
 var useUpdateEffect = function useUpdateEffect(callback) {
   var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var isInitialMount = React$1.useRef(true);
-  React$1.useEffect(function () {
+  var isInitialMount = React.useRef(true);
+  React.useEffect(function () {
     if (isInitialMount.current) {
       isInitialMount.current = false;
       return;
@@ -2530,7 +2537,7 @@ function _asyncToGenerator$1(fn) {
 
 var regeneratorRuntime$2 = {exports: {}};
 
-var _typeof$3 = {exports: {}};
+var _typeof$2 = {exports: {}};
 
 (function (module) {
 	function _typeof(obj) {
@@ -2544,10 +2551,10 @@ var _typeof$3 = {exports: {}};
 	}
 
 	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (_typeof$3));
+} (_typeof$2));
 
 (function (module) {
-	var _typeof = _typeof$3.exports["default"];
+	var _typeof = _typeof$2.exports["default"];
 
 	function _regeneratorRuntime() {
 	  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
@@ -3588,27 +3595,27 @@ var TagBlock = function TagBlock(_ref) {
 
   var isTxtValidated = status === "active" || status === "pending_cname_validation";
   var camelCasedStatus = snakeToCamelCase(status || "");
-  return /*#__PURE__*/React__default$1["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames("flex gap-2", {
       "flex-col items-start": stacked
     })
-  }, status === "failed" ? /*#__PURE__*/React__default$1["default"].createElement(neetoui.Tag, {
+  }, status === "failed" ? /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
     label: t("neetoCommons.customDomain.status.".concat(camelCasedStatus)),
     style: "secondary",
     indicatorStyle: "danger"
-  }) : /*#__PURE__*/React__default$1["default"].createElement(React__default$1["default"].Fragment, null, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Tag, {
+  }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
     label: t("neetoCommons.customDomain.status.txt.".concat(camelCasedStatus)),
     style: "secondary",
     indicatorStyle: isTxtValidated ? "success" : "warning"
-  }), isTxtValidated && /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }), isTxtValidated && /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames("flex items-center justify-between gap-2", {
       "w-full": stacked
     })
-  }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Tag, {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
     label: t("neetoCommons.customDomain.status.cname.".concat(camelCasedStatus)),
     style: "secondary",
     indicatorStyle: status === "active" ? "success" : "warning"
-  }), isCnameRecordsAdded && status === "pending_cname_validation" && /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+  }), isCnameRecordsAdded && status === "pending_cname_validation" && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     label: t("neetoCommons.customDomain.validation.buttonLabel.cnameCheck"),
     className: "text-xs",
     style: "link",
@@ -3630,7 +3637,7 @@ var renderColumnData = function renderColumnData(enableManagePane, enableDeleteA
     dataIndex: "status",
     key: "status",
     render: function render(status) {
-      return /*#__PURE__*/React__default$1["default"].createElement(TagBlock, {
+      return /*#__PURE__*/React__default["default"].createElement(TagBlock, {
         status: status
       });
     },
@@ -3639,11 +3646,11 @@ var renderColumnData = function renderColumnData(enableManagePane, enableDeleteA
     id: "actions",
     width: "10%",
     render: function render(_, customDomain) {
-      return /*#__PURE__*/React__default$1["default"].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick(e) {
           return e.stopPropagation();
         }
-      }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Dropdown, {
+      }, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
         autoWidth: true,
         icon: neetoIcons.MenuHorizontal,
         buttonProps: {
@@ -3651,11 +3658,11 @@ var renderColumnData = function renderColumnData(enableManagePane, enableDeleteA
         },
         position: "bottom-end",
         strategy: "fixed"
-      }, /*#__PURE__*/React__default$1["default"].createElement(Menu, null, /*#__PURE__*/React__default$1["default"].createElement(MenuItem.Button, {
+      }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
         onClick: function onClick() {
           return enableManagePane(customDomain);
         }
-      }, i18next.t("neetoCommons.common.actions.edit")), /*#__PURE__*/React__default$1["default"].createElement(MenuItem.Button, {
+      }, i18next.t("neetoCommons.common.actions.edit")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
         onClick: function onClick() {
           return enableDeleteAlert(customDomain);
         }
@@ -3702,27 +3709,27 @@ var Record = function Record(_ref) {
       recordNameLabel = _recordData.recordNameLabel,
       recordValueLabel = _recordData.recordValueLabel;
 
-  return /*#__PURE__*/React__default$1["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "grid gap-4 mt-6"
-  }, customDomain.status !== "active" && /*#__PURE__*/React__default$1["default"].createElement(neetoui.Callout, {
+  }, customDomain.status !== "active" && /*#__PURE__*/React__default["default"].createElement(neetoui.Callout, {
     style: "info",
     icon: neetoIcons.Info
-  }, recordDescription), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Input, {
+  }, recordDescription), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
     disabled: true,
     label: recordNameLabel,
     value: recordName,
-    suffix: /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+    suffix: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       icon: neetoIcons.Copy,
       style: "text",
       onClick: function onClick() {
         return copyToClipboard(recordName);
       }
     })
-  }), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Input, {
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
     disabled: true,
     label: recordValueLabel,
     value: recordValue,
-    suffix: /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+    suffix: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       icon: neetoIcons.Copy,
       style: "text",
       onClick: function onClick() {
@@ -3769,17 +3776,17 @@ var CustomDomainInfo = function CustomDomainInfo(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
-  return /*#__PURE__*/React__default$1["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-y-6"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "p-4 neeto-ui-rounded neeto-ui-bg-gray-100 space-y-3 neeto-ui-text-gray-700"
-  }, /*#__PURE__*/React__default$1["default"].createElement(reactI18next.Trans, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
     i18nKey: "neetoCommons.customDomain.messageBlock.dnsStatus"
-  }), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     style: "link",
     href: "mailto:support@neeto.com",
     label: "support@neeto.com"
-  })), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Callout, {
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Callout, {
     style: "info",
     icon: neetoIcons.Info
   }, t("neetoCommons.customDomain.messageBlock.cnameAddedTime", {
@@ -3826,7 +3833,7 @@ var customDomainApi = {
 
 function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var useCreateCustomDomain = function useCreateCustomDomain() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -3956,10 +3963,10 @@ var Manage = function Manage(_ref) {
     });
   };
 
-  return /*#__PURE__*/React__default$1["default"].createElement(neetoui.Pane, {
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
     isOpen: isOpen,
     onClose: onClose
-  }, /*#__PURE__*/React__default$1["default"].createElement(formik.Formik, {
+  }, /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
     enableReinitialize: true,
     initialValues: customDomain || INITIAL_VALUES,
     validationSchema: CUSTOM_DOMAIN_VALIDATION_SCHEMA,
@@ -3968,23 +3975,23 @@ var Manage = function Manage(_ref) {
     onSubmit: handleSubmit
   }, function (_ref2) {
     var dirty = _ref2.dirty;
-    return /*#__PURE__*/React__default$1["default"].createElement(formik.Form, null, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+    return /*#__PURE__*/React__default["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       style: "h2",
       weight: "semibold"
     }, capitalize(t("neetoCommons.customDomain.customDomain", {
       count: ENTITY_COUNT.singular
-    })))), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default$1["default"].createElement("div", {
+    })))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "space-y-6 w-full"
-    }, !!customDomain && /*#__PURE__*/React__default$1["default"].createElement(TagBlock, {
+    }, !!customDomain && /*#__PURE__*/React__default["default"].createElement(TagBlock, {
       status: customDomain.status,
       isCnameRecordsAdded: customDomain.addedCnameAt,
       handleValidateCname: handleValidateCname,
       stacked: true
-    }), /*#__PURE__*/React__default$1["default"].createElement("div", {
+    }), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "space-y-2"
-    }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-end gap-2 align"
-    }, /*#__PURE__*/React__default$1["default"].createElement(formik$1.Input, {
+    }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
       label: customDomain ? t("neetoCommons.customDomain.customDomain", {
         count: ENTITY_COUNT.singular
       }) : t("neetoCommons.customDomain.label"),
@@ -3992,24 +3999,24 @@ var Manage = function Manage(_ref) {
       autoFocus: true,
       name: "hostname",
       placeholder: t("neetoCommons.customDomain.placeholder")
-    }), !customDomain && /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+    }), !customDomain && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       disabled: !dirty || isCreating,
       loading: isCreating,
       style: "primary",
       type: "submit",
       icon: neetoIcons.Check
-    }))), !!customDomain && /*#__PURE__*/React__default$1["default"].createElement(React__default$1["default"].Fragment, null, /*#__PURE__*/React__default$1["default"].createElement(Record, {
+    }))), !!customDomain && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Record, {
       customDomain: customDomain
-    }), customDomain.status === "pending_txt_validation" && /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+    }), customDomain.status === "pending_txt_validation" && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       label: t("neetoCommons.customDomain.validation.buttonLabel.txt"),
       onClick: handleValidateTxt,
       disabled: isValidating,
       loading: isValidating
-    }), customDomain.status === "pending_cname_validation" && !customDomain.addedCnameAt && /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+    }), customDomain.status === "pending_cname_validation" && !customDomain.addedCnameAt && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       label: t("neetoCommons.customDomain.validation.buttonLabel.cnameAdded"),
       onClick: handleUpdateCname,
       loading: isCnameValidating || isUpdating
-    }), customDomain.status === "pending_cname_validation" && customDomain.addedCnameAt && /*#__PURE__*/React__default$1["default"].createElement(CustomDomainInfo, {
+    }), customDomain.status === "pending_cname_validation" && customDomain.addedCnameAt && /*#__PURE__*/React__default["default"].createElement(CustomDomainInfo, {
       time: customDomain.addedCnameAt
     })))));
   }));
@@ -4017,10 +4024,10 @@ var Manage = function Manage(_ref) {
 
 var _path$3, _path2$2, _path3$2, _path4$2, _path5$2, _path6$2, _path7$1;
 
-function _extends$5() { _extends$5 = 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$5.apply(this, arguments); }
+function _extends$4() { _extends$4 = 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$4.apply(this, arguments); }
 
 var SvgNoData = function SvgNoData(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
     width: 241,
     height: 202,
     fill: "none",
@@ -4061,23 +4068,23 @@ var EmptyState = function EmptyState(_ref) {
       secondaryButtonProps = _ref$secondaryButtonP === void 0 ? null : _ref$secondaryButtonP,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/React__default$1["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-cy": "empty-state-container",
     className: classnames(["m-auto flex h-full max-w-md flex-col items-center justify-center", className])
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto mb-4 flex items-center justify-center",
     "data-cy": "empty-state-image-container"
-  }, /*#__PURE__*/React__default$1["default"].createElement(SvgNoData, null)), /*#__PURE__*/React__default$1["default"].createElement("h3", {
+  }, /*#__PURE__*/React__default["default"].createElement(SvgNoData, null)), /*#__PURE__*/React__default["default"].createElement("h3", {
     className: "mb-1 text-center text-xl font-semibold",
     "data-cy": "empty-state-title"
-  }, title), /*#__PURE__*/React__default$1["default"].createElement("p", {
+  }, title), /*#__PURE__*/React__default["default"].createElement("p", {
     className: "mb-6 text-center text-sm font-normal leading-relaxed text-gray-600",
     "data-cy": "empty-state-subtitle"
-  }, description), /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, description), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex flex-row items-center justify-center space-x-2"
-  }, primaryButtonProps && /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, _extends$6({}, primaryButtonProps, {
+  }, primaryButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$5({}, primaryButtonProps, {
     "data-cy": "empty-state-primary-button"
-  })), secondaryButtonProps && /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, _extends$6({
+  })), secondaryButtonProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$5({
     style: "secondary"
   }, secondaryButtonProps, {
     "data-cy": "empty-state-secondary-button"
@@ -4087,22 +4094,22 @@ var EmptyState = function EmptyState(_ref) {
 var CustomDomain = function CustomDomain() {
   var _data$customDomains;
 
-  var _useState = React$1.useState(""),
+  var _useState = React.useState(""),
       _useState2 = _slicedToArray(_useState, 2),
       searchTerm = _useState2[0],
       setSearchTerm = _useState2[1];
 
-  var _useState3 = React$1.useState(false),
+  var _useState3 = React.useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
       isPaneOpen = _useState4[0],
       setIsPaneOpen = _useState4[1];
 
-  var _useState5 = React$1.useState(null),
+  var _useState5 = React.useState(null),
       _useState6 = _slicedToArray(_useState5, 2),
       customDomain = _useState6[0],
       setCustomDomain = _useState6[1];
 
-  var _useState7 = React$1.useState(false),
+  var _useState7 = React.useState(false),
       _useState8 = _slicedToArray(_useState7, 2),
       isAlertOpen = _useState8[0],
       setIsAlertOpen = _useState8[1];
@@ -4136,7 +4143,7 @@ var CustomDomain = function CustomDomain() {
     setIsAlertOpen(true);
   };
 
-  return /*#__PURE__*/React__default$1["default"].createElement(React__default$1["default"].Fragment, null, /*#__PURE__*/React__default$1["default"].createElement(layouts.Container, null, /*#__PURE__*/React__default$1["default"].createElement(layouts.Header, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(layouts.Container, null, /*#__PURE__*/React__default["default"].createElement(layouts.Header, {
     title: capitalize(t("neetoCommons.customDomain.customDomain", {
       count: ENTITY_COUNT.plural
     })),
@@ -4151,7 +4158,7 @@ var CustomDomain = function CustomDomain() {
         })
       })
     },
-    actionBlock: /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+    actionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       label: t("neetoCommons.common.actions.add", {
         entity: t("neetoCommons.customDomain.customDomain", {
           count: ENTITY_COUNT.singular
@@ -4161,23 +4168,23 @@ var CustomDomain = function CustomDomain() {
         return enableManagePane(null);
       }
     })
-  }), isLoading && /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }), isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full h-screen"
-  }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.PageLoader, null)), !isLoading && (isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) ? /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.PageLoader, null)), !isLoading && (isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full flex-grow"
-  }, /*#__PURE__*/React__default$1["default"].createElement(layouts.SubHeader, {
-    leftActionBlock: /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(layouts.SubHeader, {
+    leftActionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       component: "h4",
       className: "neeto-ui-gray-800 font-semibold"
     }, t("neetoCommons.customDomain.customDomainWithCount", {
       count: data === null || data === void 0 ? void 0 : (_data$customDomains = data.customDomains) === null || _data$customDomains === void 0 ? void 0 : _data$customDomains.length
     }))
-  }), /*#__PURE__*/React__default$1["default"].createElement("div", null, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Table, {
+  }), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
     rowData: data === null || data === void 0 ? void 0 : data.customDomains,
     columnData: renderColumnData(enableManagePane, enableDeleteAlert),
     allowRowClick: false,
     rowSelection: false
-  }))) : /*#__PURE__*/React__default$1["default"].createElement(EmptyState, {
+  }))) : /*#__PURE__*/React__default["default"].createElement(EmptyState, {
     title: t("neetoCommons.common.notFound.title", {
       entity: t("neetoCommons.customDomain.customDomain", {
         count: ENTITY_COUNT.singular
@@ -4198,14 +4205,14 @@ var CustomDomain = function CustomDomain() {
         return enableManagePane(null);
       }
     }
-  }))), /*#__PURE__*/React__default$1["default"].createElement(Manage, {
+  }))), /*#__PURE__*/React__default["default"].createElement(Manage, {
     customDomain: customDomain,
     isOpen: isPaneOpen,
     onClose: function onClose() {
       return setIsPaneOpen(false);
     },
     setCustomDomain: setCustomDomain
-  }), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Alert, {
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
     isOpen: isAlertOpen,
     submitButtonLabel: t("neetoCommons.common.deleteAlert.yes"),
     cancelButtonLabel: t("neetoCommons.common.deleteAlert.no"),
@@ -4214,7 +4221,7 @@ var CustomDomain = function CustomDomain() {
         count: ENTITY_COUNT.singular
       })
     }),
-    message: /*#__PURE__*/React__default$1["default"].createElement(reactI18next.Trans, {
+    message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
       i18nKey: "neetoCommons.customDomain.alertMessage",
       values: {
         hostname: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname
@@ -4237,11 +4244,11 @@ var DateFormat = ramda.fromPairs(ramda.keys(timeFormat).map(function (key) {
         tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
         _ref$typographyProps = _ref.typographyProps,
         typographyProps = _ref$typographyProps === void 0 ? {} : _ref$typographyProps;
-    var dateDisplay = /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, _extends$6({
+    var dateDisplay = /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$5({
       component: "span",
       style: "body2"
     }, typographyProps), timeFormat[key](date));
-    return key === "extended" ? dateDisplay : /*#__PURE__*/React__default$1["default"].createElement(neetoui.Tooltip, _extends$6({
+    return key === "extended" ? dateDisplay : /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends$5({
       position: "top",
       content: timeFormat.extended(date)
     }, tooltipProps), dateDisplay);
@@ -4251,10 +4258,10 @@ var TimeFormat = DateFormat;
 
 var _path$2, _path2$1, _path3$1, _path4$1, _path5$1, _path6$1;
 
-function _extends$4() { _extends$4 = 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$4.apply(this, arguments); }
+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 SvgFallbackComponent = function SvgFallbackComponent(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
     width: 230,
     height: 230,
     viewBox: "0 0 317 320",
@@ -4286,7 +4293,7 @@ var FallbackComponent = function FallbackComponent() {
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     var listener = function listener(e) {
       var _e$target;
 
@@ -4299,25 +4306,25 @@ var FallbackComponent = function FallbackComponent() {
       return window.removeEventListener("popstate", listener);
     };
   }, []);
-  return /*#__PURE__*/React__default$1["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex h-screen w-full flex-row items-start justify-start"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "m-auto text-center"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "m-auto mb-8 flex items-center justify-center"
-  }, /*#__PURE__*/React__default$1["default"].createElement(SvgFallbackComponent, null)), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(SvgFallbackComponent, null)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     component: "h2",
     style: "h2",
     weight: "semibold",
     className: "mb-4"
-  }, t("neetoCommons.fallbackComponent.somethingWentWrong")), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+  }, t("neetoCommons.fallbackComponent.somethingWentWrong")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     component: "p",
     style: "body1",
     weight: "normal",
     className: "mb-8 text-gray-600"
-  }, t("neetoCommons.fallbackComponent.tryReloading")), /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, t("neetoCommons.fallbackComponent.tryReloading")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex flex-row items-center justify-center"
-  }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     style: "primary",
     size: "large",
     onClick: function onClick() {
@@ -4347,7 +4354,7 @@ var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React__default$1["default"].createElement(react.HoneybadgerErrorBoundary, {
+    React__default["default"].createElement(react.HoneybadgerErrorBoundary, {
       honeybadger: honeybadger,
       ErrorComponent: ErrorComponent
     }, children)
@@ -5640,7 +5647,7 @@ function _toConsumableArray$1(arr) {
   return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread$1();
 }
 
-function _defineProperty$1(obj, key, value) {
+function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -5654,8 +5661,8 @@ function _defineProperty$1(obj, key, value) {
   return obj;
 }
 
-function _extends$3() {
-  _extends$3 = Object.assign ? Object.assign.bind() : function (target) {
+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) {
@@ -5666,12 +5673,12 @@ function _extends$3() {
     }
     return target;
   };
-  return _extends$3.apply(this, arguments);
+  return _extends$2.apply(this, arguments);
 }
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 //
 // Super simple, non-algorithmic solution since the
 // number of class names will not be greater than 4
@@ -5778,7 +5785,7 @@ function createElement(_ref) {
     }
 
     var children = childrenCreator(node.children);
-    return /*#__PURE__*/React__default$1["default"].createElement(TagName, _extends$3({
+    return /*#__PURE__*/React__default["default"].createElement(TagName, _extends$2({
       key: key
     }, props), children);
   }
@@ -5793,7 +5800,7 @@ var _excluded$1 = ["language", "children", "style", "customStyle", "codeTagProps
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var newLineRegex = /\n/g;
 
 function getNewLines(str) {
@@ -5806,7 +5813,7 @@ function getAllLineNumbers(_ref) {
       style = _ref.style;
   return lines.map(function (_, i) {
     var number = i + startingLineNumber;
-    return /*#__PURE__*/React__default$1["default"].createElement("span", {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
       key: "line-".concat(i),
       className: "react-syntax-highlighter-line-number",
       style: typeof style === 'function' ? style(number) : style
@@ -5825,7 +5832,7 @@ function AllLineNumbers(_ref2) {
       _ref2$numberStyle = _ref2.numberStyle,
       numberStyle = _ref2$numberStyle === void 0 ? {} : _ref2$numberStyle,
       startingLineNumber = _ref2.startingLineNumber;
-  return /*#__PURE__*/React__default$1["default"].createElement("code", {
+  return /*#__PURE__*/React__default["default"].createElement("code", {
     style: Object.assign({}, codeStyle, containerStyle)
   }, getAllLineNumbers({
     lines: codeString.replace(/\n$/, '').split('\n'),
@@ -6137,7 +6144,7 @@ function highlight$3 (defaultAstGenerator, defaultStyle) {
         rest = _objectWithoutProperties$1(_ref7, _excluded$1);
 
     astGenerator = astGenerator || defaultAstGenerator;
-    var allLineNumbers = showLineNumbers ? /*#__PURE__*/React__default$1["default"].createElement(AllLineNumbers, {
+    var allLineNumbers = showLineNumbers ? /*#__PURE__*/React__default["default"].createElement(AllLineNumbers, {
       containerStyle: lineNumberContainerStyle,
       codeStyle: codeTagProps.style || {},
       numberStyle: lineNumberStyle,
@@ -6166,7 +6173,7 @@ function highlight$3 (defaultAstGenerator, defaultStyle) {
     }
 
     if (!astGenerator) {
-      return /*#__PURE__*/React__default$1["default"].createElement(PreTag, preProps, allLineNumbers, /*#__PURE__*/React__default$1["default"].createElement(CodeTag, codeTagProps, code));
+      return /*#__PURE__*/React__default["default"].createElement(PreTag, preProps, allLineNumbers, /*#__PURE__*/React__default["default"].createElement(CodeTag, codeTagProps, code));
     }
     /*
      * Some custom renderers rely on individual row elements so we need to turn wrapLines on
@@ -6194,7 +6201,7 @@ function highlight$3 (defaultAstGenerator, defaultStyle) {
 
     var largestLineNumber = codeTree.value.length + startingLineNumber;
     var rows = processLines(codeTree, wrapLines, lineProps, showLineNumbers, showInlineLineNumbers, startingLineNumber, largestLineNumber, lineNumberStyle, wrapLongLines);
-    return /*#__PURE__*/React__default$1["default"].createElement(PreTag, preProps, /*#__PURE__*/React__default$1["default"].createElement(CodeTag, codeTagProps, !showInlineLineNumbers && allLineNumbers, renderer({
+    return /*#__PURE__*/React__default["default"].createElement(PreTag, preProps, /*#__PURE__*/React__default["default"].createElement(CodeTag, codeTagProps, !showInlineLineNumbers && allLineNumbers, renderer({
       rows: rows,
       stylesheet: style,
       useInlineStyles: useInlineStyles
@@ -7796,7 +7803,7 @@ const error = (message) => {
  * @param {string} message
  * @param {any} args
  */
-const warn$1 = (message, ...args) => {
+const warn = (message, ...args) => {
   console.log(`WARN: ${message}`, ...args);
 };
 
@@ -7879,8 +7886,8 @@ const HLJS = function(hljs) {
     if (match) {
       const language = getLanguage(match[1]);
       if (!language) {
-        warn$1(LANGUAGE_NOT_FOUND.replace("{}", match[1]));
-        warn$1("Falling back to no-highlight mode for this block.", block);
+        warn(LANGUAGE_NOT_FOUND.replace("{}", match[1]));
+        warn("Falling back to no-highlight mode for this block.", block);
       }
       return language ? match[1] : 'no-highlight';
     }
@@ -54165,14 +54172,14 @@ function _inherits(subClass, superClass) {
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
-function _typeof$2(obj) {
+function _typeof$1(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+  return _typeof$1 = "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;
-  }, _typeof$2(obj);
+  }, _typeof$1(obj);
 }
 
 function _assertThisInitialized(self) {
@@ -54183,7 +54190,7 @@ function _assertThisInitialized(self) {
 }
 
 function _possibleConstructorReturn(self, call) {
-  if (call && (_typeof$2(call) === "object" || typeof call === "function")) {
+  if (call && (_typeof$1(call) === "object" || typeof call === "function")) {
     return call;
   } else if (call !== void 0) {
     throw new TypeError("Derived constructors may only return object or undefined");
@@ -54200,7 +54207,7 @@ function _getPrototypeOf(o) {
 
 var regeneratorRuntime$1 = {exports: {}};
 
-var _typeof$1 = {exports: {}};
+var _typeof = {exports: {}};
 
 (function (module) {
 	function _typeof(obj) {
@@ -54213,10 +54220,10 @@ var _typeof$1 = {exports: {}};
 	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
 	}
 	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (_typeof$1));
+} (_typeof));
 
 (function (module) {
-	var _typeof = _typeof$1.exports["default"];
+	var _typeof$1 = _typeof.exports["default"];
 	function _regeneratorRuntime() {
 	  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
 	    return exports;
@@ -54321,7 +54328,7 @@ var _typeof$1 = {exports: {}};
 	      if ("throw" !== record.type) {
 	        var result = record.arg,
 	          value = result.value;
-	        return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (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);
@@ -54603,7 +54610,7 @@ var createAsyncLoadingHighlighter = (function (options) {
     }, {
       key: "render",
       value: function render() {
-        return /*#__PURE__*/React__default$1["default"].createElement(ReactAsyncHighlighter.highlightInstance, _extends$3({}, this.props, {
+        return /*#__PURE__*/React__default["default"].createElement(ReactAsyncHighlighter.highlightInstance, _extends$2({}, this.props, {
           language: this.normalizeLanguage(this.props.language),
           astGenerator: ReactAsyncHighlighter.astGenerator
         }));
@@ -54670,19 +54677,19 @@ var createAsyncLoadingHighlighter = (function (options) {
     }]);
 
     return ReactAsyncHighlighter;
-  }(React__default$1["default"].PureComponent);
+  }(React__default["default"].PureComponent);
 
-  _defineProperty$1(ReactAsyncHighlighter, "astGenerator", null);
+  _defineProperty(ReactAsyncHighlighter, "astGenerator", null);
 
-  _defineProperty$1(ReactAsyncHighlighter, "highlightInstance", highlight$3(null, {}));
+  _defineProperty(ReactAsyncHighlighter, "highlightInstance", highlight$3(null, {}));
 
-  _defineProperty$1(ReactAsyncHighlighter, "astGeneratorPromise", null);
+  _defineProperty(ReactAsyncHighlighter, "astGeneratorPromise", null);
 
-  _defineProperty$1(ReactAsyncHighlighter, "languages", new Map());
+  _defineProperty(ReactAsyncHighlighter, "languages", new Map());
 
-  _defineProperty$1(ReactAsyncHighlighter, "supportedLanguages", options.supportedLanguages || Object.keys(languageLoaders || {}));
+  _defineProperty(ReactAsyncHighlighter, "supportedLanguages", options.supportedLanguages || Object.keys(languageLoaders || {}));
 
-  _defineProperty$1(ReactAsyncHighlighter, "isRegistered", function (language) {
+  _defineProperty(ReactAsyncHighlighter, "isRegistered", function (language) {
     if (noAsyncLoadingLanguages) {
       return true;
     }
@@ -54699,7 +54706,7 @@ var createAsyncLoadingHighlighter = (function (options) {
     return isLanguageRegistered(ReactAsyncHighlighter.astGenerator, language);
   });
 
-  _defineProperty$1(ReactAsyncHighlighter, "registerLanguage", function (name, language) {
+  _defineProperty(ReactAsyncHighlighter, "registerLanguage", function (name, language) {
     if (!registerLanguage) {
       throw new Error("Current syntax highlighter doesn't support registration of languages");
     }
@@ -55424,7 +55431,7 @@ var languageLoaders = {
     return Promise.resolve().then(function () { return birb; });
   }),
   bison: createLanguageAsyncLoader("bison", function () {
-    return Promise.resolve().then(function () { return bison; });
+    return Promise.resolve().then(function () { return bison$1; });
   }),
   bnf: createLanguageAsyncLoader("bnf", function () {
     return Promise.resolve().then(function () { return bnf; });
@@ -57676,7 +57683,7 @@ var Edot = "Ė";
 var Efr = "𝔈";
 var Egrav = "È";
 var Egrave = "È";
-var Element$1 = "∈";
+var Element = "∈";
 var Emacr = "Ē";
 var EmptySmallSquare = "◻";
 var EmptyVerySmallSquare = "▫";
@@ -59897,7 +59904,7 @@ var require$$0 = {
 	Efr: Efr,
 	Egrav: Egrav,
 	Egrave: Egrave,
-	Element: Element$1,
+	Element: Element,
 	Emacr: Emacr,
 	EmptySmallSquare: EmptySmallSquare,
 	EmptyVerySmallSquare: EmptyVerySmallSquare,
@@ -67347,60 +67354,57 @@ function requireBirb () {
 	return birb_1;
 }
 
-var bison_1;
-var hasRequiredBison;
-
-function requireBison () {
-	if (hasRequiredBison) return bison_1;
-	hasRequiredBison = 1;
-	var refractorC = requireC();
-	bison_1 = bison;
-	bison.displayName = 'bison';
-	bison.aliases = [];
-	function bison(Prism) {
-	  Prism.register(refractorC);
-	  Prism.languages.bison = Prism.languages.extend('c', {});
-	  Prism.languages.insertBefore('bison', 'comment', {
-	    bison: {
-	      // This should match all the beginning of the file
-	      // including the prologue(s), the bison declarations and
-	      // the grammar rules.
-	      pattern: /^(?:[^%]|%(?!%))*%%[\s\S]*?%%/,
-	      inside: {
-	        c: {
-	          // Allow for one level of nested braces
-	          pattern: /%\{[\s\S]*?%\}|\{(?:\{[^}]*\}|[^{}])*\}/,
-	          inside: {
-	            delimiter: {
-	              pattern: /^%?\{|%?\}$/,
-	              alias: 'punctuation'
-	            },
-	            'bison-variable': {
-	              pattern: /[$@](?:<[^\s>]+>)?[\w$]+/,
-	              alias: 'variable',
-	              inside: {
-	                punctuation: /<|>/
-	              }
-	            },
-	            rest: Prism.languages.c
-	          }
-	        },
-	        comment: Prism.languages.c.comment,
-	        string: Prism.languages.c.string,
-	        property: /\S+(?=:)/,
-	        keyword: /%\w+/,
-	        number: {
-	          pattern: /(^|[^@])\b(?:0x[\da-f]+|\d+)/i,
-	          lookbehind: true
-	        },
-	        punctuation: /%[%?]|[|:;\[\]<>]/
-	      }
-	    }
-	  });
-	}
-	return bison_1;
+var refractorC = requireC();
+var bison_1 = bison;
+bison.displayName = 'bison';
+bison.aliases = [];
+function bison(Prism) {
+  Prism.register(refractorC);
+  Prism.languages.bison = Prism.languages.extend('c', {});
+  Prism.languages.insertBefore('bison', 'comment', {
+    bison: {
+      // This should match all the beginning of the file
+      // including the prologue(s), the bison declarations and
+      // the grammar rules.
+      pattern: /^(?:[^%]|%(?!%))*%%[\s\S]*?%%/,
+      inside: {
+        c: {
+          // Allow for one level of nested braces
+          pattern: /%\{[\s\S]*?%\}|\{(?:\{[^}]*\}|[^{}])*\}/,
+          inside: {
+            delimiter: {
+              pattern: /^%?\{|%?\}$/,
+              alias: 'punctuation'
+            },
+            'bison-variable': {
+              pattern: /[$@](?:<[^\s>]+>)?[\w$]+/,
+              alias: 'variable',
+              inside: {
+                punctuation: /<|>/
+              }
+            },
+            rest: Prism.languages.c
+          }
+        },
+        comment: Prism.languages.c.comment,
+        string: Prism.languages.c.string,
+        property: /\S+(?=:)/,
+        keyword: /%\w+/,
+        number: {
+          pattern: /(^|[^@])\b(?:0x[\da-f]+|\d+)/i,
+          lookbehind: true
+        },
+        punctuation: /%[%?]|[|:;\[\]<>]/
+      }
+    }
+  });
 }
 
+var bison$1 = /*#__PURE__*/_mergeNamespaces({
+	__proto__: null,
+	'default': bison_1
+}, [bison_1]);
+
 var bnf_1;
 var hasRequiredBnf;
 
@@ -87977,7 +87981,7 @@ refractor.register(requireBatch());
 refractor.register(requireBbcode());
 refractor.register(requireBicep());
 refractor.register(requireBirb());
-refractor.register(requireBison());
+refractor.register(bison_1);
 refractor.register(requireBnf());
 refractor.register(requireBrainfuck());
 refractor.register(requireBrightscript());
@@ -88380,7 +88384,7 @@ var a11yDark = {
 
 var CodeBlock = function CodeBlock(_ref) {
   var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? /*#__PURE__*/React__default$1["default"].createElement("div", null, "Code snippet") : _ref$title,
+      title = _ref$title === void 0 ? /*#__PURE__*/React__default["default"].createElement("div", null, "Code snippet") : _ref$title,
       codeString = _ref.codeString,
       _ref$showCopyButton = _ref.showCopyButton,
       showCopyButton = _ref$showCopyButton === void 0 ? true : _ref$showCopyButton,
@@ -88390,11 +88394,11 @@ var CodeBlock = function CodeBlock(_ref) {
       sendViaEmail = _ref$sendViaEmail === void 0 ? undefined : _ref$sendViaEmail,
       _ref$codeStyles = _ref.codeStyles,
       codeStyles = _ref$codeStyles === void 0 ? {} : _ref$codeStyles;
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     SyntaxHighlighter.registerLanguage("javascript", javascript_1);
   }, []);
 
-  var _useState = React$1.useState(false),
+  var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isCopied = _useState2[0],
       setIsCopied = _useState2[1];
@@ -88402,7 +88406,7 @@ var CodeBlock = function CodeBlock(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     if (!isCopied) return undefined;
     var timer = setTimeout(function () {
       return setIsCopied(false);
@@ -88411,28 +88415,28 @@ var CodeBlock = function CodeBlock(_ref) {
       return clearTimeout(timer);
     };
   }, [isCopied]);
-  return /*#__PURE__*/React__default$1["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames(["relative", className])
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-bg-primary-100 flex w-full items-center justify-between gap-2 p-3"
-  }, title && /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+  }, title && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h4",
     className: "m-0",
     "data-cy": "code-block-title-text"
-  }, title), /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, title), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center justify-end gap-2"
-  }, sendViaEmail ? /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+  }, sendViaEmail ? /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     label: t("neetoCommons.widget.installation.snippet.sendViaEmail"),
     style: "secondary",
     onClick: sendViaEmail
-  }) : null, showCopyButton && /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+  }) : null, showCopyButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     style: "primary",
     icon: isCopied ? neetoIcons.Check : neetoIcons.Copy,
     label: isCopied ? t("neetoCommons.widget.installation.snippet.copied") : t("neetoCommons.widget.installation.snippet.copy"),
     onClick: function onClick() {
       return copyToClipboard(codeString);
     }
-  }))), /*#__PURE__*/React__default$1["default"].createElement(SyntaxHighlighter, {
+  }))), /*#__PURE__*/React__default["default"].createElement(SyntaxHighlighter, {
     language: "javascript",
     style: a11yDark,
     customStyle: codeStyles,
@@ -88639,50 +88643,50 @@ var CodeSnippet = function CodeSnippet(_ref) {
     };
   }();
 
-  return /*#__PURE__*/React__default$1["default"].createElement(neetoui.Modal, {
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
     className: "rounded-lg w-1/2 mx-auto",
     isOpen: isModalOpen,
     size: "medium",
     onClose: onClose
-  }, /*#__PURE__*/React__default$1["default"].createElement(formik.Formik, {
+  }, /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
     initialValues: getEmailWidgetSnippetFormInitialValues(subject),
     validationSchema: EMAIL_WIDGET_SNIPPET_FORM_VALIDATION_SCHEMA,
     onSubmit: handleSubmit
-  }, /*#__PURE__*/React__default$1["default"].createElement(formik.Form, null, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h2"
-  }, t("neetoCommons.widget.email.title"))), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Modal.Body, null, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, t("neetoCommons.widget.email.title"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex flex-col gap-4 py-4"
-  }, /*#__PURE__*/React__default$1["default"].createElement(formik$1.MultiEmailInput, {
+  }, /*#__PURE__*/React__default["default"].createElement(formik$1.MultiEmailInput, {
     label: "".concat(t("neetoCommons.widget.email.fields.emails.label"), "*"),
     name: "emails",
     placeholder: t("neetoCommons.widget.email.fields.emails.placeholder"),
     required: true
-  }), /*#__PURE__*/React__default$1["default"].createElement(formik$1.Input, {
+  }), /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
     label: t("neetoCommons.widget.email.fields.subject.label"),
     name: "subject",
     size: "large",
     type: "text",
     required: true
-  })), /*#__PURE__*/React__default$1["default"].createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "mb-6",
     style: "body1"
-  }, body), /*#__PURE__*/React__default$1["default"].createElement(CodeBlock, {
+  }, body), /*#__PURE__*/React__default["default"].createElement(CodeBlock, {
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
     codeString: codeString,
     showCopyButton: false,
     codeStyles: {
       maxHeight: 300
     }
-  }))), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Modal.Footer, {
+  }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Footer, {
     className: "flex gap-x-2"
-  }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     disabled: emailMutation.isLoading,
     label: t("neetoCommons.widget.email.actions.send"),
     loading: emailMutation.isLoading,
     type: "submit"
-  }), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     label: t("neetoCommons.widget.email.actions.cancel"),
     style: "text",
     onClick: onClose
@@ -88720,10 +88724,10 @@ var SelectionTabs = function SelectionTabs(_ref) {
 
   var renderSelectedTab = function renderSelectedTab() {
     return WIDGET_TYPES_VALUES.map(function (widget) {
-      return /*#__PURE__*/React__default$1["default"].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "mb-1",
         key: widget
-      }, primarySelectedWidget !== widget ? /*#__PURE__*/React__default$1["default"].createElement(neetoui.Switch, {
+      }, primarySelectedWidget !== widget ? /*#__PURE__*/React__default["default"].createElement(neetoui.Switch, {
         label: "neeto".concat(capitalize(widget)),
         checked: selectedWidgets.includes(widget),
         onChange: function onChange() {
@@ -88733,19 +88737,19 @@ var SelectionTabs = function SelectionTabs(_ref) {
     });
   };
 
-  return /*#__PURE__*/React__default$1["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mb-4 px-2 w-full flex items-center justify-between gap-2"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center justify-start gap-1"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "font-semibold text-base"
-  }, "neeto", formattedPrimaryWidget), /*#__PURE__*/React__default$1["default"].createElement("a", {
+  }, "neeto", formattedPrimaryWidget), /*#__PURE__*/React__default["default"].createElement("a", {
     href: primarySelectedWidget ? WIDGET_KB_HELP_URL[primarySelectedWidget] : WIDGET_KB_BASE_URL,
     target: "_blank",
     rel: "noreferrer"
-  }, /*#__PURE__*/React__default$1["default"].createElement(neetoIcons.Help, {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Help, {
     size: 16
-  }))), /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center justify-end gap-2"
   }, renderSelectedTab()));
 };
@@ -88765,20 +88769,20 @@ var EmbedCode = function EmbedCode(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
-  var bodyRef = React$1.useRef();
+  var bodyRef = React.useRef();
   var forceUpdate = useForceUpdate();
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     forceUpdate();
   }, []);
   var apiKeyResult = useFetchApiKey();
   var initialWidgets = ramda.uniq(ramda.intersection(ramda.append(primaryApp, initialSelectedWidgets), WIDGET_TYPES_VALUES));
 
-  var _useState = React$1.useState(EMAIL_TYPES["null"]),
+  var _useState = React.useState(EMAIL_TYPES["null"]),
       _useState2 = _slicedToArray(_useState, 2),
       emailType = _useState2[0],
       setEmailType = _useState2[1];
 
-  var _useState3 = React$1.useState(ramda.intersection(initialWidgets, WIDGET_TYPES_VALUES)),
+  var _useState3 = React.useState(ramda.intersection(initialWidgets, WIDGET_TYPES_VALUES)),
       _useState4 = _slicedToArray(_useState3, 2),
       selectedWidgets = _useState4[0],
       setSelectedWidgets = _useState4[1];
@@ -88815,9 +88819,9 @@ var EmbedCode = function EmbedCode(_ref) {
           subject: t("neetoCommons.widget.email.fields.subject.values.embedCode", {
             selectedWidgets: getSelectedWidgetsCombinedText(selectedWidgets)
           }),
-          body: /*#__PURE__*/React__default$1["default"].createElement("div", {
+          body: /*#__PURE__*/React__default["default"].createElement("div", {
             ref: bodyRef
-          }, /*#__PURE__*/React__default$1["default"].createElement(reactI18next.Trans, {
+          }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
             i18nKey: "neetoCommons.widget.email.body.values.embedCode",
             values: {
               selectedWidgets: getSelectedWidgetsCombinedText(selectedWidgets),
@@ -88825,16 +88829,16 @@ var EmbedCode = function EmbedCode(_ref) {
               helpEmail: INSTALLATION_HELP_EMAIL
             },
             components: {
-              p: /*#__PURE__*/React__default$1["default"].createElement("p", {
+              p: /*#__PURE__*/React__default["default"].createElement("p", {
                 style: {
                   paddingBottom: "10px"
                 }
               }),
-              configureLink: /*#__PURE__*/React__default$1["default"].createElement("a", {
+              configureLink: /*#__PURE__*/React__default["default"].createElement("a", {
                 href: NEETO_CHAT_CONFIGURE_URL,
                 className: "neeto-ui-text-primary-800"
               }),
-              mail: /*#__PURE__*/React__default$1["default"].createElement("a", {
+              mail: /*#__PURE__*/React__default["default"].createElement("a", {
                 href: "mailto:".concat(INSTALLATION_HELP_EMAIL),
                 className: "neeto-ui-text-primary-800"
               })
@@ -88878,89 +88882,89 @@ var EmbedCode = function EmbedCode(_ref) {
   };
 
   if (apiKeyResult.isLoading) {
-    return /*#__PURE__*/React__default$1["default"].createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "h-full w-full"
-    }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.PageLoader, null));
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.PageLoader, null));
   }
 
-  return /*#__PURE__*/React__default$1["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto w-full flex-col items-center justify-start mb-10"
-  }, /*#__PURE__*/React__default$1["default"].createElement(SelectionTabs, {
+  }, /*#__PURE__*/React__default["default"].createElement(SelectionTabs, {
     primarySelectedWidget: primaryApp,
     selectedWidgets: selectedWidgets,
     updateSelectedWidgets: updateSelectedWidgets
-  }), /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto w-full max-w-2xl flex-grow flex-col items-center justify-start mb-6"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto mb-4 w-full",
     "data-testid": "embed-code-block"
-  }, /*#__PURE__*/React__default$1["default"].createElement(CodeBlock, {
+  }, /*#__PURE__*/React__default["default"].createElement(CodeBlock, {
     codeString: getEmbedCodeString(),
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
-    title: /*#__PURE__*/React__default$1["default"].createElement("div", null, "Embed code"),
+    title: /*#__PURE__*/React__default["default"].createElement("div", null, "Embed code"),
     sendViaEmail: function sendViaEmail() {
       return handleSendViaEmail(EMAIL_TYPES.embedCode);
     }
-  })), /*#__PURE__*/React__default$1["default"].createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React__default$1["default"].createElement(reactI18next.Trans, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
     i18nKey: "neetoCommons.widget.installation.instructions.placement",
     values: {
       selectedWidgets: isNotEmpty(selectedWidgets) ? getSelectedWidgetsCombinedText(selectedWidgets, true) : "none of the widgets"
     },
     components: {
-      fontBold: /*#__PURE__*/React__default$1["default"].createElement("span", {
+      fontBold: /*#__PURE__*/React__default["default"].createElement("span", {
         className: "font-semibold"
       }),
-      fontNormal: /*#__PURE__*/React__default$1["default"].createElement("span", {
+      fontNormal: /*#__PURE__*/React__default["default"].createElement("span", {
         className: "font-normal"
       })
     }
-  }, "Place the embed code in your HTML file. This will embed the selected widgets in your website."))), enabledWidgets.chat || enabledWidgets.replay ? /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, "Place the embed code in your HTML file. This will embed the selected widgets in your website."))), enabledWidgets.chat || enabledWidgets.replay ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto w-full max-w-2xl flex-grow flex-col items-center justify-start mb-6"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto mb-4 w-full"
-  }, /*#__PURE__*/React__default$1["default"].createElement(CodeBlock, {
+  }, /*#__PURE__*/React__default["default"].createElement(CodeBlock, {
     codeString: getSampleUserIdentity(enabledWidgets),
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
     sendViaEmail: function sendViaEmail() {
       return handleSendViaEmail(EMAIL_TYPES.userIdentity);
     },
-    title: /*#__PURE__*/React__default$1["default"].createElement("div", {
+    title: /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-center justify-start"
-    }, /*#__PURE__*/React__default$1["default"].createElement("div", null, "User identity (Optional)"), /*#__PURE__*/React__default$1["default"].createElement("a", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", null, "User identity (Optional)"), /*#__PURE__*/React__default["default"].createElement("a", {
       href: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL,
       target: "_blank",
       rel: "noreferrer",
       className: "ml-1"
-    }, /*#__PURE__*/React__default$1["default"].createElement(neetoIcons.Help, {
+    }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Help, {
       size: 16
     })))
-  })), /*#__PURE__*/React__default$1["default"].createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, t("neetoCommons.widget.installation.instructions.userIdentity"))) : null, enabledWidgets.replay ? /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, t("neetoCommons.widget.installation.instructions.userIdentity"))) : null, enabledWidgets.replay ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto w-full max-w-2xl flex-grow flex-col items-center justify-start"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto mb-4 w-full"
-  }, /*#__PURE__*/React__default$1["default"].createElement(CodeBlock, {
+  }, /*#__PURE__*/React__default["default"].createElement(CodeBlock, {
     codeString: SAMPLE_CONTEXT_CODE_STRING,
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
     sendViaEmail: function sendViaEmail() {
       return handleSendViaEmail(EMAIL_TYPES.sessionContext);
     },
-    title: /*#__PURE__*/React__default$1["default"].createElement("div", {
+    title: /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-center justify-start"
-    }, /*#__PURE__*/React__default$1["default"].createElement("div", null, "Session context (Optional)"), /*#__PURE__*/React__default$1["default"].createElement("a", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", null, "Session context (Optional)"), /*#__PURE__*/React__default["default"].createElement("a", {
       href: NEETO_REPLAY_CONFIGURE_URL,
       target: "_blank",
       rel: "noreferrer",
       className: "ml-1"
-    }, /*#__PURE__*/React__default$1["default"].createElement(neetoIcons.Help, {
+    }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Help, {
       size: 16
     })))
-  })), /*#__PURE__*/React__default$1["default"].createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, t("neetoCommons.widget.installation.instructions.sessionContext"))) : null, /*#__PURE__*/React__default$1["default"].createElement(CodeSnippet, _extends$6({
+  }, t("neetoCommons.widget.installation.instructions.sessionContext"))) : null, /*#__PURE__*/React__default["default"].createElement(CodeSnippet, _extends$5({
     isModalOpen: !!emailType && isNotEmpty(selectedWidgets),
     onClose: function onClose() {
       return setEmailType(EMAIL_TYPES["null"]);
@@ -88976,9 +88980,9 @@ EmbedCode.propTypes = {
 var queryClient = new reactQuery.QueryClient();
 
 var EmbedCodeQueryClient = function EmbedCodeQueryClient(props) {
-  return /*#__PURE__*/React__default$1["default"].createElement(reactQuery.QueryClientProvider, {
+  return /*#__PURE__*/React__default["default"].createElement(reactQuery.QueryClientProvider, {
     client: queryClient
-  }, /*#__PURE__*/React__default$1["default"].createElement(EmbedCode, props));
+  }, /*#__PURE__*/React__default["default"].createElement(EmbedCode, props));
 };
 
 EmbedCodeQueryClient.propTypes = {
@@ -89028,7 +89032,7 @@ var PrivateRoute = function PrivateRoute(_ref) {
       redirectRoute = _ref.redirectRoute,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return condition ? /*#__PURE__*/React__default$1["default"].createElement(reactRouterDom.Route, props) : /*#__PURE__*/React__default$1["default"].createElement(reactRouterDom.Redirect, {
+  return condition ? /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Route, props) : /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Redirect, {
     to: {
       pathname: redirectRoute
     }
@@ -89037,7 +89041,7 @@ var PrivateRoute = function PrivateRoute(_ref) {
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var REMOVE_SELECT_DOWN_ARROW = {
   DropdownIndicator: function DropdownIndicator() {
@@ -89336,46 +89340,46 @@ var DisplayAvailability = function DisplayAvailability(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
-  return /*#__PURE__*/React__default$1["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full space-y-4"
   }, DAYS.map(function (day) {
     var _sortPeriodsByKey;
 
-    return /*#__PURE__*/React__default$1["default"].createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "neeto-ui-rounded-md neeto-ui-shadow-s flex w-full items-start justify-start border border-gray-300 py-4 px-12",
       key: day
-    }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       className: "mt-0.5  w-16 text-gray-700",
       "data-cy": joinHyphenCase(day, "day-text"),
       style: "h5",
       weight: "semibold"
-    }, t("neetoCommons.schedule.days.".concat(day))), /*#__PURE__*/React__default$1["default"].createElement("div", {
+    }, t("neetoCommons.schedule.days.".concat(day))), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex w-9/12 flex-col items-center space-y-4"
     }, isPresent(periods[day]) ? (_sortPeriodsByKey = sortPeriodsByKey({
       periods: periods[day],
       key: "startTime",
       order: "asc"
     })) === null || _sortPeriodsByKey === void 0 ? void 0 : _sortPeriodsByKey.map(function (period) {
-      return /*#__PURE__*/React__default$1["default"].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "flex items-center space-x-4",
         key: period.id
-      }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+      }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
         className: "w-24 text-right text-gray-700",
         lineHeight: "relaxed",
         style: "h5",
         weight: "semibold",
         "data-cy": joinHyphenCase(day, period.startTime, "start-time-text")
-      }, period.startTime), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+      }, period.startTime), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
         className: "text-gray-600",
         component: "span"
-      }, "-"), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+      }, "-"), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
         className: "w-24 text-left text-gray-700",
         lineHeight: "relaxed",
         style: "h5",
         weight: "semibold",
         "data-cy": joinHyphenCase(day, period.endTime, "start-time-text")
       }, period.endTime));
-    }) : /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+    }) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       className: "mx-8 mt-0.5 text-gray-700",
       "data-cy": joinHyphenCase(day, "unavailable-time-text"),
       lineHeight: "relaxed",
@@ -89482,28 +89486,28 @@ var ScheduleRow = function ScheduleRow(_ref) {
     setFieldValue("wdays[".concat(wdayIndex, "].available"), !isLastRowDeleted);
   };
 
-  return /*#__PURE__*/React__default$1["default"].createElement(formik.FieldArray, {
+  return /*#__PURE__*/React__default["default"].createElement(formik.FieldArray, {
     name: "wdays[".concat(wdayIndex, "].periods"),
     render: function render(arrayHelpers) {
       var _values$wdays$wdayInd, _values$wdays$wdayInd2;
 
-      return /*#__PURE__*/React__default$1["default"].createElement(React__default$1["default"].Fragment, null, /*#__PURE__*/React__default$1["default"].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "flex w-full items-start justify-between"
-      }, isNotPresent((_values$wdays$wdayInd = values.wdays[wdayIndex]) === null || _values$wdays$wdayInd === void 0 ? void 0 : _values$wdays$wdayInd.periods) ? /*#__PURE__*/React__default$1["default"].createElement("div", {
+      }, isNotPresent((_values$wdays$wdayInd = values.wdays[wdayIndex]) === null || _values$wdays$wdayInd === void 0 ? void 0 : _values$wdays$wdayInd.periods) ? /*#__PURE__*/React__default["default"].createElement("div", {
         className: "mx-auto mt-1 flex w-80 items-center justify-center"
-      }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+      }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
         className: "text-gray-700",
         lineHeight: "relaxed",
         style: "h5"
-      }, t("neetoCommons.schedule.unavailable"))) : /*#__PURE__*/React__default$1["default"].createElement("div", {
+      }, t("neetoCommons.schedule.unavailable"))) : /*#__PURE__*/React__default["default"].createElement("div", {
         className: "w-full space-y-4"
       }, (_values$wdays$wdayInd2 = values.wdays[wdayIndex].periods) === null || _values$wdays$wdayInd2 === void 0 ? void 0 : _values$wdays$wdayInd2.map(function (period, index) {
-        return /*#__PURE__*/React__default$1["default"].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "mx-auto flex w-80 flex-col",
           key: "wdays[".concat(wdayIndex, "].periods[").concat(index, "]")
-        }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "flex min-w-full items-start space-x-3"
-        }, /*#__PURE__*/React__default$1["default"].createElement(formik$1.Select, {
+        }, /*#__PURE__*/React__default["default"].createElement(formik$1.Select, {
           isClearable: true,
           isSearchable: true,
           className: "w-full",
@@ -89522,7 +89526,7 @@ var ScheduleRow = function ScheduleRow(_ref) {
           onChange: function onChange(e) {
             return setFieldValue("wdays[".concat(wdayIndex, "].periods[").concat(index, "].startTime"), (e === null || e === void 0 ? void 0 : e.value) || "");
           }
-        }), /*#__PURE__*/React__default$1["default"].createElement(formik$1.Select, {
+        }), /*#__PURE__*/React__default["default"].createElement(formik$1.Select, {
           isClearable: true,
           isSearchable: true,
           className: "w-full",
@@ -89541,21 +89545,21 @@ var ScheduleRow = function ScheduleRow(_ref) {
           onChange: function onChange(e) {
             return setFieldValue("wdays[".concat(wdayIndex, "].periods[").concat(index, "].endTime"), (e === null || e === void 0 ? void 0 : e.value) || "");
           }
-        }), /*#__PURE__*/React__default$1["default"].createElement(neetoIcons.Delete, {
+        }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Delete, {
           className: "mt-2 w-16 cursor-pointer hover:text-red-700",
           "data-cy": "delete-period-button",
           size: 20,
           onClick: function onClick() {
             return handleDeleteRow(arrayHelpers, index);
           }
-        })), /*#__PURE__*/React__default$1["default"].createElement(formik.ErrorMessage, {
+        })), /*#__PURE__*/React__default["default"].createElement(formik.ErrorMessage, {
           name: "wdays[".concat(wdayIndex, "].periods[").concat(index, "]")
         }, function (message) {
-          return _typeof$4(message) !== "object" && /*#__PURE__*/React__default$1["default"].createElement("span", {
+          return _typeof$3(message) !== "object" && /*#__PURE__*/React__default["default"].createElement("span", {
             className: "mt-1 w-11/12 px-2 text-xs text-red-500"
           }, message);
         }));
-      }))), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+      }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
         className: "flex-shrink-0",
         "data-cy": "add-new-period-button",
         icon: neetoIcons.Plus,
@@ -89580,12 +89584,12 @@ var Form = function Form(_ref) {
       setFieldValue = _ref.setFieldValue,
       index = _ref.index;
 
-  var _useState = React$1.useState([]),
+  var _useState = React.useState([]),
       _useState2 = _slicedToArray(_useState, 2),
       deletedPeriods = _useState2[0],
       setDeletedPeriods = _useState2[1];
 
-  var _useState3 = React$1.useState([]),
+  var _useState3 = React.useState([]),
       _useState4 = _slicedToArray(_useState3, 2),
       wdaysToCopy = _useState4[0],
       setWdaysToCopy = _useState4[1];
@@ -89636,13 +89640,13 @@ var Form = function Form(_ref) {
     return setWdaysToCopy(e.target.checked ? ramda.append(day) : ramda.without([day]));
   };
 
-  return /*#__PURE__*/React__default$1["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "border neeto-ui-rounded-md neeto-ui-shadow-s w-full border-gray-300 px-6"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "my-4 flex w-full items-start space-x-4"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mt-1 flex w-16 items-center justify-start"
-  }, /*#__PURE__*/React__default$1["default"].createElement(formik$1.Checkbox, {
+  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
     checked: values.wdays[index].available,
     "data-cy": joinHyphenCase(day, "weekly-hours-checkbox"),
     id: "day",
@@ -89651,18 +89655,18 @@ var Form = function Form(_ref) {
       return handleCheckbox(setFieldValue, values);
     },
     "aria-label": "wdays[".concat(index, "].available")
-  }), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "ml-2 capitalize",
     component: "span",
     "data-cy": joinHyphenCase(day, "day-text"),
     style: "body2",
     weight: "semibold"
-  }, t("neetoCommons.schedule.days.".concat(day)))), /*#__PURE__*/React__default$1["default"].createElement(ScheduleRow, {
+  }, t("neetoCommons.schedule.days.".concat(day)))), /*#__PURE__*/React__default["default"].createElement(ScheduleRow, {
     setFieldValue: setFieldValue,
     values: values,
     wdayIndex: index,
     day: day
-  }), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Dropdown, {
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
     closeOnSelect: true,
     buttonSize: "small",
     icon: neetoIcons.Copy,
@@ -89679,19 +89683,19 @@ var Form = function Form(_ref) {
     onClose: function onClose() {
       return setWdaysToCopy([]);
     }
-  }, /*#__PURE__*/React__default$1["default"].createElement("li", null, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement("li", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h5"
   }, t("neetoCommons.schedule.copySchedule"))), DAYS.filter(function (copyDay) {
     return copyDay !== day;
   }).map(function (day) {
-    return /*#__PURE__*/React__default$1["default"].createElement("li", {
+    return /*#__PURE__*/React__default["default"].createElement("li", {
       key: day,
       onClick: function onClick(e) {
         return e.stopPropagation();
       }
-    }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Label, {
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
       className: "w-full cursor-pointer capitalize"
-    }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Checkbox, {
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
       id: day,
       label: t("neetoCommons.schedule.days.".concat(day)),
       checked: wdaysToCopy.includes(day),
@@ -89699,7 +89703,7 @@ var Form = function Form(_ref) {
         return handleCopyChange(e, day);
       }
     })));
-  }), /*#__PURE__*/React__default$1["default"].createElement("li", null, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+  }), /*#__PURE__*/React__default["default"].createElement("li", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     disabled: isNotPresent(wdaysToCopy),
     label: "Submit",
     size: "small",
@@ -89726,22 +89730,22 @@ var Fields = function Fields(_ref) {
       resetForm = _useFormikContext.resetForm,
       errors = _useFormikContext.errors;
 
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     return handleValuesChanged(values);
   }, [values]);
-  React$1.useImperativeHandle(scheduleRef, function () {
+  React.useImperativeHandle(scheduleRef, function () {
     return {
       resetForm: resetForm,
       errors: errors
     };
   });
-  return /*#__PURE__*/React__default$1["default"].createElement(formik.FieldArray, {
+  return /*#__PURE__*/React__default["default"].createElement(formik.FieldArray, {
     name: "wdays",
     render: function render() {
-      return /*#__PURE__*/React__default$1["default"].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "space-y-4"
       }, values.wdays.map(function (item, index) {
-        return /*#__PURE__*/React__default$1["default"].createElement(Form, {
+        return /*#__PURE__*/React__default["default"].createElement(Form, {
           handleCopy: handleCopy,
           index: index,
           key: item.wday,
@@ -89769,7 +89773,7 @@ var Header = function Header(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
-  var _useState = React$1.useState(getTimeZoneAndTime()),
+  var _useState = React.useState(getTimeZoneAndTime()),
       _useState2 = _slicedToArray(_useState, 2),
       timeZoneAndTime = _useState2[0],
       setTimeZoneAndTime = _useState2[1];
@@ -89781,7 +89785,7 @@ var Header = function Header(_ref) {
     if (dirty) resetForm();else setIsEditing(false);
   };
 
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     var time = setInterval(function () {
       setTimeZoneAndTime(getTimeZoneAndTime());
     }, 30000);
@@ -89789,58 +89793,58 @@ var Header = function Header(_ref) {
       return clearInterval(time);
     };
   }, []);
-  return /*#__PURE__*/React__default$1["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mb-4 flex justify-between"
-  }, isEditing ? /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, isEditing ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center space-x-4"
-  }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     label: !dirty ? t("neetoCommons.common.actions.cancel") : t("neetoCommons.common.actions.reset"),
     style: "secondary",
     onClick: handleReset
-  }), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     "data-cy": "weekly-hours-save-changes-button",
     disabled: !dirty || isSubmitting,
     label: t("neetoCommons.common.actions.saveChanges"),
     loading: isSubmitting,
     onClick: submitForm
-  })) : /*#__PURE__*/React__default$1["default"].createElement("div", {
+  })) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center gap-x-2"
-  }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "text-gray-800",
     style: "h3",
     weight: "semibold"
-  }, t("neetoCommons.schedule.weeklyHours")), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Dropdown, {
+  }, t("neetoCommons.schedule.weeklyHours")), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
     buttonProps: {
       style: "text",
       "data-testid": "weekly-hours-edit-dropdown-icon"
     },
     icon: neetoIcons.MenuVertical
-  }, /*#__PURE__*/React__default$1["default"].createElement(Menu, null, /*#__PURE__*/React__default$1["default"].createElement(MenuItem.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
     "data-cy": "weekly-hours-edit-link",
     onClick: function onClick() {
       return setIsEditing(true);
     }
-  }, t("neetoCommons.common.actions.edit"))))), /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, t("neetoCommons.common.actions.edit"))))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center space-x-2"
-  }, /*#__PURE__*/React__default$1["default"].createElement(neetoIcons.Clock, {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Clock, {
     size: 20
-  }), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h4",
     weight: "medium"
-  }, timeZoneAndTime), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Dropdown, {
+  }, timeZoneAndTime), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
     icon: neetoIcons.MenuVertical,
     buttonProps: {
       style: "text",
       className: "flex-shrink-0"
     }
-  }, /*#__PURE__*/React__default$1["default"].createElement(Menu, null, /*#__PURE__*/React__default$1["default"].createElement(MenuItem.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
     onClick: function onClick() {
       return window.location.href = MY_PROFILE_URL$1;
     }
   }, t("neetoCommons.common.actions.edit"))))));
 };
 
-var Schedule = /*#__PURE__*/React$1.forwardRef(function (_ref, scheduleRef) {
+var Schedule = /*#__PURE__*/React.forwardRef(function (_ref, scheduleRef) {
   var periods = _ref.periods,
       _ref$handleSubmit = _ref.handleSubmit,
       handleSubmit = _ref$handleSubmit === void 0 ? noop$2 : _ref$handleSubmit,
@@ -89885,9 +89889,9 @@ var Schedule = /*#__PURE__*/React$1.forwardRef(function (_ref, scheduleRef) {
     });
   };
 
-  return /*#__PURE__*/React__default$1["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-border-gray-200 w-41 flex-shrink-0"
-  }, /*#__PURE__*/React__default$1["default"].createElement(formik.Formik, {
+  }, /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
     enableReinitialize: true,
     initialValues: {
       wdays: getInitialFormValues()
@@ -89896,14 +89900,14 @@ var Schedule = /*#__PURE__*/React$1.forwardRef(function (_ref, scheduleRef) {
     onSubmit: function onSubmit(values) {
       return handleSubmit(values, getInitialFormValues());
     }
-  }, /*#__PURE__*/React__default$1["default"].createElement(React__default$1["default"].Fragment, null, showHeader && /*#__PURE__*/React__default$1["default"].createElement(Header, {
+  }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showHeader && /*#__PURE__*/React__default["default"].createElement(Header, {
     isEditing: isEditing,
     setIsEditing: setIsEditing
-  }), isEditing || !showHeader ? /*#__PURE__*/React__default$1["default"].createElement(formik.Form, null, /*#__PURE__*/React__default$1["default"].createElement(Fields, {
+  }), isEditing || !showHeader ? /*#__PURE__*/React__default["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(Fields, {
     scheduleRef: scheduleRef,
     handleCopy: handleCopy,
     handleValuesChanged: handleValuesChanged
-  })) : /*#__PURE__*/React__default$1["default"].createElement(DisplayAvailability, {
+  })) : /*#__PURE__*/React__default["default"].createElement(DisplayAvailability, {
     periods: periods
   }))));
 });
@@ -89923,1176 +89927,8 @@ var resetAuthTokens = function resetAuthTokens() {
   });
 };
 
-function _interopDefault$1 (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = React__default$1["default"];
-var React__default = _interopDefault$1(React);
-
-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;
-}
-
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
-
-var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-function withSideEffect(reducePropsToState, handleStateChangeOnClient, mapStateOnServer) {
-  if (typeof reducePropsToState !== 'function') {
-    throw new Error('Expected reducePropsToState to be a function.');
-  }
-
-  if (typeof handleStateChangeOnClient !== 'function') {
-    throw new Error('Expected handleStateChangeOnClient to be a function.');
-  }
-
-  if (typeof mapStateOnServer !== 'undefined' && typeof mapStateOnServer !== 'function') {
-    throw new Error('Expected mapStateOnServer to either be undefined or a function.');
-  }
-
-  function getDisplayName(WrappedComponent) {
-    return WrappedComponent.displayName || WrappedComponent.name || 'Component';
-  }
-
-  return function wrap(WrappedComponent) {
-    if (typeof WrappedComponent !== 'function') {
-      throw new Error('Expected WrappedComponent to be a React component.');
-    }
-
-    var mountedInstances = [];
-    var state;
-
-    function emitChange() {
-      state = reducePropsToState(mountedInstances.map(function (instance) {
-        return instance.props;
-      }));
-
-      if (SideEffect.canUseDOM) {
-        handleStateChangeOnClient(state);
-      } else if (mapStateOnServer) {
-        state = mapStateOnServer(state);
-      }
-    }
-
-    var SideEffect =
-    /*#__PURE__*/
-    function (_PureComponent) {
-      _inheritsLoose(SideEffect, _PureComponent);
-
-      function SideEffect() {
-        return _PureComponent.apply(this, arguments) || this;
-      }
-
-      // Try to use displayName of wrapped component
-      // Expose canUseDOM so tests can monkeypatch it
-      SideEffect.peek = function peek() {
-        return state;
-      };
-
-      SideEffect.rewind = function rewind() {
-        if (SideEffect.canUseDOM) {
-          throw new Error('You may only call rewind() on the server. Call peek() to read the current state.');
-        }
-
-        var recordedState = state;
-        state = undefined;
-        mountedInstances = [];
-        return recordedState;
-      };
-
-      var _proto = SideEffect.prototype;
-
-      _proto.UNSAFE_componentWillMount = function UNSAFE_componentWillMount() {
-        mountedInstances.push(this);
-        emitChange();
-      };
-
-      _proto.componentDidUpdate = function componentDidUpdate() {
-        emitChange();
-      };
-
-      _proto.componentWillUnmount = function componentWillUnmount() {
-        var index = mountedInstances.indexOf(this);
-        mountedInstances.splice(index, 1);
-        emitChange();
-      };
-
-      _proto.render = function render() {
-        return React__default.createElement(WrappedComponent, this.props);
-      };
-
-      return SideEffect;
-    }(React.PureComponent);
-
-    _defineProperty(SideEffect, "displayName", "SideEffect(" + getDisplayName(WrappedComponent) + ")");
-
-    _defineProperty(SideEffect, "canUseDOM", canUseDOM);
-
-    return SideEffect;
-  };
-}
-
-var lib = withSideEffect;
-
-/* global Map:readonly, Set:readonly, ArrayBuffer:readonly */
-
-var hasElementType = typeof Element !== 'undefined';
-var hasMap = typeof Map === 'function';
-var hasSet = typeof Set === 'function';
-var hasArrayBuffer = typeof ArrayBuffer === 'function' && !!ArrayBuffer.isView;
-
-// Note: We **don't** need `envHasBigInt64Array` in fde es6/index.js
-
-function equal(a, b) {
-  // START: fast-deep-equal es6/index.js 3.1.1
-  if (a === b) return true;
-
-  if (a && b && typeof a == 'object' && typeof b == 'object') {
-    if (a.constructor !== b.constructor) return false;
-
-    var length, i, keys;
-    if (Array.isArray(a)) {
-      length = a.length;
-      if (length != b.length) return false;
-      for (i = length; i-- !== 0;)
-        if (!equal(a[i], b[i])) return false;
-      return true;
-    }
-
-    // START: Modifications:
-    // 1. Extra `has<Type> &&` helpers in initial condition allow es6 code
-    //    to co-exist with es5.
-    // 2. Replace `for of` with es5 compliant iteration using `for`.
-    //    Basically, take:
-    //
-    //    ```js
-    //    for (i of a.entries())
-    //      if (!b.has(i[0])) return false;
-    //    ```
-    //
-    //    ... and convert to:
-    //
-    //    ```js
-    //    it = a.entries();
-    //    while (!(i = it.next()).done)
-    //      if (!b.has(i.value[0])) return false;
-    //    ```
-    //
-    //    **Note**: `i` access switches to `i.value`.
-    var it;
-    if (hasMap && (a instanceof Map) && (b instanceof Map)) {
-      if (a.size !== b.size) return false;
-      it = a.entries();
-      while (!(i = it.next()).done)
-        if (!b.has(i.value[0])) return false;
-      it = a.entries();
-      while (!(i = it.next()).done)
-        if (!equal(i.value[1], b.get(i.value[0]))) return false;
-      return true;
-    }
-
-    if (hasSet && (a instanceof Set) && (b instanceof Set)) {
-      if (a.size !== b.size) return false;
-      it = a.entries();
-      while (!(i = it.next()).done)
-        if (!b.has(i.value[0])) return false;
-      return true;
-    }
-    // END: Modifications
-
-    if (hasArrayBuffer && ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {
-      length = a.length;
-      if (length != b.length) return false;
-      for (i = length; i-- !== 0;)
-        if (a[i] !== b[i]) return false;
-      return true;
-    }
-
-    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
-    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
-    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
-
-    keys = Object.keys(a);
-    length = keys.length;
-    if (length !== Object.keys(b).length) return false;
-
-    for (i = length; i-- !== 0;)
-      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
-    // END: fast-deep-equal
-
-    // START: react-fast-compare
-    // custom handling for DOM elements
-    if (hasElementType && a instanceof Element) return false;
-
-    // custom handling for React/Preact
-    for (i = length; i-- !== 0;) {
-      if ((keys[i] === '_owner' || keys[i] === '__v' || keys[i] === '__o') && a.$$typeof) {
-        // React-specific: avoid traversing React elements' _owner
-        // Preact-specific: avoid traversing Preact elements' __v and __o
-        //    __v = $_original / $_vnode
-        //    __o = $_owner
-        // These properties contain circular references and are not needed when
-        // comparing the actual elements (and not their owners)
-        // .$$typeof and ._store on just reasonable markers of elements
-
-        continue;
-      }
-
-      // all other properties should be traversed as usual
-      if (!equal(a[keys[i]], b[keys[i]])) return false;
-    }
-    // END: react-fast-compare
-
-    // START: fast-deep-equal
-    return true;
-  }
-
-  return a !== a && b !== b;
-}
-// end fast-deep-equal
-
-var reactFastCompare = function isEqual(a, b) {
-  try {
-    return equal(a, b);
-  } catch (error) {
-    if (((error.message || '').match(/stack|recursion/i))) {
-      // warn on circular references, don't crash
-      // browsers give this different errors name and messages:
-      // chrome/safari: "RangeError", "Maximum call stack size exceeded"
-      // firefox: "InternalError", too much recursion"
-      // edge: "Error", "Out of stack space"
-      console.warn('react-fast-compare cannot handle circular refs');
-      return false;
-    }
-    // some other error. we should definitely know about these
-    throw error;
-  }
-};
-
-var objectAssignExports = requireObjectAssign();
-
-var ATTRIBUTE_NAMES = {
-    BODY: "bodyAttributes",
-    HTML: "htmlAttributes",
-    TITLE: "titleAttributes"
-};
-
-var TAG_NAMES = {
-    BASE: "base",
-    BODY: "body",
-    HEAD: "head",
-    HTML: "html",
-    LINK: "link",
-    META: "meta",
-    NOSCRIPT: "noscript",
-    SCRIPT: "script",
-    STYLE: "style",
-    TITLE: "title"
-};
-
-var VALID_TAG_NAMES = Object.keys(TAG_NAMES).map(function (name) {
-    return TAG_NAMES[name];
-});
-
-var TAG_PROPERTIES = {
-    CHARSET: "charset",
-    CSS_TEXT: "cssText",
-    HREF: "href",
-    HTTPEQUIV: "http-equiv",
-    INNER_HTML: "innerHTML",
-    ITEM_PROP: "itemprop",
-    NAME: "name",
-    PROPERTY: "property",
-    REL: "rel",
-    SRC: "src",
-    TARGET: "target"
-};
-
-var REACT_TAG_MAP = {
-    accesskey: "accessKey",
-    charset: "charSet",
-    class: "className",
-    contenteditable: "contentEditable",
-    contextmenu: "contextMenu",
-    "http-equiv": "httpEquiv",
-    itemprop: "itemProp",
-    tabindex: "tabIndex"
-};
-
-var HELMET_PROPS = {
-    DEFAULT_TITLE: "defaultTitle",
-    DEFER: "defer",
-    ENCODE_SPECIAL_CHARACTERS: "encodeSpecialCharacters",
-    ON_CHANGE_CLIENT_STATE: "onChangeClientState",
-    TITLE_TEMPLATE: "titleTemplate"
-};
-
-var HTML_TAG_MAP = Object.keys(REACT_TAG_MAP).reduce(function (obj, key) {
-    obj[REACT_TAG_MAP[key]] = key;
-    return obj;
-}, {});
-
-var SELF_CLOSING_TAGS = [TAG_NAMES.NOSCRIPT, TAG_NAMES.SCRIPT, TAG_NAMES.STYLE];
-
-var HELMET_ATTRIBUTE = "data-react-helmet";
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
-  return typeof obj;
-} : function (obj) {
-  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-};
-
-var classCallCheck = function (instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-};
-
-var createClass = function () {
-  function defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
-    }
-  }
-
-  return function (Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
-  };
-}();
-
-var _extends$2 = Object.assign || 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;
-};
-
-var inherits = function (subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-};
-
-var objectWithoutProperties = function (obj, keys) {
-  var target = {};
-
-  for (var i in obj) {
-    if (keys.indexOf(i) >= 0) continue;
-    if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
-    target[i] = obj[i];
-  }
-
-  return target;
-};
-
-var possibleConstructorReturn = function (self, call) {
-  if (!self) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-
-  return call && (typeof call === "object" || typeof call === "function") ? call : self;
-};
-
-var encodeSpecialCharacters = function encodeSpecialCharacters(str) {
-    var encode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
-    if (encode === false) {
-        return String(str);
-    }
-
-    return String(str).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
-};
-
-var getTitleFromPropsList = function getTitleFromPropsList(propsList) {
-    var innermostTitle = getInnermostProperty(propsList, TAG_NAMES.TITLE);
-    var innermostTemplate = getInnermostProperty(propsList, HELMET_PROPS.TITLE_TEMPLATE);
-
-    if (innermostTemplate && innermostTitle) {
-        // use function arg to avoid need to escape $ characters
-        return innermostTemplate.replace(/%s/g, function () {
-            return Array.isArray(innermostTitle) ? innermostTitle.join("") : innermostTitle;
-        });
-    }
-
-    var innermostDefaultTitle = getInnermostProperty(propsList, HELMET_PROPS.DEFAULT_TITLE);
-
-    return innermostTitle || innermostDefaultTitle || undefined;
-};
-
-var getOnChangeClientState = function getOnChangeClientState(propsList) {
-    return getInnermostProperty(propsList, HELMET_PROPS.ON_CHANGE_CLIENT_STATE) || function () {};
-};
-
-var getAttributesFromPropsList = function getAttributesFromPropsList(tagType, propsList) {
-    return propsList.filter(function (props) {
-        return typeof props[tagType] !== "undefined";
-    }).map(function (props) {
-        return props[tagType];
-    }).reduce(function (tagAttrs, current) {
-        return _extends$2({}, tagAttrs, current);
-    }, {});
-};
-
-var getBaseTagFromPropsList = function getBaseTagFromPropsList(primaryAttributes, propsList) {
-    return propsList.filter(function (props) {
-        return typeof props[TAG_NAMES.BASE] !== "undefined";
-    }).map(function (props) {
-        return props[TAG_NAMES.BASE];
-    }).reverse().reduce(function (innermostBaseTag, tag) {
-        if (!innermostBaseTag.length) {
-            var keys = Object.keys(tag);
-
-            for (var i = 0; i < keys.length; i++) {
-                var attributeKey = keys[i];
-                var lowerCaseAttributeKey = attributeKey.toLowerCase();
-
-                if (primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 && tag[lowerCaseAttributeKey]) {
-                    return innermostBaseTag.concat(tag);
-                }
-            }
-        }
-
-        return innermostBaseTag;
-    }, []);
-};
-
-var getTagsFromPropsList = function getTagsFromPropsList(tagName, primaryAttributes, propsList) {
-    // Calculate list of tags, giving priority innermost component (end of the propslist)
-    var approvedSeenTags = {};
-
-    return propsList.filter(function (props) {
-        if (Array.isArray(props[tagName])) {
-            return true;
-        }
-        if (typeof props[tagName] !== "undefined") {
-            warn("Helmet: " + tagName + " should be of type \"Array\". Instead found type \"" + _typeof(props[tagName]) + "\"");
-        }
-        return false;
-    }).map(function (props) {
-        return props[tagName];
-    }).reverse().reduce(function (approvedTags, instanceTags) {
-        var instanceSeenTags = {};
-
-        instanceTags.filter(function (tag) {
-            var primaryAttributeKey = void 0;
-            var keys = Object.keys(tag);
-            for (var i = 0; i < keys.length; i++) {
-                var attributeKey = keys[i];
-                var lowerCaseAttributeKey = attributeKey.toLowerCase();
-
-                // Special rule with link tags, since rel and href are both primary tags, rel takes priority
-                if (primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 && !(primaryAttributeKey === TAG_PROPERTIES.REL && tag[primaryAttributeKey].toLowerCase() === "canonical") && !(lowerCaseAttributeKey === TAG_PROPERTIES.REL && tag[lowerCaseAttributeKey].toLowerCase() === "stylesheet")) {
-                    primaryAttributeKey = lowerCaseAttributeKey;
-                }
-                // Special case for innerHTML which doesn't work lowercased
-                if (primaryAttributes.indexOf(attributeKey) !== -1 && (attributeKey === TAG_PROPERTIES.INNER_HTML || attributeKey === TAG_PROPERTIES.CSS_TEXT || attributeKey === TAG_PROPERTIES.ITEM_PROP)) {
-                    primaryAttributeKey = attributeKey;
-                }
-            }
-
-            if (!primaryAttributeKey || !tag[primaryAttributeKey]) {
-                return false;
-            }
-
-            var value = tag[primaryAttributeKey].toLowerCase();
-
-            if (!approvedSeenTags[primaryAttributeKey]) {
-                approvedSeenTags[primaryAttributeKey] = {};
-            }
-
-            if (!instanceSeenTags[primaryAttributeKey]) {
-                instanceSeenTags[primaryAttributeKey] = {};
-            }
-
-            if (!approvedSeenTags[primaryAttributeKey][value]) {
-                instanceSeenTags[primaryAttributeKey][value] = true;
-                return true;
-            }
-
-            return false;
-        }).reverse().forEach(function (tag) {
-            return approvedTags.push(tag);
-        });
-
-        // Update seen tags with tags from this instance
-        var keys = Object.keys(instanceSeenTags);
-        for (var i = 0; i < keys.length; i++) {
-            var attributeKey = keys[i];
-            var tagUnion = objectAssignExports({}, approvedSeenTags[attributeKey], instanceSeenTags[attributeKey]);
-
-            approvedSeenTags[attributeKey] = tagUnion;
-        }
-
-        return approvedTags;
-    }, []).reverse();
-};
-
-var getInnermostProperty = function getInnermostProperty(propsList, property) {
-    for (var i = propsList.length - 1; i >= 0; i--) {
-        var props = propsList[i];
-
-        if (props.hasOwnProperty(property)) {
-            return props[property];
-        }
-    }
-
-    return null;
-};
-
-var reducePropsToState = function reducePropsToState(propsList) {
-    return {
-        baseTag: getBaseTagFromPropsList([TAG_PROPERTIES.HREF, TAG_PROPERTIES.TARGET], propsList),
-        bodyAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.BODY, propsList),
-        defer: getInnermostProperty(propsList, HELMET_PROPS.DEFER),
-        encode: getInnermostProperty(propsList, HELMET_PROPS.ENCODE_SPECIAL_CHARACTERS),
-        htmlAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.HTML, propsList),
-        linkTags: getTagsFromPropsList(TAG_NAMES.LINK, [TAG_PROPERTIES.REL, TAG_PROPERTIES.HREF], propsList),
-        metaTags: getTagsFromPropsList(TAG_NAMES.META, [TAG_PROPERTIES.NAME, TAG_PROPERTIES.CHARSET, TAG_PROPERTIES.HTTPEQUIV, TAG_PROPERTIES.PROPERTY, TAG_PROPERTIES.ITEM_PROP], propsList),
-        noscriptTags: getTagsFromPropsList(TAG_NAMES.NOSCRIPT, [TAG_PROPERTIES.INNER_HTML], propsList),
-        onChangeClientState: getOnChangeClientState(propsList),
-        scriptTags: getTagsFromPropsList(TAG_NAMES.SCRIPT, [TAG_PROPERTIES.SRC, TAG_PROPERTIES.INNER_HTML], propsList),
-        styleTags: getTagsFromPropsList(TAG_NAMES.STYLE, [TAG_PROPERTIES.CSS_TEXT], propsList),
-        title: getTitleFromPropsList(propsList),
-        titleAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.TITLE, propsList)
-    };
-};
-
-var rafPolyfill = function () {
-    var clock = Date.now();
-
-    return function (callback) {
-        var currentTime = Date.now();
-
-        if (currentTime - clock > 16) {
-            clock = currentTime;
-            callback(currentTime);
-        } else {
-            setTimeout(function () {
-                rafPolyfill(callback);
-            }, 0);
-        }
-    };
-}();
-
-var cafPolyfill = function cafPolyfill(id) {
-    return clearTimeout(id);
-};
-
-var requestAnimationFrame = typeof window !== "undefined" ? window.requestAnimationFrame && window.requestAnimationFrame.bind(window) || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || rafPolyfill : global.requestAnimationFrame || rafPolyfill;
-
-var cancelAnimationFrame = typeof window !== "undefined" ? window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || cafPolyfill : global.cancelAnimationFrame || cafPolyfill;
-
-var warn = function warn(msg) {
-    return console && typeof console.warn === "function" && console.warn(msg);
-};
-
-var _helmetCallback = null;
-
-var handleClientStateChange = function handleClientStateChange(newState) {
-    if (_helmetCallback) {
-        cancelAnimationFrame(_helmetCallback);
-    }
-
-    if (newState.defer) {
-        _helmetCallback = requestAnimationFrame(function () {
-            commitTagChanges(newState, function () {
-                _helmetCallback = null;
-            });
-        });
-    } else {
-        commitTagChanges(newState);
-        _helmetCallback = null;
-    }
-};
-
-var commitTagChanges = function commitTagChanges(newState, cb) {
-    var baseTag = newState.baseTag,
-        bodyAttributes = newState.bodyAttributes,
-        htmlAttributes = newState.htmlAttributes,
-        linkTags = newState.linkTags,
-        metaTags = newState.metaTags,
-        noscriptTags = newState.noscriptTags,
-        onChangeClientState = newState.onChangeClientState,
-        scriptTags = newState.scriptTags,
-        styleTags = newState.styleTags,
-        title = newState.title,
-        titleAttributes = newState.titleAttributes;
-
-    updateAttributes(TAG_NAMES.BODY, bodyAttributes);
-    updateAttributes(TAG_NAMES.HTML, htmlAttributes);
-
-    updateTitle(title, titleAttributes);
-
-    var tagUpdates = {
-        baseTag: updateTags(TAG_NAMES.BASE, baseTag),
-        linkTags: updateTags(TAG_NAMES.LINK, linkTags),
-        metaTags: updateTags(TAG_NAMES.META, metaTags),
-        noscriptTags: updateTags(TAG_NAMES.NOSCRIPT, noscriptTags),
-        scriptTags: updateTags(TAG_NAMES.SCRIPT, scriptTags),
-        styleTags: updateTags(TAG_NAMES.STYLE, styleTags)
-    };
-
-    var addedTags = {};
-    var removedTags = {};
-
-    Object.keys(tagUpdates).forEach(function (tagType) {
-        var _tagUpdates$tagType = tagUpdates[tagType],
-            newTags = _tagUpdates$tagType.newTags,
-            oldTags = _tagUpdates$tagType.oldTags;
-
-
-        if (newTags.length) {
-            addedTags[tagType] = newTags;
-        }
-        if (oldTags.length) {
-            removedTags[tagType] = tagUpdates[tagType].oldTags;
-        }
-    });
-
-    cb && cb();
-
-    onChangeClientState(newState, addedTags, removedTags);
-};
-
-var flattenArray = function flattenArray(possibleArray) {
-    return Array.isArray(possibleArray) ? possibleArray.join("") : possibleArray;
-};
-
-var updateTitle = function updateTitle(title, attributes) {
-    if (typeof title !== "undefined" && document.title !== title) {
-        document.title = flattenArray(title);
-    }
-
-    updateAttributes(TAG_NAMES.TITLE, attributes);
-};
-
-var updateAttributes = function updateAttributes(tagName, attributes) {
-    var elementTag = document.getElementsByTagName(tagName)[0];
-
-    if (!elementTag) {
-        return;
-    }
-
-    var helmetAttributeString = elementTag.getAttribute(HELMET_ATTRIBUTE);
-    var helmetAttributes = helmetAttributeString ? helmetAttributeString.split(",") : [];
-    var attributesToRemove = [].concat(helmetAttributes);
-    var attributeKeys = Object.keys(attributes);
-
-    for (var i = 0; i < attributeKeys.length; i++) {
-        var attribute = attributeKeys[i];
-        var value = attributes[attribute] || "";
-
-        if (elementTag.getAttribute(attribute) !== value) {
-            elementTag.setAttribute(attribute, value);
-        }
-
-        if (helmetAttributes.indexOf(attribute) === -1) {
-            helmetAttributes.push(attribute);
-        }
-
-        var indexToSave = attributesToRemove.indexOf(attribute);
-        if (indexToSave !== -1) {
-            attributesToRemove.splice(indexToSave, 1);
-        }
-    }
-
-    for (var _i = attributesToRemove.length - 1; _i >= 0; _i--) {
-        elementTag.removeAttribute(attributesToRemove[_i]);
-    }
-
-    if (helmetAttributes.length === attributesToRemove.length) {
-        elementTag.removeAttribute(HELMET_ATTRIBUTE);
-    } else if (elementTag.getAttribute(HELMET_ATTRIBUTE) !== attributeKeys.join(",")) {
-        elementTag.setAttribute(HELMET_ATTRIBUTE, attributeKeys.join(","));
-    }
-};
-
-var updateTags = function updateTags(type, tags) {
-    var headElement = document.head || document.querySelector(TAG_NAMES.HEAD);
-    var tagNodes = headElement.querySelectorAll(type + "[" + HELMET_ATTRIBUTE + "]");
-    var oldTags = Array.prototype.slice.call(tagNodes);
-    var newTags = [];
-    var indexToDelete = void 0;
-
-    if (tags && tags.length) {
-        tags.forEach(function (tag) {
-            var newElement = document.createElement(type);
-
-            for (var attribute in tag) {
-                if (tag.hasOwnProperty(attribute)) {
-                    if (attribute === TAG_PROPERTIES.INNER_HTML) {
-                        newElement.innerHTML = tag.innerHTML;
-                    } else if (attribute === TAG_PROPERTIES.CSS_TEXT) {
-                        if (newElement.styleSheet) {
-                            newElement.styleSheet.cssText = tag.cssText;
-                        } else {
-                            newElement.appendChild(document.createTextNode(tag.cssText));
-                        }
-                    } else {
-                        var value = typeof tag[attribute] === "undefined" ? "" : tag[attribute];
-                        newElement.setAttribute(attribute, value);
-                    }
-                }
-            }
-
-            newElement.setAttribute(HELMET_ATTRIBUTE, "true");
-
-            // Remove a duplicate tag from domTagstoRemove, so it isn't cleared.
-            if (oldTags.some(function (existingTag, index) {
-                indexToDelete = index;
-                return newElement.isEqualNode(existingTag);
-            })) {
-                oldTags.splice(indexToDelete, 1);
-            } else {
-                newTags.push(newElement);
-            }
-        });
-    }
-
-    oldTags.forEach(function (tag) {
-        return tag.parentNode.removeChild(tag);
-    });
-    newTags.forEach(function (tag) {
-        return headElement.appendChild(tag);
-    });
-
-    return {
-        oldTags: oldTags,
-        newTags: newTags
-    };
-};
-
-var generateElementAttributesAsString = function generateElementAttributesAsString(attributes) {
-    return Object.keys(attributes).reduce(function (str, key) {
-        var attr = typeof attributes[key] !== "undefined" ? key + "=\"" + attributes[key] + "\"" : "" + key;
-        return str ? str + " " + attr : attr;
-    }, "");
-};
-
-var generateTitleAsString = function generateTitleAsString(type, title, attributes, encode) {
-    var attributeString = generateElementAttributesAsString(attributes);
-    var flattenedTitle = flattenArray(title);
-    return attributeString ? "<" + type + " " + HELMET_ATTRIBUTE + "=\"true\" " + attributeString + ">" + encodeSpecialCharacters(flattenedTitle, encode) + "</" + type + ">" : "<" + type + " " + HELMET_ATTRIBUTE + "=\"true\">" + encodeSpecialCharacters(flattenedTitle, encode) + "</" + type + ">";
-};
-
-var generateTagsAsString = function generateTagsAsString(type, tags, encode) {
-    return tags.reduce(function (str, tag) {
-        var attributeHtml = Object.keys(tag).filter(function (attribute) {
-            return !(attribute === TAG_PROPERTIES.INNER_HTML || attribute === TAG_PROPERTIES.CSS_TEXT);
-        }).reduce(function (string, attribute) {
-            var attr = typeof tag[attribute] === "undefined" ? attribute : attribute + "=\"" + encodeSpecialCharacters(tag[attribute], encode) + "\"";
-            return string ? string + " " + attr : attr;
-        }, "");
-
-        var tagContent = tag.innerHTML || tag.cssText || "";
-
-        var isSelfClosing = SELF_CLOSING_TAGS.indexOf(type) === -1;
-
-        return str + "<" + type + " " + HELMET_ATTRIBUTE + "=\"true\" " + attributeHtml + (isSelfClosing ? "/>" : ">" + tagContent + "</" + type + ">");
-    }, "");
-};
-
-var convertElementAttributestoReactProps = function convertElementAttributestoReactProps(attributes) {
-    var initProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    return Object.keys(attributes).reduce(function (obj, key) {
-        obj[REACT_TAG_MAP[key] || key] = attributes[key];
-        return obj;
-    }, initProps);
-};
-
-var convertReactPropstoHtmlAttributes = function convertReactPropstoHtmlAttributes(props) {
-    var initAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    return Object.keys(props).reduce(function (obj, key) {
-        obj[HTML_TAG_MAP[key] || key] = props[key];
-        return obj;
-    }, initAttributes);
-};
-
-var generateTitleAsReactComponent = function generateTitleAsReactComponent(type, title, attributes) {
-    var _initProps;
-
-    // assigning into an array to define toString function on it
-    var initProps = (_initProps = {
-        key: title
-    }, _initProps[HELMET_ATTRIBUTE] = true, _initProps);
-    var props = convertElementAttributestoReactProps(attributes, initProps);
-
-    return [React__default$1["default"].createElement(TAG_NAMES.TITLE, props, title)];
-};
-
-var generateTagsAsReactComponent = function generateTagsAsReactComponent(type, tags) {
-    return tags.map(function (tag, i) {
-        var _mappedTag;
-
-        var mappedTag = (_mappedTag = {
-            key: i
-        }, _mappedTag[HELMET_ATTRIBUTE] = true, _mappedTag);
-
-        Object.keys(tag).forEach(function (attribute) {
-            var mappedAttribute = REACT_TAG_MAP[attribute] || attribute;
-
-            if (mappedAttribute === TAG_PROPERTIES.INNER_HTML || mappedAttribute === TAG_PROPERTIES.CSS_TEXT) {
-                var content = tag.innerHTML || tag.cssText;
-                mappedTag.dangerouslySetInnerHTML = { __html: content };
-            } else {
-                mappedTag[mappedAttribute] = tag[attribute];
-            }
-        });
-
-        return React__default$1["default"].createElement(type, mappedTag);
-    });
-};
-
-var getMethodsForTag = function getMethodsForTag(type, tags, encode) {
-    switch (type) {
-        case TAG_NAMES.TITLE:
-            return {
-                toComponent: function toComponent() {
-                    return generateTitleAsReactComponent(type, tags.title, tags.titleAttributes);
-                },
-                toString: function toString() {
-                    return generateTitleAsString(type, tags.title, tags.titleAttributes, encode);
-                }
-            };
-        case ATTRIBUTE_NAMES.BODY:
-        case ATTRIBUTE_NAMES.HTML:
-            return {
-                toComponent: function toComponent() {
-                    return convertElementAttributestoReactProps(tags);
-                },
-                toString: function toString() {
-                    return generateElementAttributesAsString(tags);
-                }
-            };
-        default:
-            return {
-                toComponent: function toComponent() {
-                    return generateTagsAsReactComponent(type, tags);
-                },
-                toString: function toString() {
-                    return generateTagsAsString(type, tags, encode);
-                }
-            };
-    }
-};
-
-var mapStateOnServer = function mapStateOnServer(_ref) {
-    var baseTag = _ref.baseTag,
-        bodyAttributes = _ref.bodyAttributes,
-        encode = _ref.encode,
-        htmlAttributes = _ref.htmlAttributes,
-        linkTags = _ref.linkTags,
-        metaTags = _ref.metaTags,
-        noscriptTags = _ref.noscriptTags,
-        scriptTags = _ref.scriptTags,
-        styleTags = _ref.styleTags,
-        _ref$title = _ref.title,
-        title = _ref$title === undefined ? "" : _ref$title,
-        titleAttributes = _ref.titleAttributes;
-    return {
-        base: getMethodsForTag(TAG_NAMES.BASE, baseTag, encode),
-        bodyAttributes: getMethodsForTag(ATTRIBUTE_NAMES.BODY, bodyAttributes, encode),
-        htmlAttributes: getMethodsForTag(ATTRIBUTE_NAMES.HTML, htmlAttributes, encode),
-        link: getMethodsForTag(TAG_NAMES.LINK, linkTags, encode),
-        meta: getMethodsForTag(TAG_NAMES.META, metaTags, encode),
-        noscript: getMethodsForTag(TAG_NAMES.NOSCRIPT, noscriptTags, encode),
-        script: getMethodsForTag(TAG_NAMES.SCRIPT, scriptTags, encode),
-        style: getMethodsForTag(TAG_NAMES.STYLE, styleTags, encode),
-        title: getMethodsForTag(TAG_NAMES.TITLE, { title: title, titleAttributes: titleAttributes }, encode)
-    };
-};
-
-var Helmet = function Helmet(Component) {
-    var _class, _temp;
-
-    return _temp = _class = function (_React$Component) {
-        inherits(HelmetWrapper, _React$Component);
-
-        function HelmetWrapper() {
-            classCallCheck(this, HelmetWrapper);
-            return possibleConstructorReturn(this, _React$Component.apply(this, arguments));
-        }
-
-        HelmetWrapper.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
-            return !reactFastCompare(this.props, nextProps);
-        };
-
-        HelmetWrapper.prototype.mapNestedChildrenToProps = function mapNestedChildrenToProps(child, nestedChildren) {
-            if (!nestedChildren) {
-                return null;
-            }
-
-            switch (child.type) {
-                case TAG_NAMES.SCRIPT:
-                case TAG_NAMES.NOSCRIPT:
-                    return {
-                        innerHTML: nestedChildren
-                    };
-
-                case TAG_NAMES.STYLE:
-                    return {
-                        cssText: nestedChildren
-                    };
-            }
-
-            throw new Error("<" + child.type + " /> elements are self-closing and can not contain children. Refer to our API for more information.");
-        };
-
-        HelmetWrapper.prototype.flattenArrayTypeChildren = function flattenArrayTypeChildren(_ref) {
-            var _babelHelpers$extends;
-
-            var child = _ref.child,
-                arrayTypeChildren = _ref.arrayTypeChildren,
-                newChildProps = _ref.newChildProps,
-                nestedChildren = _ref.nestedChildren;
-
-            return _extends$2({}, arrayTypeChildren, (_babelHelpers$extends = {}, _babelHelpers$extends[child.type] = [].concat(arrayTypeChildren[child.type] || [], [_extends$2({}, newChildProps, this.mapNestedChildrenToProps(child, nestedChildren))]), _babelHelpers$extends));
-        };
-
-        HelmetWrapper.prototype.mapObjectTypeChildren = function mapObjectTypeChildren(_ref2) {
-            var _babelHelpers$extends2, _babelHelpers$extends3;
-
-            var child = _ref2.child,
-                newProps = _ref2.newProps,
-                newChildProps = _ref2.newChildProps,
-                nestedChildren = _ref2.nestedChildren;
-
-            switch (child.type) {
-                case TAG_NAMES.TITLE:
-                    return _extends$2({}, newProps, (_babelHelpers$extends2 = {}, _babelHelpers$extends2[child.type] = nestedChildren, _babelHelpers$extends2.titleAttributes = _extends$2({}, newChildProps), _babelHelpers$extends2));
-
-                case TAG_NAMES.BODY:
-                    return _extends$2({}, newProps, {
-                        bodyAttributes: _extends$2({}, newChildProps)
-                    });
-
-                case TAG_NAMES.HTML:
-                    return _extends$2({}, newProps, {
-                        htmlAttributes: _extends$2({}, newChildProps)
-                    });
-            }
-
-            return _extends$2({}, newProps, (_babelHelpers$extends3 = {}, _babelHelpers$extends3[child.type] = _extends$2({}, newChildProps), _babelHelpers$extends3));
-        };
-
-        HelmetWrapper.prototype.mapArrayTypeChildrenToProps = function mapArrayTypeChildrenToProps(arrayTypeChildren, newProps) {
-            var newFlattenedProps = _extends$2({}, newProps);
-
-            Object.keys(arrayTypeChildren).forEach(function (arrayChildName) {
-                var _babelHelpers$extends4;
-
-                newFlattenedProps = _extends$2({}, newFlattenedProps, (_babelHelpers$extends4 = {}, _babelHelpers$extends4[arrayChildName] = arrayTypeChildren[arrayChildName], _babelHelpers$extends4));
-            });
-
-            return newFlattenedProps;
-        };
-
-        HelmetWrapper.prototype.warnOnInvalidChildren = function warnOnInvalidChildren(child, nestedChildren) {
-            if (process.env.NODE_ENV !== "production") {
-                if (!VALID_TAG_NAMES.some(function (name) {
-                    return child.type === name;
-                })) {
-                    if (typeof child.type === "function") {
-                        return warn("You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.");
-                    }
-
-                    return warn("Only elements types " + VALID_TAG_NAMES.join(", ") + " are allowed. Helmet does not support rendering <" + child.type + "> elements. Refer to our API for more information.");
-                }
-
-                if (nestedChildren && typeof nestedChildren !== "string" && (!Array.isArray(nestedChildren) || nestedChildren.some(function (nestedChild) {
-                    return typeof nestedChild !== "string";
-                }))) {
-                    throw new Error("Helmet expects a string as a child of <" + child.type + ">. Did you forget to wrap your children in braces? ( <" + child.type + ">{``}</" + child.type + "> ) Refer to our API for more information.");
-                }
-            }
-
-            return true;
-        };
-
-        HelmetWrapper.prototype.mapChildrenToProps = function mapChildrenToProps(children, newProps) {
-            var _this2 = this;
-
-            var arrayTypeChildren = {};
-
-            React__default$1["default"].Children.forEach(children, function (child) {
-                if (!child || !child.props) {
-                    return;
-                }
-
-                var _child$props = child.props,
-                    nestedChildren = _child$props.children,
-                    childProps = objectWithoutProperties(_child$props, ["children"]);
-
-                var newChildProps = convertReactPropstoHtmlAttributes(childProps);
-
-                _this2.warnOnInvalidChildren(child, nestedChildren);
-
-                switch (child.type) {
-                    case TAG_NAMES.LINK:
-                    case TAG_NAMES.META:
-                    case TAG_NAMES.NOSCRIPT:
-                    case TAG_NAMES.SCRIPT:
-                    case TAG_NAMES.STYLE:
-                        arrayTypeChildren = _this2.flattenArrayTypeChildren({
-                            child: child,
-                            arrayTypeChildren: arrayTypeChildren,
-                            newChildProps: newChildProps,
-                            nestedChildren: nestedChildren
-                        });
-                        break;
-
-                    default:
-                        newProps = _this2.mapObjectTypeChildren({
-                            child: child,
-                            newProps: newProps,
-                            newChildProps: newChildProps,
-                            nestedChildren: nestedChildren
-                        });
-                        break;
-                }
-            });
-
-            newProps = this.mapArrayTypeChildrenToProps(arrayTypeChildren, newProps);
-            return newProps;
-        };
-
-        HelmetWrapper.prototype.render = function render() {
-            var _props = this.props,
-                children = _props.children,
-                props = objectWithoutProperties(_props, ["children"]);
-
-            var newProps = _extends$2({}, props);
-
-            if (children) {
-                newProps = this.mapChildrenToProps(children, newProps);
-            }
-
-            return React__default$1["default"].createElement(Component, newProps);
-        };
-
-        createClass(HelmetWrapper, null, [{
-            key: "canUseDOM",
-
-
-            // Component.peek comes from react-side-effect:
-            // For testing, you may use a static peek() method available on the returned component.
-            // It lets you get the current state without resetting the mounted instance stack.
-            // Don’t use it for anything other than testing.
-
-            /**
-             * @param {Object} base: {"target": "_blank", "href": "http://mysite.com/"}
-             * @param {Object} bodyAttributes: {"className": "root"}
-             * @param {String} defaultTitle: "Default Title"
-             * @param {Boolean} defer: true
-             * @param {Boolean} encodeSpecialCharacters: true
-             * @param {Object} htmlAttributes: {"lang": "en", "amp": undefined}
-             * @param {Array} link: [{"rel": "canonical", "href": "http://mysite.com/example"}]
-             * @param {Array} meta: [{"name": "description", "content": "Test description"}]
-             * @param {Array} noscript: [{"innerHTML": "<img src='http://mysite.com/js/test.js'"}]
-             * @param {Function} onChangeClientState: "(newState) => console.log(newState)"
-             * @param {Array} script: [{"type": "text/javascript", "src": "http://mysite.com/js/test.js"}]
-             * @param {Array} style: [{"type": "text/css", "cssText": "div { display: block; color: blue; }"}]
-             * @param {String} title: "Title"
-             * @param {Object} titleAttributes: {"itemprop": "name"}
-             * @param {String} titleTemplate: "MySite.com - %s"
-             */
-            set: function set$$1(canUseDOM) {
-                Component.canUseDOM = canUseDOM;
-            }
-        }]);
-        return HelmetWrapper;
-    }(React__default$1["default"].Component), _class.propTypes = {
-        base: propTypes.exports.object,
-        bodyAttributes: propTypes.exports.object,
-        children: propTypes.exports.oneOfType([propTypes.exports.arrayOf(propTypes.exports.node), propTypes.exports.node]),
-        defaultTitle: propTypes.exports.string,
-        defer: propTypes.exports.bool,
-        encodeSpecialCharacters: propTypes.exports.bool,
-        htmlAttributes: propTypes.exports.object,
-        link: propTypes.exports.arrayOf(propTypes.exports.object),
-        meta: propTypes.exports.arrayOf(propTypes.exports.object),
-        noscript: propTypes.exports.arrayOf(propTypes.exports.object),
-        onChangeClientState: propTypes.exports.func,
-        script: propTypes.exports.arrayOf(propTypes.exports.object),
-        style: propTypes.exports.arrayOf(propTypes.exports.object),
-        title: propTypes.exports.string,
-        titleAttributes: propTypes.exports.object,
-        titleTemplate: propTypes.exports.string
-    }, _class.defaultProps = {
-        defer: true,
-        encodeSpecialCharacters: true
-    }, _class.peek = Component.peek, _class.rewind = function () {
-        var mappedState = Component.rewind();
-        if (!mappedState) {
-            // provide fallback if mappedState is undefined
-            mappedState = mapStateOnServer({
-                baseTag: [],
-                bodyAttributes: {},
-                encodeSpecialCharacters: true,
-                htmlAttributes: {},
-                linkTags: [],
-                metaTags: [],
-                noscriptTags: [],
-                scriptTags: [],
-                styleTags: [],
-                title: "",
-                titleAttributes: {}
-            });
-        }
-
-        return mappedState;
-    }, _temp;
-};
-
-var NullComponent = function NullComponent() {
-    return null;
-};
-
-var HelmetSideEffects = lib(reducePropsToState, handleClientStateChange, mapStateOnServer)(NullComponent);
-
-var HelmetExport = Helmet(HelmetSideEffects);
-HelmetExport.renderStatic = HelmetExport.rewind;
-
 var ChangelogWidget = function ChangelogWidget() {
-  return /*#__PURE__*/React__default$1["default"].createElement(HelmetExport, {
+  return /*#__PURE__*/React__default["default"].createElement(reactHelmet.Helmet, {
     defer: false,
     script: [{
       type: "text/javascript",
@@ -91141,13 +89977,13 @@ var Sidebar = function Sidebar(_ref) {
       _ref$showAppSwitcher = _ref.showAppSwitcher,
       showAppSwitcher = _ref$showAppSwitcher === void 0 ? true : _ref$showAppSwitcher;
 
-  var _useState = React$1.useState(false),
+  var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isAppSwitcherOpen = _useState2[0],
       setIsAppSwitcherOpen = _useState2[1];
 
   var location = reactRouterDom.useLocation();
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     isAppSwitcherOpen && setIsAppSwitcherOpen(false); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [location]);
 
@@ -91181,7 +90017,7 @@ var Sidebar = function Sidebar(_ref) {
       id: CHANGELOG_WIDGET_TRIGGER_ID
     } : undefined
   });
-  return /*#__PURE__*/React__default$1["default"].createElement(React__default$1["default"].Fragment, null, showNeetoChangelog && /*#__PURE__*/React__default$1["default"].createElement(ChangelogWidget, null), /*#__PURE__*/React__default$1["default"].createElement(layouts.Sidebar, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showNeetoChangelog && /*#__PURE__*/React__default["default"].createElement(ChangelogWidget, null), /*#__PURE__*/React__default["default"].createElement(layouts.Sidebar, {
     isCollapsed: true,
     appName: "neeto".concat(capitalize(appName)),
     navLinks: navLinks,
@@ -91191,7 +90027,7 @@ var Sidebar = function Sidebar(_ref) {
       return setIsAppSwitcherOpen(ramda.not);
     },
     showAppSwitcher: showAppSwitcher
-  }), showAppSwitcher && /*#__PURE__*/React__default$1["default"].createElement(layouts.AppSwitcher, {
+  }), showAppSwitcher && /*#__PURE__*/React__default["default"].createElement(layouts.AppSwitcher, {
     isOpen: isAppSwitcherOpen,
     onClose: function onClose() {
       return setIsAppSwitcherOpen(false);
@@ -91207,6 +90043,14 @@ var NeetoWidget = {
   WIDGET_TYPES: WIDGET_TYPES
 };
 
+var withTitle = function withTitle(Component) {
+  var title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+  return function PageTitle(props) {
+    var pageTitle = title ? "".concat(title, " | ").concat(globalProps.appName) : globalProps.appName;
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactHelmet.Helmet, null, /*#__PURE__*/React__default["default"].createElement("title", null, pageTitle)), /*#__PURE__*/React__default["default"].createElement(Component, props));
+  };
+};
+
 var setWithoutModifyingActions = function setWithoutModifyingActions(set) {
   return function (partial) {
     return set(function (previous) {
@@ -91304,29 +90148,29 @@ var ErrorPage = function ErrorPage(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
-  return /*#__PURE__*/React__default$1["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex min-h-screen w-full flex-col items-center"
-  }, /*#__PURE__*/React__default$1["default"].createElement(SvgNeetoLogo, {
+  }, /*#__PURE__*/React__default["default"].createElement(SvgNeetoLogo, {
     className: "mt-20 scale-150 transform"
-  }), /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex w-full flex-1 items-center justify-center"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     "data-cy": "empty-state-container",
     className: "flex h-full flex-row items-start justify-start"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "m-auto max-w-md text-center"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     "data-cy": "empty-state-image-container",
     className: "m-auto mb-8 flex items-center justify-center"
-  }, /*#__PURE__*/React__default$1["default"].createElement(SvgErrorPage, null)), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(SvgErrorPage, null)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     component: "h2",
     style: "h2",
     weight: "semibold",
     className: "mb-4",
     "data-cy": "empty-state-title"
-  }, t("neetoCommons.errorPage.pageDoesNotExist")), /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, t("neetoCommons.errorPage.pageDoesNotExist")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex flex-row items-center justify-center"
-  }, /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     style: "primary",
     href: homeUrl,
     size: "large",
@@ -91357,33 +90201,33 @@ function SignInForm(_ref) {
   };
 
   if (formik$1.Button === undefined) {
-    return /*#__PURE__*/React__default$1["default"].createElement("div", null, "You need to have @bigbinary/neetoui version ^3.5.11 installed to use the login form.", /*#__PURE__*/React__default$1["default"].createElement("br", null), "Run the command:", /*#__PURE__*/React__default$1["default"].createElement("br", null), /*#__PURE__*/React__default$1["default"].createElement("code", null, "yarn add @bigbinary/neetoui@^3.5.11"));
+    return /*#__PURE__*/React__default["default"].createElement("div", null, "You need to have @bigbinary/neetoui version ^3.5.11 installed to use the login form.", /*#__PURE__*/React__default["default"].createElement("br", null), "Run the command:", /*#__PURE__*/React__default["default"].createElement("br", null), /*#__PURE__*/React__default["default"].createElement("code", null, "yarn add @bigbinary/neetoui@^3.5.11"));
   }
 
-  return /*#__PURE__*/React__default$1["default"].createElement(formik.Formik, {
+  return /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
     initialValues: emailPrefilledInitialValues(),
     validationSchema: LOGIN_FORM_VALIDATION_SCHEMA,
     onSubmit: handleFormSubmit
-  }, /*#__PURE__*/React__default$1["default"].createElement(formik.Form, {
+  }, /*#__PURE__*/React__default["default"].createElement(formik.Form, {
     className: "w-full"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mb-6"
-  }, /*#__PURE__*/React__default$1["default"].createElement(formik$1.Input, {
+  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
     required: true,
     label: "Email",
     name: "email",
     "data-test-id": "login-email",
     "data-cy": "login-email-text-field"
-  })), /*#__PURE__*/React__default$1["default"].createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mb-6"
-  }, /*#__PURE__*/React__default$1["default"].createElement(formik$1.Input, {
+  }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
     required: true,
     type: "password",
     label: "Password",
     name: "password",
     "data-test-id": "login-password",
     "data-cy": "login-password-text-field"
-  })), /*#__PURE__*/React__default$1["default"].createElement(formik$1.Button, {
+  })), /*#__PURE__*/React__default["default"].createElement(formik$1.Button, {
     style: "secondary",
     type: "submit",
     "data-test-id": "login-submit-button",
@@ -91396,7 +90240,7 @@ function SignInForm(_ref) {
 function SignIn(_ref) {
   var handleSubmit = _ref.handleSubmit;
 
-  var _useState = React$1.useState(null),
+  var _useState = React.useState(null),
       _useState2 = _slicedToArray(_useState, 2),
       isSubmitting = _useState2[0],
       setIsSubmitting = _useState2[1];
@@ -91471,15 +90315,15 @@ function SignIn(_ref) {
     };
   }();
 
-  return /*#__PURE__*/React__default$1["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-screen h-screen flex justify-center"
-  }, /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["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$1["default"].createElement("h1", {
+  }, /*#__PURE__*/React__default["default"].createElement("h1", {
     className: "mb-6 text-xl font-medium text-gray-800"
-  }, "Login to your", " ", /*#__PURE__*/React__default$1["default"].createElement("b", {
+  }, "Login to your", " ", /*#__PURE__*/React__default["default"].createElement("b", {
     "data-test-id": "organization-name"
-  }, globalProps.organization.name), " ", "account"), /*#__PURE__*/React__default$1["default"].createElement(neetoui.Button, {
+  }, globalProps.organization.name), " ", "account"), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     style: "primary",
     size: "large",
     label: "Login as Oliver",
@@ -91487,9 +90331,9 @@ function SignIn(_ref) {
     loading: isSubmitting,
     onClick: loginAsOliver,
     fullWidth: true
-  }), /*#__PURE__*/React__default$1["default"].createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "my-6 text-center text-lg font-semibold"
-  }, "OR"), /*#__PURE__*/React__default$1["default"].createElement(SignInForm, {
+  }, "OR"), /*#__PURE__*/React__default["default"].createElement(SignInForm, {
     handleFormSubmit: handleFormSubmit
   })));
 }
@@ -92887,13 +91731,6 @@ var birb = /*#__PURE__*/_mergeNamespaces({
 	'default': birbExports
 }, [birbExports]);
 
-var bisonExports = requireBison();
-
-var bison = /*#__PURE__*/_mergeNamespaces({
-	__proto__: null,
-	'default': bisonExports
-}, [bisonExports]);
-
 var bnfExports = requireBnf();
 
 var bnf = /*#__PURE__*/_mergeNamespaces({
@@ -94616,3 +93453,4 @@ exports.useOnClickOutside = useOnClickOutside;
 exports.usePrevious = usePrevious;
 exports.useUpdateEffect = useUpdateEffect;
 exports.withImmutableActions = withImmutableActions;
+exports.withTitle = withTitle;