@bigbinary/neeto-molecules 1.0.18 → 1.0.20

package/dist/CustomDomain.cjs.js

@@ -4,10 +4,12 @@ var React = require('react');
 var pure = require('@bigbinary/neeto-commons-frontend/pure');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var neetoui = require('@bigbinary/neetoui');
-var layouts = require('@bigbinary/neetoui/layouts');
 var reactI18next = require('react-i18next');
-var formik = require('formik');
 var neetoIcons = require('@bigbinary/neeto-icons');
+var ramda = require('ramda');
+var reactRouterDom = require('react-router-dom');
+var logos = require('@bigbinary/neeto-icons/logos');
+var formik = require('formik');
 var formik$1 = require('@bigbinary/neetoui/formik');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var i18next = require('i18next');
@@ -85,29 +87,1095 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
   }
 }
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+var classnames$1 = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+	/* global define */
+
+	(function () {
+
+		var hasOwn = {}.hasOwnProperty;
+
+		function classNames() {
+			var classes = [];
+
+			for (var i = 0; i < arguments.length; i++) {
+				var arg = arguments[i];
+				if (!arg) continue;
+
+				var argType = typeof arg;
+
+				if (argType === 'string' || argType === 'number') {
+					classes.push(arg);
+				} else if (Array.isArray(arg)) {
+					if (arg.length) {
+						var inner = classNames.apply(null, arg);
+						if (inner) {
+							classes.push(inner);
+						}
+					}
+				} else if (argType === 'object') {
+					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+						classes.push(arg.toString());
+						continue;
+					}
+
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				}
+			}
+
+			return classes.join(' ');
+		}
+
+		if (module.exports) {
+			classNames.default = classNames;
+			module.exports = classNames;
+		} else {
+			window.classNames = classNames;
+		}
+	}());
+} (classnames$1));
+
+var classnames = classnames$1.exports;
+
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+var css$3 = ".neeto-molecules-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 24px}.neeto-molecules-container--header-fixed{padding:0}.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:24px;padding-right:24px}";
+n(css$3,{});
+
+function cov_1wwtrbg59n() {
+  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/Container/index.jsx";
+  var hash = "c1b0310c50315373c62b26d910f4b47136a53d3d";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/Container/index.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 7,
+          column: 18
+        },
+        end: {
+          line: 16,
+          column: 2
+        }
+      },
+      "1": {
+        start: {
+          line: 8,
+          column: 2
+        },
+        end: {
+          line: 15,
+          column: 8
+        }
+      },
+      "2": {
+        start: {
+          line: 18,
+          column: 0
+        },
+        end: {
+          line: 18,
+          column: 36
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 7,
+            column: 29
+          },
+          end: {
+            line: 7,
+            column: 30
+          }
+        },
+        loc: {
+          start: {
+            line: 8,
+            column: 2
+          },
+          end: {
+            line: 15,
+            column: 8
+          }
+        },
+        line: 8
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 7,
+            column: 32
+          },
+          end: {
+            line: 7,
+            column: 53
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 7,
+            column: 48
+          },
+          end: {
+            line: 7,
+            column: 53
+          }
+        }],
+        line: 7
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0
+    },
+    f: {
+      "0": 0
+    },
+    b: {
+      "0": [0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "c1b0310c50315373c62b26d910f4b47136a53d3d"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_1wwtrbg59n = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_1wwtrbg59n();
+var Container = (cov_1wwtrbg59n().s[0]++, /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$isHeaderFixed = _ref.isHeaderFixed,
+    isHeaderFixed = _ref$isHeaderFixed === void 0 ? (cov_1wwtrbg59n().b[0][0]++, false) : _ref$isHeaderFixed,
+    children = _ref.children;
+  cov_1wwtrbg59n().f[0]++;
+  cov_1wwtrbg59n().s[1]++;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: ref,
+    className: classnames("neeto-molecules-container", {
+      "neeto-molecules-container--header-fixed": isHeaderFixed
+    })
+  }, children);
+}));
+cov_1wwtrbg59n().s[2]++;
+Container.displayName = "Container";
+
+var css$2 = ".neeto-molecules-header{align-items:center;background:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;justify-content:space-between;min-height:var(--neeto-ui-main-header-height);padding:24px 0;width:100%}.neeto-molecules-header--has-breadcrumbs{min-height:var(--neeto-ui-main-header-with-breadcrumbs-height)}.neeto-molecules-header .neeto-molecules-header__toggle-menubar-btn{margin-right:8px}.neeto-molecules-header .neeto-molecules-header__left{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.neeto-molecules-header .neeto-molecules-header__left-data-wrap{display:flex;flex-wrap:wrap}.neeto-molecules-header .neeto-molecules-header__page-title{display:block;width:100%}.neeto-molecules-header .neeto-molecules-header__breadcrumbs-wrap{display:flex}.neeto-molecules-header .neeto-molecules-header__breadcrumb{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;line-height:1}.neeto-molecules-header .neeto-molecules-header__breadcrumb a{text-decoration:none;transition:all .3s ease-in-out}.neeto-molecules-header .neeto-molecules-header__breadcrumb-separator{margin:0 4px}.neeto-molecules-header .neeto-molecules-header__right{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}";
+n(css$2,{});
+
+function cov_2jdv1wna26() {
+  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/Header/Breadcrumbs.jsx";
+  var hash = "31c5f512542a62a23e3fc8e550878db0e1cd2a44";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/Header/Breadcrumbs.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 9,
+          column: 20
+        },
+        end: {
+          line: 32,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 10,
+          column: 2
+        },
+        end: {
+          line: 31,
+          column: 8
+        }
+      },
+      "2": {
+        start: {
+          line: 12,
+          column: 6
+        },
+        end: {
+          line: 29,
+          column: 12
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 9,
+            column: 20
+          },
+          end: {
+            line: 9,
+            column: 21
+          }
+        },
+        loc: {
+          start: {
+            line: 10,
+            column: 2
+          },
+          end: {
+            line: 31,
+            column: 8
+          }
+        },
+        line: 10
+      },
+      "1": {
+        name: "(anonymous_1)",
+        decl: {
+          start: {
+            line: 11,
+            column: 21
+          },
+          end: {
+            line: 11,
+            column: 22
+          }
+        },
+        loc: {
+          start: {
+            line: 12,
+            column: 6
+          },
+          end: {
+            line: 29,
+            column: 12
+          }
+        },
+        line: 12
+      }
+    },
+    branchMap: {},
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0
+    },
+    f: {
+      "0": 0,
+      "1": 0
+    },
+    b: {},
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "31c5f512542a62a23e3fc8e550878db0e1cd2a44"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_2jdv1wna26 = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_2jdv1wna26();
+cov_2jdv1wna26().s[0]++;
+var Breadcrumbs = function Breadcrumbs(_ref) {
+  var breadcrumbs = _ref.breadcrumbs;
+  cov_2jdv1wna26().f[0]++;
+  cov_2jdv1wna26().s[1]++;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-header__breadcrumbs-wrap"
+  }, breadcrumbs.map(function (_ref2, index) {
+    var text = _ref2.text,
+      link = _ref2.link;
+    cov_2jdv1wna26().f[1]++;
+    cov_2jdv1wna26().s[2]++;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "neeto-molecules-header__breadcrumb",
+      key: index
+    }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
+      to: link
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      className: "neeto-molecules-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
+      component: "span",
+      "data-cy": text,
+      "data-test-id": text,
+      style: "body2",
+      weight: "normal"
+    }, text)), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
+      className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-gray-400",
+      size: 16
+    }));
+  }));
+};
+
+function cov_14lmkczjok() {
+  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/Header/index.jsx";
+  var hash = "5942842597a7b0320330d704f35fd6318ddbbd60";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/Header/index.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 11,
+          column: 15
+        },
+        end: {
+          line: 72,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 19,
+          column: 20
+        },
+        end: {
+          line: 19,
+          column: 32
+        }
+      },
+      "2": {
+        start: {
+          line: 21,
+          column: 2
+        },
+        end: {
+          line: 71,
+          column: 4
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 11,
+            column: 15
+          },
+          end: {
+            line: 11,
+            column: 16
+          }
+        },
+        loc: {
+          start: {
+            line: 18,
+            column: 6
+          },
+          end: {
+            line: 72,
+            column: 1
+          }
+        },
+        line: 18
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 15,
+            column: 2
+          },
+          end: {
+            line: 15,
+            column: 16
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 15,
+            column: 14
+          },
+          end: {
+            line: 15,
+            column: 16
+          }
+        }],
+        line: 15
+      },
+      "1": {
+        loc: {
+          start: {
+            line: 17,
+            column: 2
+          },
+          end: {
+            line: 17,
+            column: 18
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 17,
+            column: 16
+          },
+          end: {
+            line: 17,
+            column: 18
+          }
+        }],
+        line: 17
+      },
+      "2": {
+        loc: {
+          start: {
+            line: 30,
+            column: 9
+          },
+          end: {
+            line: 39,
+            column: 9
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 30,
+            column: 9
+          },
+          end: {
+            line: 30,
+            column: 22
+          }
+        }, {
+          start: {
+            line: 31,
+            column: 10
+          },
+          end: {
+            line: 38,
+            column: 12
+          }
+        }],
+        line: 30
+      },
+      "3": {
+        loc: {
+          start: {
+            line: 41,
+            column: 11
+          },
+          end: {
+            line: 41,
+            column: 67
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 41,
+            column: 11
+          },
+          end: {
+            line: 41,
+            column: 22
+          }
+        }, {
+          start: {
+            line: 41,
+            column: 26
+          },
+          end: {
+            line: 41,
+            column: 67
+          }
+        }],
+        line: 41
+      },
+      "4": {
+        loc: {
+          start: {
+            line: 55,
+            column: 9
+          },
+          end: {
+            line: 67,
+            column: 9
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 55,
+            column: 9
+          },
+          end: {
+            line: 55,
+            column: 20
+          }
+        }, {
+          start: {
+            line: 56,
+            column: 10
+          },
+          end: {
+            line: 66,
+            column: 12
+          }
+        }],
+        line: 55
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0
+    },
+    f: {
+      "0": 0
+    },
+    b: {
+      "0": [0],
+      "1": [0],
+      "2": [0, 0],
+      "3": [0, 0],
+      "4": [0, 0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "5942842597a7b0320330d704f35fd6318ddbbd60"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_14lmkczjok = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_14lmkczjok();
+cov_14lmkczjok().s[0]++;
+var Header = function Header(_ref) {
+  var title = _ref.title,
+    menuBarToggle = _ref.menuBarToggle,
+    searchProps = _ref.searchProps,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? (cov_14lmkczjok().b[0][0]++, "") : _ref$className,
+    actionBlock = _ref.actionBlock,
+    _ref$breadcrumbs = _ref.breadcrumbs,
+    breadcrumbs = _ref$breadcrumbs === void 0 ? (cov_14lmkczjok().b[1][0]++, []) : _ref$breadcrumbs;
+  cov_14lmkczjok().f[0]++;
+  var searchRef = (cov_14lmkczjok().s[1]++, React.useRef(null));
+  cov_14lmkczjok().s[2]++;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames(["neeto-molecules-header", {
+      "neeto-molecules-header--has-breadcrumbs": !ramda.isEmpty(breadcrumbs)
+    }, className])
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-header__left"
+  }, (cov_14lmkczjok().b[2][0]++, menuBarToggle) && (cov_14lmkczjok().b[2][1]++, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "aria-label": "Toggle Menubar",
+    className: "neeto-molecules-header__toggle-menubar-btn",
+    "data-cy": "menubar-toggle-button",
+    icon: neetoIcons.HamburgerMenu,
+    style: "text",
+    onClick: menuBarToggle
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-header__left-data-wrap"
+  }, (cov_14lmkczjok().b[3][0]++, breadcrumbs) && (cov_14lmkczjok().b[3][1]++, /*#__PURE__*/React__default["default"].createElement(Breadcrumbs, {
+    breadcrumbs: breadcrumbs
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "neeto-molecules-header__page-title",
+    "data-cy": "main-header",
+    "data-test-id": "main-header",
+    lineHeight: "tight",
+    style: "h2",
+    weight: "semibold"
+  }, title))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-gap-3 neeto-molecules-header__right"
+  }, (cov_14lmkczjok().b[4][0]++, searchProps) && (cov_14lmkczjok().b[4][1]++, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends({
+    placeholder: "Search",
+    prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
+    ref: searchRef,
+    type: "search",
+    className: classnames(["neeto-molecules-header__search-input", searchProps.className])
+  }, searchProps))), actionBlock));
+};
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var css$1 = ".neeto-molecules-pageloader__wrapper{height:100%;position:relative;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader{height:100%;left:0;position:absolute;top:0;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__content{height:66px;margin-bottom:16px;overflow:hidden;padding:8px;position:relative;width:66px}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__text{color:rgb(var(--neeto-ui-gray-800));font-size:1.25rem;line-height:1.75rem;margin-bottom:4rem;text-align:center}.neeto-molecules-pageloader__spinner{display:flex;gap:2px;height:25px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.neeto-molecules-pageloader__spinner>div{animation:neeto-ui-stretch-delay 1.2s ease-in-out infinite;background-color:#fff;border-radius:2px;display:inline-flex;height:100%;width:2px}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect2{animation-delay:-1.1s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect3{animation-delay:-1s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect4{animation-delay:-.9s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect5{animation-delay:-.8s}@keyframes neeto-ui-stretch-delay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}";
+n(css$1,{});
+
+var _excluded = ["text"];
+function cov_1rnptrlqih() {
+  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/PageLoader/index.jsx";
+  var hash = "40cda882f932d7a0fcac6bc5ec150d93c0420b62";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/PageLoader/index.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 9,
+          column: 19
+        },
+        end: {
+          line: 29,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 10,
+          column: 2
+        },
+        end: {
+          line: 28,
+          column: 8
+        }
+      },
+      "2": {
+        start: {
+          line: 31,
+          column: 0
+        },
+        end: {
+          line: 36,
+          column: 2
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 9,
+            column: 19
+          },
+          end: {
+            line: 9,
+            column: 20
+          }
+        },
+        loc: {
+          start: {
+            line: 10,
+            column: 2
+          },
+          end: {
+            line: 28,
+            column: 8
+          }
+        },
+        line: 10
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 9,
+            column: 22
+          },
+          end: {
+            line: 9,
+            column: 31
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 9,
+            column: 29
+          },
+          end: {
+            line: 9,
+            column: 31
+          }
+        }],
+        line: 9
+      },
+      "1": {
+        loc: {
+          start: {
+            line: 22,
+            column: 7
+          },
+          end: {
+            line: 26,
+            column: 7
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 22,
+            column: 7
+          },
+          end: {
+            line: 22,
+            column: 11
+          }
+        }, {
+          start: {
+            line: 23,
+            column: 8
+          },
+          end: {
+            line: 25,
+            column: 21
+          }
+        }],
+        line: 22
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0
+    },
+    f: {
+      "0": 0
+    },
+    b: {
+      "0": [0],
+      "1": [0, 0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "40cda882f932d7a0fcac6bc5ec150d93c0420b62"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_1rnptrlqih = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_1rnptrlqih();
+cov_1rnptrlqih().s[0]++;
+var PageLoader = function PageLoader(_ref) {
+  var _ref$text = _ref.text,
+    text = _ref$text === void 0 ? (cov_1rnptrlqih().b[0][0]++, "") : _ref$text,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  cov_1rnptrlqih().f[0]++;
+  cov_1rnptrlqih().s[1]++;
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+    className: "neeto-molecules-pageloader__wrapper"
+  }, otherProps), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-pageloader neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-justify-center"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-pageloader__content neeto-ui-flex neeto-ui-flex-shrink-0 neeto-ui-items-center neeto-ui-justify-center"
+  }, /*#__PURE__*/React__default["default"].createElement(logos.Neeto, {
+    className: "neeto-molecules-pageloader__logo",
+    size: 50
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-pageloader__spinner"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-pageloader__rect1"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-pageloader__rect2"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-pageloader__rect3"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-pageloader__rect4"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-pageloader__rect5"
+  }))), (cov_1rnptrlqih().b[1][0]++, text) && (cov_1rnptrlqih().b[1][1]++, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "h5",
+    weight: "semibold"
+  }, text))));
+};
+cov_1rnptrlqih().s[2]++;
+
+var css = ".neeto-molecules-subheader{align-items:center;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--neeto-ui-sub-header-bottom-margin);min-height:var(--neeto-ui-sub-header-height);width:100%}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper{display:flex;flex-grow:1}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left .neeto-molecules-input__prefix{color:rgb(var(--neeto-ui-gray-400))}.neeto-molecules-subheader .neeto-molecules-subheader__right{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-end}";
+n(css,{});
+
+function cov_mkycqaehe() {
+  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/SubHeader/index.jsx";
+  var hash = "add11ac729f682ff4016960d57fa604d2fbbbcaa";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/SubHeader/index.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 7,
+          column: 18
+        },
+        end: {
+          line: 21,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 8,
+          column: 2
+        },
+        end: {
+          line: 20,
+          column: 8
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 7,
+            column: 18
+          },
+          end: {
+            line: 7,
+            column: 19
+          }
+        },
+        loc: {
+          start: {
+            line: 8,
+            column: 2
+          },
+          end: {
+            line: 20,
+            column: 8
+          }
+        },
+        line: 8
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 7,
+            column: 21
+          },
+          end: {
+            line: 7,
+            column: 35
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 7,
+            column: 33
+          },
+          end: {
+            line: 7,
+            column: 35
+          }
+        }],
+        line: 7
+      },
+      "1": {
+        loc: {
+          start: {
+            line: 13,
+            column: 7
+          },
+          end: {
+            line: 15,
+            column: 7
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 13,
+            column: 7
+          },
+          end: {
+            line: 13,
+            column: 22
+          }
+        }, {
+          start: {
+            line: 14,
+            column: 8
+          },
+          end: {
+            line: 14,
+            column: 80
+          }
+        }],
+        line: 13
+      },
+      "2": {
+        loc: {
+          start: {
+            line: 17,
+            column: 5
+          },
+          end: {
+            line: 19,
+            column: 5
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 17,
+            column: 5
+          },
+          end: {
+            line: 17,
+            column: 21
+          }
+        }, {
+          start: {
+            line: 18,
+            column: 6
+          },
+          end: {
+            line: 18,
+            column: 80
+          }
+        }],
+        line: 17
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0
+    },
+    f: {
+      "0": 0
+    },
+    b: {
+      "0": [0],
+      "1": [0, 0],
+      "2": [0, 0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "add11ac729f682ff4016960d57fa604d2fbbbcaa"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_mkycqaehe = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_mkycqaehe();
+cov_mkycqaehe().s[0]++;
+var SubHeader = function SubHeader(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? (cov_mkycqaehe().b[0][0]++, "") : _ref$className,
+    leftActionBlock = _ref.leftActionBlock,
+    rightActionBlock = _ref.rightActionBlock;
+  cov_mkycqaehe().f[0]++;
+  cov_mkycqaehe().s[1]++;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames(["neeto-molecules-subheader", className]),
+    "data-testid": "subheader"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-subheader__left-wrapper"
+  }, (cov_mkycqaehe().b[1][0]++, leftActionBlock) && (cov_mkycqaehe().b[1][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-subheader__left"
+  }, leftActionBlock))), (cov_mkycqaehe().b[2][0]++, rightActionBlock) && (cov_mkycqaehe().b[2][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-subheader__right"
+  }, rightActionBlock)));
+};
 
 function cov_222iv29ng9() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/CustomDomain/constants.js";
