@atlaskit/editor-plugin-help-dialog 2.1.5 → 2.1.6

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-help-dialog
 
+## 2.1.6
+
+### Patch Changes
+
+- [#159336](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/159336)
+  [`0f0a3a5e7e218`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0f0a3a5e7e218) -
+  [EDITOR-793] Added changes to reflect experiment quickstart command
+- Updated dependencies
+
 ## 2.1.5
 
 ### Patch Changes

package/dist/cjs/helpDialogPlugin.js

@@ -16,18 +16,44 @@ var _keymap = require("./pm-plugins/keymap");
 var _main = require("./pm-plugins/main");
 var _pluginKey = require("./pm-plugins/plugin-key");
 var _HelpDialogLoader = require("./ui/HelpDialogLoader");
-var helpDialogPlugin = exports.helpDialogPlugin = function helpDialogPlugin(_ref) {
-  var _ref$config = _ref.config,
-    imageUploadProviderExists = _ref$config === void 0 ? false : _ref$config,
-    api = _ref.api;
+/**
+ * Normalise the caller-supplied config into a single, predictable shape.
+ * – Boolean → "image uploads on/off", AI always off
+ * – Object  → pick the two feature flags with sane defaults (both false)
+ */
+function parseFeatureConfig(config) {
+  if (typeof config === 'boolean') {
+    return {
+      imageUploadProviderExists: config,
+      aiEnabled: false
+    };
+  }
+
+  // Object path – ensure we never return undefined
+  var _ref = config !== null && config !== void 0 ? config : {},
+    _ref$imageUploadProvi = _ref.imageUploadProviderExists,
+    imageUploadProviderExists = _ref$imageUploadProvi === void 0 ? false : _ref$imageUploadProvi,
+    _ref$aiEnabled = _ref.aiEnabled,
+    aiEnabled = _ref$aiEnabled === void 0 ? false : _ref$aiEnabled;
+  return {
+    imageUploadProviderExists: imageUploadProviderExists,
+    aiEnabled: aiEnabled
+  };
+}
+var helpDialogPlugin = exports.helpDialogPlugin = function helpDialogPlugin(_ref2) {
+  var config = _ref2.config,
+    api = _ref2.api;
+  var _parseFeatureConfig = parseFeatureConfig(config),
+    imageUploadProviderExists = _parseFeatureConfig.imageUploadProviderExists,
+    aiEnabled = _parseFeatureConfig.aiEnabled;
   return {
     name: 'helpDialog',
     pmPlugins: function pmPlugins() {
       return [{
         name: 'helpDialog',
-        plugin: function plugin(_ref2) {
-          var dispatch = _ref2.dispatch;
-          return (0, _main.createPlugin)(dispatch, imageUploadProviderExists);
+        plugin: function plugin(_ref3) {
+          var dispatch = _ref3.dispatch;
+          return (0, _main.createPlugin)(dispatch, imageUploadProviderExists, aiEnabled);
         }
       }, {
         name: 'helpDialogKeymap',
@@ -38,8 +64,8 @@ var helpDialogPlugin = exports.helpDialogPlugin = function helpDialogPlugin(_ref
       }];
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref3) {
-        var formatMessage = _ref3.formatMessage;
+      quickInsert: function quickInsert(_ref4) {
+        var formatMessage = _ref4.formatMessage;
         return [{
           id: 'helpdialog',
           title: formatMessage(_messages.toolbarInsertBlockMessages.help),
@@ -72,8 +98,8 @@ var helpDialogPlugin = exports.helpDialogPlugin = function helpDialogPlugin(_ref
         }];
       }
     },
-    contentComponent: function contentComponent(_ref4) {
-      var editorView = _ref4.editorView;
+    contentComponent: function contentComponent(_ref5) {
+      var editorView = _ref5.editorView;
       return /*#__PURE__*/_react.default.createElement(_HelpDialogLoader.HelpDialogLoader, {
         pluginInjectionApi: api,
         editorView: editorView,
@@ -88,14 +114,14 @@ var helpDialogPlugin = exports.helpDialogPlugin = function helpDialogPlugin(_ref
     },
     actions: {
       openHelp: function openHelp() {
-        return api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref5) {
-          var tr = _ref5.tr;
+        return api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref6) {
+          var tr = _ref6.tr;
           return (0, _actions.openHelpAction)(tr);
         });
       },
       closeHelp: function closeHelp() {
-        return api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref6) {
-          var tr = _ref6.tr;
+        return api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref7) {
+          var tr = _ref7.tr;
           return (0, _actions.closeHelpAction)(tr);
         });
       }

package/dist/cjs/pm-plugins/main.js

@@ -10,14 +10,15 @@ var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _pluginKey = require("./plugin-key");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function createPlugin(dispatch, imageEnabled) {
+function createPlugin(dispatch, imageEnabled, aiEnabled) {
   return new _safePlugin.SafePlugin({
     key: _pluginKey.pluginKey,
     state: {
       init: function init() {
         return {
           isVisible: false,
-          imageEnabled: imageEnabled
+          imageEnabled: imageEnabled,
+          aiEnabled: aiEnabled
         };
       },
       apply: function apply(tr, _value, state) {

package/dist/cjs/ui/formatting.js

@@ -13,6 +13,7 @@ var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _styles = require("./styles");
 /**
  * @jsxRuntime classic
@@ -382,8 +383,18 @@ var formatting = exports.formatting = function formatting(_ref2) {
     }
   }];
 };
-var otherFormatting = function otherFormatting(_ref3) {
+var quickInsertAskAI = function quickInsertAskAI(_ref3) {
   var formatMessage = _ref3.formatMessage;
+  return {
+    name: formatMessage(_messages.toolbarMessages.askAI),
+    type: 'AI',
+    keymap: function keymap() {
+      return _keymaps.askAIQuickInsert;
+    }
+  };
+};
+var otherFormatting = function otherFormatting(_ref4) {
+  var formatMessage = _ref4.formatMessage;
   return [{
     name: formatMessage(_messages.toolbarMessages.clearFormatting),
     type: 'clearFormatting',
@@ -579,8 +590,8 @@ var otherFormatting = function otherFormatting(_ref3) {
     }
   }]);
 };
-var resizeInformationFormatting = function resizeInformationFormatting(_ref4) {
-  var formatMessage = _ref4.formatMessage;
+var resizeInformationFormatting = function resizeInformationFormatting(_ref5) {
+  var formatMessage = _ref5.formatMessage;
   return [{
     name: formatMessage(_messages.helpDialogMessages.increaseSize),
     type: 'media',
@@ -595,8 +606,8 @@ var resizeInformationFormatting = function resizeInformationFormatting(_ref4) {
     }
   }];
 };
-var focusTableResizeHandleFormatting = function focusTableResizeHandleFormatting(_ref5) {
-  var formatMessage = _ref5.formatMessage;
+var focusTableResizeHandleFormatting = function focusTableResizeHandleFormatting(_ref6) {
+  var formatMessage = _ref6.formatMessage;
   return [{
     name: formatMessage(_messages.helpDialogMessages.focusTableResizeHandle),
     type: 'navigation',
@@ -605,8 +616,8 @@ var focusTableResizeHandleFormatting = function focusTableResizeHandleFormatting
     }
   }];
 };
-var openCellOptionsFormattingtoFormat = function openCellOptionsFormattingtoFormat(_ref6) {
-  var formatMessage = _ref6.formatMessage;
+var openCellOptionsFormattingtoFormat = function openCellOptionsFormattingtoFormat(_ref7) {
+  var formatMessage = _ref7.formatMessage;
   return [{
     name: formatMessage(_messages.helpDialogMessages.openCellOptions),
     type: 'image',
@@ -628,8 +639,8 @@ var imageAutoFormat = {
     , _messages.helpDialogMessages.altText), "](http://www.image.com)"));
   }
 };
-var quickInsertAutoFormat = function quickInsertAutoFormat(_ref7) {
-  var formatMessage = _ref7.formatMessage;
+var quickInsertAutoFormat = function quickInsertAutoFormat(_ref8) {
+  var formatMessage = _ref8.formatMessage;
   return {
     name: formatMessage(_messages.helpDialogMessages.quickInsert),
     type: 'quickInsert',
@@ -641,9 +652,9 @@ var quickInsertAutoFormat = function quickInsertAutoFormat(_ref7) {
     }
   };
 };
-var getSupportedFormatting = exports.getSupportedFormatting = function getSupportedFormatting(schema, intl, imageEnabled, quickInsertEnabled) {
+var getSupportedFormatting = exports.getSupportedFormatting = function getSupportedFormatting(schema, intl, imageEnabled, quickInsertEnabled, aiEnabled) {
   var supportedBySchema = formatting(intl).filter(function (format) {
     return schema.nodes[format.type] || schema.marks[format.type];
   });
-  return [].concat((0, _toConsumableArray2.default)(navigationKeymaps(intl)), (0, _toConsumableArray2.default)(otherFormatting(intl)), (0, _toConsumableArray2.default)(supportedBySchema), (0, _toConsumableArray2.default)(imageEnabled ? [imageAutoFormat] : []), (0, _toConsumableArray2.default)(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), (0, _toConsumableArray2.default)(focusTableResizeHandleFormatting(intl)), (0, _toConsumableArray2.default)(resizeInformationFormatting(intl)), (0, _toConsumableArray2.default)(openCellOptionsFormattingtoFormat(intl)));
+  return [].concat((0, _toConsumableArray2.default)(aiEnabled && (0, _experiments.editorExperiment)('platform_editor_ai_quickstart_command', true) ? [quickInsertAskAI(intl)] : []), (0, _toConsumableArray2.default)(navigationKeymaps(intl)), (0, _toConsumableArray2.default)(otherFormatting(intl)), (0, _toConsumableArray2.default)(supportedBySchema), (0, _toConsumableArray2.default)(imageEnabled ? [imageAutoFormat] : []), (0, _toConsumableArray2.default)(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), (0, _toConsumableArray2.default)(focusTableResizeHandleFormatting(intl)), (0, _toConsumableArray2.default)(resizeInformationFormatting(intl)), (0, _toConsumableArray2.default)(openCellOptionsFormattingtoFormat(intl)));
 };

package/dist/cjs/ui/index.js

@@ -27,16 +27,19 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
   var isVisible = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'helpDialog.isVisible');
   var imageEnabled = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'helpDialog.imageEnabled');
+  var aiEnabled = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'helpDialog.aiEnabled');
   return {
     isVisible: isVisible,
-    imageEnabled: imageEnabled
+    imageEnabled: imageEnabled,
+    aiEnabled: aiEnabled
   };
 }, function (api) {
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['helpDialog']),
     helpDialogState = _useSharedPluginState.helpDialogState;
   return {
     isVisible: helpDialogState === null || helpDialogState === void 0 ? void 0 : helpDialogState.isVisible,
-    imageEnabled: helpDialogState === null || helpDialogState === void 0 ? void 0 : helpDialogState.imageEnabled
+    imageEnabled: helpDialogState === null || helpDialogState === void 0 ? void 0 : helpDialogState.imageEnabled,
+    aiEnabled: helpDialogState === null || helpDialogState === void 0 ? void 0 : helpDialogState.aiEnabled
   };
 });
 var HelpDialog = function HelpDialog(_ref) {
@@ -46,7 +49,8 @@ var HelpDialog = function HelpDialog(_ref) {
     intl = _ref.intl;
   var _useSharedState = useSharedState(pluginInjectionApi),
     isVisible = _useSharedState.isVisible,
-    imageEnabled = _useSharedState.imageEnabled;
+    imageEnabled = _useSharedState.imageEnabled,
+    aiEnabled = _useSharedState.aiEnabled;
   var closeDialog = (0, _react.useCallback)(function () {
     var tr = editorView.state.tr,
       dispatch = editorView.dispatch;
@@ -67,7 +71,7 @@ var HelpDialog = function HelpDialog(_ref) {
       document.removeEventListener('keydown', handleEsc);
     };
   }, [handleEsc]);
-  var formatting = (0, _formatting.getSupportedFormatting)(editorView.state.schema, intl, imageEnabled, quickInsertEnabled);
+  var formatting = (0, _formatting.getSupportedFormatting)(editorView.state.schema, intl, imageEnabled, quickInsertEnabled, aiEnabled);
   return (0, _react2.jsx)(_modalDialog.ModalTransition, null, isVisible ? (0, _react2.jsx)(_modalDialog.default, {
     width: "large",
     onClose: closeDialog,

package/dist/es2019/helpDialogPlugin.js

@@ -9,82 +9,112 @@ import { keymapPlugin } from './pm-plugins/keymap';
 import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { HelpDialogLoader } from './ui/HelpDialogLoader';
+
+/**
+ * Normalise the caller-supplied config into a single, predictable shape.
+ * – Boolean → "image uploads on/off", AI always off
+ * – Object  → pick the two feature flags with sane defaults (both false)
+ */
+function parseFeatureConfig(config) {
+  if (typeof config === 'boolean') {
+    return {
+      imageUploadProviderExists: config,
+      aiEnabled: false
+    };
+  }
+
+  // Object path – ensure we never return undefined
+  const {
+    imageUploadProviderExists = false,
+    aiEnabled = false
+  } = config !== null && config !== void 0 ? config : {};
+  return {
+    imageUploadProviderExists,
+    aiEnabled
+  };
+}
 export const helpDialogPlugin = ({
-  config: imageUploadProviderExists = false,
+  config,
   api
-}) => ({
-  name: 'helpDialog',
-  pmPlugins() {
-    return [{
-      name: 'helpDialog',
-      plugin: ({
-        dispatch
-      }) => createPlugin(dispatch, imageUploadProviderExists)
-    }, {
-      name: 'helpDialogKeymap',
-      plugin: () => {
-        var _api$analytics;
-        return keymapPlugin(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
-      }
-    }];
-  },
-  pluginsOptions: {
-    quickInsert: ({
-      formatMessage
-    }) => [{
-      id: 'helpdialog',
-      title: formatMessage(messages.help),
-      description: formatMessage(messages.helpDescription),
-      keywords: ['?'],
-      priority: 4000,
-      keyshortcut: tooltip(openHelp),
-      icon: () => /*#__PURE__*/React.createElement(QuestionCircleIcon, {
-        label: "",
-        color: "currentColor",
-        spacing: "spacious"
-      }),
-      action(insert) {
-        var _api$analytics2;
-        const tr = insert('');
-        openHelpCommand(tr);
-        api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.attachAnalyticsEvent({
-          action: ACTION.HELP_OPENED,
-          actionSubject: ACTION_SUBJECT.HELP,
-          actionSubjectId: ACTION_SUBJECT_ID.HELP_QUICK_INSERT,
-          attributes: {
-            inputMethod: INPUT_METHOD.QUICK_INSERT
-          },
-          eventType: EVENT_TYPE.UI
-        })(tr);
-        return tr;
+}) => {
+  const {
+    imageUploadProviderExists,
+    aiEnabled
+  } = parseFeatureConfig(config);
+  return {
+    name: 'helpDialog',
+    pmPlugins() {
+      return [{
+        name: 'helpDialog',
+        plugin: ({
+          dispatch
+        }) => createPlugin(dispatch, imageUploadProviderExists, aiEnabled)
+      }, {
+        name: 'helpDialogKeymap',
+        plugin: () => {
+          var _api$analytics;
+          return keymapPlugin(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
+        }
+      }];
+    },
+    pluginsOptions: {
+      quickInsert: ({
+        formatMessage
+      }) => [{
+        id: 'helpdialog',
+        title: formatMessage(messages.help),
+        description: formatMessage(messages.helpDescription),
+        keywords: ['?'],
+        priority: 4000,
+        keyshortcut: tooltip(openHelp),
+        icon: () => /*#__PURE__*/React.createElement(QuestionCircleIcon, {
+          label: "",
+          color: "currentColor",
+          spacing: "spacious"
+        }),
+        action(insert) {
+          var _api$analytics2;
+          const tr = insert('');
+          openHelpCommand(tr);
+          api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.attachAnalyticsEvent({
+            action: ACTION.HELP_OPENED,
+            actionSubject: ACTION_SUBJECT.HELP,
+            actionSubjectId: ACTION_SUBJECT_ID.HELP_QUICK_INSERT,
+            attributes: {
+              inputMethod: INPUT_METHOD.QUICK_INSERT
+            },
+            eventType: EVENT_TYPE.UI
+          })(tr);
+          return tr;
+        }
+      }]
+    },
+    contentComponent({
+      editorView
+    }) {
+      return /*#__PURE__*/React.createElement(HelpDialogLoader, {
+        pluginInjectionApi: api,
+        editorView: editorView,
+        quickInsertEnabled: !!(api !== null && api !== void 0 && api.quickInsert)
+      });
+    },
+    getSharedState(editorState) {
+      if (!editorState) {
+        return null;
       }
-    }]
-  },
-  contentComponent({
-    editorView
-  }) {
-    return /*#__PURE__*/React.createElement(HelpDialogLoader, {
-      pluginInjectionApi: api,
-      editorView: editorView,
-      quickInsertEnabled: !!(api !== null && api !== void 0 && api.quickInsert)
-    });
-  },
-  getSharedState(editorState) {
-    if (!editorState) {
-      return null;
-    }
-    return pluginKey.getState(editorState) || null;
-  },
-  actions: {
-    openHelp: () => {
-      return api === null || api === void 0 ? void 0 : api.core.actions.execute(({
-        tr
-      }) => openHelpAction(tr));
+      return pluginKey.getState(editorState) || null;
     },
-    closeHelp: () => {
-      return api === null || api === void 0 ? void 0 : api.core.actions.execute(({
-        tr
-      }) => closeHelpAction(tr));
+    actions: {
+      openHelp: () => {
+        return api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+          tr
+        }) => openHelpAction(tr));
+      },
+      closeHelp: () => {
+        return api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+          tr
+        }) => closeHelpAction(tr));
+      }
     }
-  }
-});
+  };
+};

package/dist/es2019/pm-plugins/main.js

@@ -1,13 +1,14 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { pluginKey } from './plugin-key';
-export function createPlugin(dispatch, imageEnabled) {
+export function createPlugin(dispatch, imageEnabled, aiEnabled) {
   return new SafePlugin({
     key: pluginKey,
     state: {
       init() {
         return {
           isVisible: false,
-          imageEnabled
+          imageEnabled,
+          aiEnabled
         };
       },
       apply(tr, _value, state) {

package/dist/es2019/ui/formatting.js

@@ -6,10 +6,11 @@
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { browser } from '@atlaskit/editor-common/browser';
-import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, clearFormatting, decreaseMediaSize, focusTableResizer, focusToContextMenuTrigger, increaseMediaSize, insertRule, navToEditorToolbar, navToFloatingToolbar, pastePlainText, redo, redoAlt, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleHighlightPalette, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
+import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, askAIQuickInsert, clearFormatting, decreaseMediaSize, focusTableResizer, focusToContextMenuTrigger, increaseMediaSize, insertRule, navToEditorToolbar, navToFloatingToolbar, pastePlainText, redo, redoAlt, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleHighlightPalette, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
 import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, helpDialogMessages as messages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { shortcutsArray } from './styles';
 const codeSm = xcss({
   backgroundColor: 'color.background.neutral',
@@ -283,6 +284,13 @@ export const formatting = ({
   type: 'alignment',
   keymap: () => alignRight
 }];
+const quickInsertAskAI = ({
+  formatMessage
+}) => ({
+  name: formatMessage(toolbarMessages.askAI),
+  type: 'AI',
+  keymap: () => askAIQuickInsert
+});
 const otherFormatting = ({
   formatMessage
 }) => [{
@@ -496,7 +504,7 @@ const quickInsertAutoFormat = ({
     xcss: codeLg
   }, "/"))
 });
-export const getSupportedFormatting = (schema, intl, imageEnabled, quickInsertEnabled) => {
+export const getSupportedFormatting = (schema, intl, imageEnabled, quickInsertEnabled, aiEnabled) => {
   const supportedBySchema = formatting(intl).filter(format => schema.nodes[format.type] || schema.marks[format.type]);
-  return [...navigationKeymaps(intl), ...otherFormatting(intl), ...supportedBySchema, ...(imageEnabled ? [imageAutoFormat] : []), ...(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), ...focusTableResizeHandleFormatting(intl), ...resizeInformationFormatting(intl), ...openCellOptionsFormattingtoFormat(intl)];
+  return [...(aiEnabled && editorExperiment('platform_editor_ai_quickstart_command', true) ? [quickInsertAskAI(intl)] : []), ...navigationKeymaps(intl), ...otherFormatting(intl), ...supportedBySchema, ...(imageEnabled ? [imageAutoFormat] : []), ...(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), ...focusTableResizeHandleFormatting(intl), ...resizeInformationFormatting(intl), ...openCellOptionsFormattingtoFormat(intl)];
 };

package/dist/es2019/ui/index.js

@@ -16,9 +16,11 @@ import Modal from './Modal';
 const useSharedState = sharedPluginStateHookMigratorFactory(api => {
   const isVisible = useSharedPluginStateSelector(api, 'helpDialog.isVisible');
   const imageEnabled = useSharedPluginStateSelector(api, 'helpDialog.imageEnabled');
+  const aiEnabled = useSharedPluginStateSelector(api, 'helpDialog.aiEnabled');
   return {
     isVisible,
-    imageEnabled
+    imageEnabled,
+    aiEnabled
   };
 }, api => {
   const {
@@ -26,7 +28,8 @@ const useSharedState = sharedPluginStateHookMigratorFactory(api => {
   } = useSharedPluginState(api, ['helpDialog']);
   return {
     isVisible: helpDialogState === null || helpDialogState === void 0 ? void 0 : helpDialogState.isVisible,
-    imageEnabled: helpDialogState === null || helpDialogState === void 0 ? void 0 : helpDialogState.imageEnabled
+    imageEnabled: helpDialogState === null || helpDialogState === void 0 ? void 0 : helpDialogState.imageEnabled,
+    aiEnabled: helpDialogState === null || helpDialogState === void 0 ? void 0 : helpDialogState.aiEnabled
   };
 });
 const HelpDialog = ({
@@ -37,7 +40,8 @@ const HelpDialog = ({
 }) => {
   const {
     isVisible,
-    imageEnabled
+    imageEnabled,
+    aiEnabled
   } = useSharedState(pluginInjectionApi);
   const closeDialog = useCallback(() => {
     const {
@@ -63,7 +67,7 @@ const HelpDialog = ({
       document.removeEventListener('keydown', handleEsc);
     };
   }, [handleEsc]);
-  const formatting = getSupportedFormatting(editorView.state.schema, intl, imageEnabled, quickInsertEnabled);
+  const formatting = getSupportedFormatting(editorView.state.schema, intl, imageEnabled, quickInsertEnabled, aiEnabled);
   return jsx(ModalTransition, null, isVisible ? jsx(AkModalDialog, {
     width: "large",
     onClose: closeDialog,

package/dist/esm/helpDialogPlugin.js

@@ -9,18 +9,45 @@ import { keymapPlugin } from './pm-plugins/keymap';
 import { createPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { HelpDialogLoader } from './ui/HelpDialogLoader';
-export var helpDialogPlugin = function helpDialogPlugin(_ref) {
-  var _ref$config = _ref.config,
-    imageUploadProviderExists = _ref$config === void 0 ? false : _ref$config,
-    api = _ref.api;
+
+/**
+ * Normalise the caller-supplied config into a single, predictable shape.
+ * – Boolean → "image uploads on/off", AI always off
+ * – Object  → pick the two feature flags with sane defaults (both false)
+ */
+function parseFeatureConfig(config) {
+  if (typeof config === 'boolean') {
+    return {
+      imageUploadProviderExists: config,
+      aiEnabled: false
+    };
+  }
+
+  // Object path – ensure we never return undefined
+  var _ref = config !== null && config !== void 0 ? config : {},
+    _ref$imageUploadProvi = _ref.imageUploadProviderExists,
+    imageUploadProviderExists = _ref$imageUploadProvi === void 0 ? false : _ref$imageUploadProvi,
+    _ref$aiEnabled = _ref.aiEnabled,
+    aiEnabled = _ref$aiEnabled === void 0 ? false : _ref$aiEnabled;
+  return {
+    imageUploadProviderExists: imageUploadProviderExists,
+    aiEnabled: aiEnabled
+  };
+}
+export var helpDialogPlugin = function helpDialogPlugin(_ref2) {
+  var config = _ref2.config,
+    api = _ref2.api;
+  var _parseFeatureConfig = parseFeatureConfig(config),
+    imageUploadProviderExists = _parseFeatureConfig.imageUploadProviderExists,
+    aiEnabled = _parseFeatureConfig.aiEnabled;
   return {
     name: 'helpDialog',
     pmPlugins: function pmPlugins() {
       return [{
         name: 'helpDialog',
-        plugin: function plugin(_ref2) {
-          var dispatch = _ref2.dispatch;
-          return createPlugin(dispatch, imageUploadProviderExists);
+        plugin: function plugin(_ref3) {
+          var dispatch = _ref3.dispatch;
+          return createPlugin(dispatch, imageUploadProviderExists, aiEnabled);
         }
       }, {
         name: 'helpDialogKeymap',
@@ -31,8 +58,8 @@ export var helpDialogPlugin = function helpDialogPlugin(_ref) {
       }];
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref3) {
-        var formatMessage = _ref3.formatMessage;
+      quickInsert: function quickInsert(_ref4) {
+        var formatMessage = _ref4.formatMessage;
         return [{
           id: 'helpdialog',
           title: formatMessage(messages.help),
@@ -65,8 +92,8 @@ export var helpDialogPlugin = function helpDialogPlugin(_ref) {
         }];
       }
     },
-    contentComponent: function contentComponent(_ref4) {
-      var editorView = _ref4.editorView;
+    contentComponent: function contentComponent(_ref5) {
+      var editorView = _ref5.editorView;
       return /*#__PURE__*/React.createElement(HelpDialogLoader, {
         pluginInjectionApi: api,
         editorView: editorView,
@@ -81,14 +108,14 @@ export var helpDialogPlugin = function helpDialogPlugin(_ref) {
     },
     actions: {
       openHelp: function openHelp() {
-        return api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref5) {
-          var tr = _ref5.tr;
+        return api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref6) {
+          var tr = _ref6.tr;
           return openHelpAction(tr);
         });
       },
       closeHelp: function closeHelp() {
-        return api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref6) {
-          var tr = _ref6.tr;
+        return api === null || api === void 0 ? void 0 : api.core.actions.execute(function (_ref7) {
+          var tr = _ref7.tr;
           return closeHelpAction(tr);
         });
       }

package/dist/esm/pm-plugins/main.js

@@ -3,14 +3,15 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { pluginKey } from './plugin-key';
-export function createPlugin(dispatch, imageEnabled) {
+export function createPlugin(dispatch, imageEnabled, aiEnabled) {
   return new SafePlugin({
     key: pluginKey,
     state: {
       init: function init() {
         return {
           isVisible: false,
-          imageEnabled: imageEnabled
+          imageEnabled: imageEnabled,
+          aiEnabled: aiEnabled
         };
       },
       apply: function apply(tr, _value, state) {

package/dist/esm/ui/formatting.js

@@ -7,10 +7,11 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { browser } from '@atlaskit/editor-common/browser';
-import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, clearFormatting, decreaseMediaSize, focusTableResizer, focusToContextMenuTrigger, increaseMediaSize, insertRule, navToEditorToolbar, navToFloatingToolbar, pastePlainText, redo, redoAlt, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleHighlightPalette, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
+import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, askAIQuickInsert, clearFormatting, decreaseMediaSize, focusTableResizer, focusToContextMenuTrigger, increaseMediaSize, insertRule, navToEditorToolbar, navToFloatingToolbar, pastePlainText, redo, redoAlt, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleHighlightPalette, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
 import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, helpDialogMessages as messages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { shortcutsArray } from './styles';
 var codeSm = xcss({
   backgroundColor: 'color.background.neutral',
@@ -374,8 +375,18 @@ export var formatting = function formatting(_ref2) {
     }
   }];
 };
-var otherFormatting = function otherFormatting(_ref3) {
+var quickInsertAskAI = function quickInsertAskAI(_ref3) {
   var formatMessage = _ref3.formatMessage;
+  return {
+    name: formatMessage(toolbarMessages.askAI),
+    type: 'AI',
+    keymap: function keymap() {
+      return askAIQuickInsert;
+    }
+  };
+};
+var otherFormatting = function otherFormatting(_ref4) {
+  var formatMessage = _ref4.formatMessage;
   return [{
     name: formatMessage(toolbarMessages.clearFormatting),
     type: 'clearFormatting',
@@ -571,8 +582,8 @@ var otherFormatting = function otherFormatting(_ref3) {
     }
   }]);
 };
-var resizeInformationFormatting = function resizeInformationFormatting(_ref4) {
-  var formatMessage = _ref4.formatMessage;
+var resizeInformationFormatting = function resizeInformationFormatting(_ref5) {
+  var formatMessage = _ref5.formatMessage;
   return [{
     name: formatMessage(messages.increaseSize),
     type: 'media',
@@ -587,8 +598,8 @@ var resizeInformationFormatting = function resizeInformationFormatting(_ref4) {
     }
   }];
 };
-var focusTableResizeHandleFormatting = function focusTableResizeHandleFormatting(_ref5) {
-  var formatMessage = _ref5.formatMessage;
+var focusTableResizeHandleFormatting = function focusTableResizeHandleFormatting(_ref6) {
+  var formatMessage = _ref6.formatMessage;
   return [{
     name: formatMessage(messages.focusTableResizeHandle),
     type: 'navigation',
@@ -597,8 +608,8 @@ var focusTableResizeHandleFormatting = function focusTableResizeHandleFormatting
     }
   }];
 };
-var openCellOptionsFormattingtoFormat = function openCellOptionsFormattingtoFormat(_ref6) {
-  var formatMessage = _ref6.formatMessage;
+var openCellOptionsFormattingtoFormat = function openCellOptionsFormattingtoFormat(_ref7) {
+  var formatMessage = _ref7.formatMessage;
   return [{
     name: formatMessage(messages.openCellOptions),
     type: 'image',
@@ -620,8 +631,8 @@ var imageAutoFormat = {
     , messages.altText), "](http://www.image.com)"));
   }
 };
-var quickInsertAutoFormat = function quickInsertAutoFormat(_ref7) {
-  var formatMessage = _ref7.formatMessage;
+var quickInsertAutoFormat = function quickInsertAutoFormat(_ref8) {
+  var formatMessage = _ref8.formatMessage;
   return {
     name: formatMessage(messages.quickInsert),
     type: 'quickInsert',
@@ -633,9 +644,9 @@ var quickInsertAutoFormat = function quickInsertAutoFormat(_ref7) {
     }
   };
 };
-export var getSupportedFormatting = function getSupportedFormatting(schema, intl, imageEnabled, quickInsertEnabled) {
+export var getSupportedFormatting = function getSupportedFormatting(schema, intl, imageEnabled, quickInsertEnabled, aiEnabled) {
   var supportedBySchema = formatting(intl).filter(function (format) {
     return schema.nodes[format.type] || schema.marks[format.type];
   });
-  return [].concat(_toConsumableArray(navigationKeymaps(intl)), _toConsumableArray(otherFormatting(intl)), _toConsumableArray(supportedBySchema), _toConsumableArray(imageEnabled ? [imageAutoFormat] : []), _toConsumableArray(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), _toConsumableArray(focusTableResizeHandleFormatting(intl)), _toConsumableArray(resizeInformationFormatting(intl)), _toConsumableArray(openCellOptionsFormattingtoFormat(intl)));
+  return [].concat(_toConsumableArray(aiEnabled && editorExperiment('platform_editor_ai_quickstart_command', true) ? [quickInsertAskAI(intl)] : []), _toConsumableArray(navigationKeymaps(intl)), _toConsumableArray(otherFormatting(intl)), _toConsumableArray(supportedBySchema), _toConsumableArray(imageEnabled ? [imageAutoFormat] : []), _toConsumableArray(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), _toConsumableArray(focusTableResizeHandleFormatting(intl)), _toConsumableArray(resizeInformationFormatting(intl)), _toConsumableArray(openCellOptionsFormattingtoFormat(intl)));
 };

package/dist/esm/ui/index.js

@@ -16,16 +16,19 @@ import Modal from './Modal';
 var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
   var isVisible = useSharedPluginStateSelector(api, 'helpDialog.isVisible');
   var imageEnabled = useSharedPluginStateSelector(api, 'helpDialog.imageEnabled');
+  var aiEnabled = useSharedPluginStateSelector(api, 'helpDialog.aiEnabled');
   return {
     isVisible: isVisible,
-    imageEnabled: imageEnabled
+    imageEnabled: imageEnabled,
+    aiEnabled: aiEnabled
   };
 }, function (api) {
   var _useSharedPluginState = useSharedPluginState(api, ['helpDialog']),
     helpDialogState = _useSharedPluginState.helpDialogState;
   return {
     isVisible: helpDialogState === null || helpDialogState === void 0 ? void 0 : helpDialogState.isVisible,
-    imageEnabled: helpDialogState === null || helpDialogState === void 0 ? void 0 : helpDialogState.imageEnabled
+    imageEnabled: helpDialogState === null || helpDialogState === void 0 ? void 0 : helpDialogState.imageEnabled,
+    aiEnabled: helpDialogState === null || helpDialogState === void 0 ? void 0 : helpDialogState.aiEnabled
   };
 });
 var HelpDialog = function HelpDialog(_ref) {
@@ -35,7 +38,8 @@ var HelpDialog = function HelpDialog(_ref) {
     intl = _ref.intl;
   var _useSharedState = useSharedState(pluginInjectionApi),
     isVisible = _useSharedState.isVisible,
-    imageEnabled = _useSharedState.imageEnabled;
+    imageEnabled = _useSharedState.imageEnabled,
+    aiEnabled = _useSharedState.aiEnabled;
   var closeDialog = useCallback(function () {
     var tr = editorView.state.tr,
       dispatch = editorView.dispatch;
@@ -56,7 +60,7 @@ var HelpDialog = function HelpDialog(_ref) {
       document.removeEventListener('keydown', handleEsc);
     };
   }, [handleEsc]);
-  var formatting = getSupportedFormatting(editorView.state.schema, intl, imageEnabled, quickInsertEnabled);
+  var formatting = getSupportedFormatting(editorView.state.schema, intl, imageEnabled, quickInsertEnabled, aiEnabled);
   return jsx(ModalTransition, null, isVisible ? jsx(AkModalDialog, {
     width: "large",
     onClose: closeDialog,

package/dist/types/helpDialogPlugin.d.ts

@@ -1,2 +1,2 @@
-import { type HelpDialogPlugin } from './helpDialogPluginType';
+import type { HelpDialogPlugin } from './helpDialogPluginType';
 export declare const helpDialogPlugin: HelpDialogPlugin;

package/dist/types/helpDialogPluginType.d.ts

@@ -4,12 +4,16 @@ import type { QuickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
 export interface HelpDialogSharedState {
     isVisible: boolean;
     imageEnabled: boolean;
+    aiEnabled: boolean;
 }
 export type HelpDialogDependencies = [
     OptionalPlugin<AnalyticsPlugin>,
     OptionalPlugin<QuickInsertPlugin>
 ];
-export type HelpDialogPluginOptions = boolean;
+export type HelpDialogPluginOptions = boolean | {
+    imageUploadProviderExists?: boolean;
+    aiEnabled?: boolean;
+};
 export type HelpDialogPlugin = NextEditorPlugin<'helpDialog', {
     dependencies: HelpDialogDependencies;
     pluginConfiguration: HelpDialogPluginOptions;

package/dist/types/pm-plugins/main.d.ts

@@ -1,2 +1,2 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-export declare function createPlugin(dispatch: Function, imageEnabled: boolean): SafePlugin<any>;
+export declare function createPlugin(dispatch: Function, imageEnabled: boolean, aiEnabled: boolean): SafePlugin<any>;

package/dist/types/ui/formatting.d.ts

@@ -2,4 +2,4 @@ import type { IntlShape } from 'react-intl-next';
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { Format } from './Format';
 export declare const formatting: (intl: IntlShape) => Format[];
-export declare const getSupportedFormatting: (schema: Schema, intl: IntlShape, imageEnabled?: boolean, quickInsertEnabled?: boolean) => Format[];
+export declare const getSupportedFormatting: (schema: Schema, intl: IntlShape, imageEnabled?: boolean, quickInsertEnabled?: boolean, aiEnabled?: boolean) => Format[];

package/dist/types-ts4.5/helpDialogPlugin.d.ts

@@ -1,2 +1,2 @@
-import { type HelpDialogPlugin } from './helpDialogPluginType';
+import type { HelpDialogPlugin } from './helpDialogPluginType';
 export declare const helpDialogPlugin: HelpDialogPlugin;

package/dist/types-ts4.5/helpDialogPluginType.d.ts

@@ -4,12 +4,16 @@ import type { QuickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
 export interface HelpDialogSharedState {
     isVisible: boolean;
     imageEnabled: boolean;
+    aiEnabled: boolean;
 }
 export type HelpDialogDependencies = [
     OptionalPlugin<AnalyticsPlugin>,
     OptionalPlugin<QuickInsertPlugin>
 ];
-export type HelpDialogPluginOptions = boolean;
+export type HelpDialogPluginOptions = boolean | {
+    imageUploadProviderExists?: boolean;
+    aiEnabled?: boolean;
+};
 export type HelpDialogPlugin = NextEditorPlugin<'helpDialog', {
     dependencies: HelpDialogDependencies;
     pluginConfiguration: HelpDialogPluginOptions;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -1,2 +1,2 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-export declare function createPlugin(dispatch: Function, imageEnabled: boolean): SafePlugin<any>;
+export declare function createPlugin(dispatch: Function, imageEnabled: boolean, aiEnabled: boolean): SafePlugin<any>;

package/dist/types-ts4.5/ui/formatting.d.ts

@@ -2,4 +2,4 @@ import type { IntlShape } from 'react-intl-next';
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { Format } from './Format';
 export declare const formatting: (intl: IntlShape) => Format[];
-export declare const getSupportedFormatting: (schema: Schema, intl: IntlShape, imageEnabled?: boolean, quickInsertEnabled?: boolean) => Format[];
+export declare const getSupportedFormatting: (schema: Schema, intl: IntlShape, imageEnabled?: boolean, quickInsertEnabled?: boolean, aiEnabled?: boolean) => Format[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-help-dialog",
-	"version": "2.1.5",
+	"version": "2.1.6",
 	"description": "Help Dialog plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,18 +33,19 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/editor-common": "^105.0.0",
-		"@atlaskit/editor-plugin-analytics": "^2.2.0",
+		"@atlaskit/editor-common": "^105.11.0",
+		"@atlaskit/editor-plugin-analytics": "^2.3.0",
 		"@atlaskit/editor-plugin-quick-insert": "^2.5.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^26.0.0",
-		"@atlaskit/modal-dialog": "^14.1.0",
+		"@atlaskit/icon": "^26.3.0",
+		"@atlaskit/modal-dialog": "^14.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.7.0",
+		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.8.0",
+		"@atlaskit/tmp-editor-statsig": "^5.1.0",
+		"@atlaskit/tokens": "^4.9.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"react-intl-next": "npm:react-intl@^5.18.1",