@atlaskit/help 7.14.7 → 7.14.8

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

@@ -21,7 +21,7 @@ import { Text } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const packageName = "@atlaskit/help";
-const packageVersion = "7.14.7";
+const packageVersion = "7.14.8";
 const buttonStyles = css({
   padding: '0',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

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

@@ -23,7 +23,7 @@ import { useNavigationContext } from '../../contexts/navigationContext';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.7"
+  packageVersion: "7.14.8"
 };
 const buttonStyles = 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
@@ -88,7 +88,7 @@ export const SearchInput = ({
   if (inputRef && inputRef.current) {
     inputRef.current.value = searchValue;
   }
-  if (view === VIEW.ARTICLE || view === VIEW.WHATS_NEW_ARTICLE) {
+  if (view === VIEW.ARTICLE || view === VIEW.WHATS_NEW_ARTICLE || view === VIEW.WHATS_NEW) {
     return null;
   }
   return isAiEnabled ? jsx(SearchInputContainerAi, null, jsx(Textfield, {

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

@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.7"
+  packageVersion: "7.14.8"
 };
 export const WhatsNewButton = ({
   productName,

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

@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.7"
+  packageVersion: "7.14.8"
 };
 export const WhatsNewResultListItem = ({
   intl: {

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

@@ -10,11 +10,12 @@ import { REQUEST_STATE } from '../../../model/Requests';
 import { FADEIN_OVERLAY_TRANSITION_DURATION_MS, NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE } from '../../constants';
 import { useWhatsNewArticleContext } from '../../contexts/whatsNewArticleContext';
 import { useNavigationContext } from '../../contexts/navigationContext';
+import { useAiContext } from '../../contexts/aiAgentContext';
 import WhatsNewResultsEmpty from './WhatsNewResultsEmpty';
 import WhatsNewResultsError from './WhatsNewResultsError';
 import WhatsNewResultsLoading from './WhatsNewResultsLoading';
 import WhatsNewResultsList from './WhatsNewResultsList';
-import { WhatsNewResultsContainer, SelectContainer, WhatsNewResultsListContainer } from './styled';
+import { WhatsNewResultsContainer, SelectContainer, WhatsNewResultsListContainer, WhatsNewResultsContainerAi } from './styled';
 const defaultStyle = {
   transition: `opacity ${FADEIN_OVERLAY_TRANSITION_DURATION_MS}ms`,
   opacity: 0,
@@ -46,6 +47,9 @@ export const WhatsNewResults = ({
   const {
     view: helpContextView
   } = useNavigationContext();
+  const {
+    isAiEnabled
+  } = useAiContext();
   const {
     searchWhatsNewArticlesResult,
     onSearchWhatsNewArticles,
@@ -107,7 +111,63 @@ export const WhatsNewResults = ({
     timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS,
     onEnter: handleOnEnter,
     onExit: handleOnExit
-  }, state => /*#__PURE__*/React.createElement(WhatsNewResultsContainer, {
+  }, state => isAiEnabled ? /*#__PURE__*/React.createElement(WhatsNewResultsContainerAi, {
+    ref: containerRef,
+    style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ...defaultStyle,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ...transitionStyles[state]
+    }
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Select, {
+    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.help_whats_new_filter_select_option_all)
+    }, {
+      value: WHATS_NEW_ITEM_TYPES.NEW_FEATURE,
+      label: formatMessage(messages.help_whats_new_filter_select_option_new)
+    }, {
+      label: formatMessage(messages.help_whats_new_filter_select_option_improvement),
+      value: WHATS_NEW_ITEM_TYPES.IMPROVEMENT
+    }, {
+      label: formatMessage(messages.help_whats_new_filter_select_option_fix),
+      value: WHATS_NEW_ITEM_TYPES.FIX
+    }, {
+      label: formatMessage(messages.help_whats_new_filter_select_option_removed),
+      value: WHATS_NEW_ITEM_TYPES.REMOVED
+    }, {
+      label: formatMessage(messages.help_whats_new_filter_select_option_experiment),
+      value: WHATS_NEW_ITEM_TYPES.EXPERIMENT
+    }],
+    value: selectedOption,
+    onChange: option => {
+      if (onSearchWhatsNewArticles) {
+        const selectedOptionValue = option.value;
+        const selectedOptionLabel = option.label;
+        setSelectedOption({
+          value: selectedOptionValue,
+          label: selectedOptionLabel
+        });
+        onSearchWhatsNewArticles(selectedOptionValue, NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE, '');
+      }
+    }
+  })), /*#__PURE__*/React.createElement(WhatsNewResultsListContainer, null, searchWhatsNewArticlesResult.articles.length > 0 ? /*#__PURE__*/React.createElement(WhatsNewResultsList, {
+    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 === REQUEST_STATE.loading
+  }) : /*#__PURE__*/React.createElement(WhatsNewResultsEmpty, {
+    onClearFilter: handleOnClearFilter
+  }))), searchWhatsNewArticlesState === REQUEST_STATE.error && /*#__PURE__*/React.createElement(WhatsNewResultsError, {
+    onSearch: onSearchWhatsNewArticles
+  }))) : /*#__PURE__*/React.createElement(WhatsNewResultsContainer, {
     ref: containerRef,
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

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

@@ -21,6 +21,23 @@ export const WhatsNewResultsContainer = styled.div({
   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
+export const WhatsNewResultsContainerAi = styled.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
 export const SelectContainer = styled.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/es2019/messages.js

@@ -274,5 +274,15 @@ export const messages = 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/esm/analytics.js

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

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

@@ -10,7 +10,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer, LoadingErrorHeading }
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.7"
+  packageVersion: "7.14.8"
 };
 export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.7"
+  packageVersion: "7.14.8"
 };
 export var ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.7"
+  packageVersion: "7.14.8"
 };
 export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

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

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

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

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

@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.7"
+  packageVersion: "7.14.8"
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

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

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

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

package/dist/esm/components/HelpContent.js

@@ -16,6 +16,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';
@@ -93,6 +94,9 @@ export var HelpContent = function HelpContent(_ref) {
       label: formatMessage(messages.help_search_tab)
     })
   }];
+  var handleNeedMoreHelpClick = useCallback(function () {
+    setActiveTab(0);
+  }, []);
   var HelpLayoutWithAi = /*#__PURE__*/React.createElement(HelpLayout, {
     onCloseButtonClick: onClose,
     isAiEnabled: isAiEnabled
@@ -100,7 +104,7 @@ export var HelpContent = function HelpContent(_ref) {
     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, {
@@ -118,7 +122,10 @@ export var HelpContent = function HelpContent(_ref) {
     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)));
   var HelpLayoutWithoutAi = /*#__PURE__*/React.createElement(HelpLayout, {

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

@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.7"
+  packageVersion: "7.14.8"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -0,0 +1,30 @@
+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 var NeedMoreHelp = function NeedMoreHelp(_ref) {
+  var onNeedMoreHelpClick = _ref.onNeedMoreHelpClick,
+    label = _ref.label;
+  var _useNavigationContext = useNavigationContext(),
+    view = _useNavigationContext.view;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  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))));
+};

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

@@ -0,0 +1,41 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var NeedMoreHelpContainer = styled.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
+export var NeedMoreHelpContent = styled.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
+export var HelpAskAI = styled.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/esm/components/RelatedArticles/index.js

@@ -24,7 +24,7 @@ import { Text } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var packageName = "@atlaskit/help";
-var packageVersion = "7.14.7";
+var packageVersion = "7.14.8";
 var buttonStyles = css({
   padding: '0',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

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

@@ -23,7 +23,7 @@ import { useNavigationContext } from '../../contexts/navigationContext';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.7"
+  packageVersion: "7.14.8"
 };
 var buttonStyles = 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
@@ -83,7 +83,7 @@ export var SearchInput = function SearchInput(_ref) {
   if (inputRef && inputRef.current) {
     inputRef.current.value = searchValue;
   }
-  if (view === VIEW.ARTICLE || view === VIEW.WHATS_NEW_ARTICLE) {
+  if (view === VIEW.ARTICLE || view === VIEW.WHATS_NEW_ARTICLE || view === VIEW.WHATS_NEW) {
     return null;
   }
   return isAiEnabled ? jsx(SearchInputContainerAi, null, jsx(Textfield, {

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

@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.7"
+  packageVersion: "7.14.8"
 };
 export var WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

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

@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.14.7"
+  packageVersion: "7.14.8"
 };
 export var WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -14,11 +14,12 @@ import { REQUEST_STATE } from '../../../model/Requests';
 import { FADEIN_OVERLAY_TRANSITION_DURATION_MS, NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE } from '../../constants';
 import { useWhatsNewArticleContext } from '../../contexts/whatsNewArticleContext';
 import { useNavigationContext } from '../../contexts/navigationContext';
+import { useAiContext } from '../../contexts/aiAgentContext';
 import WhatsNewResultsEmpty from './WhatsNewResultsEmpty';
 import WhatsNewResultsError from './WhatsNewResultsError';
 import WhatsNewResultsLoading from './WhatsNewResultsLoading';
 import WhatsNewResultsList from './WhatsNewResultsList';
-import { WhatsNewResultsContainer, SelectContainer, WhatsNewResultsListContainer } from './styled';
+import { WhatsNewResultsContainer, SelectContainer, WhatsNewResultsListContainer, WhatsNewResultsContainerAi } from './styled';
 var defaultStyle = {
   transition: "opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"),
   opacity: 0,
@@ -46,6 +47,8 @@ export var WhatsNewResults = function WhatsNewResults(_ref) {
   var formatMessage = _ref.intl.formatMessage;
   var _useNavigationContext = useNavigationContext(),
     helpContextView = _useNavigationContext.view;
+  var _useAiContext = useAiContext(),
+    isAiEnabled = _useAiContext.isAiEnabled;
   var _useWhatsNewArticleCo = useWhatsNewArticleContext(),
     searchWhatsNewArticlesResult = _useWhatsNewArticleCo.searchWhatsNewArticlesResult,
     onSearchWhatsNewArticles = _useWhatsNewArticleCo.onSearchWhatsNewArticles,
@@ -108,7 +111,58 @@ export var WhatsNewResults = function WhatsNewResults(_ref) {
     onEnter: handleOnEnter,
     onExit: handleOnExit
   }, function (state) {
-    return /*#__PURE__*/React.createElement(WhatsNewResultsContainer, {
+    return isAiEnabled ? /*#__PURE__*/React.createElement(WhatsNewResultsContainerAi, {
+      ref: containerRef,
+      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Select, {
+      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.help_whats_new_filter_select_option_all)
+      }, {
+        value: WHATS_NEW_ITEM_TYPES.NEW_FEATURE,
+        label: formatMessage(messages.help_whats_new_filter_select_option_new)
+      }, {
+        label: formatMessage(messages.help_whats_new_filter_select_option_improvement),
+        value: WHATS_NEW_ITEM_TYPES.IMPROVEMENT
+      }, {
+        label: formatMessage(messages.help_whats_new_filter_select_option_fix),
+        value: WHATS_NEW_ITEM_TYPES.FIX
+      }, {
+        label: formatMessage(messages.help_whats_new_filter_select_option_removed),
+        value: WHATS_NEW_ITEM_TYPES.REMOVED
+      }, {
+        label: formatMessage(messages.help_whats_new_filter_select_option_experiment),
+        value: 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, NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE, '');
+        }
+      }
+    })), /*#__PURE__*/React.createElement(WhatsNewResultsListContainer, null, searchWhatsNewArticlesResult.articles.length > 0 ? /*#__PURE__*/React.createElement(WhatsNewResultsList, {
+      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 === REQUEST_STATE.loading
+    }) : /*#__PURE__*/React.createElement(WhatsNewResultsEmpty, {
+      onClearFilter: handleOnClearFilter
+    }))), searchWhatsNewArticlesState === REQUEST_STATE.error && /*#__PURE__*/React.createElement(WhatsNewResultsError, {
+      onSearch: onSearchWhatsNewArticles
+    }))) : /*#__PURE__*/React.createElement(WhatsNewResultsContainer, {
       ref: containerRef,
       style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
     }, /*#__PURE__*/React.createElement(React.Fragment, null, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Select, {

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

@@ -21,6 +21,23 @@ export var WhatsNewResultsContainer = styled.div({
   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
+export var WhatsNewResultsContainerAi = styled.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
 export var SelectContainer = styled.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/esm/messages.js

@@ -274,5 +274,15 @@ export var messages = 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/types/components/NeedMoreHelp/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface NeedMoreHelpProps {
+    onNeedMoreHelpClick?: () => void;
+    label: string;
+}
+export declare const NeedMoreHelp: React.FC<NeedMoreHelpProps>;
+export {};

package/dist/types/components/NeedMoreHelp/styled.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/// <reference types="react" />
+export declare const NeedMoreHelpContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NeedMoreHelpContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const HelpAskAI: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/dist/types/components/WhatsNew/WhatsNewResults/styled.d.ts

@@ -3,6 +3,10 @@ export declare const WhatsNewResultsContainer: import("@emotion/styled").StyledC
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WhatsNewResultsContainerAi: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SelectContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/types/messages.d.ts

@@ -274,4 +274,14 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    help_need_more_help_label: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    help_need_more_help_text: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types-ts4.5/components/NeedMoreHelp/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface NeedMoreHelpProps {
+    onNeedMoreHelpClick?: () => void;
+    label: string;
+}
+export declare const NeedMoreHelp: React.FC<NeedMoreHelpProps>;
+export {};