@capillarytech/blaze-ui 2.7.0 → 2.7.1-beta.0

package/dist/index.js

@@ -341,6 +341,20 @@ var _default = exports["default"] = {
 
 /***/ }),
 
+/***/ 51:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _CapSelectFilter = _interopRequireDefault(__webpack_require__(3707));
+exports["default"] = _CapSelectFilter.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+/***/ }),
+
 /***/ 92:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -7296,6 +7310,58 @@ function _isNativeReflectConstruct() {
 }
 
 
+/***/ }),
+
+/***/ 2208:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4284);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5269);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+;
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()), options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
+
+
 /***/ }),
 
 /***/ 2232:
@@ -7705,6 +7771,7 @@ module.exports = ___CSS_LOADER_EXPORT___;
 exports.__esModule = true;
 var _exportNames = {
   CapAlert: true,
+  CapAppNotEnabled: true,
   CapButton: true,
   CapCard: true,
   CapCheckbox: true,
@@ -7722,7 +7789,9 @@ var _exportNames = {
   CapRadio: true,
   CapRow: true,
   CapSlideBox: true,
+  CapSelectFilter: true,
   CapSkeleton: true,
+  CapSomethingWentWrong: true,
   CapSpin: true,
   CapSwitch: true,
   CapTab: true,
@@ -7737,9 +7806,11 @@ var _exportNames = {
   getCapUIFontLinks: true,
   styledVars: true
 };
-exports.styledVars = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = exports.LocaleHoc = exports.CapUnifiedSelect = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTable = exports.CapTab = exports.CapSwitch = exports.CapSpin = exports.CapSlideBox = exports.CapSkeleton = exports.CapRow = exports.CapRadio = exports.CapMenu = exports.CapLabel = exports.CapInput = exports.CapImage = exports.CapIcon = exports.CapFormItem = exports.CapForm = exports.CapError = exports.CapDropdown = exports.CapDivider = exports.CapColumn = exports.CapCheckbox = exports.CapCard = exports.CapButton = exports.CapAlert = void 0;
+exports.styledVars = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = exports.LocaleHoc = exports.CapUnifiedSelect = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTable = exports.CapTab = exports.CapSwitch = exports.CapSpin = exports.CapSomethingWentWrong = exports.CapSlideBox = exports.CapSkeleton = exports.CapSelectFilter = exports.CapRow = exports.CapRadio = exports.CapMenu = exports.CapLabel = exports.CapInput = exports.CapImage = exports.CapIcon = exports.CapFormItem = exports.CapForm = exports.CapError = exports.CapDropdown = exports.CapDivider = exports.CapColumn = exports.CapCheckbox = exports.CapCard = exports.CapButton = exports.CapAppNotEnabled = exports.CapAlert = void 0;
 var _CapAlert = _interopRequireDefault(__webpack_require__(8501));
 exports.CapAlert = _CapAlert.default;
+var _CapAppNotEnabled = _interopRequireDefault(__webpack_require__(8290));
+exports.CapAppNotEnabled = _CapAppNotEnabled.default;
 var _CapButton = _interopRequireDefault(__webpack_require__(8793));
 exports.CapButton = _CapButton.default;
 var _CapCard = _interopRequireDefault(__webpack_require__(9531));
@@ -7774,8 +7845,12 @@ var _CapRow = _interopRequireDefault(__webpack_require__(7375));
 exports.CapRow = _CapRow.default;
 var _CapSlideBox = _interopRequireDefault(__webpack_require__(9859));
 exports.CapSlideBox = _CapSlideBox.default;
+var _CapSelectFilter = _interopRequireDefault(__webpack_require__(51));
+exports.CapSelectFilter = _CapSelectFilter.default;
 var _CapSkeleton = _interopRequireDefault(__webpack_require__(5798));
 exports.CapSkeleton = _CapSkeleton.default;
+var _CapSomethingWentWrong = _interopRequireDefault(__webpack_require__(9214));
+exports.CapSomethingWentWrong = _CapSomethingWentWrong.default;
 var _CapSpin = _interopRequireDefault(__webpack_require__(1549));
 exports.CapSpin = _CapSpin.default;
 var _CapSwitch = _interopRequireDefault(__webpack_require__(5441));
@@ -7810,6 +7885,28 @@ exports.styledVars = _styledVars;
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 
+/***/ }),
+
+/***/ 2465:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-app-not-enabled{display:flex;flex-direction:column;width:100%}.blaze-ui-cap-app-not-enabled .blaze-ui-cap-app-not-enabled-header{text-align:left}.blaze-ui-cap-app-not-enabled .blaze-ui-empty-state-container{width:32.143rem;margin:0 auto;margin-top:5.357rem;text-align:center}.blaze-ui-cap-app-not-enabled .blaze-ui-empty-state-container img{display:block;margin:0 auto}.blaze-ui-cap-app-not-enabled .blaze-ui-empty-state-container .blaze-ui-title{margin-top:2.429rem}.blaze-ui-cap-app-not-enabled .blaze-ui-empty-state-container .blaze-ui-description{margin-top:.571rem}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-app-not-enabled": `blaze-ui-cap-app-not-enabled`,
+	"cap-app-not-enabled-header": `blaze-ui-cap-app-not-enabled-header`,
+	"empty-state-container": `blaze-ui-empty-state-container`,
+	"title": `blaze-ui-title`,
+	"description": `blaze-ui-description`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 2491:
@@ -28179,6 +28276,123 @@ function useMemo(getValue, condition, shouldUpdate) {
 
 /***/ }),
 
