@atlaskit/help 7.13.1 → 7.13.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/help
 
+## 7.13.3
+
+### Patch Changes
+
+- [#105756](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105756)
+  [`1151bcad0025a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1151bcad0025a) -
+  [ux] refactoring placement of footer in IPH
+
+## 7.13.2
+
+### Patch Changes
+
+- [#103685](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103685)
+  [`eaf3b0b6f8112`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/eaf3b0b6f8112) -
+  Typography uplift for help packages
+
 ## 7.13.1
 
 ### 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.13.1"
+  packageVersion: "7.13.3"
 };

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

@@ -10,13 +10,14 @@ var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _primitives = require("@atlaskit/primitives");
 var _messages = require("../../../messages");
 var _SomethingWrongImage = _interopRequireDefault(require("../../../assets/SomethingWrongImage"));
 var _styled = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.13.1"
+  packageVersion: "7.13.3"
 };
 var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,
@@ -31,7 +32,9 @@ var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFai
   };
   return /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorMessage, null, /*#__PURE__*/_react.default.createElement(_SomethingWrongImage.default, null), /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorHeading, null, /*#__PURE__*/_react.default.createElement(_heading.default, {
     size: "large"
-  }, formatMessage(_messages.messages.help_article_error_title))), /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_article_error_text)), /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/_react.default.createElement(_button.default, {
+  }, formatMessage(_messages.messages.help_article_error_title))), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    as: "p"
+  }, formatMessage(_messages.messages.help_article_error_text)), /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: handleOnTryAgainButtonClick
   }, formatMessage(_messages.messages.help_article_error_button_label))));
 };

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.13.1"
+  packageVersion: "7.13.3"
 };
 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.13.1"
+  packageVersion: "7.13.3"
 };
 var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -21,6 +21,7 @@ var _textarea = _interopRequireDefault(require("@atlaskit/textarea"));
 var _successCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--check-circle"));
 var _theme = require("@atlaskit/theme");
 var _react2 = require("@emotion/react");
+var _primitives = require("@atlaskit/primitives");
 var _messages = require("../../../../messages");
 var _WasHelpfulYesButton = _interopRequireDefault(require("./WasHelpfulYesButton"));
 var _WasHelpfulNoButton = _interopRequireDefault(require("./WasHelpfulNoButton"));
@@ -42,7 +43,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.13.1"
+  packageVersion: "7.13.3"
 };
 var buttonStyles = (0, _react2.css)({
   padding: '0',
@@ -269,7 +270,11 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
   } else if (wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed) {
     return (0, _react2.jsx)(_react.default.Fragment, null, wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed && (0, _react2.jsx)(_styled.ArticleFeedbackContainer, null, (0, _react2.jsx)(_sectionMessage.default, {
       appearance: "warning"
-    }, (0, _react2.jsx)("p", null, formatMessage(_messages.messages.help_article_rating_form_failed)), (0, _react2.jsx)("p", null, (0, _react2.jsx)(_customThemeButton.default, {
+    }, (0, _react2.jsx)(_primitives.Text, {
+      as: "p"
+    }, formatMessage(_messages.messages.help_article_rating_form_failed)), (0, _react2.jsx)(_primitives.Text, {
+      as: "p"
+    }, (0, _react2.jsx)(_customThemeButton.default, {
       appearance: "link",
       spacing: "compact",
       css: buttonStyles,

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.13.1"
+      packageVersion: "7.13.3"
     };
     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.13.1"
+  packageVersion: "7.13.3"
 };
 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.13.1"
+  packageVersion: "7.13.3"
 };
 var highlightText = function highlightText(text) {
   if (!text) {

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

@@ -116,6 +116,7 @@ var ArticlesListItemSource = exports.ArticlesListItemSource = _styled.default.di
   color: "var(--ds-text-subtlest, ".concat(colors.N400A, ")"),
   padding: "var(--ds-space-050, 4px)".concat(" 0"),
   fontWeight: "var(--ds-font-weight-bold, bold)",
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   textTransform: 'uppercase'
 });
 

package/dist/cjs/components/HelpContent.js

@@ -15,6 +15,7 @@ var _navigationContext = require("./contexts/navigationContext");
 var _homeContext = require("./contexts/homeContext");
 var _headerContext = require("./contexts/headerContext");
 var _searchContext = require("./contexts/searchContext");
+var _aiAgentContext = require("./contexts/aiAgentContext");
 var _whatsNewArticleContext = require("./contexts/whatsNewArticleContext");
 var _SearchInput = _interopRequireDefault(require("./Search/SearchInput"));
 var _SearchResults = _interopRequireDefault(require("./Search/SearchResults"));
@@ -25,12 +26,11 @@ var _HelpContentButton = _interopRequireDefault(require("./HelpContentButton"));
 var _styled = require("./styled");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// import { useAiContext } from './contexts/aiAgentContext';
-
 var HelpContent = exports.HelpContent = function HelpContent(_ref) {
   var footer = _ref.footer;
   // TODO: this will enable all the features and refactors related to AI
-  // const { isAiEnabled } = useAiContext();
+  var _useAiContext = (0, _aiAgentContext.useAiContext)(),
+    isAiEnabled = _useAiContext.isAiEnabled;
   var _useHomeContext = (0, _homeContext.useHomeContext)(),
     homeContent = _useHomeContext.homeContent,
     homeOptions = _useHomeContext.homeOptions;
@@ -78,7 +78,7 @@ var HelpContent = exports.HelpContent = function HelpContent(_ref) {
     onBackButtonClick: handleOnBackButtonClick,
     onCloseButtonClick: onClose,
     isBackbuttonVisible: canNavigateBack,
-    footer: footer,
+    footer: !isAiEnabled ? footer : undefined,
     headerContent: onSearch && /*#__PURE__*/_react.default.createElement(_SearchInput.default, null)
   }, /*#__PURE__*/_react.default.createElement(_styled.HelpBodyContainer, null, /*#__PURE__*/_react.default.createElement(_styled.HelpBody, null, /*#__PURE__*/_react.default.createElement(_SearchResults.default, null), /*#__PURE__*/_react.default.createElement(_Article.default, null), /*#__PURE__*/_react.default.createElement(_styled.Home, {
     isOverlayFullyVisible: isOverlayFullyVisible,
@@ -89,6 +89,8 @@ 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)));
+  }))), /*#__PURE__*/_react.default.createElement(_WhatsNewResults.default, null), isAiEnabled && footer && /*#__PURE__*/_react.default.createElement(_styled.HelpFooter, {
+    "data-testid": "inside-footer"
+  }, footer)));
 };
 var _default = exports.default = HelpContent;

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.13.1"
+  packageVersion: "7.13.3"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -21,6 +21,7 @@ var _styled = require("../../util/styled");
 var _styled2 = require("./styled");
 var _cancellablePromise = _interopRequireDefault(require("../../util/hooks/cancellablePromise"));
 var _previous = require("../../util/hooks/previous");
+var _primitives = require("@atlaskit/primitives");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -33,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.13.1";
+var packageVersion = "7.13.3";
 var buttonStyles = (0, _react2.css)({
   padding: '0',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -119,7 +120,15 @@ var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
   if (hasError) {
     return (0, _react2.jsx)(_sectionMessage.default, {
       appearance: "warning"
-    }, (0, _react2.jsx)("p", null, (0, _react2.jsx)("strong", null, formatMessage(_messages.messages.help_related_article_endpoint_error_title))), (0, _react2.jsx)("p", null, formatMessage(_messages.messages.help_related_article_endpoint_error_description)), (0, _react2.jsx)("p", null, (0, _react2.jsx)(_customThemeButton.default, {
+    }, (0, _react2.jsx)(_primitives.Text, {
+      as: "p"
+    }, (0, _react2.jsx)(_primitives.Text, {
+      as: "strong"
+    }, formatMessage(_messages.messages.help_related_article_endpoint_error_title))), (0, _react2.jsx)(_primitives.Text, {
+      as: "p"
+    }, formatMessage(_messages.messages.help_related_article_endpoint_error_description)), (0, _react2.jsx)(_primitives.Text, {
+      as: "p"
+    }, (0, _react2.jsx)(_customThemeButton.default, {
       appearance: "link",
       spacing: "compact",
       css: buttonStyles,

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

@@ -32,7 +32,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.13.1"
+  packageVersion: "7.13.3"
 };
 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

package/dist/cjs/components/Search/SearchResults/SearchExternalSite.js

@@ -12,6 +12,7 @@ var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _linkExternalShortcut = _interopRequireDefault(require("@atlaskit/icon/core/migration/link-external--shortcut"));
 var _reactIntlNext = require("react-intl-next");
+var _primitives = require("@atlaskit/primitives");
 var _messages = require("../../../messages");
 var _styled = require("./styled");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -30,7 +31,9 @@ var SearchExternalSite = exports.SearchExternalSite = function SearchExternalSit
       onSearchExternalUrlClick(event, _analyticsEvent);
     }
   };
-  return searchExternalUrl ? /*#__PURE__*/_react.default.createElement(_styled.SearchResultSearchExternalSiteContainer, null, /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_search_results_search_external_site), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+  return searchExternalUrl ? /*#__PURE__*/_react.default.createElement(_styled.SearchResultSearchExternalSiteContainer, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    as: "p"
+  }, formatMessage(_messages.messages.help_search_results_search_external_site), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: {
       componentName: 'searchExternalUrl'
     }

package/dist/cjs/components/Search/SearchResults/SearchResultsEmpty.js

@@ -12,6 +12,7 @@ var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _linkExternalShortcut = _interopRequireDefault(require("@atlaskit/icon/core/migration/link-external--shortcut"));
 var _reactIntlNext = require("react-intl-next");
+var _primitives = require("@atlaskit/primitives");
 var _NotFoundImage = _interopRequireDefault(require("../../../assets/NotFoundImage"));
 var _messages = require("../../../messages");
 var _styled = require("./styled");
@@ -31,7 +32,9 @@ var SearchResultsEmpty = exports.SearchResultsEmpty = function SearchResultsEmpt
       onSearchExternalUrlClick(event, _analyticsEvent);
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_NotFoundImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageHeaderText, null, formatMessage(_messages.messages.help_search_results_no_results))), searchExternalUrl && /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_search_results_no_results_line_two), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_NotFoundImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageHeaderText, null, formatMessage(_messages.messages.help_search_results_no_results))), searchExternalUrl && /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    as: "p"
+  }, formatMessage(_messages.messages.help_search_results_no_results_line_two), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: {
       componentName: 'searchExternalUrl'
     }

package/dist/cjs/components/Search/SearchResults/SearchResultsError.js

@@ -8,13 +8,18 @@ exports.default = exports.SearchResultsError = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _reactIntlNext = require("react-intl-next");
+var _primitives = require("@atlaskit/primitives");
 var _ErrorImage = _interopRequireDefault(require("../../../assets/ErrorImage"));
 var _messages = require("../../../messages");
 var _styled = require("./styled");
 var SearchResultsError = exports.SearchResultsError = function SearchResultsError(_ref) {
   var onSearch = _ref.onSearch,
     formatMessage = _ref.intl.formatMessage;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_ErrorImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement("strong", null, formatMessage(_messages.messages.help_search_error))), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_search_error_line_two))), onSearch && /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_ErrorImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    as: "strong"
+  }, formatMessage(_messages.messages.help_search_error))), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    as: "p"
+  }, formatMessage(_messages.messages.help_search_error_line_two))), onSearch && /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
     onClick: function onClick() {
       return onSearch();
     },

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.13.1"
+  packageVersion: "7.13.3"
 };
 var WhatsNewButton = exports.WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

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

@@ -8,6 +8,7 @@ exports.default = exports.WhatsNewResultsEmpty = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _reactIntlNext = require("react-intl-next");
+var _primitives = require("@atlaskit/primitives");
 var _NotFoundImage = _interopRequireDefault(require("../../../../assets/NotFoundImage"));
 var _messages = require("../../../../messages");
 var _styled = require("./styled");
@@ -24,13 +25,17 @@ var WhatsNewResultsEmpty = exports.WhatsNewResultsEmpty = function WhatsNewResul
     analyticsEvent.fire();
     onClearFilter();
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_NotFoundImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/_react.default.createElement("strong", null, formatMessage(_messages.messages.help_whats_new_no_results))), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_whats_new_no_results_info), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_NotFoundImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    as: "strong"
+  }, formatMessage(_messages.messages.help_whats_new_no_results))), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    as: "p"
+  }, formatMessage(_messages.messages.help_whats_new_no_results_info), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: {
       componentName: 'WhatsNewResultsEmpty'
     }
   }, /*#__PURE__*/_react.default.createElement("a", {
     href: "#",
     onClick: handleClearFilterLinkClick
-  }, formatMessage(_messages.messages.help_whats_new_no_results_clear_filter_button_label)), /*#__PURE__*/_react.default.createElement("span", null, formatMessage(_messages.messages.help_whats_new_no_results_clear_filter_info))))));
+  }, formatMessage(_messages.messages.help_whats_new_no_results_clear_filter_button_label)), /*#__PURE__*/_react.default.createElement(_primitives.Text, null, formatMessage(_messages.messages.help_whats_new_no_results_clear_filter_info))))));
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(WhatsNewResultsEmpty);

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

@@ -10,11 +10,16 @@ var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _reactIntlNext = require("react-intl-next");
 var _ErrorImage = _interopRequireDefault(require("../../../../assets/ErrorImage"));
 var _messages = require("../../../../messages");
+var _primitives = require("@atlaskit/primitives");
 var _styled = require("./styled");
 var WhatsNewResultsError = exports.WhatsNewResultsError = function WhatsNewResultsError(_ref) {
   var onSearch = _ref.onSearch,
     formatMessage = _ref.intl.formatMessage;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_ErrorImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement("strong", null, formatMessage(_messages.messages.help_search_error))), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_search_error_line_two))), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, onSearch && /*#__PURE__*/_react.default.createElement(_button.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageImage, null, /*#__PURE__*/_react.default.createElement(_ErrorImage.default, null)), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    as: "strong"
+  }, formatMessage(_messages.messages.help_search_error))), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    as: "p"
+  }, formatMessage(_messages.messages.help_search_error_line_two))), /*#__PURE__*/_react.default.createElement(_styled.SearchResultEmptyMessageText, null, onSearch && /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: function onClick() {
       return onSearch('');
     },

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.13.1"
+  packageVersion: "7.13.3"
 };
 var WhatsNewResultListItem = exports.WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -48,6 +48,7 @@ var WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListGroupTitle = _sty
   font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   fontWeight: "var(--ds-font-weight-bold, 700)",
   padding: "0 ".concat("var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-100, 8px)"),
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   textTransform: 'uppercase'
 });
 

package/dist/cjs/components/styled.js

@@ -1,11 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Home = exports.HelpBodyContainer = exports.HelpBody = void 0;
+exports.Home = exports.HelpFooter = exports.HelpBodyContainer = exports.HelpBody = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -23,7 +27,7 @@ var HelpBodyContainer = exports.HelpBodyContainer = _styled.default.div({
   display: 'flex',
   flexDirection: 'column',
   flexWrap: 'nowrap',
-  justifyContent: 'flex-start',
+  justifyContent: 'space-between',
   alignContent: 'stretch',
   alignItems: 'flex-start'
 });
@@ -50,4 +54,16 @@ var Home = exports.Home = _styled.default.div(function (props) {
     padding: "var(--ds-space-200, 16px)",
     boxSizing: 'border-box'
   };
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var HelpFooter = exports.HelpFooter = _styled.default.div({
+  padding: "var(--ds-space-100, 8px)".concat(" 0"),
+  boxSizing: 'border-box',
+  width: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  backgroundColor: "var(--ds-background-neutral, ".concat(colors.N10, ")"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  borderTop: "var(--ds-space-025, 2px)".concat(" solid ", "var(--ds-border, ".concat(colors.N30, ")")),
+  justifyContent: 'space-between'
 });

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.13.1"
+  packageVersion: "7.13.3"
 };

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

@@ -3,13 +3,14 @@ import Button from '@atlaskit/button';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import Heading from '@atlaskit/heading';
+import { Text } from '@atlaskit/primitives';
 import { messages } from '../../../messages';
 import SomethingWrongImage from '../../../assets/SomethingWrongImage';
 import { LoadingErrorMessage, LoadingErrorButtonContainer, LoadingErrorHeading } from './styled';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.13.1"
+  packageVersion: "7.13.3"
 };
 export const ArticleLoadingFail = ({
   onTryAgainButtonClick,
@@ -28,7 +29,9 @@ export const ArticleLoadingFail = ({
   });
   return /*#__PURE__*/React.createElement(LoadingErrorMessage, null, /*#__PURE__*/React.createElement(SomethingWrongImage, null), /*#__PURE__*/React.createElement(LoadingErrorHeading, null, /*#__PURE__*/React.createElement(Heading, {
     size: "large"
-  }, formatMessage(messages.help_article_error_title))), /*#__PURE__*/React.createElement("p", null, formatMessage(messages.help_article_error_text)), /*#__PURE__*/React.createElement(LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/React.createElement(Button, {
+  }, formatMessage(messages.help_article_error_title))), /*#__PURE__*/React.createElement(Text, {
+    as: "p"
+  }, formatMessage(messages.help_article_error_text)), /*#__PURE__*/React.createElement(LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/React.createElement(Button, {
     onClick: handleOnTryAgainButtonClick
   }, formatMessage(messages.help_article_error_button_label))));
 };

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.13.1"
+  packageVersion: "7.13.3"
 };
 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.13.1"
+  packageVersion: "7.13.3"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,

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

@@ -21,6 +21,7 @@ import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle
 import { colors } from '@atlaskit/theme';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { Text } from '@atlaskit/primitives';
 import { messages } from '../../../../messages';
 import ArticleWasHelpfulYesButton from './WasHelpfulYesButton';
 import ArticleWasHelpfulNoButton from './WasHelpfulNoButton';
@@ -29,7 +30,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.13.1"
+  packageVersion: "7.13.3"
 };
 const buttonStyles = css({
   padding: '0',
@@ -237,7 +238,11 @@ export const ArticleWasHelpfulForm = ({
   } else if (wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed) {
     return jsx(React.Fragment, null, wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed && jsx(ArticleFeedbackContainer, null, jsx(SectionMessage, {
       appearance: "warning"
-    }, jsx("p", null, formatMessage(messages.help_article_rating_form_failed)), jsx("p", null, jsx(Button, {
+    }, jsx(Text, {
+      as: "p"
+    }, formatMessage(messages.help_article_rating_form_failed)), jsx(Text, {
+      as: "p"
+    }, jsx(Button, {
       appearance: "link",
       spacing: "compact",
       css: buttonStyles,

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.13.1"
+      packageVersion: "7.13.3"
     };
     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.13.1"
+  packageVersion: "7.13.3"
 };
 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.13.1"
+  packageVersion: "7.13.3"
 };
 const highlightText = text => {
   if (!text) {

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

@@ -103,6 +103,7 @@ export const ArticlesListItemSource = styled.div({
   color: `var(--ds-text-subtlest, ${colors.N400A})`,
   padding: `${"var(--ds-space-050, 4px)"} 0`,
   fontWeight: "var(--ds-font-weight-bold, bold)",
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   textTransform: 'uppercase'
 });
 

package/dist/es2019/components/HelpContent.js

@@ -6,7 +6,7 @@ import { useNavigationContext } from './contexts/navigationContext';
 import { useHomeContext } from './contexts/homeContext';
 import { useHeaderContext } from './contexts/headerContext';
 import { useSearchContext } from './contexts/searchContext';
-// import { useAiContext } from './contexts/aiAgentContext';
+import { useAiContext } from './contexts/aiAgentContext';
 import { useWhatsNewArticleContext } from './contexts/whatsNewArticleContext';
 import SearchInput from './Search/SearchInput';
 import SearchResults from './Search/SearchResults';
@@ -15,11 +15,14 @@ import WhatsNewButton from './WhatsNew/WhatsNewButton';
 import WhatsNewResults from './WhatsNew/WhatsNewResults';
 import HelpContentButton from './HelpContentButton';
 import { HelpBodyContainer, HelpBody, Home } from './styled';
+import { HelpFooter } from './styled';
 export const HelpContent = ({
   footer
 }) => {
   // TODO: this will enable all the features and refactors related to AI
-  // const { isAiEnabled } = useAiContext();
+  const {
+    isAiEnabled
+  } = useAiContext();
   const {
     homeContent,
     homeOptions
@@ -69,7 +72,7 @@ export const HelpContent = ({
     onBackButtonClick: handleOnBackButtonClick,
     onCloseButtonClick: onClose,
     isBackbuttonVisible: canNavigateBack,
-    footer: footer,
+    footer: !isAiEnabled ? footer : undefined,
     headerContent: onSearch && /*#__PURE__*/React.createElement(SearchInput, null)
   }, /*#__PURE__*/React.createElement(HelpBodyContainer, null, /*#__PURE__*/React.createElement(HelpBody, null, /*#__PURE__*/React.createElement(SearchResults, null), /*#__PURE__*/React.createElement(ArticleComponent, null), /*#__PURE__*/React.createElement(Home, {
     isOverlayFullyVisible: isOverlayFullyVisible,
@@ -80,6 +83,8 @@ export const HelpContent = ({
     return /*#__PURE__*/React.createElement(HelpContentButton, _extends({
       key: defaultOption.id
     }, defaultOption));
-  }))), /*#__PURE__*/React.createElement(WhatsNewResults, null)));
+  }))), /*#__PURE__*/React.createElement(WhatsNewResults, null), isAiEnabled && footer && /*#__PURE__*/React.createElement(HelpFooter, {
+    "data-testid": "inside-footer"
+  }, footer)));
 };
 export default HelpContent;