@capillarytech/blaze-ui 5.0.7 → 5.0.9

package/index.js

@@ -1449,6 +1449,95 @@ const CapNotificationDropdown = _ref => {
 };
 var _default = exports["default"] = CapNotificationDropdown;
 
+/***/ }),
+
+/***/ 1344:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-navbar a,.cap-navbar a:hover,.cap-navbar a:visited,.cap-navbar a:focus{text-decoration:none;color:#091e42}.cap-navbar-header{background-color:#fff;padding:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8;width:100%;position:fixed;z-index:100;height:4.571rem;box-shadow:none}.cap-navbar-new-header{background-color:rgba(0,0,0,0);padding:0;display:flex;justify-content:space-between;align-items:center;width:calc(100vw - 21.42rem);position:fixed;z-index:100;height:4rem;box-shadow:none;margin-left:20.57rem;background-color:#fff !important}.cap-navbar-drawer global .ant-drawer-header{border-bottom:1px solid #dfe2e7;height:4.571rem;padding:0}.cap-navbar-drawer global .ant-drawer-body{padding:0}.cap-navbar-drawer global .ant-list.cap-list-v2.ant-list-split .ant-list-item{border-bottom:0;padding-top:1.714rem;padding-bottom:0}.cap-navbar-drawer .cap-icon-v2-tick{padding-top:.285rem;margin-right:.857rem}.cap-navbar-menu .ant-dropdown-menu-item{line-height:1.428rem}.cap-navbar-divider{height:1.428rem;align-self:center}.top-bar-select-selection{width:240px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:0 0 0 .571rem;margin:.571rem 0;height:3.428rem;border:1px solid rgba(0,0,0,0)}.top-bar-select-selection.open{border-radius:.285rem;border:1px solid #b3bac5}.top-bar-select-selection.secondary-select{margin-left:0}.top-bar-select-selected-value{font-size:1.143rem;font-weight:500;display:flex;align-items:center;min-width:188px}.top-bar-select-overflow-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-bar-select-selected-value-label{max-width:150px}.top-bar-select-selected-ou-value-label{display:inline-flex;align-items:baseline;justify-content:space-between;width:150px}.cap-navbar-menu{flex-grow:.3}@media screen and (min-width: 1260px){.cap-navbar-menu{margin-right:60px}}.cap-navbar-menu-item.ant-menu-item{color:#5e6c84}.cap-navbar-menu-item.ant-menu-item-selected{font-weight:500}.cap-navbar-menu-item.ant-menu-item-selected,.cap-navbar-menu-item.ant-menu-item:hover{color:#091e42;border-bottom:2px solid #091e42}.cap-navbar-vertical{height:1.428rem;margin-right:15px}.user-profile{width:17.714rem;display:flex;flex-direction:column;align-items:center;margin-top:.6rem}.user-profile-name-wrapper{display:flex;justify-content:center;align-items:center;background-color:#9e1d71;width:2.857rem;height:2.857rem;border-radius:1.142rem}.user-profile-avatar{font-weight:500;font-size:1.143rem;color:#fff}.user-profile-name{margin:.8rem 0 .2rem;font-weight:500}.user-profile-loginName{font-size:.857rem;opacity:.8}.user-profile .ant-divider-horizontal{width:20.2rem;margin:1rem 0 .857rem}.lang-wrapper{display:flex;align-items:center}.lang-icon{margin-right:.4rem;opacity:.6}.logout-wrapper{display:flex;align-items:center;margin-bottom:.286rem}.logout-text{font-weight:500;margin-left:.4rem;cursor:pointer}.cap-navbar-topbarIcon{padding:.857rem;margin:0 2px}.cap-navbar-new-topbarIcon{padding:.571rem}.cap-navbar-topbarIcon:hover{background-color:#ebecf0;border-radius:1.714rem;cursor:pointer}.cap-navbar-user{cursor:pointer}@media screen and (min-width: 1260px){.cap-navbar-user{margin:0 1.714rem 0 3.142rem}}@media screen and (max-width: 1260px){.cap-navbar-user{margin:0 1.714rem 0 2.857rem}}.cap-navbar-new-user{cursor:pointer}@media screen and (min-width: 1260px){.cap-navbar-new-user.expanded{margin:0 0 0 3%}.cap-navbar-new-user.collapsed{margin:0 6% 0 3%}}@media screen and (max-width: 1260px){.cap-navbar-new-user{margin:0 4.571rem 0 2.857rem}}.top-bar-select-selected-icon{margin-right:.571rem}.cap-navbar-user,.cap-navbar-new-user,.top-bar-select-selected-icon{display:flex;align-items:center;justify-content:center;position:relative;height:2.285rem;width:2.285rem}.cap-navbar-user .text-label,.cap-navbar-new-user .text-label,.top-bar-select-selected-icon .text-label{position:absolute;right:47%;top:50%;transform:translate(50%, -50%);line-height:14px}.oval{width:2.285rem;height:2.285rem;background:#dfe2e7;border-radius:36%;display:flex}.oval .text-label{position:relative;right:47%;top:22%}.top-bar-select-header{padding:.571rem 1.142rem 1.428rem 1.142rem;font-size:1rem;font-weight:500}.top-bar-select-select-item,.top-bar-select-select-ou-org-item,.top-bar-select-select-ou-item{cursor:pointer}.top-bar-select-select-item:hover,.top-bar-select-select-ou-org-item:hover,.top-bar-select-select-ou-item:hover{background-color:#faf9f4}.top-bar-select-select-item.selected,.top-bar-select-select-ou-org-item.selected,.top-bar-select-select-ou-item.selected{color:#2466ea;font-weight:500;position:relative;background-color:rgba(36,102,234,.1)}.top-bar-select-select-item.selected:before,.top-bar-select-select-ou-org-item.selected:before,.top-bar-select-select-ou-item.selected:before{content:" ";width:2px;height:100%;left:0;top:0;position:absolute;background-color:#2466ea}.top-bar-select-select-item{padding:.571rem .571rem .571rem 1.714rem}.top-bar-select-select-ou-org-item{padding:.571rem .571rem .571rem .571rem}.top-bar-select-select-ou-item{padding:.571rem 1.142rem .571rem 2.857rem;display:flex;justify-content:space-between;align-items:baseline}.top-bar-select-no-results{display:flex;justify-content:center;flex-direction:column}.top-bar-select-no-results .top-bar-select-no-results-text{margin-top:8px;text-align:center;color:#97a0af;font-size:.857rem}.ant-popover.top-bar-select-popover,.ant-popover.cap-navbar-user-popover{padding-top:0;width:260px}.ant-popover.top-bar-select-popover .ant-popover-inner-content,.ant-popover.cap-navbar-user-popover .ant-popover-inner-content{padding-left:0;padding-right:0}.ant-popover.top-bar-select-popover .ant-popover-arrow,.ant-popover.cap-navbar-user-popover .ant-popover-arrow{display:none}.top-bar-select-search{padding:0 1.142rem 1.142rem 1.142rem}.top-bar-select-items-wrapper{max-height:200px}.top-bar-select-arrow{margin-right:.857rem}.cap-navbar-user-popover{width:260px}.cap-navbar-user-popover-item{cursor:pointer;display:flex;align-items:center;justify-content:space-between}.cap-navbar-person{z-index:0}.cap-navbar-flexDisplay{display:flex;flex-grow:1;align-items:center}.cap-navbar-more-app{height:1.714rem;width:1.614rem;margin:17px 10px 17px 21px}.cap-navbar-product-title{margin:1.428rem .857rem 1.428rem 1.714rem}.cap-navbar-new-dimensions{height:2.857rem;width:220px}.cap-navbar-new-dimensions .top-bar-select-selection{justify-content:unset;border:1px solid #b3bac5;border-radius:4px;margin:0;height:2.857rem}.cap-navbar-new-dimensions .top-bar-select-arrow{margin-left:.857rem;margin-right:unset}.cap-navbar-dimensions{width:17.143rem}.cap-navbar-heading{font-weight:500}.cap-navbar-capitalize{text-transform:capitalize}.cap-navbar-cursor-pointer{cursor:pointer}.breadcrumbs-topbar-expanded{font-weight:500 !important;color:#5e6c84 !important}.breadcrumbs-topbar-collapsed{font-weight:500 !important;color:#5e6c84 !important}.user-profile-icon{width:2.5rem;height:2.5rem;border-radius:.9375rem;background-color:#ebecf0;margin-right:.75rem}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-navbar": `cap-navbar`,
+	"cap-navbar-header": `cap-navbar-header`,
+	"cap-navbar-new-header": `cap-navbar-new-header`,
+	"cap-navbar-drawer": `cap-navbar-drawer`,
+	"ant-drawer-header": `ant-drawer-header`,
+	"ant-drawer-body": `ant-drawer-body`,
+	"ant-list": `ant-list`,
+	"cap-list-v2": `cap-list-v2`,
+	"ant-list-split": `ant-list-split`,
+	"ant-list-item": `ant-list-item`,
+	"cap-icon-v2-tick": `cap-icon-v2-tick`,
+	"cap-navbar-menu": `cap-navbar-menu`,
+	"ant-dropdown-menu-item": `ant-dropdown-menu-item`,
+	"cap-navbar-divider": `cap-navbar-divider`,
+	"top-bar-select-selection": `top-bar-select-selection`,
+	"open": `open`,
+	"secondary-select": `secondary-select`,
+	"top-bar-select-selected-value": `top-bar-select-selected-value`,
+	"top-bar-select-overflow-ellipsis": `top-bar-select-overflow-ellipsis`,
+	"top-bar-select-selected-value-label": `top-bar-select-selected-value-label`,
+	"top-bar-select-selected-ou-value-label": `top-bar-select-selected-ou-value-label`,
+	"cap-navbar-menu-item": `cap-navbar-menu-item`,
+	"ant-menu-item": `ant-menu-item`,
+	"ant-menu-item-selected": `ant-menu-item-selected`,
+	"cap-navbar-vertical": `cap-navbar-vertical`,
+	"user-profile": `user-profile`,
+	"user-profile-name-wrapper": `user-profile-name-wrapper`,
+	"user-profile-avatar": `user-profile-avatar`,
+	"user-profile-name": `user-profile-name`,
+	"user-profile-loginName": `user-profile-loginName`,
+	"ant-divider-horizontal": `ant-divider-horizontal`,
+	"lang-wrapper": `lang-wrapper`,
+	"lang-icon": `lang-icon`,
+	"logout-wrapper": `logout-wrapper`,
+	"logout-text": `logout-text`,
+	"cap-navbar-topbarIcon": `cap-navbar-topbarIcon`,
+	"cap-navbar-new-topbarIcon": `cap-navbar-new-topbarIcon`,
+	"cap-navbar-user": `cap-navbar-user`,
+	"cap-navbar-new-user": `cap-navbar-new-user`,
+	"expanded": `expanded`,
+	"collapsed": `collapsed`,
+	"top-bar-select-selected-icon": `top-bar-select-selected-icon`,
+	"text-label": `text-label`,
+	"oval": `oval`,
+	"top-bar-select-header": `top-bar-select-header`,
+	"top-bar-select-select-item": `top-bar-select-select-item`,
+	"top-bar-select-select-ou-org-item": `top-bar-select-select-ou-org-item`,
+	"top-bar-select-select-ou-item": `top-bar-select-select-ou-item`,
+	"selected": `selected`,
+	"top-bar-select-no-results": `top-bar-select-no-results`,
+	"top-bar-select-no-results-text": `top-bar-select-no-results-text`,
+	"ant-popover": `ant-popover`,
+	"top-bar-select-popover": `top-bar-select-popover`,
+	"cap-navbar-user-popover": `cap-navbar-user-popover`,
+	"ant-popover-inner-content": `ant-popover-inner-content`,
+	"ant-popover-arrow": `ant-popover-arrow`,
+	"top-bar-select-search": `top-bar-select-search`,
+	"top-bar-select-items-wrapper": `top-bar-select-items-wrapper`,
+	"top-bar-select-arrow": `top-bar-select-arrow`,
+	"cap-navbar-user-popover-item": `cap-navbar-user-popover-item`,
+	"cap-navbar-person": `cap-navbar-person`,
+	"cap-navbar-flexDisplay": `cap-navbar-flexDisplay`,
+	"cap-navbar-more-app": `cap-navbar-more-app`,
+	"cap-navbar-product-title": `cap-navbar-product-title`,
+	"cap-navbar-new-dimensions": `cap-navbar-new-dimensions`,
+	"cap-navbar-dimensions": `cap-navbar-dimensions`,
+	"cap-navbar-heading": `cap-navbar-heading`,
+	"cap-navbar-capitalize": `cap-navbar-capitalize`,
+	"cap-navbar-cursor-pointer": `cap-navbar-cursor-pointer`,
+	"breadcrumbs-topbar-expanded": `breadcrumbs-topbar-expanded`,
+	"breadcrumbs-topbar-collapsed": `breadcrumbs-topbar-collapsed`,
+	"user-profile-icon": `user-profile-icon`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 1379:
@@ -2422,6 +2511,241 @@ module.exports = require("dayjs/plugin/customParseFormat");
 
 /***/ }),
 