@@ -249,67 +1317,6 @@ var INITIAL_VALUES = (cov_1uqwnv9h7p().s[1]++, {
   hostname: ""
 });
 
-var classnames$1 = {exports: {}};
-
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
-(function (module) {
-	/* global define */
-
-	(function () {
-
-		var hasOwn = {}.hasOwnProperty;
-
-		function classNames() {
-			var classes = [];
-
-			for (var i = 0; i < arguments.length; i++) {
-				var arg = arguments[i];
-				if (!arg) continue;
-
-				var argType = typeof arg;
-
-				if (argType === 'string' || argType === 'number') {
-					classes.push(arg);
-				} else if (Array.isArray(arg)) {
-					if (arg.length) {
-						var inner = classNames.apply(null, arg);
-						if (inner) {
-							classes.push(inner);
-						}
-					}
-				} else if (argType === 'object') {
-					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-						classes.push(arg.toString());
-						continue;
-					}
-
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
-					}
-				}
-			}
-
-			return classes.join(' ');
-		}
-
-		if (module.exports) {
-			classNames.default = classNames;
-			module.exports = classNames;
-		} else {
-			window.classNames = classNames;
-		}
-	}());
-} (classnames$1));
-
-var classnames = classnames$1.exports;
-
 function cov_17zuzxiyk0() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/CustomDomain/Manage/TagBlock.jsx";
   var hash = "914115c544ec8eaca6932fcb4bfc26ee13200ce8";
