@copart/ops-tool-kit 1.6.0 → 1.6.2

package/dist/ops-tool-kit.js

@@ -33,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
 const name$e = "@copart/ops-tool-kit";
-const version$3 = "1.6.0";
+const version$3 = "1.6.2";
 const main = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -2584,11 +2584,13 @@ function set$1(target, path, value, options) {
 
   let opts = options || {};
   const isArray = Array.isArray(path);
+
   if (!isArray && typeof path !== 'string') {
     return target;
   }
 
   let merge = opts.merge;
+
   if (merge && typeof merge !== 'function') {
     merge = Object.assign;
   }
@@ -2631,8 +2633,7 @@ function result(target, path, value, merge) {
 function split(path, options) {
   const id = createKey(path, options);
   if (set$1.memo[id]) return set$1.memo[id];
-
-  const char = (options && options.separator) ? options.separator : '.';
+  const char = options && options.separator ? options.separator : '.';
   let keys = [];
   let res = [];
 
@@ -2644,25 +2645,32 @@ function split(path, options) {
 
   for (let i = 0; i < keys.length; i++) {
     let prop = keys[i];
+
     while (prop && prop.slice(-1) === '\\' && keys[i + 1]) {
       prop = prop.slice(0, -1) + char + keys[++i];
     }
+
     res.push(prop);
   }
+
   set$1.memo[id] = res;
   return res;
 }
 
 function createKey(pattern, options) {
   let id = pattern;
+
   if (typeof options === 'undefined') {
     return id + '';
   }
+
   const keys = Object.keys(options);
+
   for (let i = 0; i < keys.length; i++) {
     const key = keys[i];
     id += ';' + key + '=' + String(options[key]);
   }
+
   return id;
 }
 
@@ -6333,6 +6341,7 @@ function () {
             return refreshToken();
 
           case 9:
+            _context.sent;
             _context.next = 12;
             return fetcher.request(error.response.config);
 
@@ -6657,8 +6666,12 @@ exports.all = function () {
 };
 });
 
+var stack$1 = process.env.STACK;
+
 var getDefaultYard = function getDefaultYard(country) {
-  switch (country) {
+  var userCountryCode = country || (stack$1 === c ? 'US' : 'GB');
+
+  switch (userCountryCode) {
     case 'IN':
       return {
         name: "CITC",
@@ -6675,7 +6688,23 @@ var getDefaultYard = function getDefaultYard(country) {
         }
       };
 
+    case 'US':
+      return {
+        name: "CORPORATE",
+        number: 700,
+        address: {
+          city: "DALLAS",
+          country: "USA",
+          line1: "14185 DALLAS PARKWAY #300",
+          state: "TX",
+          zip: {
+            zip1: "75254"
+          }
+        }
+      };
+
     case 'UK':
+    case 'GB':
       return {
         name: "COPART UK",
         number: 400,
@@ -22115,7 +22144,7 @@ FeedbackDialog.defaultProps = {
   }
 };
 
-var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\n  background-color: var(--blue);\n  background-color: var(--blue);\n  height: 64px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\n  display: flex;\n  flex-direction: column;\n  margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\n  color: white;\n  font-size: 11px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\n  display: flex;\n  color: white;\n  font-size: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\n  color: white;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n  width: 6rem;\n  margin-top: 0rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\n  margin-top: 0.6rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\n  margin-top: 0.4rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\n  margin-top: -0.2rem;\n  margin-left: 2rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n  display: inline;\n  display: initial;\n}\n\n@font-face {\n  font-family: 'Open Sans';\n  font-style: italic;\n  font-weight: 600;\n  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\n    format('woff2');\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\n  color: #fff;\n  font-family: 'Open Sans', sans-serif;\n  font-weight: 600;\n  font-style: italic;\n  font-size: 14px;\n  position: relative;\n  left: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\n  display: flex;\n  color: white;\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n  margin-left: 10px;\n  margin-right: 7px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n  margin-left: 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\n  color: white;\n  cursor: default;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n  background-color: white;\n  border-radius: 20px;\n  margin: 5px;\n  padding: 0px 10px;\n  height: 25px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\n  border: 1px solid #1d5ab9;\n  justify-content: flex-start;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\n  color: black;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n  background-color: white;\n  border-radius: 20px;\n  display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n  color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\n  color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\n  color: red;\n  margin: 5px 0px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\n  margin-right: 5px;\n  margin-left: 5px;\n  width: 24px;\n  height: 24px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\n  margin-left: 5px;\n  display: inline-flex;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\n  font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\n  line-height: unset;\n  font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\n  color: green;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n  margin-right: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n  color: red;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\n  margin-left: 10px !important;\n  margin-right: 10px !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n  margin-left: 10px !important;\n  margin-right: 10px !important;\n  display: flex;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n  margin-left: 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\n  margin: 0 !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\n  width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\n  cursor: pointer;\n  position: relative;\n  top: 2px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\n  color: #fff;\n}\n\n@media only screen and (max-width: 1024px) {\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n    margin-right: 2px;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n    margin-left: 5px;\n    margin-right: 2px;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n    margin-left: 2px;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\n    margin-left: 3px !important;\n    margin-right: 3px !important;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n    margin-left: 3px !important;\n    margin-right: 3px !important;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n    margin-left: 2px;\n  }\n}\n";
+var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\n  background-color: var(--blue);\n  background-color: var(--blue);\n  height: 64px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\n  display: flex;\n  flex-direction: column;\n  margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\n  color: white;\n  font-size: 11px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\n  display: flex;\n  color: white;\n  font-size: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\n  color: white;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n  width: 6rem;\n  margin-top: 0rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\n  margin-top: 0.6rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\n  margin-top: 0.4rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\n  margin-top: -0.2rem;\n  margin-left: 2rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n  display: inline;\n  display: initial;\n}\n\n@font-face {\n  font-family: 'Open Sans';\n  font-style: italic;\n  font-weight: 600;\n  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\n    format('woff2');\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\n  color: #fff;\n  font-family: 'Open Sans', sans-serif;\n  font-weight: 600;\n  font-style: italic;\n  font-size: 14px;\n  position: relative;\n  left: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\n  display: flex;\n  color: white;\n  font-size: 13px;\n  cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n  margin-left: 10px;\n  margin-right: 7px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n  margin-left: 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\n  color: white;\n  cursor: default;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n  background-color: white;\n  border-radius: 20px;\n  margin: 5px;\n  padding: 0px 10px;\n  height: 25px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\n  border: 1px solid #1d5ab9;\n  justify-content: flex-start;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\n  color: black;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n  background-color: white;\n  border-radius: 20px;\n  display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n  color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\n  color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\n  color: red;\n  margin: 5px 0px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\n  margin-right: 5px;\n  margin-left: 5px;\n  width: 24px;\n  height: 24px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\n  margin-left: 5px;\n  display: inline-flex;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\n  font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\n  line-height: unset;\n  font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\n  color: green;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n  margin-right: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n  color: red;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\n  margin-left: 10px !important;\n  margin-right: 10px !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n  margin-left: 10px !important;\n  margin-right: 10px !important;\n  display: flex;\n  align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n  margin-left: 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\n  margin: 0 !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\n  width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\n  cursor: pointer;\n  position: relative;\n  top: 2px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\n  color: #fff;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\n  position: absolute;\n  display: flex;\n  height: 100vh;\n  width: 100vw;\n  bottom: 0;\n  z-index: 10000;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\n  background-color: rgba(0,0,0,.5);\n  width: calc(100vw - 443px);\n}\n\n@media only screen and (max-width: 1024px) {\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n    margin-right: 2px;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n    margin-left: 5px;\n    margin-right: 2px;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n    margin-left: 2px;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\n    margin-left: 3px !important;\n    margin-right: 3px !important;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n    margin-left: 3px !important;\n    margin-right: 3px !important;\n  }\n\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n    margin-left: 2px;\n  }\n}\n";
 styleInject(css_248z$b);
 
 var LogOutMenu = function LogOutMenu(_ref) {
@@ -22224,7 +22253,9 @@ var _styleModuleImportMap$5 = {
     "roleAndFlag": "utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag",
     "feedback": "utilities_ops-app-frame_AppBarComponent_AppBar--feedback",
     "overflowItems": "utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems",
-    "mihelp_button": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button"
+    "mihelp_button": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button",
+    "ideaWidgetContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
+    "ideaWidgetHide": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide"
   }
 };
 
@@ -23444,7 +23475,7 @@ var saveSettings$1 = function saveSettings(self) {
                     }
                   }
                 });
-                _self$state = self.state, selectedYard = _self$state.selectedYardNumber, selectedRole = _self$state.selectedRole, selectedLanguage = _self$state.selectedLanguage, selectedCurrency = _self$state.selectedCurrency, roles = _self$state.roles;
+                _self$state = self.state, selectedYard = _self$state.selectedYardNumber, selectedRole = _self$state.selectedRole, selectedLanguage = _self$state.selectedLanguage, selectedCurrency = _self$state.selectedCurrency, roles = _self$state.roles, _self$state.selectedRoleOption;
                 roleOptionFromState = roles.find(function (roleOption) {
                   return frontEndUtils.regex.beautifyRoleText(roleOption.roleName) === selectedRole;
                 }) || head$1(roles);
@@ -24793,7 +24824,9 @@ var _styleModuleImportMap$4 = {
     "roleAndFlag": "utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag",
     "feedback": "utilities_ops-app-frame_AppBarComponent_AppBar--feedback",
     "overflowItems": "utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems",
-    "mihelp_button": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button"
+    "mihelp_button": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button",
+    "ideaWidgetContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
+    "ideaWidgetHide": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide"
   }
 };
 var overflowSetStyles = {
@@ -24822,7 +24855,8 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
       config = props.config,
       _props$navigateTo = props.navigateTo,
       navigateTo = _props$navigateTo === void 0 ? function (url) {} : _props$navigateTo,
-      isMihelpEnabled = props.isMihelpEnabled;
+      isMihelpEnabled = props.isMihelpEnabled,
+      isIdeaNoteEnabled = props.isIdeaNoteEnabled;
   var coreAppConfig = storage.getLocalItem('opsportal-core:config');
   var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
       showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig;
@@ -25033,6 +25067,28 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
         onItemClick: props.onLogoutItemClicked
       });
     }
