@atlaskit/help 7.14.6 → 7.14.8

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/help
 
+## 7.14.8
+
+### Patch Changes
+
+- Updated dependencies
+
+## 7.14.7
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.14.6
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -14,5 +14,5 @@ var createAndFire = exports.createAndFire = x.createAndFireEvent('atlaskit');
 var defaultAnalyticsAttributes = exports.defaultAnalyticsAttributes = {
   componentName: 'help',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };

package/dist/cjs/components/Article/ArticleLoadingFail/index.js

@@ -17,7 +17,7 @@ var _styled = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js

@@ -13,7 +13,7 @@ var _messages = require("../../../../messages");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 var ArticleWasHelpfulNoButton = exports.ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js

@@ -13,7 +13,7 @@ var _messages = require("../../../../messages");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

package/dist/cjs/components/Article/HelpArticle/WasHelpfulForm/index.js

@@ -43,7 +43,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 var buttonStyles = (0, _react2.css)({
   padding: '0',

package/dist/cjs/components/Article/HelpArticle/index.js

@@ -65,7 +65,7 @@ var HelpArticle = exports.HelpArticle = function HelpArticle(_ref) {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "7.14.6"
+      packageVersion: "7.14.8"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

package/dist/cjs/components/Article/WhatsNewArticle/index.js

@@ -22,7 +22,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/cjs/components/ArticlesList/ArticlesListItem/index.js

@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 var highlightText = function highlightText(text) {
   if (!text) {

package/dist/cjs/components/BackButton/index.js

@@ -76,7 +76,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "7.14.6"
+      packageVersion: "7.14.8"
     }
   }, /*#__PURE__*/_react.default.createElement(BackButton, props));
 };

package/dist/cjs/components/HelpContent.js

@@ -24,6 +24,7 @@ var _WhatsNewButton = _interopRequireDefault(require("./WhatsNew/WhatsNewButton"
 var _WhatsNewResults = _interopRequireDefault(require("./WhatsNew/WhatsNewResults"));
 var _HelpContentButton = _interopRequireDefault(require("./HelpContentButton"));
 var _BackButton = _interopRequireDefault(require("./BackButton"));
+var _NeedMoreHelp = require("./NeedMoreHelp");
 var _styled = require("./styled");
 var _Tabs = require("./Tabs");
 var _aiChat = _interopRequireDefault(require("@atlaskit/icon/core/ai-chat"));
@@ -102,6 +103,9 @@ var HelpContent = exports.HelpContent = function HelpContent(_ref) {
       label: formatMessage(_messages.messages.help_search_tab)
     })
   }];
