@atlaskit/help 7.13.2 → 7.13.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/help
 
+## 7.13.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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

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.2"
+  packageVersion: "7.13.4"
 };

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

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

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.13.2";
+var packageVersion = "7.13.4";
 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

@@ -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.2"
+  packageVersion: "7.13.4"
 };
 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/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.2"
+  packageVersion: "7.13.4"
 };
 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.13.2"
+  packageVersion: "7.13.4"
 };
 var WhatsNewResultListItem = exports.WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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.2"
+  packageVersion: "7.13.4"
 };

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

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;

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

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

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.13.2";
+const packageVersion = "7.13.4";
 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

@@ -21,7 +21,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.13.2"
+  packageVersion: "7.13.4"
 };
 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

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.13.2"
+  packageVersion: "7.13.4"
 };
 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.13.2"
+  packageVersion: "7.13.4"
 };
 export const WhatsNewResultListItem = ({
   intl: {

package/dist/es2019/components/styled.js

@@ -5,6 +5,7 @@
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+import * as colors from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const HelpBodyContainer = styled.div({
   flexGrow: 1,
@@ -15,7 +16,7 @@ export const HelpBodyContainer = styled.div({
   display: 'flex',
   flexDirection: 'column',
   flexWrap: 'nowrap',
-  justifyContent: 'flex-start',
+  justifyContent: 'space-between',
   alignContent: 'stretch',
   alignItems: 'flex-start'
 });
@@ -40,4 +41,16 @@ export const Home = styled.div(props => ({
   overflow: props.isOverlayVisible ? 'hidden' : 'auto',
   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
+export const HelpFooter = styled.div({
+  padding: `${"var(--ds-space-100, 8px)"} 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, ${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)"} solid ${`var(--ds-border, ${colors.N30})`}`,
+  justifyContent: 'space-between'
+});

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.13.2"
+  packageVersion: "7.13.4"
 };

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

package/dist/esm/components/HelpContent.js

@@ -7,7 +7,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';
@@ -16,10 +16,12 @@ 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 var 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 = useAiContext(),
+    isAiEnabled = _useAiContext.isAiEnabled;
   var _useHomeContext = useHomeContext(),
     homeContent = _useHomeContext.homeContent,
     homeOptions = _useHomeContext.homeOptions;
@@ -67,7 +69,7 @@ export var HelpContent = function HelpContent(_ref) {
     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,
@@ -78,6 +80,8 @@ export var HelpContent = function HelpContent(_ref) {
     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;

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

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

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.13.2";
+var packageVersion = "7.13.4";
 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

@@ -21,7 +21,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.13.2"
+  packageVersion: "7.13.4"
 };
 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

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

package/dist/esm/components/styled.js

@@ -5,6 +5,7 @@
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+import * as colors from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var HelpBodyContainer = styled.div({
   flexGrow: 1,
@@ -15,7 +16,7 @@ export var HelpBodyContainer = styled.div({
   display: 'flex',
   flexDirection: 'column',
   flexWrap: 'nowrap',
-  justifyContent: 'flex-start',
+  justifyContent: 'space-between',
   alignContent: 'stretch',
   alignItems: 'flex-start'
 });
@@ -42,4 +43,16 @@ export var Home = styled.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
+export var HelpFooter = styled.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/types/components/styled.d.ts

@@ -22,4 +22,8 @@ export declare const Home: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & HomeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HelpFooter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/dist/types-ts4.5/components/styled.d.ts

@@ -22,4 +22,8 @@ export declare const Home: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & HomeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HelpFooter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/help",
-	"version": "7.13.2",
+	"version": "7.13.4",
 	"description": "A cross-product help component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -51,11 +51,11 @@
 		"@atlaskit/radio": "^7.0.0",
 		"@atlaskit/section-message": "^6.8.0",
 		"@atlaskit/select": "^18.9.0",
-		"@atlaskit/spinner": "^16.3.0",
+		"@atlaskit/spinner": "^17.0.0",
 		"@atlaskit/textarea": "^5.7.0",
 		"@atlaskit/textfield": "^6.7.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^3.1.0",
+		"@atlaskit/tokens": "^3.2.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",