+/***/ 2834:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.transformOrgOuToTreeOptions = exports.isSelectDisabled = exports.handleSelectChange = exports.getSelectedValue = exports.getSelectType = exports.findParentOrgValue = exports.extractLabelText = exports.createPrefix = void 0;
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
+var _CapRow = _interopRequireDefault(__webpack_require__(69813));
+var _icons = __webpack_require__(30775);
+var _capillary_logo = _interopRequireDefault(__webpack_require__(69038));
+var styledVars = _interopRequireWildcard(__webpack_require__(56587));
+var _jsxRuntime = __webpack_require__(74848);
+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 }; }
+/**
+ * Transforms org/OU data structure (accessibleOus) to tree structure (children)
+ * and adds sitemap icons for organizations with OUs
+ */
+const transformOrgOuToTreeOptions = function (items) {
+  if (items === void 0) {
+    items = [];
+  }
+  return items.map(org => {
+    var _org$accessibleOus;
+    const hasOus = org.accessibleOus && org.accessibleOus.length > 0;
+
+    // For organizations with OUs, add sitemap icon to label
+    const orgLabel = hasOus ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+      align: "middle",
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+        type: "sitemap",
+        size: "s",
+        style: {
+          marginRight: styledVars.CAP_SPACE_04
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: org.label
+      })]
+    }) : org.label;
+    return {
+      value: org.value,
+      label: orgLabel,
+      // Store original label as string for prefix extraction
+      originalLabel: org.label,
+      key: org.key,
+      children: (_org$accessibleOus = org.accessibleOus) == null ? void 0 : _org$accessibleOus.map(ou => ({
+        value: ou.value,
+        label: ou.label,
+        key: ou.key,
+        // Store parent org label for OU display
+        parentOrgLabel: org.label
+      }))
+    };
+  });
+};
+
+/**
+ * Determines the selected value (prefer OU value if selected, otherwise org value)
+ */
+exports.transformOrgOuToTreeOptions = transformOrgOuToTreeOptions;
+const getSelectedValue = (selectedItem, selectedOuItem) => {
+  if (selectedOuItem !== undefined && selectedOuItem !== null && selectedOuItem !== -1) {
+    return selectedOuItem;
+  }
+  return selectedItem;
+};
+
+/**
+ * Extracts label text from a node, handling both string and React element labels
+ */
+exports.getSelectedValue = getSelectedValue;
+const extractLabelText = node => {
+  if (!node) return '';
+  if (typeof node.label === 'string') {
+    return node.label;
+  }
+  if (node.originalLabel) {
+    return String(node.originalLabel);
+  }
+  if (node.label && typeof node.label === 'object' && 'props' in node.label) {
+    var _props;
+    // Try to extract text from React element (for org labels with icons)
+    const children = (_props = node.label.props) == null ? void 0 : _props.children;
+    if (Array.isArray(children)) {
+      var _textChild$props;
+      const textChild = children.find(child => {
+        var _child$props;
+        return typeof child === 'string' || typeof child === 'object' && (child == null || (_child$props = child.props) == null ? void 0 : _child$props.children);
+      });
+      return typeof textChild === 'string' ? textChild : String((textChild == null || (_textChild$props = textChild.props) == null ? void 0 : _textChild$props.children) || '');
+    }
+    if (typeof children === 'string') {
+      return children;
+    }
+  }
+  return '';
+};
+
+/**
+ * Creates the prefix component for selected value display (logo + first letter)
+ */
+exports.extractLabelText = extractLabelText;
+const createPrefix = (value, treeMaps, showCapillaryIcon) => {
+  if (!value) return null;
+  const node = treeMaps.nodeMap[value];
+  const labelText = extractLabelText(node);
+  if (showCapillaryIcon) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: _capillary_logo.default,
+      alt: "",
+      style: {
+        marginRight: 8,
+        width: 24,
+        height: 24
+      }
+    });
+  }
+  if (labelText) {
+    var _labelText$;
+    const firstLetter = ((_labelText$ = labelText[0]) == null ? void 0 : _labelText$.toUpperCase()) || '';
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        marginRight: 8,
+        position: 'relative'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LogoBackground, {
+        width: 24,
+        height: 24
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: {
+          position: 'absolute',
+          left: '50%',
+          top: '50%',
+          transform: 'translate(-50%, -50%)',
+          lineHeight: '14px',
+          fontSize: '14px'
+        },
+        children: firstLetter
+      })]
+    });
+  }
+  return null;
+};
+
+/**
+ * Finds the parent org value for a given OU value
+ */
+exports.createPrefix = createPrefix;
+const findParentOrgValue = (selectedValue, treeMaps) => {
+  const parentKey = Object.keys(treeMaps.parentChildMap).find(key => {
+    const children = treeMaps.parentChildMap[key];
+    return children == null ? void 0 : children.includes(selectedValue);
+  });
+  if (!parentKey) return undefined;
+
+  // Convert parentKey to same type as selectedValue
+  if (typeof selectedValue === 'number') {
+    const parentValueTyped = Number(parentKey);
+    if (!isNaN(parentValueTyped)) {
+      return parentValueTyped;
+    }
+  }
+  return parentKey;
+};
+
+/**
+ * Transforms CapUnifiedSelect's onChange to handleItemChange signature
+ */
+exports.findParentOrgValue = findParentOrgValue;
+const handleSelectChange = (newValue, treeMaps, handleItemChange) => {
+  if (!handleItemChange) return;
+
+  // Handle clear/undefined
+  if (newValue === undefined || newValue === null) {
+    handleItemChange(undefined, undefined, undefined);
+    return;
+  }
+
+  // For single select, newValue is a single value
+  const selectedValue = Array.isArray(newValue) ? newValue[0] : newValue;
+  const node = treeMaps.nodeMap[selectedValue];
+  if (!node) {
+    handleItemChange(selectedValue, undefined, undefined);
+    return;
+  }
+
+  // Check if selected value is a leaf (OU) or parent (org)
+  const isLeaf = treeMaps.leafValues.includes(selectedValue);
+  if (isLeaf) {
+    // Selected an OU - find parent org
+    const parentValue = findParentOrgValue(selectedValue, treeMaps);
+    const parentNode = parentValue !== undefined ? treeMaps.nodeMap[parentValue] : undefined;
+    handleItemChange(parentValue !== undefined ? parentValue : selectedValue, parentNode || node, selectedValue);
+  } else {
+    // Selected an org (no OU)
+    handleItemChange(selectedValue, node, undefined);
+  }
+};
+
+/**
+ * Checks if select should be disabled (fixed org or only one org exists)
+ */
+exports.handleSelectChange = handleSelectChange;
+const isSelectDisabled = function (fixedOrg, items) {
+  var _items$0$accessibleOu;
+  if (items === void 0) {
+    items = [];
+  }
+  return fixedOrg || items.length === 1 && !((_items$0$accessibleOu = items[0].accessibleOus) != null && _items$0$accessibleOu.length);
+};
+
+/**
+ * Determines if treeSelect or select should be used based on whether items have OUs
+ */
+exports.isSelectDisabled = isSelectDisabled;
+const getSelectType = function (items) {
+  if (items === void 0) {
+    items = [];
+  }
+  const hasOus = items.some(item => item.accessibleOus && item.accessibleOus.length > 0);
+  return hasOus ? 'treeSelect' : 'select';
+};
+exports.getSelectType = getSelectType;
+
+/***/ }),
+
 /***/ 2841:
 /***/ ((module) => {
 
@@ -14048,515 +14372,6 @@ exports.useInfiniteScroll = useInfiniteScroll;
 
 /***/ }),
 