+  }, {
+    key: 'ideaNote',
+    renderIf: isIdeaNoteEnabled,
+    render: function render() {
+      return React__default["default"].createElement("div", {
+        className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
+        style: {
+          cursor: 'pointer'
+        },
+        onClick: function onClick() {
+          return props.setIdeaNoteVisible(true);
+        }
+      }, React__default["default"].createElement(coreComponents.Icon, {
+        name: "reviews",
+        variant: "material",
+        style: {
+          color: 'white',
+          fontSize: '22px',
+          margin: '5px 15px 0 0'
+        }
+      }));
+    }
   }];
   return items.filter(function (item) {
     return item.renderIf;
@@ -25058,6 +25114,11 @@ var AppBar$1 = function AppBar(props) {
       calloutTarget = _useState6[0],
       setCalloutTarget = _useState6[1];
 
+  var _useState7 = React.useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      ideaNoteVisible = _useState8[0],
+      setIdeaNoteVisible = _useState8[1];
+
   var isLoggedOn = props.isLoggedOn,
       moduleName = props.moduleName,
       forceUpdate = props.forceUpdate,
@@ -25068,10 +25129,10 @@ var AppBar$1 = function AppBar(props) {
   var _useWindowSize = useWindowSize(),
       width = _useWindowSize.width;
 
-  var _useState7 = React.useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      count = _useState8[0],
-      setCount = _useState8[1];
+  var _useState9 = React.useState(0),
+      _useState10 = _slicedToArray(_useState9, 2),
+      count = _useState10[0],
+      setCount = _useState10[1];
 
   React.useLayoutEffect(function () {
     setCount(count + 1);
@@ -25132,7 +25193,8 @@ var AppBar$1 = function AppBar(props) {
   }, isLoggedOn ? React__default["default"].createElement(OverflowMenu, {
     key: "_".concat(width, "_").concat(count),
     items: generateAppBarElements(_objectSpread2({}, props, {
-      toggleFeedbackDialog: toggleFeedbackDialog
+      toggleFeedbackDialog: toggleFeedbackDialog,
+      setIdeaNoteVisible: setIdeaNoteVisible
     }), function (target) {
       setCalloutTarget(target);
       setCalloutVisible(true);
@@ -25161,7 +25223,27 @@ var AppBar$1 = function AppBar(props) {
     onSave: onSave
   }) : null, process.env.STACK === 'uk' ? React__default["default"].createElement(SettingsView, {
     onSave: onSave
-  }) : null)) : null);
+  }) : null)) : null, ideaNoteVisible && React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer"
+  }, React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide",
+    onClick: function onClick() {
+      return setIdeaNoteVisible(false);
+    }
+  }), React__default["default"].createElement("iframe", {
+    allowfullscreen: true,
+    name: "idea-widget-frame",
+    title: "Idea Collection Widget",
+    style: {
+      position: 'absolute',
+      bottom: '0',
+      right: '0',
+      height: '100vh',
+      width: '443px',
+      backgroundColor: 'white'
+    },
+    src: "https://idea-widget.ideanote.io?config=66ff516339"
+  })));
 };
 AppBar$1.defaultProps = {
   config: ['flag', 'role', 'yard'],
@@ -25762,7 +25844,7 @@ var IconComponent = function IconComponent(_ref) {
  */
 
 var b = "function" === typeof Symbol && Symbol.for,
-    c = b ? Symbol.for("react.element") : 60103,
+    c$1 = b ? Symbol.for("react.element") : 60103,
     d = b ? Symbol.for("react.portal") : 60106,
     e = b ? Symbol.for("react.fragment") : 60107,
     f = b ? Symbol.for("react.strict_mode") : 60108,
@@ -25786,7 +25868,7 @@ function z(a) {
     var u = a.$$typeof;
 
     switch (u) {
-      case c:
+      case c$1:
         switch (a = a.type, a) {
           case l:
           case m:
@@ -25825,7 +25907,7 @@ var AsyncMode = l;
 var ConcurrentMode = m;
 var ContextConsumer = k;
 var ContextProvider = h;
-var Element$1 = c;
+var Element$1 = c$1;
 var ForwardRef = n;
 var Fragment = e;
 var Lazy = t;
@@ -25850,7 +25932,7 @@ var isContextProvider = function (a) {
 };
 
 var isElement = function (a) {
-  return "object" === typeof a && null !== a && a.$$typeof === c;
+  return "object" === typeof a && null !== a && a.$$typeof === c$1;
 };
 
 var isForwardRef = function (a) {
@@ -30323,6 +30405,8 @@ var AppBar = function AppBar(_ref) {
     isMihelpEnabled = Boolean(mihelpAppPath);
   }
 
+  var isIdeaNoteEnabled = coreAppConfig.enableIdeaNote;
+
   var feedbackConfig = function feedbackConfig() {
     var _storage$coreConfig;
 
@@ -30370,6 +30454,7 @@ var AppBar = function AppBar(_ref) {
     onLogoutItemClicked: handleSettingsItemClick,
     handleHelpClick: handleHelpClick,
     isMihelpEnabled: isMihelpEnabled,
+    isIdeaNoteEnabled: isIdeaNoteEnabled,
     sendFeedback: fetcher.sendFeedback,
     feedbackConfig: feedbackConfig(),
     stack: process.env.STACK,
@@ -30666,7 +30751,7 @@ var GoHome = function GoHome(props) {
   }, props.reason));
 };
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -34269,7 +34354,7 @@ var firebase = firebase$1;
 registerCoreComponents(firebase);
 
 var name$1 = "firebase";
-var version$1 = "8.10.0";
+var version$1 = "8.10.1";
 /**
  * @license
  * Copyright 2018 Google LLC