@@ -4307,7 +5314,7 @@ var Manage = function Manage(_ref) {
 
 function cov_24yn1i4hss() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/CustomDomain/index.jsx";
-  var hash = "03181283110946a79481992e57f4ccd92f829d35";
+  var hash = "5caef41e1d8996e19c7466d523b463232b464d80";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -4315,231 +5322,231 @@ function cov_24yn1i4hss() {
     statementMap: {
       "0": {
         start: {
-          line: 17,
+          line: 21,
           column: 21
         },
         end: {
-          line: 133,
+          line: 137,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 18,
+          line: 22,
           column: 38
         },
         end: {
-          line: 18,
+          line: 22,
           column: 50
         }
       },
       "2": {
         start: {
-          line: 19,
+          line: 23,
           column: 38
         },
         end: {
-          line: 19,
+          line: 23,
           column: 53
         }
       },
       "3": {
         start: {
-          line: 20,
+          line: 24,
           column: 42
         },
         end: {
-          line: 20,
+          line: 24,
           column: 56
         }
       },
       "4": {
         start: {
-          line: 21,
+          line: 25,
           column: 40
         },
         end: {
-          line: 21,
+          line: 25,
           column: 55
         }
       },
       "5": {
         start: {
-          line: 22,
+          line: 26,
           column: 16
         },
         end: {
-          line: 22,
+          line: 26,
           column: 32
         }
       },
       "6": {
         start: {
-          line: 23,
+          line: 27,
           column: 30
         },
         end: {
-          line: 23,
+          line: 27,
           column: 58
         }
       },
       "7": {
         start: {
-          line: 25,
+          line: 29,
           column: 36
         },
         end: {
-          line: 27,
+          line: 31,
           column: 4
         }
       },
       "8": {
         start: {
-          line: 30,
+          line: 34,
           column: 4
         },
         end: {
-          line: 32,
+          line: 36,
           column: 6
         }
       },
       "9": {
         start: {
-          line: 31,
+          line: 35,
           column: 23
         },
         end: {
-          line: 31,
+          line: 35,
           column: 44
         }
       },
       "10": {
         start: {
-          line: 34,
+          line: 38,
           column: 27
         },
         end: {
-          line: 37,
+          line: 41,
           column: 3
         }
       },
       "11": {
         start: {
-          line: 35,
+          line: 39,
           column: 4
         },
         end: {
-          line: 35,
+          line: 39,
           column: 34
         }
       },
       "12": {
         start: {
-          line: 36,
+          line: 40,
           column: 4
         },
         end: {
-          line: 36,
+          line: 40,
           column: 24
         }
       },
       "13": {
         start: {
-          line: 39,
+          line: 43,
           column: 28
         },
         end: {
-          line: 42,
+          line: 46,
           column: 3
         }
       },
       "14": {
         start: {
-          line: 40,
+          line: 44,
           column: 4
         },
         end: {
-          line: 40,
+          line: 44,
           column: 34
         }
       },
       "15": {
         start: {
-          line: 41,
+          line: 45,
           column: 4
         },
         end: {
-          line: 41,
+          line: 45,
           column: 25
         }
       },
       "16": {
         start: {
-          line: 44,
+          line: 48,
           column: 2
         },
         end: {
-          line: 132,
+          line: 136,
           column: 4
         }
       },
       "17": {
         start: {
-          line: 52,
+          line: 56,
           column: 29
         },
         end: {
-          line: 52,
+          line: 56,
           column: 51
         }
       },
       "18": {
         start: {
-          line: 57,
+          line: 61,
           column: 27
         },
         end: {
-          line: 57,
+          line: 61,
           column: 56
         }
       },
       "19": {
         start: {
-          line: 104,
+          line: 108,
           column: 33
         },
         end: {
-          line: 104,
+          line: 108,
           column: 55
         }
       },
       "20": {
         start: {
-          line: 114,
+          line: 118,
           column: 23
         },
         end: {
-          line: 114,
+          line: 118,
           column: 43
         }
       },
       "21": {
         start: {
-          line: 128,
+          line: 132,
           column: 23
         },
         end: {
-          line: 128,
+          line: 132,
           column: 44
         }
       },
       "22": {
         start: {
-          line: 129,
+          line: 133,
           column: 24
         },
         end: {
-          line: 129,
+          line: 133,
           column: 60
         }
       }
@@ -4549,342 +5556,342 @@ function cov_24yn1i4hss() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 17,
+            line: 21,
             column: 21
           },
           end: {
-            line: 17,
+            line: 21,
             column: 22
           }
         },
         loc: {
           start: {
-            line: 17,
+            line: 21,
             column: 42
           },
           end: {
-            line: 133,
+            line: 137,
             column: 1
           }
         },
-        line: 17
+        line: 21
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 31,
+            line: 35,
             column: 17
           },
           end: {
-            line: 31,
+            line: 35,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 31,
+            line: 35,
             column: 23
           },
           end: {
-            line: 31,
+            line: 35,
             column: 44
           }
         },