-/***/ 9174:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _classnames = _interopRequireDefault(__webpack_require__(46942));
-var _isEmpty = _interopRequireDefault(__webpack_require__(62193));
-var _react = _interopRequireDefault(__webpack_require__(9206));
-var _reactIntl = __webpack_require__(46407);
-var _CapColumn = _interopRequireDefault(__webpack_require__(4757));
-var _messages = _interopRequireDefault(__webpack_require__(81112));
-var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
-var _CapLabel = _interopRequireDefault(__webpack_require__(92675));
-var _CapRow = _interopRequireDefault(__webpack_require__(69813));
-var _CapTruncateList = _interopRequireDefault(__webpack_require__(14545));
-var _LocaleHoc = _interopRequireDefault(__webpack_require__(39879));
-var _variables = __webpack_require__(56587);
-var _constants = __webpack_require__(41859);
-var _styles = _interopRequireDefault(__webpack_require__(29236));
-var _jsxRuntime = __webpack_require__(74848);
-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); }
-/**
- * Timezone-safe date formatting helper that detects YYYY-MM-DD format
- * and constructs a local Date to avoid timezone shifts
- */
-function formatDateForPreview(input) {
-  if (!input) return '';
-  try {
-    const str = String(input);
-    const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(str);
-    const d = m ? new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3])) : new Date(str);
-    return Number.isNaN(d.getTime()) ? '' : d.toLocaleDateString('en-US');
-  } catch (_unused) {
-    return '';
-  }
-}
-const {
-  CapLabelInline
-} = _CapLabel.default;
-const CapConditionPreview = _ref => {
-  let {
-    className,
-    type,
-    operand,
-    operator,
-    dstData,
-    listData = null,
-    additionalFields,
-    isExcluded,
-    conditionName,
-    excludeMsg,
-    includeMsg,
-    whoseMsg,
-    isMsg,
-    andMsg,
-    equalMsg,
-    greaterThanMsg,
-    lessThanMsg,
-    greaterThanOrEqualMsg,
-    lessThanorEqualMsg,
-    inRangeMsg,
-    notEqualMsg,
-    lineItemMsg,
-    addedSKUsMsg,
-    skuFileName,
-    uploadedMsg,
-    inMsg,
-    notInMsg,
-    hideNumberAndProductFields = false,
-    viewMoreMsg,
-    storesMsg,
-    uploadInProgressMsg,
-    ViewMoreLink,
-    onClickConfigure,
-    blockId,
-    setPopoverVisible,
-    uploadFailedErrorMsg,
-    uploadInvalidErrorMsg,
-    entryTriggerEventAttribute,
-    dateTypeData
-  } = _ref;
-  const isStoreFilter = !(0, _isEmpty.default)(additionalFields == null ? void 0 : additionalFields.STORE_FILTER);
-  const operandsMapping = {
-    EQ: {
-      text: equalMsg,
-      isList: false
-    },
-    GT: {
-      text: greaterThanMsg,
-      isList: false
-    },
-    LT: {
-      text: lessThanMsg,
-      isList: false
-    },
-    GTE: {
-      text: greaterThanOrEqualMsg,
-      isList: false
-    },
-    LTE: {
-      text: lessThanorEqualMsg,
-      isList: false
-    },
-    IN_RANGE: {
-      text: inRangeMsg,
-      isList: true
-    },
-    NEQ: {
-      text: notEqualMsg,
-      isList: false
-    },
-    IN: {
-      text: inMsg,
-      isList: false
-    },
-    NOT_IN: {
-      text: notInMsg,
-      isList: false
-    },
-    IS_EXACT_DATE: {
-      text: _constants.TEXT_ON_MSG,
-      isList: false
-    },
-    IS_BEFORE_DATE: {
-      text: _constants.TEXT_BEFORE_MSG,
-      isList: false
-    },
-    IS_AFTER_DATE: {
-      text: _constants.TEXT_AFTER_MSG,
-      isList: false
-    },
-    IS_INBETWEEN_DATES: {
-      text: _constants.TEXT_BETWEEN_MSG,
-      isList: true
-    },
-    IS_BEFORE_DAYS: {
-      text: _constants.TEXT_DAYS_BEFORE_MSG,
-      isList: false
-    },
-    IS_AFTER_DAYS: {
-      text: _constants.TEXT_DAYS_AFTER_MSG,
-      isList: false
-    }
-  };
-  const ValuesPrefix = () => {
-    var _operandsMapping$oper;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: !hideNumberAndProductFields && operator ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-        type: "label18",
-        children: (_operandsMapping$oper = operandsMapping[operator]) == null ? void 0 : _operandsMapping$oper.text
-      }) : null
-    });
-  };
-  const downloadHandler = (event, data, downloadedFileName) => {
-    const target = event.currentTarget;
-    target.setAttribute('href', "data:text/csv;charset=utf-8," + encodeURIComponent(data));
-    target.setAttribute('download', downloadedFileName);
-  };
-  const downloadSKUs = function (event, list) {
-    if (list === void 0) {
-      list = [];
-    }
-    const csvArray = [[addedSKUsMsg != null ? addedSKUsMsg : '']];
-    list.forEach(sku => csvArray.push([sku]));
-    const csvContent = csvArray.map(e => e.join(',')).join('\n');
-    downloadHandler(event, csvContent, skuFileName != null ? skuFileName : '');
-  };
-  const OperandValues = _ref2 => {
-    var _operandsMapping$text, _operandsMapping;
-    let {
-      linkedFact,
-      linkedDataType,
-      linkedConditionExpression
-    } = _ref2;
-    let dataTypeLocal = type;
-    let listDataLocal = listData;
-    if (linkedFact) {
-      var _linkedConditionExpre;
-      dataTypeLocal = linkedDataType;
-      listDataLocal = (_linkedConditionExpre = linkedConditionExpression == null ? void 0 : linkedConditionExpression.operand) != null ? _linkedConditionExpre : [];
-    }
-    let hasUploadedStores = false;
-    let StoreUploadMsg = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-      type: "flex",
-      align: "middle",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
-        type: "in-progress",
-        size: "s",
-        svgProps: {
-          fill: _variables.FONT_COLOR_05
-        },
-        className: "progress-icon"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-        type: "label11",
-        className: "margin-l-4 margin-r-4",
-        children: uploadInProgressMsg
-      })]
-    });
-    if (isStoreFilter && (linkedConditionExpression == null ? void 0 : linkedConditionExpression.storeSource) === _constants.UPLOAD) {
-      const {
-        isStoreUploadFailed = false,
-        isStoreUploadInvalid = false,
-        operand: storeOperand = [],
-        storeUploadIsInProgress = false
-      } = linkedConditionExpression != null ? linkedConditionExpression : {};
-      hasUploadedStores = true;
-      if (isStoreUploadFailed || isStoreUploadInvalid) {
-        StoreUploadMsg = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-          type: "flex",
-          align: "middle",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
-            type: "error",
-            size: "s",
-            style: {
-              color: _variables.CAP_RED
-            },
-            className: "margin-r-4"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default.CapLabelInline, {
-            style: {
-              color: _variables.CAP_RED
-            },
-            type: "label4",
-            children: isStoreUploadFailed ? uploadFailedErrorMsg : uploadInvalidErrorMsg
-          })]
-        });
-      } else {
-        var _storeOperand$length;
-        StoreUploadMsg = !storeUploadIsInProgress ? ((_storeOperand$length = storeOperand == null ? void 0 : storeOperand.length) != null ? _storeOperand$length : 0) + " " + storesMsg : StoreUploadMsg;
-      }
-    }
-    switch (dataTypeLocal) {
-      case _constants.MULTI_SELECT:
-        {
-          var _operandsMapping$list, _listArr$, _ref3;
-          const listArr = Array.isArray(listDataLocal) ? listDataLocal : [];
-          const operandForPreview = operandsMapping != null && operandsMapping[listArr == null ? void 0 : listArr[1]] ? (_operandsMapping$list = operandsMapping[listArr[1]]) == null ? void 0 : _operandsMapping$list.text : listArr == null || (_listArr$ = listArr[1]) == null || (_listArr$ = _listArr$.toLowerCase()) == null ? void 0 : _listArr$.replace('_', ' ');
-          return [_constants.CUSTOM_FIELD, _constants.EXTENDED_FIELD].includes(linkedFact != null ? linkedFact : '') ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-              className: _styles.default.capConditionPreview__label,
-              type: "label2",
-              children: listArr[0]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-              type: "label18",
-              children: operandForPreview
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-              type: "label16",
-              children: listArr[2]
-            })]
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [!linkedFact && /*#__PURE__*/(0, _jsxRuntime.jsx)(ValuesPrefix, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
-              type: "flex",
-              align: "middle",
-              children: [!listDataLocal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
-                className: "offer-icon",
-                size: "s",
-                type: "attachment"
-              }), linkedFact === _constants.SKU ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTruncateList.default, {
-                  list: listArr,
-                  showNumber: 1,
-                  capLabelType: "label4",
-                  showTooltip: false
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-                  className: _styles.default.capConditionPreview__skuDownloadLink,
-                  href: "#",
-                  onClick: e => {
-                    e.preventDefault();
-                    downloadSKUs(e, listArr);
-                  },
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
-                      type: "download",
-                      size: "s"
-                    }), uploadedMsg]
-                  })
-                })]
-              }) : hasUploadedStores ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-                  type: "label4",
-                  className: "margin-r-20",
-                  children: StoreUploadMsg
-                }), ViewMoreLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewMoreLink, {
-                  onClick: () => {
-                    setPopoverVisible == null || setPopoverVisible(false);
-                    blockId && (onClickConfigure == null ? void 0 : onClickConfigure(blockId));
-                  },
-                  children: viewMoreMsg
-                })]
-              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTruncateList.default, {
-                list: (_ref3 = listDataLocal != null ? listDataLocal : dstData == null ? void 0 : dstData.couponSeriesNames) != null ? _ref3 : [],
-                showNumber: 1,
-                capLabelType: "label4"
-              })]
-            })]
-          });
-        }
-      case _constants.NUMBER:
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ValuesPrefix, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-            type: "label16",
-            children: operand
-          })]
-        });
-      case _constants.STRING:
-        if (!hideNumberAndProductFields) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-              type: "label18",
-              children: (operator != null ? operator : '').toLowerCase().replace('_', ' ')
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-              type: "label16",
-              className: _styles.default.capConditionPreview__string,
-              children: operand
-            })]
-          });
-        }
-        return null;
-      case _constants.LIST:
-        {
-          const opArr = Array.isArray(operand) ? operand : [];
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ValuesPrefix, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-              type: "label16",
-              children: opArr[0]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-              type: "label18",
-              children: andMsg
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-              type: "label16",
-              children: opArr[1]
-            })]
-          });
-        }
-      case _constants.ENTRY_TRIGGER_EVENT_ATTRIBUTE:
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-            type: "label18",
-            children: (_operandsMapping$text = (_operandsMapping = operandsMapping[operator != null ? operator : '']) == null ? void 0 : _operandsMapping.text) != null ? _operandsMapping$text : (operator != null ? operator : '').toLowerCase().replace('_', ' ')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-            type: "label16",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.entryTriggerEventAttribute))
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-            className: _styles.default.capConditionPreview__label,
-            type: "label2",
-            children: entryTriggerEventAttribute
-          })]
-        });
-      case _constants.STRING_LIST:
-        {
-          const opList = Array.isArray(operand) ? operand : [];
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ValuesPrefix, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(CapLabelInline, {
-              type: "label16",
-              children: [opList == null ? void 0 : opList[0], (opList == null ? void 0 : opList.length) > 1 && " +" + (opList.length - 1), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.more))]
-            })]
-          });
-        }
-      case _constants.DATE_TYPE:
-        return renderDateConditionPreview(operator, dateTypeData);
-      default:
-        return null;
-    }
-  };
-  const renderDateConditionPreview = (op, dtData) => {
-    const renderContent = () => {
-      var _operandsMapping2, _operandsMapping3, _dtData$contextData, _operandsMapping4, _dtData$contextData2;
-      switch (dtData == null ? void 0 : dtData.dateType) {
-        case _constants.DATE_TYPE_RANGE:
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-              className: _styles.default.capConditionPreview__label,
-              type: "label2",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default[operandsMapping == null || (_operandsMapping2 = operandsMapping[op != null ? op : '']) == null ? void 0 : _operandsMapping2.text]))
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-              type: "label18",
-              children: formatDateForPreview(dtData == null ? void 0 : dtData.startDate)
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-              type: "label18",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.andMsg))
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-              type: "label18",
-              children: formatDateForPreview(dtData == null ? void 0 : dtData.endDate)
-            })]
-          });
-        case _constants.DATE_TYPE_SINGLE:
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-              className: _styles.default.capConditionPreview__label,
-              type: "label2",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default[operandsMapping == null || (_operandsMapping3 = operandsMapping[op != null ? op : '']) == null ? void 0 : _operandsMapping3.text]))
-            }), dtData != null && dtData.contextData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-                type: "label4",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.endDate))
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-                type: "label18",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.of))
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-                type: "label4",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.profileNameMessage, {
-                  values: {
-                    profileName: dtData == null || (_dtData$contextData = dtData.contextData) == null ? void 0 : _dtData$contextData.profileName
-                  }
-                }))
-              })]
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-              type: "label18",
-              children: formatDateForPreview(dtData == null ? void 0 : dtData.date)
-            })]
-          });
-        case _constants.DATE_TYPE_DAYS_AFTER:
-        case _constants.DATE_TYPE_DAYS_BEFORE:
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-              className: _styles.default.capConditionPreview__label,
-              type: "label2",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default[operandsMapping == null || (_operandsMapping4 = operandsMapping[op != null ? op : '']) == null ? void 0 : _operandsMapping4.text], {
-                values: {
-                  days: dtData == null ? void 0 : dtData.days
-                }
-              }))
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-              type: "label4",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.endDate))
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-              type: "label18",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.of))
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-              type: "label4",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.profileNameMessage, {
-                values: {
-                  profileName: dtData == null || (_dtData$contextData2 = dtData.contextData) == null ? void 0 : _dtData$contextData2.profileName
-                }
-              }))
-            })]
-          });
-        default:
-          return null;
-      }
-    };
-    return renderContent();
-  };
-  const LabelType = _ref4 => {
-    let {
-      children
-    } = _ref4;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-      type: "label18",
-      children: children
-    });
-  };
-  const getAdditionalConditions = () => Object.values(additionalFields != null ? additionalFields : {}).length > 0 ? Object.values(additionalFields != null ? additionalFields : {}).map((_ref5, index) => {
-    var _operandsMapping5, _linkedConditionExpre2;
-    let {
-      description: linkedDescription,
-      factId: linkedFact,
-      expression: linkedConditionExpression
-    } = _ref5;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
-      children: [!hideNumberAndProductFields && /*#__PURE__*/(0, _jsxRuntime.jsx)(LabelType, {
-        children: !index ? lineItemMsg : andMsg
-      }), !hideNumberAndProductFields && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-        className: _styles.default.capConditionPreview__label,
-        type: "label2",
-        children: linkedDescription
-      }), !hideNumberAndProductFields && linkedConditionExpression && /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-        type: "label18",
-        children: (_operandsMapping5 = operandsMapping[(_linkedConditionExpre2 = linkedConditionExpression.operator) != null ? _linkedConditionExpre2 : '']) == null ? void 0 : _operandsMapping5.text
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(OperandValues, {
-        linkedFact: linkedFact,
-        linkedDataType: _constants.MULTI_SELECT,
-        linkedConditionExpression: linkedConditionExpression
-      })]
-    }, index);
-  }) : null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-    className: (0, _classnames.default)(className, 'cap-condition-wrapper'),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, {
-      xs: 25,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _styles.default.capConditionPreview__flexWrapDiv,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-          type: "label18",
-          children: isExcluded ? excludeMsg : includeMsg
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-          type: "label18",
-          children: whoseMsg
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-          className: _styles.default.capConditionPreview__label,
-          type: "label2",
-          children: conditionName
-        }), (type !== _constants.STRING || hideNumberAndProductFields) && /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-          type: "label18",
-          children: isMsg
-        }), !hideNumberAndProductFields && /*#__PURE__*/(0, _jsxRuntime.jsx)(OperandValues, {}), getAdditionalConditions()]
-      })
-    })
-  });
-};
-var _default = exports["default"] = (0, _LocaleHoc.default)(CapConditionPreview, {
-  key: 'CapConditionPreview'
-});
-
-/***/ }),
-
 /***/ 9180:
 /***/ ((__unused_webpack_module, exports) => {
 
@@ -19429,6 +19244,102 @@ var _default = exports["default"] = Empty;
 
 /***/ }),
 