+/***/ 3707:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.renderMenuItem = exports.renderDropdownMenu = exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _CapDropdown = _interopRequireDefault(__webpack_require__(6548));
+var _CapHeading = _interopRequireDefault(__webpack_require__(8053));
+var _CapIcon = _interopRequireDefault(__webpack_require__(8244));
+var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
+var _styles = _interopRequireDefault(__webpack_require__(9191));
+var _jsxRuntime = __webpack_require__(4848);
+const _excluded = ["className", "overlayClassName", "onSelect", "selectedValue", "placeholder", "placement", "width", "dropdownMaxHeight", "dropdownWidth", "data", "showBadge"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const {
+  CapLabelInline
+} = _CapLabel.default;
+const clsPrefix = 'cap-select-filter-v2';
+const renderMenuItem = (items, selectedValue) => {
+  return items.map(item => ({
+    key: item.key,
+    label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
+      type: "h5",
+      children: item.label
+    }),
+    className: (0, _classnames.default)(_styles.default['menu-item'], {
+      [_styles.default['menu-item-selected']]: item.value === selectedValue
+    }),
+    'data-value': item.value
+  }));
+};
+exports.renderMenuItem = renderMenuItem;
+const renderDropdownMenu = (menu, dropdownMaxHeight, dropdownWidth) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _styles.default['menu-wrapper'],
+    style: {
+      maxHeight: dropdownMaxHeight,
+      width: dropdownWidth,
+      overflowY: 'auto'
+    },
+    children: menu
+  });
+};
+exports.renderDropdownMenu = renderDropdownMenu;
+const CapSelectFilter = _ref => {
+  let {
+      className,
+      overlayClassName,
+      onSelect,
+      selectedValue,
+      placeholder,
+      placement = 'bottomLeft',
+      width = '80px',
+      dropdownMaxHeight = '320px',
+      dropdownWidth = '228px',
+      data = [],
+      showBadge = false
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const handleMenuClick = info => {
+    if (!onSelect || !info.domEvent) return;
+    const event = info.domEvent;
+    const menuItem = data.find(item => item.key === info.key);
+    if (menuItem) {
+      const syntheticEvent = _extends({}, event, {
+        currentTarget: {
+          getAttribute: attr => attr === 'value' ? menuItem.value : null
+        }
+      });
+      onSelect(syntheticEvent);
+      return;
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapDropdown.default, _extends({
+    placement: placement,
+    trigger: ['click'],
+    menu: {
+      items: renderMenuItem(data, selectedValue),
+      onClick: handleMenuClick
+    },
+    className: (0, _classnames.default)(_styles.default[clsPrefix], className),
+    overlayClassName: (0, _classnames.default)(clsPrefix + "-overlay", overlayClassName),
+    dropdownRender: menu => renderDropdownMenu(menu, dropdownMaxHeight, dropdownWidth),
+    getPopupContainer: trigger => trigger.parentNode
+  }, rest, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(_styles.default['styled-div'], {
+        [_styles.default['styled-div-selected']]: selectedValue,
+        [_styles.default['styled-div-with-badge']]: Boolean(showBadge) && Boolean(selectedValue)
+      }),
+      style: {
+        width: showBadge && selectedValue ? "calc(" + width + " + 25px)" : width
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+        type: "label9",
+        children: placeholder
+      }), showBadge && selectedValue && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _styles.default['badge'],
+        children: [selectedValue].length
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+        className: _styles.default['dropdown-icon'],
+        type: "down",
+        size: "s"
+      })]
+    })
+  }));
+};
+var _default = exports["default"] = CapSelectFilter;
+
+/***/ }),
+
 /***/ 3737:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -33049,6 +33263,16 @@ function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else i
 
 /***/ }),
 