-        line: 31
+        line: 35
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 34,
+            line: 38,
             column: 27
           },
           end: {
-            line: 34,
+            line: 38,
             column: 28
           }
         },
         loc: {
           start: {
-            line: 34,
+            line: 38,
             column: 43
           },
           end: {
-            line: 37,
+            line: 41,
             column: 3
           }
         },
-        line: 34
+        line: 38
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 39,
+            line: 43,
             column: 28
           },
           end: {
-            line: 39,
+            line: 43,
             column: 29
           }
         },
         loc: {
           start: {
-            line: 39,
+            line: 43,
             column: 44
           },
           end: {
-            line: 42,
+            line: 46,
             column: 3
           }
         },
-        line: 39
+        line: 43
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 52,
+            line: 56,
             column: 23
           },
           end: {
-            line: 52,
+            line: 56,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 52,
+            line: 56,
             column: 29
           },
           end: {
-            line: 52,
+            line: 56,
             column: 51
           }
         },
-        line: 52
+        line: 56
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 57,
+            line: 61,
             column: 22
           },
           end: {
-            line: 57,
+            line: 61,
             column: 23
           }
         },
         loc: {
           start: {
-            line: 57,
+            line: 61,
             column: 27
           },
           end: {
-            line: 57,
+            line: 61,
             column: 56
           }
         },