+/***/ 21505:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = exports.CapOrgSelect = void 0;
+var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _CapUnifiedSelect = _interopRequireDefault(__webpack_require__(3535));
+var _constants = __webpack_require__(99788);
+var _utils = __webpack_require__(8052);
+var _CapOrgSelectUtils = __webpack_require__(2834);
+var _jsxRuntime = __webpack_require__(74848);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+/**
+ * Wrapper component that maintains backward compatibility with the old Select API
+ * while using CapUnifiedSelect internally.
+ *
+ * This component transforms the org/OU data structure (accessibleOus) to tree structure (children)
+ * and handles the callback signature difference.
+ */
+const CapOrgSelect = _ref => {
+  let {
+    items = [],
+    selectedItem,
+    selectedOuItem,
+    handleItemChange,
+    showSearch = false,
+    showHeader = false,
+    title,
+    placeholder: _placeholder,
+    // Deprecated: Not supported by CapUnifiedSelect (uses hardcoded 'Search')
+    noResultText = 'No results found',
+    selectPlaceholder = 'Select',
+    showCapillaryIcon = false,
+    fixedOrg = false,
+    className
+  } = _ref;
+  // Transform data: accessibleOus → children, and add sitemap icons for organizations
+  const options = (0, _react.useMemo)(() => (0, _CapOrgSelectUtils.transformOrgOuToTreeOptions)(items), [items]);
+
+  // Determine selected value (prefer OU value if selected, otherwise org value)
+  const value = (0, _react.useMemo)(() => (0, _CapOrgSelectUtils.getSelectedValue)(selectedItem, selectedOuItem), [selectedItem, selectedOuItem]);
+
+  // Build tree maps for onChange handler
+  const treeMaps = (0, _react.useMemo)(() => (0, _utils.buildTreeMaps)(options), [options]);
+
+  // Handle change - transform CapUnifiedSelect's onChange to handleItemChange signature
+  const onChange = newValue => {
+    (0, _CapOrgSelectUtils.handleSelectChange)(newValue, treeMaps, handleItemChange);
+  };
+
+  // Custom prefix for selected value display (logo + first letter)
+  const prefix = (0, _react.useMemo)(() => (0, _CapOrgSelectUtils.createPrefix)(value, treeMaps, showCapillaryIcon), [value, treeMaps, showCapillaryIcon]);
+
+  // Check if select should be disabled
+  const disabled = (0, _react.useMemo)(() => (0, _CapOrgSelectUtils.isSelectDisabled)(fixedOrg, items), [fixedOrg, items]);
+
+  // Determine if we should use treeSelect (has OUs) or regular select (no OUs)
+  const selectType = (0, _react.useMemo)(() => {
+    const type = (0, _CapOrgSelectUtils.getSelectType)(items);
+    return type === 'treeSelect' ? _constants.SELECT_TYPES.TREE_SELECT : _constants.SELECT_TYPES.SELECT;
+  }, [items]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapUnifiedSelect.default, {
+    size: 'middle',
+    type: selectType,
+    options: options,
+    value: value,
+    onChange: onChange,
+    placeholder: selectPlaceholder,
+    showSearch: showSearch,
+    headerLabel: showHeader ? title : undefined,
+    noResultCustomText: noResultText,
+    disabled: disabled,
+    className: className,
+    style: {
+      width: '17.143rem'
+    },
+    listHeight: 200,
+    virtualRowHeight: 40,
+    enableVirtualization: false // Virtualization is ENABLED (false → virtual={true} due to prop inversion in CapUnifiedSelect)
+    ,
+    staticValue: true // Client-side search
+    ,
+    searchBasedOn: "label",
+    resetSearch: true,
+    prefix: prefix
+  });
+};
+exports.CapOrgSelect = CapOrgSelect;
+var _default = exports["default"] = CapOrgSelect;
+
+/***/ }),
+
 /***/ 21549:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -24037,58 +23948,6 @@ const SvgLightningSvg = props => /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _exten
 }));
 var _default = exports["default"] = SvgLightningSvg;
 