+/***/ 4191:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+
+/***/ }),
+
 /***/ 4228:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -35627,6 +35851,25 @@ ___CSS_LOADER_EXPORT___.locals = {
 module.exports = ___CSS_LOADER_EXPORT___;
 
 
+/***/ }),
+
+/***/ 5269:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-something-went-wrong{display:flex;flex-direction:column;height:100vh;justify-content:center;align-items:center}.blaze-ui-cap-something-went-wrong-button{color:#2466ea}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-something-went-wrong": `blaze-ui-cap-something-went-wrong`,
+	"cap-something-went-wrong-button": `blaze-ui-cap-something-went-wrong-button`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 5282:
@@ -47405,6 +47648,58 @@ var PlusSquareOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64
 exports["default"] = PlusSquareOutlined;
 
 
+/***/ }),
+
+/***/ 6254:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4284);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2465);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+;
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()), options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
+
+
 /***/ }),
 
 /***/ 6286:
@@ -49900,6 +50195,73 @@ exports.initFadeMotion = initFadeMotion;
 
 /***/ }),
 
+/***/ 7227:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _repairIllustration = _interopRequireDefault(__webpack_require__(7880));
+var _CapButton = _interopRequireDefault(__webpack_require__(8793));
+var _CapHeading = _interopRequireDefault(__webpack_require__(8053));
+var _CapImage = _interopRequireDefault(__webpack_require__(5842));
+var _styles = _interopRequireDefault(__webpack_require__(2208));
+var _jsxRuntime = __webpack_require__(4848);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CapSomethingWentWrong = _ref => {
+  let {
+    className,
+    titleClassName,
+    descClassName,
+    buttonClassName,
+    title,
+    description,
+    reloadText,
+    url,
+    onClickReload
+  } = _ref;
+  const handleReload = () => {
+    var _window$location;
+    if (onClickReload) {
+      onClickReload();
+      return;
+    }
+    if ((_window$location = window.location) != null && (_window$location = _window$location.pathname) != null && _window$location.includes('somethingwentwrong')) {
+      window.location.href = url;
+    } else {
+      window.location.reload();
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(_styles.default['cap-something-went-wrong'], className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapImage.default, {
+      src: _repairIllustration.default,
+      alt: "Repair illustration fallback"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
+      type: "h3",
+      className: titleClassName,
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
+      type: "h5",
+      className: descClassName,
+      children: description
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapButton.default, {
+      type: "link",
+      className: (0, _classnames.default)(_styles.default['cap-something-went-wrong-button'], buttonClassName),
+      onClick: handleReload,
+      children: reloadText
+    })]
+  });
+};
+CapSomethingWentWrong.displayName = 'CapSomethingWentWrong';
+var _default = exports["default"] = CapSomethingWentWrong;
+
+/***/ }),
+
 /***/ 7248:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -51486,6 +51848,14 @@ function cloneElement(element, props) {
 
 /***/ }),
 
+/***/ 7880:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+module.exports = __webpack_require__.p + "assets/repair-illustration.png";
+
+/***/ }),
+
 /***/ 8033:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -52171,6 +52541,14 @@ var _default = exports["default"] = warning;
 
 /***/ }),
 
+/***/ 8195:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+module.exports = __webpack_require__.p + "assets/feature-ui-disabled-illustration.svg";
+
+/***/ }),
+
 /***/ 8244:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -52255,6 +52633,28 @@ var _default = exports["default"] = locale;
 
 /***/ }),
 