-        line: 57
+        line: 61
       },
       "6": {
         name: "(anonymous_6)",
         decl: {
           start: {
-            line: 104,
+            line: 108,
             column: 27
           },
           end: {
-            line: 104,
+            line: 108,
             column: 28
           }
         },
         loc: {
           start: {
-            line: 104,
+            line: 108,
             column: 33
           },
           end: {
-            line: 104,
+            line: 108,
             column: 55
           }
         },
-        line: 104
+        line: 108
       },
       "7": {
         name: "(anonymous_7)",
         decl: {
           start: {
-            line: 114,
+            line: 118,
             column: 17
           },
           end: {
-            line: 114,
+            line: 118,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 114,
+            line: 118,
             column: 23
           },
           end: {
-            line: 114,
+            line: 118,
             column: 43
           }
         },
-        line: 114
+        line: 118
       },
       "8": {
         name: "(anonymous_8)",
         decl: {
           start: {
-            line: 128,
+            line: 132,
             column: 17
           },
           end: {
-            line: 128,
+            line: 132,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 128,
+            line: 132,
             column: 23
           },
           end: {
-            line: 128,
+            line: 132,
             column: 44
           }
         },
-        line: 128
+        line: 132
       },
       "9": {
         name: "(anonymous_9)",
         decl: {
           start: {
-            line: 129,
+            line: 133,
             column: 18
           },
           end: {
-            line: 129,
+            line: 133,
             column: 19
           }
         },
         loc: {
           start: {
-            line: 129,
+            line: 133,
             column: 24
           },
           end: {
-            line: 129,
+            line: 133,
             column: 60
           }
         },
-        line: 129
+        line: 133
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 66,
+            line: 70,
             column: 9
           },
           end: {
-            line: 70,
+            line: 74,
             column: 9
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 66,
+            line: 70,
             column: 9
           },
           end: {
-            line: 66,
+            line: 70,
             column: 18
           }
         }, {
           start: {
-            line: 67,
+            line: 71,
             column: 10
           },
           end: {
-            line: 69,
+            line: 73,
             column: 16
           }
         }],