-/***/ }),
-
-/***/ 29236:
-/***/ ((__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__(85072);
-/* 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__(64284);
-/* 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__(77659);
-/* 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__(55056);
-/* 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__(10540);
-/* 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__(98289);
-/* 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);
-
-
 /***/ }),
 
 /***/ 29303:
@@ -29926,44 +29785,6 @@ var _default = exports["default"] = SvgInApp;
 
 /***/ }),
 
-/***/ 41859:
-/***/ ((__unused_webpack_module, exports) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports.UPLOAD = exports.TEXT_ON_MSG = exports.TEXT_DAYS_BEFORE_MSG = exports.TEXT_DAYS_AFTER_MSG = exports.TEXT_BETWEEN_MSG = exports.TEXT_BEFORE_MSG = exports.TEXT_AFTER_MSG = exports.STRING_LIST = exports.STRING = exports.SKU = exports.PRODUCT_ATTRIBUTE = exports.NUMBER = exports.MULTI_SELECT = exports.LIST = exports.EXTENDED_FIELD = exports.ENTRY_TRIGGER_EVENT_ATTRIBUTE = exports.DATE_TYPE_SINGLE = exports.DATE_TYPE_RANGE = exports.DATE_TYPE_DAYS_BEFORE = exports.DATE_TYPE_DAYS_AFTER = exports.DATE_TYPE = exports.CUSTOM_FIELD = exports.CATEGORY = void 0;
-const LIST = exports.LIST = 'LIST';
-const MULTI_SELECT = exports.MULTI_SELECT = 'MULTI_SELECT';
-const NUMBER = exports.NUMBER = 'NUMBER';
-const STRING = exports.STRING = 'STRING';
-const DATE_TYPE = exports.DATE_TYPE = 'DATE';
-const PRODUCT_ATTRIBUTE = exports.PRODUCT_ATTRIBUTE = 'PRODUCT_ATTRIBUTE';
-const CUSTOM_FIELD = exports.CUSTOM_FIELD = 'CUSTOM_FIELD';
-const EXTENDED_FIELD = exports.EXTENDED_FIELD = 'EXTENDED_FIELD';
-const SKU = exports.SKU = 'SKU';
-const CATEGORY = exports.CATEGORY = 'CATEGORY';
-const UPLOAD = exports.UPLOAD = 'UPLOAD';
-const ENTRY_TRIGGER_EVENT_ATTRIBUTE = exports.ENTRY_TRIGGER_EVENT_ATTRIBUTE = 'entryTriggerEventAttribute';
-const STRING_LIST = exports.STRING_LIST = 'STRING_LIST';
-
-// Text constants for operand mapping
-const TEXT_ON_MSG = exports.TEXT_ON_MSG = 'onMsg';
-const TEXT_BEFORE_MSG = exports.TEXT_BEFORE_MSG = 'beforeMsg';
-const TEXT_AFTER_MSG = exports.TEXT_AFTER_MSG = 'afterMsg';
-const TEXT_BETWEEN_MSG = exports.TEXT_BETWEEN_MSG = 'betweenMsg';
-const TEXT_DAYS_BEFORE_MSG = exports.TEXT_DAYS_BEFORE_MSG = 'daysBeforeMsg';
-const TEXT_DAYS_AFTER_MSG = exports.TEXT_DAYS_AFTER_MSG = 'daysAfterMsg';
-
-// Date type constants
-const DATE_TYPE_RANGE = exports.DATE_TYPE_RANGE = 'RANGE';
-const DATE_TYPE_SINGLE = exports.DATE_TYPE_SINGLE = 'SINGLE';
-const DATE_TYPE_DAYS_AFTER = exports.DATE_TYPE_DAYS_AFTER = 'DAYS_AFTER';
-const DATE_TYPE_DAYS_BEFORE = exports.DATE_TYPE_DAYS_BEFORE = 'DAYS_BEFORE';
-
-/***/ }),
-
 /***/ 41946:
 /***/ ((__unused_webpack_module, exports) => {
 
@@ -32755,6 +32576,419 @@ var _default = exports["default"] = searchIcon;
 
 /***/ }),
 
