@redhat-cloud-services/frontend-components-config-utilities 1.5.28 → 2.0.0-beta.0

package/repos/insights-chrome-build/js/src_js_App_Sidenav_Navigation_componentMapper_js.c1dc7ccd468c8c55255f.js

@@ -0,0 +1,750 @@
+"use strict";
+(self["webpackChunkinsights_chrome"] = self["webpackChunkinsights_chrome"] || []).push([["src_js_App_Sidenav_Navigation_componentMapper_js"],{
+
+/***/ "./node_modules/@patternfly/react-icons/dist/js/icons/bell-icon.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/@patternfly/react-icons/dist/js/icons/bell-icon.js ***!
+  \*************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+exports.__esModule = true;
+exports.BellIconConfig = {
+  name: 'BellIcon',
+  height: 1024,
+  width: 896,
+  svgPath: 'M448,0 C465.333333,0 480.333333,6.33333333 493,19 C505.666667,31.6666667 512,46.6666667 512,64 L512,106 L514.23,106.45 C587.89,121.39 648.48,157.24 696,214 C744,271.333333 768,338.666667 768,416 C768,500 780,568.666667 804,622 C818.666667,652.666667 841.333333,684 872,716 C873.773676,718.829136 875.780658,721.505113 878,724 C890,737.333333 896,752.333333 896,769 C896,785.666667 890,800.333333 878,813 C866,825.666667 850.666667,832 832,832 L63.3,832 C44.9533333,831.84 29.8533333,825.506667 18,813 C6,800.333333 0,785.666667 0,769 C0,752.333333 6,737.333333 18,724 L24,716 L25.06,714.9 C55.1933333,683.28 77.5066667,652.313333 92,622 C116,568.666667 128,500 128,416 C128,338.666667 152,271.333333 200,214 C248,156.666667 309.333333,120.666667 384,106 L384,63.31 C384.166667,46.27 390.5,31.5 403,19 C415.666667,6.33333333 430.666667,0 448,0 Z M576,896 L576,897.08 C575.74,932.6 563.073333,962.573333 538,987 C512.666667,1011.66667 482.666667,1024 448,1024 C413.333333,1024 383.333333,1011.66667 358,987 C332.666667,962.333333 320,932 320,896 L576,896 Z',
+  yOffset: 0,
+  xOffset: 0,
+};
+exports.BellIcon = __webpack_require__(/*! ../createIcon */ "./node_modules/@patternfly/react-icons/dist/js/createIcon.js").createIcon(exports.BellIconConfig);
+exports.default = exports.BellIcon;
+
+/***/ }),
+
+/***/ "./node_modules/@patternfly/react-icons/dist/js/icons/cloud-upload-alt-icon.js":
+/*!*************************************************************************************!*\
+  !*** ./node_modules/@patternfly/react-icons/dist/js/icons/cloud-upload-alt-icon.js ***!
+  \*************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+exports.__esModule = true;
+exports.CloudUploadAltIconConfig = {
+  name: 'CloudUploadAltIcon',
+  height: 512,
+  width: 640,
+  svgPath: 'M537.6 226.6c4.1-10.7 6.4-22.4 6.4-34.6 0-53-43-96-96-96-19.7 0-38.1 6-53.3 16.2C367 64.2 315.3 32 256 32c-88.4 0-160 71.6-160 160 0 2.7.1 5.4.2 8.1C40.2 219.8 0 273.2 0 336c0 79.5 64.5 144 144 144h368c70.7 0 128-57.3 128-128 0-61.9-44-113.6-102.4-125.4zM393.4 288H328v112c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V288h-65.4c-14.3 0-21.4-17.2-11.3-27.3l105.4-105.4c6.2-6.2 16.4-6.2 22.6 0l105.4 105.4c10.1 10.1 2.9 27.3-11.3 27.3z',
+  yOffset: 0,
+  xOffset: 0,
+};
+exports.CloudUploadAltIcon = __webpack_require__(/*! ../createIcon */ "./node_modules/@patternfly/react-icons/dist/js/createIcon.js").createIcon(exports.CloudUploadAltIconConfig);
+exports.default = exports.CloudUploadAltIcon;
+
+/***/ }),
+
+/***/ "./node_modules/@patternfly/react-icons/dist/js/icons/code-icon.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/@patternfly/react-icons/dist/js/icons/code-icon.js ***!
+  \*************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+exports.__esModule = true;
+exports.CodeIconConfig = {
+  name: 'CodeIcon',
+  height: 512,
+  width: 640,
+  svgPath: 'M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z',
+  yOffset: 0,
+  xOffset: 0,
+};
+exports.CodeIcon = __webpack_require__(/*! ../createIcon */ "./node_modules/@patternfly/react-icons/dist/js/createIcon.js").createIcon(exports.CodeIconConfig);
+exports.default = exports.CodeIcon;
+
+/***/ }),
+
+/***/ "./node_modules/@patternfly/react-icons/dist/js/icons/database-icon.js":
+/*!*****************************************************************************!*\
+  !*** ./node_modules/@patternfly/react-icons/dist/js/icons/database-icon.js ***!
+  \*****************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+exports.__esModule = true;
+exports.DatabaseIconConfig = {
+  name: 'DatabaseIcon',
+  height: 512,
+  width: 448,
+  svgPath: 'M448 73.143v45.714C448 159.143 347.667 192 224 192S0 159.143 0 118.857V73.143C0 32.857 100.333 0 224 0s224 32.857 224 73.143zM448 176v102.857C448 319.143 347.667 352 224 352S0 319.143 0 278.857V176c48.125 33.143 136.208 48.572 224 48.572S399.874 209.143 448 176zm0 160v102.857C448 479.143 347.667 512 224 512S0 479.143 0 438.857V336c48.125 33.143 136.208 48.572 224 48.572S399.874 369.143 448 336z',
+  yOffset: 0,
+  xOffset: 0,
+};
+exports.DatabaseIcon = __webpack_require__(/*! ../createIcon */ "./node_modules/@patternfly/react-icons/dist/js/createIcon.js").createIcon(exports.DatabaseIconConfig);
+exports.default = exports.DatabaseIcon;
+
+/***/ }),
+
+/***/ "./node_modules/@patternfly/react-icons/dist/js/icons/external-link-alt-icon.js":
+/*!**************************************************************************************!*\
+  !*** ./node_modules/@patternfly/react-icons/dist/js/icons/external-link-alt-icon.js ***!
+  \**************************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+exports.__esModule = true;
+exports.ExternalLinkAltIconConfig = {
+  name: 'ExternalLinkAltIcon',
+  height: 512,
+  width: 512,
+  svgPath: 'M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z',
+  yOffset: 0,
+  xOffset: 0,
+};
+exports.ExternalLinkAltIcon = __webpack_require__(/*! ../createIcon */ "./node_modules/@patternfly/react-icons/dist/js/createIcon.js").createIcon(exports.ExternalLinkAltIconConfig);
+exports.default = exports.ExternalLinkAltIcon;
+
+/***/ }),
+
+/***/ "./node_modules/@patternfly/react-icons/dist/js/icons/security-icon.js":
+/*!*****************************************************************************!*\
+  !*** ./node_modules/@patternfly/react-icons/dist/js/icons/security-icon.js ***!
+  \*****************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+exports.__esModule = true;
+exports.SecurityIconConfig = {
+  name: 'SecurityIcon',
+  height: 1024,
+  width: 896,
+  svgPath: 'M861.5,0 L34.5,0 C15.4,0 0,14.3 0,32 L0,452.1 C0,768 387.7,1024 448.5,1024 C509.3,1024 896,768 896,452.2 L896,32 C896,14.3 880.6,0 861.5,0 Z M490.7,768 L405.3,768 C393.5,767.8 384.2,757.5 384,744.7 L384,663.3 C384.2,650.5 393.6,640.3 405.3,640 L490.7,640 C502.5,640.2 511.8,650.5 512,663.3 L512,744.7 L512.1,744.7 C511.8,757.5 502.4,767.8 490.7,768 Z M543.9,162.7 L517.2,514.4 C515.8,530.9 502,544 485.3,544 L410.6,544 C394,544 380.1,531.2 378.7,514.7 L352.1,163 C350.5,144.3 365.3,128.3 384,128.3 L512,128 C530.7,128 545.4,144 543.9,162.7 Z',
+  yOffset: 0,
+  xOffset: 0,
+};
+exports.SecurityIcon = __webpack_require__(/*! ../createIcon */ "./node_modules/@patternfly/react-icons/dist/js/createIcon.js").createIcon(exports.SecurityIconConfig);
+exports.default = exports.SecurityIcon;
+
+/***/ }),
+
+/***/ "./node_modules/@patternfly/react-icons/dist/js/icons/trend-up-icon.js":
+/*!*****************************************************************************!*\
+  !*** ./node_modules/@patternfly/react-icons/dist/js/icons/trend-up-icon.js ***!
+  \*****************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+exports.__esModule = true;
+exports.TrendUpIconConfig = {
+  name: 'TrendUpIcon',
+  height: 1024,
+  width: 960,
+  svgPath: 'M960,224 C960,206.3 945.7,192 928,192 L480,192 C462.3,192 448,206.3 448,224 L448,288 C448,305.7 462.3,320 480,320 L741.5,320 L450.3,614.2 L343.7,507.2 C331.2,494.7 310.9,494.6 298.4,507.2 L9.4,796.2 C3.1,802.4 0,810.6 0,818.7 C0,826.9 3.1,835.1 9.4,841.3 L54.7,886.6 C60.9,892.8 69.1,896 77.3,896 C85.5,896 93.7,892.9 99.9,886.6 L320.9,665.6 L427.5,772.6 C440,785.1 460.3,785.2 472.8,772.6 L832,410.5 L831,672 C831,689.7 844.3,704 862,704 L926,704 C943.7,704 960,689.7 960,672 L960,224 Z',
+  yOffset: 0,
+  xOffset: 0,
+};
+exports.TrendUpIcon = __webpack_require__(/*! ../createIcon */ "./node_modules/@patternfly/react-icons/dist/js/createIcon.js").createIcon(exports.TrendUpIconConfig);
+exports.default = exports.TrendUpIcon;
+
+/***/ }),
+
+/***/ "./node_modules/@patternfly/react-icons/dist/js/icons/wrench-icon.js":
+/*!***************************************************************************!*\
+  !*** ./node_modules/@patternfly/react-icons/dist/js/icons/wrench-icon.js ***!
+  \***************************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+exports.__esModule = true;
+exports.WrenchIconConfig = {
+  name: 'WrenchIcon',
+  height: 512,
+  width: 512,
+  svgPath: 'M507.73 109.1c-2.24-9.03-13.54-12.09-20.12-5.51l-74.36 74.36-67.88-11.31-11.31-67.88 74.36-74.36c6.62-6.62 3.43-17.9-5.66-20.16-47.38-11.74-99.55.91-136.58 37.93-39.64 39.64-50.55 97.1-34.05 147.2L18.74 402.76c-24.99 24.99-24.99 65.51 0 90.5 24.99 24.99 65.51 24.99 90.5 0l213.21-213.21c50.12 16.71 107.47 5.68 147.37-34.22 37.07-37.07 49.7-89.32 37.91-136.73zM64 472c-13.25 0-24-10.75-24-24 0-13.26 10.75-24 24-24s24 10.74 24 24c0 13.25-10.75 24-24 24z',
+  yOffset: 0,
+  xOffset: 0,
+};
+exports.WrenchIcon = __webpack_require__(/*! ../createIcon */ "./node_modules/@patternfly/react-icons/dist/js/createIcon.js").createIcon(exports.WrenchIconConfig);
+exports.default = exports.WrenchIcon;
+
+/***/ }),
+
+/***/ "./src/js/App/Sidenav/Navigation/ChromeNavExapandable.js":
+/*!***************************************************************!*\
+  !*** ./src/js/App/Sidenav/Navigation/ChromeNavExapandable.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react/react?474c");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _patternfly_react_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @patternfly/react-core */ "webpack/sharing/consume/default/@patternfly/react-core/@patternfly/react-core");
+/* harmony import */ var _patternfly_react_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_patternfly_react_core__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _ChromeNavItemFactory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ChromeNavItemFactory */ "./src/js/App/Sidenav/Navigation/ChromeNavItemFactory.js");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-redux */ "webpack/sharing/consume/default/react-redux/react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils */ "./src/js/utils.ts");
+/* harmony import */ var _utils_useRenderFedramp__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/useRenderFedramp */ "./src/js/utils/useRenderFedramp.js");
+
+
+
+
+
+
+
+
+
+var ChromeNavExapandable = function ChromeNavExapandable(_ref) {
+  var title = _ref.title,
+      routes = _ref.routes,
+      active = _ref.active,
+      isHidden = _ref.isHidden,
+      id = _ref.id;
+  var modules = (0,react_redux__WEBPACK_IMPORTED_MODULE_4__.useSelector)(function (state) {
+    return state.chrome.modules;
+  });
+  var filteredFedrampRoutes = routes;
+
+  if ((0,_utils__WEBPACK_IMPORTED_MODULE_5__.isFedRamp)()) {
+    filteredFedrampRoutes = routes.filter(function (_ref2) {
+      var appId = _ref2.appId,
+          href = _ref2.href;
+      return (0,_utils_useRenderFedramp__WEBPACK_IMPORTED_MODULE_6__.computeFedrampResult)(appId, href, modules[appId]);
+    });
+  }
+
+  if (isHidden || filteredFedrampRoutes.filter(function (_ref3) {
+    var appId = _ref3.appId;
+    return !!appId;
+  }).length === 0) {
+    return null;
+  }
+
+  var quickStartHighlightId = title.replace(/\s/g, '-');
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_patternfly_react_core__WEBPACK_IMPORTED_MODULE_2__.NavExpandable, {
+    id: id,
+    isExpanded: active,
+    isActive: active,
+    title: title,
+    "data-quickstart-id": quickStartHighlightId
+  }, filteredFedrampRoutes.map(function (item, index) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ChromeNavItemFactory__WEBPACK_IMPORTED_MODULE_3__.default, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__.default)({
+      key: index
+    }, item));
+  }));
+};
+
+ChromeNavExapandable.propTypes = {
+  isHidden: (prop_types__WEBPACK_IMPORTED_MODULE_7___default().bool),
+  title: (prop_types__WEBPACK_IMPORTED_MODULE_7___default().string),
+  routes: (prop_types__WEBPACK_IMPORTED_MODULE_7___default().array.isRequired),
+  active: (prop_types__WEBPACK_IMPORTED_MODULE_7___default().bool),
+  id: (prop_types__WEBPACK_IMPORTED_MODULE_7___default().string)
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChromeNavExapandable);
+
+/***/ }),
+
+/***/ "./src/js/App/Sidenav/Navigation/ChromeNavGroup.js":
+/*!*********************************************************!*\
+  !*** ./src/js/App/Sidenav/Navigation/ChromeNavGroup.js ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react/react?474c");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _patternfly_react_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @patternfly/react-core */ "webpack/sharing/consume/default/@patternfly/react-core/@patternfly/react-core");
+/* harmony import */ var _patternfly_react_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_patternfly_react_core__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _patternfly_react_icons_dist_js_icons_wrench_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @patternfly/react-icons/dist/js/icons/wrench-icon */ "./node_modules/@patternfly/react-icons/dist/js/icons/wrench-icon.js");
+/* harmony import */ var _patternfly_react_icons_dist_js_icons_security_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @patternfly/react-icons/dist/js/icons/security-icon */ "./node_modules/@patternfly/react-icons/dist/js/icons/security-icon.js");
+/* harmony import */ var _patternfly_react_icons_dist_js_icons_trend_up_icon__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @patternfly/react-icons/dist/js/icons/trend-up-icon */ "./node_modules/@patternfly/react-icons/dist/js/icons/trend-up-icon.js");
+/* harmony import */ var _patternfly_react_icons_dist_js_icons_code_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @patternfly/react-icons/dist/js/icons/code-icon */ "./node_modules/@patternfly/react-icons/dist/js/icons/code-icon.js");
+/* harmony import */ var _patternfly_react_icons_dist_js_icons_database_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @patternfly/react-icons/dist/js/icons/database-icon */ "./node_modules/@patternfly/react-icons/dist/js/icons/database-icon.js");
+/* harmony import */ var _patternfly_react_icons_dist_js_icons_cloud_upload_alt_icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @patternfly/react-icons/dist/js/icons/cloud-upload-alt-icon */ "./node_modules/@patternfly/react-icons/dist/js/icons/cloud-upload-alt-icon.js");
+/* harmony import */ var _ChromeNavItemFactory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ChromeNavItemFactory */ "./src/js/App/Sidenav/Navigation/ChromeNavItemFactory.js");
+
+
+
+
+
+
+
+
+
+
+
+var sectionTitleMapper = {
+  wrench: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_patternfly_react_icons_dist_js_icons_wrench_icon__WEBPACK_IMPORTED_MODULE_4__.default, null),
+  shield: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_patternfly_react_icons_dist_js_icons_security_icon__WEBPACK_IMPORTED_MODULE_5__.default, null),
+  database: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_patternfly_react_icons_dist_js_icons_database_icon__WEBPACK_IMPORTED_MODULE_6__.default, null),
+  cloud: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_patternfly_react_icons_dist_js_icons_cloud_upload_alt_icon__WEBPACK_IMPORTED_MODULE_7__.default, null),
+  code: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_patternfly_react_icons_dist_js_icons_code_icon__WEBPACK_IMPORTED_MODULE_8__.default, null),
+  'trend-up': /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_patternfly_react_icons_dist_js_icons_trend_up_icon__WEBPACK_IMPORTED_MODULE_9__.default, null)
+};
+
+var ChromeNavGroup = function ChromeNavGroup(_ref) {
+  var navItems = _ref.navItems,
+      isHidden = _ref.isHidden,
+      icon = _ref.icon,
+      title = _ref.title;
+  var filteredFedrampNavItems = navItems;
+
+  if (isHidden) {
+    return null;
+  }
+
+  var groupTitle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", null, icon && sectionTitleMapper[icon], title);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_patternfly_react_core__WEBPACK_IMPORTED_MODULE_2__.NavGroup, {
+    className: "chr-c-section-nav",
+    id: title,
+    title: groupTitle
+  }, filteredFedrampNavItems.map(function (item, index) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ChromeNavItemFactory__WEBPACK_IMPORTED_MODULE_3__.default, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__.default)({
+      key: index
+    }, item));
+  }));
+};
+
+ChromeNavGroup.propTypes = {
+  navItems: (prop_types__WEBPACK_IMPORTED_MODULE_10___default().array.isRequired),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_10___default().oneOf(['wrench', 'shield', 'trend-up', 'database', 'cloud', 'code']),
+  title: (prop_types__WEBPACK_IMPORTED_MODULE_10___default().string.isRequired),
+  isHidden: (prop_types__WEBPACK_IMPORTED_MODULE_10___default().bool)
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChromeNavGroup);
+
+/***/ }),
+
+/***/ "./src/js/App/Sidenav/Navigation/ChromeNavItem.js":
+/*!********************************************************!*\
+  !*** ./src/js/App/Sidenav/Navigation/ChromeNavItem.js ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react/react?474c");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var _patternfly_react_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @patternfly/react-core */ "webpack/sharing/consume/default/@patternfly/react-core/@patternfly/react-core");
+/* harmony import */ var _patternfly_react_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_patternfly_react_core__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _patternfly_react_icons_dist_js_icons_external_link_alt_icon__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @patternfly/react-icons/dist/js/icons/external-link-alt-icon */ "./node_modules/@patternfly/react-icons/dist/js/icons/external-link-alt-icon.js");
+/* harmony import */ var _patternfly_react_icons_dist_js_icons_bell_icon__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @patternfly/react-icons/dist/js/icons/bell-icon */ "./node_modules/@patternfly/react-icons/dist/js/icons/bell-icon.js");
+/* harmony import */ var title_case__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! title-case */ "./node_modules/title-case/dist.es2015/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/get */ "./node_modules/lodash/get.js");
+/* harmony import */ var lodash_get__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_get__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils */ "./src/js/utils.ts");
+/* harmony import */ var _Header_Tools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../Header/Tools */ "./src/js/App/Header/Tools.js");
+/* harmony import */ var _ChromeLink__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ChromeLink */ "./src/js/App/Sidenav/Navigation/ChromeLink.tsx");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-redux */ "webpack/sharing/consume/default/react-redux/react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _utils_useRenderFedramp__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../utils/useRenderFedramp */ "./src/js/utils/useRenderFedramp.js");
+/* harmony import */ var _redux_actions__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../redux/actions */ "./src/js/redux/actions.ts");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var ChromeNavItem = function ChromeNavItem(_ref) {
+  var appId = _ref.appId,
+      className = _ref.className,
+      href = _ref.href,
+      isHidden = _ref.isHidden,
+      ignoreCase = _ref.ignoreCase,
+      title = _ref.title,
+      isExternal = _ref.isExternal,
+      isBetaEnv = _ref.isBeta,
+      active = _ref.active,
+      product = _ref.product,
+      _ref$notifier = _ref.notifier,
+      notifier = _ref$notifier === void 0 ? '' : _ref$notifier;
+  var hasNotifier = (0,react_redux__WEBPACK_IMPORTED_MODULE_8__.useSelector)(function (state) {
+    return lodash_get__WEBPACK_IMPORTED_MODULE_4___default()(state, notifier);
+  });
+  var renderFedramp = (0,_utils_useRenderFedramp__WEBPACK_IMPORTED_MODULE_9__.default)(appId, href);
+  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_8__.useDispatch)();
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    if (active) {
+      dispatch((0,_redux_actions__WEBPACK_IMPORTED_MODULE_10__.markActiveProduct)(product));
+    }
+  }, [active]);
+
+  if (renderFedramp !== true) {
+    return null;
+  }
+
+  if (isHidden) {
+    return null;
+  }
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_patternfly_react_core__WEBPACK_IMPORTED_MODULE_2__.NavItem, {
+    className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(className, {
+      'chr-c-navigation__additional-links': isExternal,
+      'chr-c-navigation__with-notifier': hasNotifier
+    }),
+    itemID: href,
+    "data-quickstart-id": href,
+    preventDefault: true,
+    isActive: active,
+    to: href,
+    ouiaId: title,
+    component: function component(props) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ChromeLink__WEBPACK_IMPORTED_MODULE_7__.default, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, props, {
+        isBeta: isBetaEnv,
+        isExternal: isExternal,
+        appId: appId
+      }));
+    }
+  }, typeof title === 'string' && !ignoreCase ? (0,title_case__WEBPACK_IMPORTED_MODULE_11__.titleCase)(title) : title, " ", isExternal && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_patternfly_react_icons_dist_js_icons_external_link_alt_icon__WEBPACK_IMPORTED_MODULE_12__.default, null), isBetaEnv && !(0,_utils__WEBPACK_IMPORTED_MODULE_5__.isBeta)() && !isExternal && (0,_Header_Tools__WEBPACK_IMPORTED_MODULE_6__.betaBadge)('chr-c-navigation__beta-badge'), hasNotifier && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_patternfly_react_icons_dist_js_icons_bell_icon__WEBPACK_IMPORTED_MODULE_13__.default, {
+    size: "md",
+    className: "notifier-icon",
+    color: "var(--pf-global--default-color--200)"
+  }));
+};
+
+ChromeNavItem.propTypes = {
+  isHidden: (prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool),
+  ignoreCase: (prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool),
+  title: (prop_types__WEBPACK_IMPORTED_MODULE_14___default().node),
+  isExternal: (prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool),
+  isBeta: (prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool),
+  href: (prop_types__WEBPACK_IMPORTED_MODULE_14___default().string.isRequired),
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_14___default().string),
+  active: (prop_types__WEBPACK_IMPORTED_MODULE_14___default().bool),
+  appId: (prop_types__WEBPACK_IMPORTED_MODULE_14___default().string),
+  notifier: (prop_types__WEBPACK_IMPORTED_MODULE_14___default().string),
+  product: (prop_types__WEBPACK_IMPORTED_MODULE_14___default().string)
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChromeNavItem);
+
+/***/ }),
+
+/***/ "./src/js/App/Sidenav/Navigation/ChromeNavItemFactory.js":
+/*!***************************************************************!*\
+  !*** ./src/js/App/Sidenav/Navigation/ChromeNavItemFactory.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react/react?474c");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _navContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./navContext */ "./src/js/App/Sidenav/Navigation/navContext.ts");
+
+
+var _excluded = ["groupId", "expandable", "dynamicNav"];
+
+
+
+
+var ChromeNavItemFactory = function ChromeNavItemFactory(_ref) {
+  var groupId = _ref.groupId,
+      expandable = _ref.expandable,
+      dynamicNav = _ref.dynamicNav,
+      rest = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__.default)(_ref, _excluded);
+
+  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_navContext__WEBPACK_IMPORTED_MODULE_3__.default),
+      componentMapper = _useContext.componentMapper;
+
+  var Component;
+
+  if (groupId) {
+    Component = componentMapper.group;
+  } else if (expandable) {
+    Component = componentMapper.expandable;
+  } else if (dynamicNav) {
+    Component = componentMapper.dynamicNav;
+  } else {
+    Component = componentMapper.item;
+  }
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Component, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, rest, {
+    dynamicNav: dynamicNav
+  }));
+};
+
+ChromeNavItemFactory.propTypes = {
+  groupId: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),
+  expandable: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),
+  dynamicNav: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string)
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChromeNavItemFactory);
+
+/***/ }),
+
+/***/ "./src/js/App/Sidenav/Navigation/DynamicNav.js":
+/*!*****************************************************!*\
+  !*** ./src/js/App/Sidenav/Navigation/DynamicNav.js ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react/react?474c");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _scalprum_react_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @scalprum/react-core */ "webpack/sharing/consume/default/@scalprum/react-core/@scalprum/react-core");
+/* harmony import */ var _scalprum_react_core__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_scalprum_react_core__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _redhat_cloud_services_frontend_components_Skeleton__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @redhat-cloud-services/frontend-components/Skeleton */ "./node_modules/@redhat-cloud-services/frontend-components/esm/Skeleton/Skeleton.js");
+/* harmony import */ var _patternfly_react_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @patternfly/react-core */ "webpack/sharing/consume/default/@patternfly/react-core/@patternfly/react-core");
+/* harmony import */ var _patternfly_react_core__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_patternfly_react_core__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! react-router */ "./node_modules/react-router/esm/react-router.js");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-redux */ "webpack/sharing/consume/default/react-redux/react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash/isEqual */ "./node_modules/lodash/isEqual.js");
+/* harmony import */ var lodash_isEqual__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(lodash_isEqual__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _ChromeNavItem__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ChromeNavItem */ "./src/js/App/Sidenav/Navigation/ChromeNavItem.js");
+/* harmony import */ var _redux_actions__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../redux/actions */ "./src/js/redux/actions.ts");
+
+
+
+
+
+var _excluded = ["useNavigation", "dynamicNav", "pathname"],
+    _excluded2 = ["dynamicNav"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+
+
+
+
+
+
+
+
+
+
+
+var toArray = function toArray(value) {
+  return Array.isArray(value) ? value : [value];
+};
+
+var mergeArrays = function mergeArrays(orig, index, value) {
+  return [].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_4__.default)(orig.slice(0, index)), (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_4__.default)(toArray(value)), (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_4__.default)(orig.slice(index)));
+};
+
+var HookedNavigation = function HookedNavigation(_ref) {
+  var useNavigation = _ref.useNavigation,
+      dynamicNav = _ref.dynamicNav,
+      pathname = _ref.pathname,
+      props = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__.default)(_ref, _excluded);
+
+  var currentNamespace = pathname.split('/')[1];
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_5__.useState)(false),
+      _useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.default)(_useState, 2),
+      isLoaded = _useState2[0],
+      setIsLoaded = _useState2[1];
+
+  var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_8__.useDispatch)();
+  var schema = (0,react_redux__WEBPACK_IMPORTED_MODULE_8__.useSelector)(function (_ref2) {
+    var navigation = _ref2.chrome.navigation;
+    return navigation[currentNamespace];
+  });
+  var currNav = (0,react_redux__WEBPACK_IMPORTED_MODULE_8__.useSelector)(function (_ref3) {
+    var _navigation$currentNa, _navigation$currentNa2;
+
+    var navigation = _ref3.chrome.navigation;
+    return (_navigation$currentNa = navigation[currentNamespace]) === null || _navigation$currentNa === void 0 ? void 0 : (_navigation$currentNa2 = _navigation$currentNa.navItems) === null || _navigation$currentNa2 === void 0 ? void 0 : _navigation$currentNa2.filter(function (item) {
+      return item.dynamicNav === dynamicNav;
+    });
+  });
+  var newNav = useNavigation({
+    schema: schema,
+    dynamicNav: dynamicNav,
+    currentNamespace: currentNamespace,
+    currNav: currNav
+  });
+  (0,react__WEBPACK_IMPORTED_MODULE_5__.useEffect)(function () {
+    if (newNav) {
+      var newValue = toArray(newNav).map(function (item, key) {
+        return _objectSpread(_objectSpread({
+          appId: dynamicNav.split('/')[0]
+        }, (currNav === null || currNav === void 0 ? void 0 : currNav[key]) || (currNav === null || currNav === void 0 ? void 0 : currNav[0])), item);
+      });
+
+      if (!lodash_isEqual__WEBPACK_IMPORTED_MODULE_9___default()(newValue, currNav)) {
+        var currNavIndex = schema.navItems.findIndex(function (item) {
+          return item.dynamicNav === dynamicNav;
+        });
+
+        if (currNavIndex !== -1) {
+          dispatch((0,_redux_actions__WEBPACK_IMPORTED_MODULE_11__.loadLeftNavSegment)(_objectSpread(_objectSpread({}, schema), {}, {
+            navItems: mergeArrays(schema.navItems.filter(function (item) {
+              return !(item.dynamicNav && item.dynamicNav === dynamicNav);
+            }), currNavIndex, newValue)
+          }), currentNamespace, pathname, true));
+        }
+      }
+
+      setIsLoaded(true);
+    }
+  }, [JSON.stringify(newNav)]);
+  return isLoaded ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_ChromeNavItem__WEBPACK_IMPORTED_MODULE_10__.default, props) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_patternfly_react_core__WEBPACK_IMPORTED_MODULE_7__.NavItem, {
+    preventDefault: true
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement("a", {
+    href: "#"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_redhat_cloud_services_frontend_components_Skeleton__WEBPACK_IMPORTED_MODULE_12__.default, {
+    size: _redhat_cloud_services_frontend_components_Skeleton__WEBPACK_IMPORTED_MODULE_12__.SkeletonSize.lg,
+    isDark: true
+  })));
+};
+
+HookedNavigation.propTypes = {
+  useNavigation: (prop_types__WEBPACK_IMPORTED_MODULE_13___default().func.isRequired),
+  dynamicNav: (prop_types__WEBPACK_IMPORTED_MODULE_13___default().string.isRequired),
+  pathname: (prop_types__WEBPACK_IMPORTED_MODULE_13___default().string.isRequired)
+};
+
+var DynamicNav = function DynamicNav(_ref4) {
+  var dynamicNav = _ref4.dynamicNav,
+      props = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__.default)(_ref4, _excluded2);
+
+  var _useHistory = (0,react_router__WEBPACK_IMPORTED_MODULE_14__.useHistory)(),
+      pathname = _useHistory.location.pathname;
+
+  var _dynamicNav$split = dynamicNav.split('/'),
+      _dynamicNav$split2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.default)(_dynamicNav$split, 1),
+      appName = _dynamicNav$split2[0];
+
+  var _useLoadModule = (0,_scalprum_react_core__WEBPACK_IMPORTED_MODULE_6__.useLoadModule)({
+    appName: appName,
+    scope: appName,
+    module: './Navigation'
+  }, {}),
+      _useLoadModule2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.default)(_useLoadModule, 1),
+      useNavigation = _useLoadModule2[0].useNavigation;
+
+  return useNavigation ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(HookedNavigation, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__.default)({}, props, {
+    dynamicNav: dynamicNav,
+    useNavigation: useNavigation,
+    pathname: pathname
+  })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment, null);
+};
+
+DynamicNav.propTypes = {
+  dynamicNav: (prop_types__WEBPACK_IMPORTED_MODULE_13___default().string)
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DynamicNav);
+
+/***/ }),
+
+/***/ "./src/js/App/Sidenav/Navigation/componentMapper.js":
+/*!**********************************************************!*\
+  !*** ./src/js/App/Sidenav/Navigation/componentMapper.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _ChromeNavGroup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ChromeNavGroup */ "./src/js/App/Sidenav/Navigation/ChromeNavGroup.js");
+/* harmony import */ var _ChromeNavExapandable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ChromeNavExapandable */ "./src/js/App/Sidenav/Navigation/ChromeNavExapandable.js");
+/* harmony import */ var _ChromeNavItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ChromeNavItem */ "./src/js/App/Sidenav/Navigation/ChromeNavItem.js");
+/* harmony import */ var _DynamicNav__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DynamicNav */ "./src/js/App/Sidenav/Navigation/DynamicNav.js");
+
+
+
+
+var componentMapper = {
+  group: _ChromeNavGroup__WEBPACK_IMPORTED_MODULE_0__.default,
+  expandable: _ChromeNavExapandable__WEBPACK_IMPORTED_MODULE_1__.default,
+  item: _ChromeNavItem__WEBPACK_IMPORTED_MODULE_2__.default,
+  dynamicNav: _DynamicNav__WEBPACK_IMPORTED_MODULE_3__.default
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (componentMapper);
+
+/***/ }),
+
+/***/ "./node_modules/title-case/dist.es2015/index.js":
+/*!******************************************************!*\
+  !*** ./node_modules/title-case/dist.es2015/index.js ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "titleCase": () => (/* binding */ titleCase)
+/* harmony export */ });
+var SMALL_WORDS = /\b(?:an?d?|a[st]|because|but|by|en|for|i[fn]|neither|nor|o[fnr]|only|over|per|so|some|tha[tn]|the|to|up|upon|vs?\.?|versus|via|when|with|without|yet)\b/i;
+var TOKENS = /[^\s:–—-]+|./g;
+var WHITESPACE = /\s/;
+var IS_MANUAL_CASE = /.(?=[A-Z]|\..)/;
+var ALPHANUMERIC_PATTERN = /[A-Za-z0-9\u00C0-\u00FF]/;
+function titleCase(input) {
+    var result = "";
+    var m;
+    // tslint:disable-next-line
+    while ((m = TOKENS.exec(input)) !== null) {
+        var token = m[0], index = m.index;
+        if (
+        // Ignore already capitalized words.
+        !IS_MANUAL_CASE.test(token) &&
+            // Ignore small words except at beginning or end.
+            (!SMALL_WORDS.test(token) ||
+                index === 0 ||
+                index + token.length === input.length) &&
+            // Ignore URLs.
+            (input.charAt(index + token.length) !== ":" ||
+                WHITESPACE.test(input.charAt(index + token.length + 1)))) {
+            // Find and uppercase first word character, skips over *modifiers*.
+            result += token.replace(ALPHANUMERIC_PATTERN, function (m) { return m.toUpperCase(); });
+            continue;
+        }
+        result += token;
+    }
+    return result;
+}
+//# sourceMappingURL=index.js.map
+
+/***/ })
+
+}]);