+  var handleNeedMoreHelpClick = (0, _react.useCallback)(function () {
+    setActiveTab(0);
+  }, []);
   var HelpLayoutWithAi = /*#__PURE__*/_react.default.createElement(_helpLayout.default, {
     onCloseButtonClick: onClose,
     isAiEnabled: isAiEnabled
@@ -109,7 +113,7 @@ var HelpContent = exports.HelpContent = function HelpContent(_ref) {
     activeTab: activeTab,
     onTabClick: handleTabClick,
     tabs: tabs
-  }), activeTab === 0 && /*#__PURE__*/_react.default.createElement("div", null, "ai agent here"), activeTab === 1 && /*#__PURE__*/_react.default.createElement(_styled.HelpBodyContainer, null, /*#__PURE__*/_react.default.createElement(_styled.HelpBodyAi, null, /*#__PURE__*/_react.default.createElement(_BackButton.default, {
+  }), activeTab === 0 && /*#__PURE__*/_react.default.createElement("div", null, "ai agent here"), activeTab === 1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.HelpBodyContainer, null, /*#__PURE__*/_react.default.createElement(_styled.HelpBodyAi, null, /*#__PURE__*/_react.default.createElement(_BackButton.default, {
     onClick: handleOnBackButtonClick,
     isVisible: canNavigateBack
   }), onSearch && /*#__PURE__*/_react.default.createElement(_SearchInput.default, {
@@ -127,7 +131,10 @@ var HelpContent = exports.HelpContent = function HelpContent(_ref) {
     return /*#__PURE__*/_react.default.createElement(_HelpContentButton.default, (0, _extends2.default)({
       key: defaultOption.id
     }, defaultOption));
-  }))), /*#__PURE__*/_react.default.createElement(_WhatsNewResults.default, null), footer && /*#__PURE__*/_react.default.createElement(_styled.HelpFooter, {
+  }))), /*#__PURE__*/_react.default.createElement(_WhatsNewResults.default, null)), /*#__PURE__*/_react.default.createElement(_NeedMoreHelp.NeedMoreHelp, {
+    label: formatMessage(_messages.messages.help_need_more_help_label),
+    onNeedMoreHelpClick: handleNeedMoreHelpClick
+  }), footer && /*#__PURE__*/_react.default.createElement(_styled.HelpFooter, {
     "data-testid": "inside-footer"
   }, footer)));
   var HelpLayoutWithoutAi = /*#__PURE__*/_react.default.createElement(_helpLayout.default, {

package/dist/cjs/components/HelpContentButton/index.js

@@ -17,7 +17,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

package/dist/cjs/components/NeedMoreHelp/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NeedMoreHelp = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lightbulb = _interopRequireDefault(require("@atlaskit/icon/core/migration/lightbulb"));
+var _primitives = require("@atlaskit/primitives");
+var _reactIntlNext = require("react-intl-next");
+var _styled = require("./styled");
+var _constants = require("../constants");
+var _messages = require("../../messages");
+var _navigationContext = require("../contexts/navigationContext");
+var NeedMoreHelp = exports.NeedMoreHelp = function NeedMoreHelp(_ref) {
+  var onNeedMoreHelpClick = _ref.onNeedMoreHelpClick,
+    label = _ref.label;
+  var _useNavigationContext = (0, _navigationContext.useNavigationContext)(),
+    view = _useNavigationContext.view;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  if (view === _constants.VIEW.ARTICLE || view === _constants.VIEW.WHATS_NEW_ARTICLE || view === _constants.VIEW.SEARCH || view === _constants.VIEW.WHATS_NEW) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_styled.NeedMoreHelpContainer, null, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    space: "space.050",
+    alignBlock: "center",
+    alignInline: "center"
+  }, /*#__PURE__*/_react.default.createElement(_lightbulb.default, {
+    spacing: "none",
+    label: label,
+    LEGACY_size: "small"
+  }), /*#__PURE__*/_react.default.createElement(_styled.NeedMoreHelpContent, null, formatMessage(_messages.messages.help_need_more_help_text)), /*#__PURE__*/_react.default.createElement(_styled.HelpAskAI, {
+    onClick: onNeedMoreHelpClick
+  }, formatMessage(_messages.messages.help_need_more_help_label))));
+};