+/***/ 46035:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _antdV = __webpack_require__(64273);
+var _classnames = _interopRequireDefault(__webpack_require__(46942));
+var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _icons = __webpack_require__(30775);
+var _CapDivider = _interopRequireDefault(__webpack_require__(23406));
+var _CapDrawer = _interopRequireDefault(__webpack_require__(78716));
+var _CapDropdown = _interopRequireDefault(__webpack_require__(59732));
+var _CapHeading = _interopRequireDefault(__webpack_require__(7319));
+var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
+var _CapLabel = _interopRequireDefault(__webpack_require__(92675));
+var _CapLink = _interopRequireDefault(__webpack_require__(43223));
+var _CapList = _interopRequireDefault(__webpack_require__(34979));
+var _CapMenu = _interopRequireDefault(__webpack_require__(88578));
+var _CapPopover = _interopRequireDefault(__webpack_require__(33018));
+var _CapRow = _interopRequireDefault(__webpack_require__(69813));
+var _CapTooltip = _interopRequireDefault(__webpack_require__(85684));
+var styledVars = _interopRequireWildcard(__webpack_require__(56587));
+var _constants = __webpack_require__(77608);
+var _CapOrgSelect = _interopRequireDefault(__webpack_require__(21505));
+var _styles = _interopRequireDefault(__webpack_require__(49789));
+var _utils = __webpack_require__(74032);
+var _themeConfig = __webpack_require__(69490);
+var _jsxRuntime = __webpack_require__(74848);
+const _excluded = ["onMenuItemClick", "items"],
+  _excluded2 = ["iconType", "onClickHandler", "className", "toolTip", "placement", "content"],
+  _excluded3 = ["fixedProduct", "productsList", "selectedProduct", "handleProductChange", "title"];
+/**
+ *
+ * CapTopBar
+ *
+ */
+// TODO: Uncomment when CapAskAira is migrated
+// import CapAskAira from '../CapAskAira';
+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 }; }
+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 {
+  Header
+} = _antdV.Layout;
+const clsPrefix = 'cap-navbar';
+const CONNECT_PLUS = 'connectPlus';
+const ASK_AIRA = 'ask aiRA';
+const ASK_AIRA_SMALL = 'ask aira';
+const getLanguageName = function (languageCode, locale) {
+  if (locale === void 0) {
+    locale = 'en';
+  }
+  const updatedLanguageCode = languageCode == null ? void 0 : languageCode.split('_')[0];
+  const formatter = new Intl.DisplayNames([locale], {
+    type: 'language'
+  });
+  return formatter.of(updatedLanguageCode) || '';
+};
+const CapTopBar = _ref => {
+  let {
+    drawerListProps,
+    selectProps,
+    menuProps,
+    dropdownMenuProps,
+    topbarIcons,
+    breadcrumbs,
+    showDocumentationBot,
+    isLatestLeftNavigationEnabled = false,
+    leftNavbarExpanded = false,
+    headerOverideCss = {},
+    request,
+    getAPICallObject,
+    userData,
+    children
+  } = _ref;
+  const [showDrawer, setShowDrawer] = (0, _react.useState)(false);
+  const [visible, setVisible] = (0, _react.useState)(false);
+  const dimensionsClassName = isLatestLeftNavigationEnabled ? _styles.default[clsPrefix + "-new-dimensions"] : _styles.default[clsPrefix + "-dimensions"];
+  const expandUserBackground = (0, _react.useCallback)(flag => {
+    setVisible(flag);
+  }, []);
+  const openDrawer = (0, _react.useCallback)(() => {
+    setShowDrawer(true);
+  }, []);
+  const closeDrawer = (0, _react.useCallback)(() => {
+    setShowDrawer(false);
+  }, []);
+  const renderTopMenu = (0, _react.useCallback)(() => {
+    if (!menuProps) return null;
+    const {
+        onMenuItemClick,
+        items
+      } = menuProps,
+      restMenuProps = _objectWithoutPropertiesLoose(menuProps, _excluded);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.ConfigProvider, {
+      theme: _themeConfig.menuTheme,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapMenu.default, _extends({
+        className: _styles.default[clsPrefix + "-menu"],
+        mode: "horizontal",
+        style: {
+          lineHeight: styledVars.CAP_SPACE_64
+        }
+      }, restMenuProps, {
+        children: items && items.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapMenu.default.Item, {
+          className: _styles.default[clsPrefix + "-menu-item"],
+          onClick: onMenuItemClick ? () => onMenuItemClick(item) : undefined,
+          children: item.label
+        }, item.key))
+      }))
+    });
+  }, [menuProps]);
+  const renderTopbarIcons = (0, _react.useCallback)(() => {
+    if (!topbarIcons) return null;
+    return _react.default.Children.toArray(topbarIcons.map((_ref2, index) => {
+      let {
+          iconType,
+          onClickHandler,
+          className,
+          toolTip,
+          placement,
+          content
+        } = _ref2,
+        rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltip.default, {
+        title: toolTip,
+        placement: placement || 'bottom',
+        children: iconType === 'custom' ? content : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, _extends({
+          onClick: onClickHandler ? () => onClickHandler() : undefined,
+          className: (0, _classnames.default)(_styles.default["" + clsPrefix + (isLatestLeftNavigationEnabled ? '-new' : '') + "-topbarIcon"] || '', className),
+          type: iconType
+        }, rest))
+      }, index);
+    }));
+  }, [topbarIcons, isLatestLeftNavigationEnabled]);
+  const userInfoContent = (0, _react.useCallback)(dropdownMenuPropsList => {
+    const logOutProps = dropdownMenuPropsList && dropdownMenuPropsList.length > 0 ? dropdownMenuPropsList[dropdownMenuPropsList.length - 1] : {};
+    const {
+      user = {}
+    } = userData || {};
+    const {
+      firstName = '',
+      loginName,
+      iso_lang
+    } = user;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _styles.default['user-profile'],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _styles.default['user-profile-name-wrapper'],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          className: _styles.default['user-profile-avatar'],
+          children: [" ", (firstName == null ? void 0 : firstName[0]) || '', " "]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _styles.default['user-profile-name'],
+        children: firstName
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: _styles.default['user-profile-loginName'],
+        children: loginName
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _styles.default['lang-wrapper'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+          className: _styles.default['lang-icon'],
+          type: "global",
+          size: "s"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: getLanguageName(iso_lang)
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapDivider.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _styles.default['logout-wrapper'],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+          type: "exit",
+          size: "s"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _styles.default['logout-text'],
+          onClick: 'onClickHandler' in logOutProps && logOutProps.onClickHandler ? () => logOutProps.onClickHandler == null ? void 0 : logOutProps.onClickHandler() : undefined,
+          children: logOutProps.label || ''
+        })]
+      })]
+    });
+  }, [userData]);
+  const userProfileContent = (0, _react.useCallback)(() => {
+    var _user, _user2, _user3;
+    let user = userData == null ? void 0 : userData.user;
+    try {
+      const userDataFromStorage = localStorage.getItem('user');
+      if (userDataFromStorage) {
+        user = JSON.parse(userDataFromStorage);
+      }
+    } catch (error) {
+      console.error('error', error);
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+      type: "flex",
+      align: "middle",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+        type: "flex",
+        justify: "center",
+        align: "middle",
+        className: _styles.default['user-profile-icon'],
+        children: (_user = user) == null || (_user = _user.firstName) == null || (_user = _user.charAt(0)) == null ? void 0 : _user.toUpperCase()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+        type: "block",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: "label15",
+          lineHeight: "1.25rem",
+          children: ((_user2 = user) == null ? void 0 : _user2.firstName) || ''
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: "label1",
+          lineHeight: "1rem",
+          children: ((_user3 = user) == null ? void 0 : _user3.loginName) || ''
+        })]
+      })]
+    });
+  }, [userData]);
+  const renderDropdownMenu = (0, _react.useCallback)(() => {
+    if (!dropdownMenuProps) return null;
+    return !isLatestLeftNavigationEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapDropdown.default, {
+      trigger: ['click'],
+      onOpenChange: expandUserBackground,
+      overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapMenu.default, {
+        className: _styles.default[clsPrefix + "-menu"],
+        children: dropdownMenuProps.map(dropdownMenuProp => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapMenu.default.Item, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            onClick: dropdownMenuProp.onClickHandler ? () => dropdownMenuProp.onClickHandler == null ? void 0 : dropdownMenuProp.onClickHandler() : undefined,
+            className: _styles.default[clsPrefix + "-user-popover-item"],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: dropdownMenuProp.key === _constants.USER_PROFILE_KEY ? userProfileContent() : (dropdownMenuProp == null ? void 0 : dropdownMenuProp.label) || ''
+            })
+          })
+        }, dropdownMenuProp.key))
+      }),
+      placement: "bottomLeft",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames.default)(_styles.default["" + clsPrefix + (isLatestLeftNavigationEnabled ? '-new' : '') + "-user"], visible && _styles.default['oval'], leftNavbarExpanded ? 'expanded' : 'collapsed'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LogoBackground, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: _styles.default['text-label'],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+            type: "person",
+            size: "s",
+            className: _styles.default[clsPrefix + "-person"]
+          })
+        })]
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapPopover.default, {
+      content: userInfoContent(dropdownMenuProps),
+      placement: "bottomRight",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames.default)(_styles.default["" + clsPrefix + (isLatestLeftNavigationEnabled ? '-new' : '') + "-user"], leftNavbarExpanded ? 'expanded' : 'collapsed'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LogoBackground, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: _styles.default['text-label'],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+            type: "person",
+            size: "s",
+            className: _styles.default[clsPrefix + "-person"]
+          })
+        })]
+      })
+    });
+  }, [dropdownMenuProps, isLatestLeftNavigationEnabled, leftNavbarExpanded, visible, expandUserBackground, userProfileContent, userInfoContent]);
+  const getDrawerTitle = (0, _react.useCallback)(title => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: _styles.default[clsPrefix + "-flexDisplay"],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+      type: "more-applications",
+      className: _styles.default[clsPrefix + "-more-app"]
+    }), title || '']
+  }), []);
+  const getDrawerContent = (0, _react.useCallback)((productsList, handleProductChange, selectedProduct) => {
+    let productsComps = [];
+    if (productsList && handleProductChange && selectedProduct) {
+      productsComps = productsList.map(product => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLink.default, {
+        href: "#",
+        onClick: () => (product.key || '') !== CONNECT_PLUS ? handleProductChange(product) : (0, _utils.handleConnectPlusRedirection)({
+          product: product,
+          cluster: window.location.host
+        }),
+        title: product && selectedProduct.toLowerCase() === (product.value || '').toLowerCase() ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          style: {
+            display: 'flex',
+            paddingLeft: styledVars.CAP_SPACE_32
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+            type: "tick",
+            size: "s",
+            "data-testid": "tick-icon",
+            svgProps: {
+              fill: styledVars.CAP_BLUE01
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
+            type: "h3",
+            className: (0, _classnames.default)({
+              [_styles.default[clsPrefix + "-capitalize"]]: product.value !== ASK_AIRA_SMALL
+            }),
+            children: (product.value === ASK_AIRA_SMALL ? ASK_AIRA : product.value) || ''
+          })]
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            paddingLeft: styledVars.CAP_SPACE_60
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
+            type: "h3",
+            className: (0, _classnames.default)({
+              [_styles.default[clsPrefix + "-capitalize"]]: product.value !== ASK_AIRA_SMALL
+            }),
+            children: (product.value === ASK_AIRA_SMALL ? ASK_AIRA : product.value) || ''
+          })
+        })
+      }, product.key || product.name));
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapList.default, {
+      dataSource: productsComps,
+      renderItem: item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapList.default.Item, {
+        children: item
+      })
+    });
+  }, []);
+  const renderDrawerList = (0, _react.useCallback)(() => {
+    if (!drawerListProps) return null;
+    const {
+        fixedProduct = false,
+        productsList,
+        selectedProduct,
+        handleProductChange,
+        title
+      } = drawerListProps,
+      rest = _objectWithoutPropertiesLoose(drawerListProps, _excluded3);
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: dimensionsClassName,
+        children: [fixedProduct ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
+            type: "h3",
+            "data-testid": "selected-product-heading",
+            className: _styles.default[clsPrefix + "-product-title"],
+            children: selectedProduct || ''
+          })
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          onClick: openDrawer,
+          className: (0, _classnames.default)(_styles.default[clsPrefix + "-flexDisplay"], _styles.default[clsPrefix + "-cursor-pointer"]),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+            type: "more-applications",
+            className: _styles.default[clsPrefix + "-more-app"]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
+            type: "h3",
+            "data-testid": "selected-product-heading",
+            className: (0, _classnames.default)({
+              [_styles.default[clsPrefix + "-capitalize"]]: selectedProduct !== ASK_AIRA_SMALL
+            }),
+            children: (selectedProduct === ASK_AIRA_SMALL ? ASK_AIRA : selectedProduct) || ''
+          })]
+        }), showDrawer && drawerListProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapDrawer.default, _extends({
+          open: showDrawer,
+          onClose: closeDrawer,
+          className: _styles.default[clsPrefix + "-drawer"],
+          title: getDrawerTitle(title),
+          content: getDrawerContent(productsList, handleProductChange, selectedProduct),
+          closable: false
+        }, rest))]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapDivider.default, {
+        type: "vertical",
+        className: _styles.default[clsPrefix + "-vertical"]
+      })]
+    });
+  }, [drawerListProps, isLatestLeftNavigationEnabled, showDrawer, openDrawer, closeDrawer, getDrawerTitle, getDrawerContent]);
+  const renderOrgsSelect = (0, _react.useCallback)(() => {
+    if (!selectProps) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: dimensionsClassName,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapOrgSelect.default, _extends({}, selectProps))
+    });
+  }, [selectProps, dimensionsClassName]);
+  const renderBreadcrumbs = (0, _react.useCallback)(() => {
+    return breadcrumbs ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+      type: "label2",
+      className: _styles.default["breadcrumbs-topbar-" + (leftNavbarExpanded ? 'expanded' : 'collapsed')],
+      children: breadcrumbs
+    }) : null;
+  }, [breadcrumbs, leftNavbarExpanded]);
+  const renderDividerBeforeOrgSelect = (0, _react.useCallback)(function (topbarIconsList, showDocumentationBotFlag) {
+    var _topbarIconsList;
+    if (topbarIconsList === void 0) {
+      topbarIconsList = [];
+    }
+    return (((_topbarIconsList = topbarIconsList) == null ? void 0 : _topbarIconsList.length) > 0 || showDocumentationBotFlag) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapDivider.default, {
+      type: "vertical",
+      className: _styles.default[clsPrefix + "-vertical"],
+      style: {
+        marginLeft: '1.714rem',
+        marginRight: '1.714rem'
+      }
+    });
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.ConfigProvider, {
+    theme: _themeConfig.topBarTheme,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
+      style: _extends({}, headerOverideCss),
+      className: (0, _classnames.default)(isLatestLeftNavigationEnabled ? _styles.default[clsPrefix + "-new-header"] : _styles.default[clsPrefix + "-header"]),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _styles.default[clsPrefix + "-flexDisplay"],
+        children: [isLatestLeftNavigationEnabled && breadcrumbs && renderBreadcrumbs(), !isLatestLeftNavigationEnabled && drawerListProps && renderDrawerList(), !isLatestLeftNavigationEnabled && selectProps && renderOrgsSelect()]
+      }), menuProps && renderTopMenu(), topbarIcons && renderTopbarIcons(), isLatestLeftNavigationEnabled && selectProps && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [renderDividerBeforeOrgSelect(topbarIcons, showDocumentationBot), renderOrgsSelect()]
+      }), dropdownMenuProps && renderDropdownMenu(), children]
+    })
+  });
+};
+var _default = exports["default"] = CapTopBar;
+
+/***/ }),
+
 /***/ 46190:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -34528,6 +34762,58 @@ const SvgGroupChat = props => /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _extends(
 }));
 var _default = exports["default"] = SvgGroupChat;
 