-        line: 66
+        line: 70
       },
       "1": {
         loc: {
           start: {
-            line: 71,
+            line: 75,
             column: 9
           },
           end: {
-            line: 108,
+            line: 112,
             column: 12
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 71,
+            line: 75,
             column: 9
           },
           end: {
-            line: 71,
+            line: 75,
             column: 19
           }
         }, {
           start: {
-            line: 72,
+            line: 76,
             column: 11
           },
           end: {
-            line: 108,
+            line: 112,
             column: 11
           }
         }],
-        line: 71
+        line: 75
       },
       "2": {
         loc: {
           start: {
-            line: 72,
+            line: 76,
             column: 11
           },
           end: {
-            line: 108,
+            line: 112,
             column: 11
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 73,
+            line: 77,
             column: 12
           },
           end: {
-            line: 97,
+            line: 101,
             column: 18
           }
         }, {
           start: {
-            line: 99,
+            line: 103,
             column: 12
           },
           end: {
-            line: 107,
+            line: 111,
             column: 18
           }
         }],
-        line: 72
+        line: 76
       }
     },
     s: {
@@ -4930,7 +5937,7 @@ function cov_24yn1i4hss() {
       "2": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "03181283110946a79481992e57f4ccd92f829d35"
+    hash: "5caef41e1d8996e19c7466d523b463232b464d80"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -5001,7 +6008,7 @@ var CustomDomain = function CustomDomain(_ref) {
     setIsAlertOpen(true);
   };
   cov_24yn1i4hss().s[16]++;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(layouts.Container, null, /*#__PURE__*/React__default["default"].createElement(layouts.Header, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Container, null, /*#__PURE__*/React__default["default"].createElement(Header, _extends({
     actionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       "data-cy": "add-new-custom-domain-button",
       label: t("neetoMolecules.customDomain.addNew"),
@@ -5026,9 +6033,9 @@ var CustomDomain = function CustomDomain(_ref) {
     })
   }, headerProps)), (cov_24yn1i4hss().b[0][0]++, isLoading) && (cov_24yn1i4hss().b[0][1]++, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "h-screen w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.PageLoader, null))), (cov_24yn1i4hss().b[1][0]++, !isLoading) && (cov_24yn1i4hss().b[1][1]++, pure.isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) ? (cov_24yn1i4hss().b[2][0]++, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(PageLoader, null))), (cov_24yn1i4hss().b[1][0]++, !isLoading) && (cov_24yn1i4hss().b[1][1]++, pure.isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) ? (cov_24yn1i4hss().b[2][0]++, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full flex-grow"
-  }, /*#__PURE__*/React__default["default"].createElement(layouts.SubHeader, {
+  }, /*#__PURE__*/React__default["default"].createElement(SubHeader, {
     leftActionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       className: "neeto-ui-gray-800 font-semibold",
       component: "h4"