package/dist/cjs/components/NeedMoreHelp/styled.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NeedMoreHelpContent = exports.NeedMoreHelpContainer = exports.HelpAskAI = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var NeedMoreHelpContainer = exports.NeedMoreHelpContainer = _styled.default.div({
+  zIndex: 11,
+  alignSelf: 'center',
+  alignContent: 'center',
+  backgroundColor: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
+  width: '187px',
+  height: "var(--ds-space-500, 42px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  boxShadow: "var(--ds-shadow-overlay, 0px 0px 0px 1px var(--shadow-overlay-third,rgba(188,214,240,0.00)) inset)",
+  filter: 'drop-shadow(0px 8px 12px var(--shadow-overlay-second, rgba(9,30,66,0.15))) drop-shadow(0px 0px 1px rgba(9,30,66,0.31))'
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var NeedMoreHelpContent = exports.NeedMoreHelpContent = _styled.default.p({
+  color: "var(--ds-text, #172B4D)",
+  font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  display: 'inline-block',
+  alignSelf: 'center',
+  margin: 0
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var HelpAskAI = exports.HelpAskAI = _styled.default.p({
+  color: "var(--ds-text-selected, #0C66E4)",
+  font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  display: 'inline-block',
+  alignSelf: 'center',
+  margin: 0,
+  cursor: 'pointer',
+  '&:hover': {
+    textDecoration: 'underline'
+  }
+});

package/dist/cjs/components/RelatedArticles/index.js

@@ -34,7 +34,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var packageName = "@atlaskit/help";
-var packageVersion = "7.14.6";
+var packageVersion = "7.14.8";
 var buttonStyles = (0, _react2.css)({
   padding: '0',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

package/dist/cjs/components/Search/SearchInput/index.js

@@ -34,7 +34,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 var buttonStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -94,7 +94,7 @@ var SearchInput = exports.SearchInput = function SearchInput(_ref) {
   if (inputRef && inputRef.current) {
     inputRef.current.value = searchValue;
   }
-  if (view === _constants2.VIEW.ARTICLE || view === _constants2.VIEW.WHATS_NEW_ARTICLE) {
+  if (view === _constants2.VIEW.ARTICLE || view === _constants2.VIEW.WHATS_NEW_ARTICLE || view === _constants2.VIEW.WHATS_NEW) {
     return null;
   }
   return isAiEnabled ? (0, _react2.jsx)(_styled.SearchInputContainerAi, null, (0, _react2.jsx)(_textfield.default, {

package/dist/cjs/components/WhatsNew/WhatsNewButton/index.js

@@ -21,7 +21,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 var WhatsNewButton = exports.WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js

@@ -15,7 +15,7 @@ var _styled2 = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 var WhatsNewResultListItem = exports.WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/cjs/components/WhatsNew/WhatsNewResults/index.js

@@ -19,6 +19,7 @@ var _WhatsNew = require("../../../model/WhatsNew");
 var _Requests = require("../../../model/Requests");
 var _whatsNewArticleContext = require("../../contexts/whatsNewArticleContext");
 var _navigationContext = require("../../contexts/navigationContext");
+var _aiAgentContext = require("../../contexts/aiAgentContext");
 var _WhatsNewResultsEmpty = _interopRequireDefault(require("./WhatsNewResultsEmpty"));
 var _WhatsNewResultsError = _interopRequireDefault(require("./WhatsNewResultsError"));
 var _WhatsNewResultsLoading = _interopRequireDefault(require("./WhatsNewResultsLoading"));
@@ -55,6 +56,8 @@ var WhatsNewResults = exports.WhatsNewResults = function WhatsNewResults(_ref) {
   var formatMessage = _ref.intl.formatMessage;
   var _useNavigationContext = (0, _navigationContext.useNavigationContext)(),
     helpContextView = _useNavigationContext.view;
+  var _useAiContext = (0, _aiAgentContext.useAiContext)(),
+    isAiEnabled = _useAiContext.isAiEnabled;
   var _useWhatsNewArticleCo = (0, _whatsNewArticleContext.useWhatsNewArticleContext)(),
     searchWhatsNewArticlesResult = _useWhatsNewArticleCo.searchWhatsNewArticlesResult,
     onSearchWhatsNewArticles = _useWhatsNewArticleCo.onSearchWhatsNewArticles,
@@ -117,7 +120,58 @@ var WhatsNewResults = exports.WhatsNewResults = function WhatsNewResults(_ref) {
     onEnter: handleOnEnter,
     onExit: handleOnExit
   }, function (state) {
-    return /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsContainer, {
+    return isAiEnabled ? /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsContainerAi, {
+      ref: containerRef,
+      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
+    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsLoading.default, null), (searchWhatsNewArticlesState === _Requests.REQUEST_STATE.done || searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SelectContainer, null, /*#__PURE__*/_react.default.createElement(_select.default, {
+      defaultValue: selectedOption
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: "single-select",
+      classNamePrefix: "react-select",
+      options: [{
+        value: '',
+        label: formatMessage(_messages.messages.help_whats_new_filter_select_option_all)
+      }, {
+        value: _WhatsNew.WHATS_NEW_ITEM_TYPES.NEW_FEATURE,
+        label: formatMessage(_messages.messages.help_whats_new_filter_select_option_new)
+      }, {
+        label: formatMessage(_messages.messages.help_whats_new_filter_select_option_improvement),
+        value: _WhatsNew.WHATS_NEW_ITEM_TYPES.IMPROVEMENT
+      }, {
+        label: formatMessage(_messages.messages.help_whats_new_filter_select_option_fix),
+        value: _WhatsNew.WHATS_NEW_ITEM_TYPES.FIX
+      }, {
+        label: formatMessage(_messages.messages.help_whats_new_filter_select_option_removed),
+        value: _WhatsNew.WHATS_NEW_ITEM_TYPES.REMOVED
+      }, {
+        label: formatMessage(_messages.messages.help_whats_new_filter_select_option_experiment),
+        value: _WhatsNew.WHATS_NEW_ITEM_TYPES.EXPERIMENT
+      }],
+      value: selectedOption,
+      onChange: function onChange(option) {
+        if (onSearchWhatsNewArticles) {
+          var selectedOptionValue = option.value;
+          var selectedOptionLabel = option.label;
+          setSelectedOption({
+            value: selectedOptionValue,
+            label: selectedOptionLabel
+          });
+          onSearchWhatsNewArticles(selectedOptionValue, _constants.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE, '');
+        }
+      }
+    })), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsListContainer, null, searchWhatsNewArticlesResult.articles.length > 0 ? /*#__PURE__*/_react.default.createElement(_WhatsNewResultsList.default, {
+      whatsNewArticles: searchWhatsNewArticlesResult.articles,
+      onWhatsNewResultItemClick: onWhatsNewResultItemClick,
+      onShowMoreButtonClick: handleOnShowMoreButtonClick,
+      hasNextPage: searchWhatsNewArticlesResult === null || searchWhatsNewArticlesResult === void 0 ? void 0 : searchWhatsNewArticlesResult.hasNextPage,
+      nextPage: searchWhatsNewArticlesResult === null || searchWhatsNewArticlesResult === void 0 ? void 0 : searchWhatsNewArticlesResult.nextPage,
+      loadingMore: searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading
+    }) : /*#__PURE__*/_react.default.createElement(_WhatsNewResultsEmpty.default, {
+      onClearFilter: handleOnClearFilter
+    }))), searchWhatsNewArticlesState === _Requests.REQUEST_STATE.error && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsError.default, {
+      onSearch: onSearchWhatsNewArticles
+    }))) : /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsContainer, {
       ref: containerRef,
       style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
     }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsLoading.default, null), (searchWhatsNewArticlesState === _Requests.REQUEST_STATE.done || searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SelectContainer, null, /*#__PURE__*/_react.default.createElement(_select.default, {

package/dist/cjs/components/WhatsNew/WhatsNewResults/styled.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WhatsNewResultsListTitleContainer = exports.WhatsNewResultsListContainer = exports.WhatsNewResultsContainer = exports.SelectContainer = void 0;
+exports.WhatsNewResultsListTitleContainer = exports.WhatsNewResultsListContainer = exports.WhatsNewResultsContainerAi = exports.WhatsNewResultsContainer = exports.SelectContainer = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _constants = require("@atlaskit/theme/constants");
 /**
@@ -29,6 +29,23 @@ var WhatsNewResultsContainer = exports.WhatsNewResultsContainer = _styled.defaul
   padding: "var(--ds-space-200, 16px)"
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var WhatsNewResultsContainerAi = exports.WhatsNewResultsContainerAi = _styled.default.div({
+  paddingBottom: "var(--ds-space-200, 16px)",
+  paddingLeft: "var(--ds-space-200, 16px)",
+  paddingRight: "var(--ds-space-200, 16px)",
+  position: 'absolute',
+  width: '100%',
+  top: "var(--ds-space-800, 60px)",
+  backgroundColor: "var(--ds-surface, #FFFFFF)",
+  flex: 1,
+  flexDirection: 'column',
+  boxSizing: 'border-box',
+  overflowX: 'hidden',
+  overflowY: 'auto',
+  zIndex: 1
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var SelectContainer = exports.SelectContainer = _styled.default.div({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

package/dist/cjs/messages.js

@@ -280,5 +280,15 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'help.search_tab.ai',
     defaultMessage: 'Ask AI',
     description: 'Ask AI tab text'
+  },
+  help_need_more_help_label: {
+    id: 'help.need_more_help.ai',
+    defaultMessage: 'Ask AI',
+    description: 'Ask AI label in need more help component'
+  },
+  help_need_more_help_text: {
+    id: 'help.need_more_help.text',
+    defaultMessage: 'Need more help?',
+    description: 'Need more help text'
   }
 });

package/dist/es2019/analytics.js

@@ -5,5 +5,5 @@ export const createAndFire = x.createAndFireEvent('atlaskit');
 export const defaultAnalyticsAttributes = {
   componentName: 'help',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };

package/dist/es2019/components/Article/ArticleLoadingFail/index.js

@@ -10,7 +10,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer, LoadingErrorHeading }
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 export const ArticleLoadingFail = ({
   onTryAgainButtonClick,

package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 export const ArticleWasHelpfulNoButton = ({
   isSelected = false,

package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,

package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/index.js

@@ -30,7 +30,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 const buttonStyles = css({
   padding: '0',

package/dist/es2019/components/Article/HelpArticle/index.js

@@ -60,7 +60,7 @@ export const HelpArticle = ({
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "7.14.6"
+      packageVersion: "7.14.8"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

package/dist/es2019/components/Article/WhatsNewArticle/index.js

@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 const analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 export const WhatsNewArticle = ({
   intl: {

package/dist/es2019/components/ArticlesList/ArticlesListItem/index.js

@@ -8,7 +8,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 const highlightText = text => {
   if (!text) {

package/dist/es2019/components/BackButton/index.js

@@ -72,7 +72,7 @@ const BackButtonWithContext = props => {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "7.14.6"
+      packageVersion: "7.14.8"
     }
   }, /*#__PURE__*/React.createElement(BackButton, props));
 };

package/dist/es2019/components/HelpContent.js

@@ -15,6 +15,7 @@ import WhatsNewButton from './WhatsNew/WhatsNewButton';
 import WhatsNewResults from './WhatsNew/WhatsNewResults';
 import HelpContentButton from './HelpContentButton';
 import BackButton from './BackButton';
+import { NeedMoreHelp } from './NeedMoreHelp';
 import { HelpBodyContainer, HelpBody, Home, HomeAi, HelpBodyAi } from './styled';
 import { HelpFooter } from './styled';
 import { Tabs } from './Tabs';
@@ -95,6 +96,9 @@ export const HelpContent = ({
       label: formatMessage(messages.help_search_tab)
     })
   }];
+  const handleNeedMoreHelpClick = useCallback(() => {
+    setActiveTab(0);
+  }, []);
   const HelpLayoutWithAi = /*#__PURE__*/React.createElement(HelpLayout, {
     onCloseButtonClick: onClose,
     isAiEnabled: isAiEnabled
@@ -102,7 +106,7 @@ export const HelpContent = ({
     activeTab: activeTab,
     onTabClick: handleTabClick,
     tabs: tabs
-  }), activeTab === 0 && /*#__PURE__*/React.createElement("div", null, "ai agent here"), activeTab === 1 && /*#__PURE__*/React.createElement(HelpBodyContainer, null, /*#__PURE__*/React.createElement(HelpBodyAi, null, /*#__PURE__*/React.createElement(BackButton, {
+  }), activeTab === 0 && /*#__PURE__*/React.createElement("div", null, "ai agent here"), activeTab === 1 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HelpBodyContainer, null, /*#__PURE__*/React.createElement(HelpBodyAi, null, /*#__PURE__*/React.createElement(BackButton, {
     onClick: handleOnBackButtonClick,
     isVisible: canNavigateBack
   }), onSearch && /*#__PURE__*/React.createElement(SearchInput, {
@@ -120,7 +124,10 @@ export const HelpContent = ({
     return /*#__PURE__*/React.createElement(HelpContentButton, _extends({
       key: defaultOption.id
     }, defaultOption));
-  }))), /*#__PURE__*/React.createElement(WhatsNewResults, null), footer && /*#__PURE__*/React.createElement(HelpFooter, {
+  }))), /*#__PURE__*/React.createElement(WhatsNewResults, null)), /*#__PURE__*/React.createElement(NeedMoreHelp, {
+    label: formatMessage(messages.help_need_more_help_label),
+    onNeedMoreHelpClick: handleNeedMoreHelpClick
+  }), footer && /*#__PURE__*/React.createElement(HelpFooter, {
     "data-testid": "inside-footer"
   }, footer)));
   const HelpLayoutWithoutAi = /*#__PURE__*/React.createElement(HelpLayout, {

package/dist/es2019/components/HelpContentButton/index.js

@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
 const analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.6"
+  packageVersion: "7.14.8"
 };
 const HelpContentButton = ({
   id = '',

package/dist/es2019/components/NeedMoreHelp/index.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import LightbulbIcon from '@atlaskit/icon/core/migration/lightbulb';
+import { Inline } from '@atlaskit/primitives';
+import { useIntl } from 'react-intl-next';
+import { NeedMoreHelpContainer, NeedMoreHelpContent, HelpAskAI } from './styled';
+import { VIEW } from '../constants';
+import { messages } from '../../messages';
+import { useNavigationContext } from '../contexts/navigationContext';
+export const NeedMoreHelp = ({
+  onNeedMoreHelpClick,
+  label
+}) => {
+  const {
+    view
+  } = useNavigationContext();
+  const {
+    formatMessage
+  } = useIntl();
+  if (view === VIEW.ARTICLE || view === VIEW.WHATS_NEW_ARTICLE || view === VIEW.SEARCH || view === VIEW.WHATS_NEW) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(NeedMoreHelpContainer, null, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050",
+    alignBlock: "center",
+    alignInline: "center"
+  }, /*#__PURE__*/React.createElement(LightbulbIcon, {
+    spacing: "none",
+    label: label,
+    LEGACY_size: "small"
+  }), /*#__PURE__*/React.createElement(NeedMoreHelpContent, null, formatMessage(messages.help_need_more_help_text)), /*#__PURE__*/React.createElement(HelpAskAI, {
+    onClick: onNeedMoreHelpClick
+  }, formatMessage(messages.help_need_more_help_label))));
+};