+/***/ }),
+
+/***/ 49789:
+/***/ ((__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__(85072);
+/* 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__(64284);
+/* 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__(77659);
+/* 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__(55056);
+/* 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__(10540);
+/* 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__(1344);
+/* 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);
+
+
 /***/ }),
 
 /***/ 49838:
@@ -53509,7 +53795,6 @@ var _exportNames = {
   CapDatePicker: true,
   CapColoredTag: true,
   CapColumn: true,
-  CapConditionPreview: true,
   CapCustomCheckboxList: true,
   CapCustomList: true,
   CapCustomSelect: true,
@@ -53564,6 +53849,7 @@ var _exportNames = {
   CapTable: true,
   CapTabV3: true,
   CapTree: true,
+  CapTopBar: true,
   CapTooltip: true,
   CapTooltipWithInfo: true,
   CapTruncateList: true,
@@ -53582,7 +53868,7 @@ var _exportNames = {
   CapIcons: true,
   styledVars: true
 };
-exports.styledVars = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = exports.LocaleHoc = exports.CapVirtualList = exports.CapUploader = exports.CapUnifiedSelect = exports.CapTruncateList = exports.CapTree = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTag = exports.CapTable = exports.CapTabV3 = exports.CapTab = exports.CapSwitch = exports.CapSupportVideosWrapper = exports.CapSteps = exports.CapStatus = exports.CapStatisticCard = exports.CapSplit = exports.CapSpin = exports.CapSomethingWentWrong = exports.CapSnackBar = exports.CapSlider = exports.CapSlideBox = exports.CapSkeleton = exports.CapShape = exports.CapSelectFilter = exports.CapSelect = exports.CapSecondaryTopBar = exports.CapRow = exports.CapRoadMap = exports.CapRadioGroup = exports.CapRadioButton = exports.CapRadio = exports.CapProgress = exports.CapPopover = exports.CapNotificationDropdown = exports.CapNotification = exports.CapModal = exports.CapMenu = exports.CapLogin = exports.CapList = exports.CapLink = exports.CapLanguageProvider = exports.CapLabel = exports.CapInputTextArea = exports.CapInputSearch = exports.CapInputNumber = exports.CapInput = exports.CapInfoNote = exports.CapImportMFEComponent = exports.CapImage = exports.CapIllustration = exports.CapIcons = exports.CapIcon = exports.CapHeading = exports.CapHeader = exports.CapFormItem = exports.CapForm = exports.CapError = exports.CapDropdown = exports.CapDrawer = exports.CapDivider = exports.CapDatePicker = exports.CapCustomSelect = exports.CapCustomList = exports.CapCustomCheckboxList = exports.CapConditionPreview = exports.CapColumn = exports.CapColoredTag = exports.CapColorPicker = exports.CapCheckbox = exports.CapCarousel = exports.CapCardBox = exports.CapCard = exports.CapButton = exports.CapBorderedBox = exports.CapBlock = exports.CapBanner = exports.CapAppNotEnabled = exports.CapAlert = exports.CapActionBar = void 0;
+exports.styledVars = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = exports.LocaleHoc = exports.CapVirtualList = exports.CapUploader = exports.CapUnifiedSelect = exports.CapTruncateList = exports.CapTree = exports.CapTopBar = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTag = exports.CapTable = exports.CapTabV3 = exports.CapTab = exports.CapSwitch = exports.CapSupportVideosWrapper = exports.CapSteps = exports.CapStatus = exports.CapStatisticCard = exports.CapSplit = exports.CapSpin = exports.CapSomethingWentWrong = exports.CapSnackBar = exports.CapSlider = exports.CapSlideBox = exports.CapSkeleton = exports.CapShape = exports.CapSelectFilter = exports.CapSelect = exports.CapSecondaryTopBar = exports.CapRow = exports.CapRoadMap = exports.CapRadioGroup = exports.CapRadioButton = exports.CapRadio = exports.CapProgress = exports.CapPopover = exports.CapNotificationDropdown = exports.CapNotification = exports.CapModal = exports.CapMenu = exports.CapLogin = exports.CapList = exports.CapLink = exports.CapLanguageProvider = exports.CapLabel = exports.CapInputTextArea = exports.CapInputSearch = exports.CapInputNumber = exports.CapInput = exports.CapInfoNote = exports.CapImportMFEComponent = exports.CapImage = exports.CapIllustration = exports.CapIcons = exports.CapIcon = exports.CapHeading = exports.CapHeader = exports.CapFormItem = exports.CapForm = exports.CapError = exports.CapDropdown = exports.CapDrawer = exports.CapDivider = exports.CapDatePicker = exports.CapCustomSelect = exports.CapCustomList = exports.CapCustomCheckboxList = exports.CapColumn = exports.CapColoredTag = exports.CapColorPicker = exports.CapCheckbox = exports.CapCarousel = exports.CapCardBox = exports.CapCard = exports.CapButton = exports.CapBorderedBox = exports.CapBlock = exports.CapBanner = exports.CapAppNotEnabled = exports.CapAlert = exports.CapActionBar = void 0;
 var _CapAlert = _interopRequireDefault(__webpack_require__(20855));
 exports.CapAlert = _CapAlert.default;
 var _CapActionBar = _interopRequireDefault(__webpack_require__(9464));
@@ -53611,8 +53897,6 @@ var _CapColoredTag = _interopRequireDefault(__webpack_require__(22029));
 exports.CapColoredTag = _CapColoredTag.default;
 var _CapColumn = _interopRequireDefault(__webpack_require__(4757));
 exports.CapColumn = _CapColumn.default;
-var _CapConditionPreview = _interopRequireDefault(__webpack_require__(9174));
-exports.CapConditionPreview = _CapConditionPreview.default;
 var _CapCustomCheckboxList = _interopRequireDefault(__webpack_require__(1537));
 exports.CapCustomCheckboxList = _CapCustomCheckboxList.default;
 var _CapCustomList = _interopRequireDefault(__webpack_require__(66334));
@@ -53724,6 +54008,8 @@ var _CapTabV = _interopRequireDefault(__webpack_require__(60697));
 exports.CapTabV3 = _CapTabV.default;
 var _CapTree = _interopRequireDefault(__webpack_require__(70399));
 exports.CapTree = _CapTree.default;
+var _CapTopBar = _interopRequireDefault(__webpack_require__(46035));
+exports.CapTopBar = _CapTopBar.default;
 var _CapTooltip = _interopRequireDefault(__webpack_require__(85684));
 exports.CapTooltip = _CapTooltip.default;
 var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(74584));
@@ -56300,6 +56586,14 @@ var _default = exports["default"] = SvgInfoWithError;
 
 /***/ }),
 
+/***/ 69038:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+module.exports = __webpack_require__.p + "assets/icons/capillary_logo.svg";
+
+/***/ }),
+
 /***/ 69271:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -56448,6 +56742,47 @@ Object.keys(_useZIndex).forEach(function (key) {
 
 /***/ }),
 
+/***/ 69490:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.topBarTheme = exports.menuTheme = void 0;
+var styledVars = _interopRequireWildcard(__webpack_require__(56587));
+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); }
+/** ConfigProvider theme for CapTopBar-scoped Drawer overrides */
+const topBarTheme = exports.topBarTheme = {
+  components: {
+    Drawer: {
+      padding: 0,
+      paddingLG: 0,
+      colorSplit: styledVars.CAP_G07
+    }
+  }
+};
+
+/** ConfigProvider theme for horizontal menu overrides */
+const menuTheme = exports.menuTheme = {
+  components: {
+    Menu: {
+      colorPrimary: styledVars.CAP_G01,
+      itemColor: styledVars.CAP_G04,
+      itemSelectedColor: styledVars.CAP_G01,
+      itemHoverColor: styledVars.CAP_G01,
+      horizontalItemSelectedColor: styledVars.CAP_G01,
+      horizontalItemSelectedBg: 'transparent',
+      horizontalItemHoverColor: styledVars.CAP_G01,
+      horizontalItemHoverBg: 'transparent',
+      activeBarHeight: 2,
+      activeBarBorderWidth: 2
+    }
+  }
+};
+
+/***/ }),
+
 /***/ 69655:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -59049,6 +59384,98 @@ 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);
 
 