+/***/ 8290:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+var _exportNames = {};
+exports["default"] = void 0;
+var _CapAppNotEnabled = _interopRequireDefault(__webpack_require__(9163));
+exports["default"] = _CapAppNotEnabled.default;
+var _CapAppNotEnabled2 = __webpack_require__(4191);
+Object.keys(_CapAppNotEnabled2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CapAppNotEnabled2[key]) return;
+  exports[key] = _CapAppNotEnabled2[key];
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+/***/ }),
+
 /***/ 8299:
 /***/ ((__unused_webpack_module, exports) => {
 
@@ -56673,6 +57073,87 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
        /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
 
 
+/***/ }),
+
+/***/ 9163:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _featureUiDisabledIllustration = _interopRequireDefault(__webpack_require__(8195));
+var _CapHeading = _interopRequireDefault(__webpack_require__(8053));
+var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
+var _styles = _interopRequireDefault(__webpack_require__(6254));
+var _jsxRuntime = __webpack_require__(4848);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CapAppNotEnabled = _ref => {
+  let {
+    headerText,
+    title,
+    description,
+    className,
+    style
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(_styles.default['cap-app-not-enabled'], className),
+    style: style,
+    children: [headerText && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _styles.default['cap-app-not-enabled-header'],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
+        type: "h1",
+        children: headerText
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _styles.default['empty-state-container'],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _featureUiDisabledIllustration.default,
+        alt: ""
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
+        type: "h3",
+        className: _styles.default['title'],
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+        type: "label15",
+        className: _styles.default['description'],
+        children: description
+      })]
+    })]
+  });
+};
+CapAppNotEnabled.displayName = 'CapAppNotEnabled';
+var _default = exports["default"] = CapAppNotEnabled;
+
+/***/ }),
+
+/***/ 9166:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-select-filter-v2{display:inline-block}.blaze-ui-styled-div{position:relative;display:flex;align-items:center;padding:.571rem .571rem .571rem 1.142rem;border:.071rem solid #9e9d87;border-radius:1.142rem;height:2.285rem;background-color:rgba(0,0,0,0);cursor:pointer;transition:all .3s ease}.blaze-ui-styled-div:hover{border-color:#091e42}.blaze-ui-styled-div.blaze-ui-styled-div-selected{border:none;background-color:#ecece7}.blaze-ui-styled-div.blaze-ui-ant-dropdown-open{border-color:#091e42}.blaze-ui-menu-wrapper{border:.071rem solid #e8e8e8}.blaze-ui-menu-wrapper .ant-dropdown-menu{border:none;box-shadow:none}.blaze-ui-menu-item{background-color:rgba(0,0,0,0);border-left:.214rem solid rgba(0,0,0,0)}.blaze-ui-menu-item.blaze-ui-menu-item-selected{background-color:#e9f0fe;border-left-color:#2466ea}.blaze-ui-badge{display:flex;align-items:center;justify-content:center;background-color:#ea213a;color:#fff;height:1.143rem;width:1.143rem;border-radius:50%;margin:0 .285rem;font-size:.857rem;font-weight:500;line-height:normal}.blaze-ui-dropdown-icon{position:absolute;right:.571rem}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-select-filter-v2": `blaze-ui-cap-select-filter-v2`,
+	"styled-div": `blaze-ui-styled-div`,
+	"styled-div-selected": `blaze-ui-styled-div-selected`,
+	"ant-dropdown-open": `blaze-ui-ant-dropdown-open`,
+	"menu-wrapper": `blaze-ui-menu-wrapper`,
+	"menu-item": `blaze-ui-menu-item`,
+	"menu-item-selected": `blaze-ui-menu-item-selected`,
+	"badge": `blaze-ui-badge`,
+	"dropdown-icon": `blaze-ui-dropdown-icon`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 9180:
@@ -56686,6 +57167,58 @@ var CloseOutlined = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd",
 exports["default"] = CloseOutlined;
 
 
+/***/ }),
+
+/***/ 9191:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4284);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9166);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+;
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()), options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
+
+
 /***/ }),
 
 /***/ 9206:
@@ -56696,6 +57229,20 @@ module.exports = require("react");
 
 /***/ }),
 
+/***/ 9214:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _CapSomethingWentWrong = _interopRequireDefault(__webpack_require__(7227));
+exports["default"] = _CapSomethingWentWrong.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+/***/ }),
+
 /***/ 9311:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -58800,6 +59347,11 @@ var _default = exports["default"] = genRadius;
 /******/ 		};
 /******/ 	})();
 /******/ 	
+/******/ 	/* webpack/runtime/publicPath */
+/******/ 	(() => {
+/******/ 		__webpack_require__.p = "";
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/nonce */
 /******/ 	(() => {
 /******/ 		__webpack_require__.nc = undefined;