+/***/ }),
+
+/***/ 74032:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.handleConnectPlusRedirection = void 0;
+// this is a hacky way to handle redirection for Connect+ via UI logic as handling it via module details table is not
+// straight forward and will require changes, it will be picked up as a tech debt
+// We are dettaching old connect plus from glue and adding it to cc-stack, with that this will be handled dynamically and
+// hard coding won't be required.
+const NIGHTLY = 'crm-nightly-new.cc.capillarytech.com';
+const NIGHTLY_INTOUCH = 'nightly.intouch.capillarytech.com';
+const EUCRM = 'eucrm.cc.capillarytech.com';
+const EUCRM_INTOUCH = 'eu.intouch.capillarytech.com';
+const USCRM = 'uscrm.cc.capillarytech.com';
+const INCRM = 'incrm.cc.capillarytech.com';
+const APAC = 'apac.intouch.capillarytech.com';
+const NORTH_AMERICA = 'north-america.intouch.capillarytech.com';
+const SGCRM = 'sgcrm.cc.capillarytech.com';
+const APAC2 = 'apac2.intouch.capillarytech.com';
+const TATACRM = 'tatacrm.cc.capillarytech.com';
+const TATACRM_INTOUCH = 'tata.intouch.capillarytech.com';
+const USHCCRM = 'ushccrm.cc.capillarytech.com';
+const USHCCRM_INTOUCH = 'ushc.intouch.capillarytech.com';
+const SEACRM = 'seacrm.cc.capillarytech.com';
+const SEACRM_INTOUCH = 'sea.intouch.capillarytech.com';
+const DEV_ENV = 'devenv-crm.cc.capillarytech.com';
+const DEV_ENV_INTOUCH = 'dev.intouch.capillarytech.com';
+const NIGHTLY_CONNECT_PLUS_URL = 'https://crm-nightly-new.connectplus.capillarytech.com';
+const PROD_CONNECT_PLUS_URL = 'https://eucrm.connectplus.capillarytech.com';
+const US_PROD_CONNECT_PLUS_URL = 'https://uscrm.connectplus.capillarytech.com';
+const EU_PROD_CONNECT_PLUS_URL = 'https://eucrm.connectplus.capillarytech.com';
+const IN_PROD_CONNECT_PLUS_URL = 'https://incrm.connectplus.capillarytech.com';
+const SG_PROD_CONNECT_PLUS_URL = 'https://sgcrm.connectplus.capillarytech.com';
+const TATA_PROD_CONNECT_PLUS_URL = 'https://tatacrm.connectplus.capillarytech.com';
+const USHC_PROD_CONNECT_PLUS_URL = 'https://ushccrm.connectplus.capillarytech.com';
+const SEA_PROD_CONNECT_PLUS_URL = 'https://glue-a-crm-seacrm.cc.capillarytech.com';
+const DEV_CONNECT_PLUS_URL = 'https://devenv-crm.connectplus.capillarytech.com';
+const handleConnectPlusRedirection = _ref => {
+  let {
+    product,
+    cluster: _cluster
+  } = _ref;
+  const currentHost = window.location.host;
+  switch (currentHost) {
+    case NIGHTLY:
+    case NIGHTLY_INTOUCH:
+      window.open(NIGHTLY_CONNECT_PLUS_URL + "/" + product.url, '_blank');
+      break;
+    case EUCRM:
+    case EUCRM_INTOUCH:
+      window.open(EU_PROD_CONNECT_PLUS_URL + "/" + product.url, '_blank');
+      break;
+    case USCRM:
+    case NORTH_AMERICA:
+      window.open(US_PROD_CONNECT_PLUS_URL + "/" + product.url, '_blank');
+      break;
+    case INCRM:
+    case APAC:
+      window.open(IN_PROD_CONNECT_PLUS_URL + "/" + product.url, '_blank');
+      break;
+    case SGCRM:
+    case APAC2:
+      window.open(SG_PROD_CONNECT_PLUS_URL + "/" + product.url, '_blank');
+      break;
+    case TATACRM:
+    case TATACRM_INTOUCH:
+      window.open(TATA_PROD_CONNECT_PLUS_URL + "/" + product.url, '_blank');
+      break;
+    case USHCCRM:
+    case USHCCRM_INTOUCH:
+      window.open(USHC_PROD_CONNECT_PLUS_URL + "/" + product.url, '_blank');
+      break;
+    case SEACRM:
+    case SEACRM_INTOUCH:
+      window.open(SEA_PROD_CONNECT_PLUS_URL + "/" + product.url, '_blank');
+      break;
+    case DEV_ENV:
+    case DEV_ENV_INTOUCH:
+      window.open(DEV_CONNECT_PLUS_URL + "/" + product.url, '_blank');
+      break;
+    default:
+      window.open(PROD_CONNECT_PLUS_URL + "/" + product.url, '_blank');
+      break;
+  }
+};
+exports.handleConnectPlusRedirection = handleConnectPlusRedirection;
+
 /***/ }),
 
 /***/ 74114:
@@ -61315,6 +61742,18 @@ function baseToString(value) {
 module.exports = baseToString;
 
 
+/***/ }),
+
+/***/ 77608:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.USER_PROFILE_KEY = void 0;
+const USER_PROFILE_KEY = exports.USER_PROFILE_KEY = 'User Profile';
+
 /***/ }),
 
 /***/ 77619:
@@ -63531,103 +63970,6 @@ var nativeCreate = getNative(Object, 'create');
 module.exports = nativeCreate;
 
 
-/***/ }),
-
-/***/ 81112:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports.scope = exports["default"] = void 0;
-var _reactIntl = __webpack_require__(46407);
-// CapCondition Messages
-
-const scope = exports.scope = 'app.commonUtils.capUiLibrary.CapCondition';
-var _default = exports["default"] = (0, _reactIntl.defineMessages)({
-  selectPossibleValue: {
-    id: scope + ".selectPossibleValue",
-    defaultMessage: 'Select possible values'
-  },
-  searchPossibleValue: {
-    id: scope + ".searchPossibleValue",
-    defaultMessage: 'Search possible values'
-  },
-  maxPossibleValues: {
-    id: scope + ".maxPossibleValues",
-    defaultMessage: 'Only 15 values can be selected'
-  },
-  title: {
-    id: scope + ".title",
-    defaultMessage: 'title'
-  },
-  selectTriggerEventAttribute: {
-    id: scope + ".selectTriggerEventAttribute",
-    defaultMessage: 'Select trigger event attribute'
-  },
-  entryTriggerEventAttribute: {
-    id: scope + ".entryTriggerEventAttribute",
-    defaultMessage: 'Entry trigger event attribute'
-  },
-  selectDateAttribute: {
-    id: scope + ".selectDateAttribute",
-    defaultMessage: 'Select date attribute'
-  },
-  search: {
-    id: scope + ".search",
-    defaultMessage: 'Search'
-  },
-  noResultsFound: {
-    id: scope + ".noResultsFound",
-    defaultMessage: 'No results found'
-  },
-  more: {
-    id: scope + ".more",
-    defaultMessage: 'more'
-  },
-  onMsg: {
-    id: scope + ".onMsg",
-    defaultMessage: 'on'
-  },
-  beforeMsg: {
-    id: scope + ".beforeMsg",
-    defaultMessage: 'before'
-  },
-  afterMsg: {
-    id: scope + ".afterMsg",
-    defaultMessage: 'after'
-  },
-  betweenMsg: {
-    id: scope + ".betweenMsg",
-    defaultMessage: 'between'
-  },
-  daysAfterMsg: {
-    id: scope + ".daysAfterMsg",
-    defaultMessage: '{days} days after'
-  },
-  daysBeforeMsg: {
-    id: scope + ".daysBeforeMsg",
-    defaultMessage: '{days} days before'
-  },
-  andMsg: {
-    id: scope + ".andMsg",
-    defaultMessage: 'and'
-  },
-  endDate: {
-    id: scope + ".endDate",
-    defaultMessage: 'End date'
-  },
-  of: {
-    id: scope + ".of",
-    defaultMessage: ' of '
-  },
-  profileNameMessage: {
-    id: scope + ".profileNameMessage",
-    defaultMessage: '{profileName} event date attribute'
-  }
-});
-
 /***/ }),
 
 /***/ 81164:
@@ -71605,27 +71947,6 @@ const CapNotification = {
 };
 var _default = exports["default"] = CapNotification;
 
-/***/ }),
-
-/***/ 98289:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-// Imports
-var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.capConditionPreview__string{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.capConditionPreview__flexWrapDiv{display:flex;align-items:center;flex-wrap:wrap}.capConditionPreview__flexWrapDiv>*{margin:.428rem .285rem}.capConditionPreview__skuDownloadLink{display:flex;align-items:center;margin-left:.571rem}.capConditionPreview__skuDownloadLink>.cap-icon-v2-download{margin-right:.285rem}.capConditionPreview__label{background-color:#ecece7;border-radius:1.143rem;height:2.285rem;padding:.642rem .928rem}`, ""]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
-	"capConditionPreview__string": `capConditionPreview__string`,
-	"capConditionPreview__flexWrapDiv": `capConditionPreview__flexWrapDiv`,
-	"capConditionPreview__skuDownloadLink": `capConditionPreview__skuDownloadLink`,
-	"capConditionPreview__label": `capConditionPreview__label`
-};
-module.exports = ___CSS_LOADER_EXPORT___;
-
-
 /***/ }),
 
 /***/ 98421: