@atlaskit/editor-plugin-synced-block 8.2.16 → 8.3.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 8.3.0
+
+### Minor Changes
+
+- [`41168b2bd2790`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/41168b2bd2790) -
+  Autofix: add explicit package exports (barrel removal)
+
+### Patch Changes
+
+- Updated dependencies
+
+## 8.2.17
+
+### Patch Changes
+
+- [`9784984097a8a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9784984097a8a) -
+  [ux] Improves synced block support for Jira work items, including product-specific copy,
+  issue-type icons, and enhanced analytics.
+- Updated dependencies
+
 ## 8.2.16
 
 ### Patch Changes

package/dist/cjs/entry-points/synced-block-plugin-type.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/entry-points/synced-block-plugin.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "syncedBlockPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _syncedBlockPlugin.syncedBlockPlugin;
+  }
+});
+var _syncedBlockPlugin = require("../syncedBlockPlugin");

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

@@ -20,6 +20,7 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
+var _utils2 = require("@atlaskit/editor-synced-block-provider/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
@@ -33,7 +34,7 @@ var _ignoreDomEvent = require("./utils/ignore-dom-event");
 var _selectionDecorations = require("./utils/selection-decorations");
 var _trackSyncBlocks7 = require("./utils/track-sync-blocks");
 var _transactionInsertsSyncedBlock = require("./utils/transaction-inserts-synced-block");
-var _utils2 = require("./utils/utils");
+var _utils3 = require("./utils/utils");
 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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
@@ -81,7 +82,7 @@ var mapRetryCreationPosMap = function mapRetryCreationPosMap(oldMap, newRetryCre
   return newMap;
 };
 var showCopiedFlag = function showCopiedFlag(api) {
-  (0, _utils2.deferDispatch)(function () {
+  (0, _utils3.deferDispatch)(function () {
     api === null || api === void 0 || api.core.actions.execute(function (_ref) {
       var tr = _ref.tr;
       return tr.setMeta(syncedBlockPluginKey, {
@@ -97,11 +98,11 @@ var showExtensionInSyncBlockWarningIfNeeded = function showExtensionInSyncBlockW
   if (!tr.docChanged || tr.getMeta('isRemote') || Boolean(tr.getMeta(_utils.pmHistoryPluginKey)) || (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.sharedState.currentState()) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.mode)) {
     return;
   }
-  var resourceId = (0, _utils2.wasExtensionInsertedInBodiedSyncBlock)(tr, state);
+  var resourceId = (0, _utils3.wasExtensionInsertedInBodiedSyncBlock)(tr, state);
   // Only show the flag on the first instance per sync block (same as UNPUBLISHED_SYNC_BLOCK_PASTED)
   if (resourceId && !extensionFlagShown.has(resourceId)) {
     extensionFlagShown.add(resourceId);
-    (0, _utils2.deferDispatch)(function () {
+    (0, _utils3.deferDispatch)(function () {
       api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
         var tr = _ref2.tr;
         return tr.setMeta(syncedBlockPluginKey, {
@@ -121,6 +122,7 @@ var getDeleteReason = function getDeleteReason(tr) {
   return reason;
 };
 var filterTransactionOnline = function filterTransactionOnline(_ref3) {
+  var _tr$getMeta;
   var tr = _ref3.tr,
     state = _ref3.state,
     syncBlockStore = _ref3.syncBlockStore,
@@ -145,16 +147,26 @@ var filterTransactionOnline = function filterTransactionOnline(_ref3) {
       eventType: _analytics.EVENT_TYPE.OPERATIONAL
     });
   });
+
+  // Annotate every reference-block insertion with `sourceProduct`
+  // (derived from the resourceId) and `isPaste` (when the originating transaction was a
+  // paste). Together with the host product reported by the embedding product's pageview
+  // events this lets us triangulate cross-product paste behaviour without standing up a
+  // dedicated `cross_product_paste` event subject.
+  var isPaste = Boolean((_tr$getMeta = tr.getMeta('paste')) !== null && _tr$getMeta !== void 0 ? _tr$getMeta : tr.getMeta('uiEvent') === 'paste');
   syncBlockAdded.forEach(function (syncBlock) {
     var _api$analytics2;
     api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
       action: _analytics.ACTION.INSERTED,
       actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
       actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK,
-      attributes: {
+      attributes: _objectSpread({
         resourceId: syncBlock.attrs.resourceId,
         blockInstanceId: syncBlock.attrs.localId
-      },
+      }, (0, _platformFeatureFlags.fg)('platform_synced_block_patch_11') ? {
+        sourceProduct: (0, _utils2.getSourceProductFromResourceIdSafe)(syncBlock.attrs.resourceId),
+        isPaste: isPaste
+      } : {}),
       eventType: _analytics.EVENT_TYPE.TRACK
     });
   });
@@ -196,7 +208,7 @@ var filterTransactionOffline = function filterTransactionOffline(_ref4) {
     errorFlag = _types.FLAG_ID.CANNOT_EDIT_WHEN_OFFLINE;
   }
   if (errorFlag) {
-    (0, _utils2.deferDispatch)(function () {
+    (0, _utils3.deferDispatch)(function () {
       api === null || api === void 0 || api.core.actions.execute(function (_ref5) {
         var tr = _ref5.tr;
         return tr.setMeta(syncedBlockPluginKey, {
@@ -303,7 +315,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
   // It prevents false "Changes may not be saved" warnings when publishing
   // Classic pages with sync blocks.
   syncBlockStore.sourceManager.registerFlushCompletionCallback(function () {
-    (0, _utils2.deferDispatch)(function () {
+    (0, _utils3.deferDispatch)(function () {
       api === null || api === void 0 || api.core.actions.execute(function (_ref7) {
         var tr = _ref7.tr;
         return tr;
@@ -316,12 +328,19 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
     // Only show the flag once per sync block
     if (!unpublishedFlagShown.has(resourceId)) {
       unpublishedFlagShown.add(resourceId);
-      (0, _utils2.deferDispatch)(function () {
+      // Surface the source product so the flag's copy can be tailored — Jira work
+      // items get "Pasted from unsaved item" / "...when the item's description is
+      // saved" rather than the Confluence page-flavoured default. Falls back to
+      // undefined when the resourceId can't be parsed (legacy shapes), in which
+      // case the Confluence default is used.
+      var sourceProduct = (0, _utils2.getSourceProductFromResourceIdSafe)(resourceId);
+      (0, _utils3.deferDispatch)(function () {
         api === null || api === void 0 || api.core.actions.execute(function (_ref8) {
           var tr = _ref8.tr;
           return tr.setMeta(syncedBlockPluginKey, {
             activeFlag: {
-              id: _types.FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED
+              id: _types.FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED,
+              sourceProduct: sourceProduct
             }
           });
         });
@@ -634,7 +653,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           if (node.type.name === 'bodiedSyncBlock' && node.attrs.resourceId) {
             // if we only selected part of the bodied sync block content,
             // remove the sync block node and only keep the content
-            if (!(0, _utils2.sliceFullyContainsNode)(slice, node)) {
+            if (!(0, _utils3.sliceFullyContainsNode)(slice, node)) {
               return node.content;
             }
             showCopiedFlag(api);
@@ -880,7 +899,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
             tr.delete(dup.pos, dup.pos + dup.nodeSize);
           }
           tr.setMeta('addToHistory', false);
-          (0, _utils2.deferDispatch)(function () {
+          (0, _utils3.deferDispatch)(function () {
             var _api$core;
             api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref1) {
               var tr = _ref1.tr;

package/dist/cjs/ui/Flag.js

@@ -16,6 +16,7 @@ var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
 var _flag = _interopRequireWildcard(require("@atlaskit/flag"));
 var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-success"));
 var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _main = require("../pm-plugins/main");
 var _types = require("../types");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -78,13 +79,20 @@ var Flag = exports.Flag = function Flag(_ref) {
     return;
   }
   var _flagMap$activeFlag$i = flagMap[activeFlag.id],
-    title = _flagMap$activeFlag$i.title,
-    description = _flagMap$activeFlag$i.description,
+    defaultTitle = _flagMap$activeFlag$i.title,
+    defaultDescription = _flagMap$activeFlag$i.description,
     action = _flagMap$activeFlag$i.action,
     type = _flagMap$activeFlag$i.type;
   var onRetry = activeFlag.onRetry,
     onDismissedCallback = activeFlag.onDismissed;
 
+  // For the unpublished-paste flag, swap to the Jira-flavoured copy when the source
+  // is a Jira work item. Other flags don't currently vary by product. Gated by
+  // `platform_synced_block_patch_11` so the new copy can be dialled off independently.
+  var isJiraUnpublishedPaste = activeFlag.id === _types.FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED && activeFlag.sourceProduct === 'jira-work-item' && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_11');
+  var title = isJiraUnpublishedPaste ? _messages.syncBlockMessages.unpublishedSyncBlockPastedTitleJiraWorkItem : defaultTitle;
+  var description = isJiraUnpublishedPaste ? _messages.syncBlockMessages.unpublishedSyncBlockPastedDescriptionJiraWorkItem : defaultDescription;
+
   // Retry button often involves network request, hence we dismiss the flag in offline mode to avoid retry
   if ((0, _editorPluginConnectivity.isOfflineMode)(mode) && !!onRetry) {
     api === null || api === void 0 || api.core.actions.execute(function (_ref2) {

package/dist/cjs/ui/SyncedLocationDropdown.js

@@ -25,10 +25,15 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
 var _icon = require("@atlaskit/icon");
 var _pageLiveDoc = _interopRequireDefault(require("@atlaskit/icon-lab/core/page-live-doc"));
+var _bug = _interopRequireDefault(require("@atlaskit/icon/core/bug"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
+var _epic = _interopRequireDefault(require("@atlaskit/icon/core/epic"));
 var _page = _interopRequireDefault(require("@atlaskit/icon/core/page"));
 var _quotationMark = _interopRequireDefault(require("@atlaskit/icon/core/quotation-mark"));
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
+var _story = _interopRequireDefault(require("@atlaskit/icon/core/story"));
+var _subtasks = _interopRequireDefault(require("@atlaskit/icon/core/subtasks"));
+var _task = _interopRequireDefault(require("@atlaskit/icon/core/task"));
 var _logo = require("@atlaskit/logo");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -118,12 +123,113 @@ var ProductIcon = function ProductIcon(_ref2) {
     appearance: "neutral"
   }));
 };
+
+// Map AGG issue-type names to ADS icons. The mapping is by the English `name` returned
+// from AGG because Jira's REST/GraphQL API does not localise it at this layer. Custom
+// (non-default) issue types fall through to the AGG `iconUrl`.
+//
+// Type the icons as the same shape as `TaskIcon` so we don't import `NewCoreIconProps`
+// from a private icon entrypoint.
+
+var jiraIssueTypeIconMap = {
+  Task: {
+    icon: _task.default,
+    messageKey: 'syncedLocationDropdownIssueTypeTask'
+  },
+  Bug: {
+    icon: _bug.default,
+    messageKey: 'syncedLocationDropdownIssueTypeBug'
+  },
+  Story: {
+    icon: _story.default,
+    messageKey: 'syncedLocationDropdownIssueTypeStory'
+  },
+  Epic: {
+    icon: _epic.default,
+    messageKey: 'syncedLocationDropdownIssueTypeEpic'
+  },
+  Subtask: {
+    icon: _subtasks.default,
+    messageKey: 'syncedLocationDropdownIssueTypeSubtask'
+  },
+  'Sub-task': {
+    icon: _subtasks.default,
+    messageKey: 'syncedLocationDropdownIssueTypeSubtask'
+  }
+};
+
+/**
+ * Creates an icon component from a custom Jira issue-type `iconUrl` that conforms to the
+ * ADS icon component contract expected by `IconTile`. This lets us reuse `IconTile` for
+ * custom issue types — ensuring consistent sizing, background, and border-radius with the
+ * standard ADS icons used for known issue types (Bug, Story, etc.).
+ *
+ * The returned component ignores ADS icon props (color, spacing, etc.) because the image
+ * is an external raster/SVG asset that doesn't respond to design tokens.
+ */
+var customIconCache = new Map();
+var createCustomIssueTypeIcon = function createCustomIssueTypeIcon(iconUrl) {
+  var cached = customIconCache.get(iconUrl);
+  if (cached) {
+    return cached;
+  }
+  var CustomIssueTypeIcon = function CustomIssueTypeIcon() {
+    return /*#__PURE__*/React.createElement("img", {
+      src: iconUrl,
+      alt: "",
+      width: "12",
+      height: "12"
+    });
+  };
+  CustomIssueTypeIcon.displayName = 'CustomIssueTypeIcon';
+  customIconCache.set(iconUrl, CustomIssueTypeIcon);
+  return CustomIssueTypeIcon;
+};
+
+/**
+ * Returns the icon to render for a Jira issue type, or `null` when neither an ADS icon
+ * mapping nor an AGG-provided `iconUrl` is available so the caller can fall back to a
+ * generic product icon.
+ *
+ * Implemented as a plain function (not a React component) so the `null` check actually
+ * narrows — a JSX expression always evaluates to a truthy `ReactElement` object,
+ * meaning callers cannot distinguish a "would render nothing" component from one that
+ * renders an icon.
+ */
+var renderJiraIssueTypeIcon = function renderJiraIssueTypeIcon(issueType, intl) {
+  var mapped = jiraIssueTypeIconMap[issueType.name];
+  if (mapped) {
+    var label = intl.formatMessage(_messages.syncBlockMessages[mapped.messageKey]);
+    return /*#__PURE__*/React.createElement(_icon.IconTile, {
+      icon: mapped.icon,
+      label: label,
+      appearance: 'gray',
+      size: "xsmall"
+    });
+  }
+
+  // Custom Jira issue types — render inside `IconTile` using a wrapper component so the
+  // icon gets the same tile background, border-radius, and sizing as known issue types.
+  if (issueType.iconUrl) {
+    var CustomIcon = createCustomIssueTypeIcon(issueType.iconUrl);
+    var _label = intl.formatMessage(_messages.syncBlockMessages.syncedLocationDropdownIssueTypeGeneric);
+    return /*#__PURE__*/React.createElement(_icon.IconTile, {
+      icon: CustomIcon,
+      label: _label,
+      appearance: 'gray',
+      size: "xsmall"
+    });
+  }
+  return null;
+};
 var ItemIcon = function ItemIcon(_ref3) {
-  var reference = _ref3.reference;
+  var reference = _ref3.reference,
+    intl = _ref3.intl;
   var hasAccess = reference.hasAccess,
     subType = reference.subType,
     productType = reference.productType,
-    sourceAri = reference.sourceAri;
+    sourceAri = reference.sourceAri,
+    issueType = reference.issueType;
   if (productType === 'confluence-page' && hasAccess) {
     return /*#__PURE__*/React.createElement(_icon.IconTile, {
       icon: getConfluenceSubTypeIcon(sourceAri, subType),
@@ -133,10 +239,20 @@ var ItemIcon = function ItemIcon(_ref3) {
     });
   }
 
-  // For `jira-work-item` (and any future product), we fall back to the generic product logo icon.
-  // Jira issues don't have an equivalent page/blog subtype concept, so no rich IconTile is shown.
-  // Future enhancement: if Jira issue type icons are needed, add an `issueType` field to
-  // `SyncBlockSourceInfo` and fetch it in `fetchJiraWorkItemInfo` via the GraphQL query.
+  // Render a Jira issue-type icon when we have one, gated by the shared rollout flag.
+  // Falls through to the generic product icon when:
+  //   - the gate is off,
+  //   - we don't have access (issueType is not surfaced for no-access references),
+  //   - AGG returned no `issueType` (partial index, deleted, etc.), or
+  //   - the issue type is unrecognised AND has no `iconUrl`.
+  if (productType === 'jira-work-item' && hasAccess && issueType && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_11')) {
+    var icon = renderJiraIssueTypeIcon(issueType, intl);
+    if (icon !== null) {
+      return icon;
+    }
+  }
+
+  // Generic product fallback for `jira-work-item` (and any future product).
   return /*#__PURE__*/React.createElement(ProductIcon, {
     product: productType
   });
@@ -320,7 +436,8 @@ var DropdownContent = function DropdownContent(_ref7) {
               content: title
             }, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
               elemBefore: /*#__PURE__*/React.createElement(ItemIcon, {
-                reference: reference
+                reference: reference,
+                intl: intl
               }),
               href: reference.url,
               target: "_blank",

package/dist/es2019/entry-points/synced-block-plugin.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { syncedBlockPlugin } from '../syncedBlockPlugin';

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

@@ -10,6 +10,7 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { DecorationSet, Decoration } from '@atlaskit/editor-prosemirror/view';
 import { convertPMNodesToSyncBlockNodes, rebaseTransaction } from '@atlaskit/editor-synced-block-provider';
+import { getSourceProductFromResourceIdSafe } from '@atlaskit/editor-synced-block-provider/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -104,6 +105,7 @@ const filterTransactionOnline = ({
   bodiedSyncBlockAdded,
   extensionFlagShown
 }) => {
+  var _tr$getMeta;
   const {
     removed: syncBlockRemoved,
     added: syncBlockAdded
@@ -121,6 +123,13 @@ const filterTransactionOnline = ({
       eventType: EVENT_TYPE.OPERATIONAL
     });
   });
+
+  // Annotate every reference-block insertion with `sourceProduct`
+  // (derived from the resourceId) and `isPaste` (when the originating transaction was a
+  // paste). Together with the host product reported by the embedding product's pageview
+  // events this lets us triangulate cross-product paste behaviour without standing up a
+  // dedicated `cross_product_paste` event subject.
+  const isPaste = Boolean((_tr$getMeta = tr.getMeta('paste')) !== null && _tr$getMeta !== void 0 ? _tr$getMeta : tr.getMeta('uiEvent') === 'paste');
   syncBlockAdded.forEach(syncBlock => {
     var _api$analytics2, _api$analytics2$actio;
     api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$actio = _api$analytics2.actions) === null || _api$analytics2$actio === void 0 ? void 0 : _api$analytics2$actio.fireAnalyticsEvent({
@@ -129,7 +138,11 @@ const filterTransactionOnline = ({
       actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK,
       attributes: {
         resourceId: syncBlock.attrs.resourceId,
-        blockInstanceId: syncBlock.attrs.localId
+        blockInstanceId: syncBlock.attrs.localId,
+        ...(fg('platform_synced_block_patch_11') ? {
+          sourceProduct: getSourceProductFromResourceIdSafe(syncBlock.attrs.resourceId),
+          isPaste
+        } : {})
       },
       eventType: EVENT_TYPE.TRACK
     });
@@ -284,12 +297,19 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
     // Only show the flag once per sync block
     if (!unpublishedFlagShown.has(resourceId)) {
       unpublishedFlagShown.add(resourceId);
+      // Surface the source product so the flag's copy can be tailored — Jira work
+      // items get "Pasted from unsaved item" / "...when the item's description is
+      // saved" rather than the Confluence page-flavoured default. Falls back to
+      // undefined when the resourceId can't be parsed (legacy shapes), in which
+      // case the Confluence default is used.
+      const sourceProduct = getSourceProductFromResourceIdSafe(resourceId);
       deferDispatch(() => {
         api === null || api === void 0 ? void 0 : api.core.actions.execute(({
           tr
         }) => tr.setMeta(syncedBlockPluginKey, {
           activeFlag: {
-            id: FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED
+            id: FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED,
+            sourceProduct
           }
         }));
       });

package/dist/es2019/ui/Flag.js

@@ -7,6 +7,7 @@ import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import AkFlag, { AutoDismissFlag, FlagGroup } from '@atlaskit/flag';
 import StatusSuccessIcon from '@atlaskit/icon/core/status-success';
 import StatusWarningIcon from '@atlaskit/icon/core/status-warning';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { syncedBlockPluginKey } from '../pm-plugins/main';
 import { FLAG_ID } from '../types';
 const flagMap = {
@@ -80,8 +81,8 @@ export const Flag = ({
     return;
   }
   const {
-    title,
-    description,
+    title: defaultTitle,
+    description: defaultDescription,
     action,
     type
   } = flagMap[activeFlag.id];
@@ -90,6 +91,13 @@ export const Flag = ({
     onDismissed: onDismissedCallback
   } = activeFlag;
 
+  // For the unpublished-paste flag, swap to the Jira-flavoured copy when the source
+  // is a Jira work item. Other flags don't currently vary by product. Gated by
+  // `platform_synced_block_patch_11` so the new copy can be dialled off independently.
+  const isJiraUnpublishedPaste = activeFlag.id === FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED && activeFlag.sourceProduct === 'jira-work-item' && fg('platform_synced_block_patch_11');
+  const title = isJiraUnpublishedPaste ? messages.unpublishedSyncBlockPastedTitleJiraWorkItem : defaultTitle;
+  const description = isJiraUnpublishedPaste ? messages.unpublishedSyncBlockPastedDescriptionJiraWorkItem : defaultDescription;
+
   // Retry button often involves network request, hence we dismiss the flag in offline mode to avoid retry
   if (isOfflineMode(mode) && !!onRetry) {
     api === null || api === void 0 ? void 0 : api.core.actions.execute(({

package/dist/es2019/ui/SyncedLocationDropdown.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./SyncedLocationDropdown.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { cx } from '@compiled/react';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
@@ -13,10 +13,15 @@ import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import { getPageIdAndTypeFromConfluencePageAri } from '@atlaskit/editor-synced-block-provider';
 import { IconTile } from '@atlaskit/icon';
 import PageLiveDocIcon from '@atlaskit/icon-lab/core/page-live-doc';
+import BugIcon from '@atlaskit/icon/core/bug';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
+import EpicIcon from '@atlaskit/icon/core/epic';
 import PageIcon from '@atlaskit/icon/core/page';
 import QuotationMarkIcon from '@atlaskit/icon/core/quotation-mark';
 import StatusErrorIcon from '@atlaskit/icon/core/status-error';
+import StoryIcon from '@atlaskit/icon/core/story';
+import SubtaskIcon from '@atlaskit/icon/core/subtasks';
+import TaskIcon from '@atlaskit/icon/core/task';
 import { ConfluenceIcon, JiraIcon, AtlassianIcon } from '@atlaskit/logo';
 import Lozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -104,14 +109,113 @@ const ProductIcon = ({
     appearance: "neutral"
   }));
 };
+
+// Map AGG issue-type names to ADS icons. The mapping is by the English `name` returned
+// from AGG because Jira's REST/GraphQL API does not localise it at this layer. Custom
+// (non-default) issue types fall through to the AGG `iconUrl`.
+//
+// Type the icons as the same shape as `TaskIcon` so we don't import `NewCoreIconProps`
+// from a private icon entrypoint.
+
+const jiraIssueTypeIconMap = {
+  Task: {
+    icon: TaskIcon,
+    messageKey: 'syncedLocationDropdownIssueTypeTask'
+  },
+  Bug: {
+    icon: BugIcon,
+    messageKey: 'syncedLocationDropdownIssueTypeBug'
+  },
+  Story: {
+    icon: StoryIcon,
+    messageKey: 'syncedLocationDropdownIssueTypeStory'
+  },
+  Epic: {
+    icon: EpicIcon,
+    messageKey: 'syncedLocationDropdownIssueTypeEpic'
+  },
+  Subtask: {
+    icon: SubtaskIcon,
+    messageKey: 'syncedLocationDropdownIssueTypeSubtask'
+  },
+  'Sub-task': {
+    icon: SubtaskIcon,
+    messageKey: 'syncedLocationDropdownIssueTypeSubtask'
+  }
+};
+
+/**
+ * Creates an icon component from a custom Jira issue-type `iconUrl` that conforms to the
+ * ADS icon component contract expected by `IconTile`. This lets us reuse `IconTile` for
+ * custom issue types — ensuring consistent sizing, background, and border-radius with the
+ * standard ADS icons used for known issue types (Bug, Story, etc.).
+ *
+ * The returned component ignores ADS icon props (color, spacing, etc.) because the image
+ * is an external raster/SVG asset that doesn't respond to design tokens.
+ */
+const customIconCache = new Map();
+const createCustomIssueTypeIcon = iconUrl => {
+  const cached = customIconCache.get(iconUrl);
+  if (cached) {
+    return cached;
+  }
+  const CustomIssueTypeIcon = () => /*#__PURE__*/React.createElement("img", {
+    src: iconUrl,
+    alt: "",
+    width: "12",
+    height: "12"
+  });
+  CustomIssueTypeIcon.displayName = 'CustomIssueTypeIcon';
+  customIconCache.set(iconUrl, CustomIssueTypeIcon);
+  return CustomIssueTypeIcon;
+};
+
+/**
+ * Returns the icon to render for a Jira issue type, or `null` when neither an ADS icon
+ * mapping nor an AGG-provided `iconUrl` is available so the caller can fall back to a
+ * generic product icon.
+ *
+ * Implemented as a plain function (not a React component) so the `null` check actually
+ * narrows — a JSX expression always evaluates to a truthy `ReactElement` object,
+ * meaning callers cannot distinguish a "would render nothing" component from one that
+ * renders an icon.
+ */
+const renderJiraIssueTypeIcon = (issueType, intl) => {
+  const mapped = jiraIssueTypeIconMap[issueType.name];
+  if (mapped) {
+    const label = intl.formatMessage(messages[mapped.messageKey]);
+    return /*#__PURE__*/React.createElement(IconTile, {
+      icon: mapped.icon,
+      label: label,
+      appearance: 'gray',
+      size: "xsmall"
+    });
+  }
+
+  // Custom Jira issue types — render inside `IconTile` using a wrapper component so the
+  // icon gets the same tile background, border-radius, and sizing as known issue types.
+  if (issueType.iconUrl) {
+    const CustomIcon = createCustomIssueTypeIcon(issueType.iconUrl);
+    const label = intl.formatMessage(messages.syncedLocationDropdownIssueTypeGeneric);
+    return /*#__PURE__*/React.createElement(IconTile, {
+      icon: CustomIcon,
+      label: label,
+      appearance: 'gray',
+      size: "xsmall"
+    });
+  }
+  return null;
+};
 const ItemIcon = ({
-  reference
+  reference,
+  intl
 }) => {
   const {
     hasAccess,
     subType,
     productType,
-    sourceAri
+    sourceAri,
+    issueType
   } = reference;
   if (productType === 'confluence-page' && hasAccess) {
     return /*#__PURE__*/React.createElement(IconTile, {
@@ -122,10 +226,20 @@ const ItemIcon = ({
     });
   }
 
-  // For `jira-work-item` (and any future product), we fall back to the generic product logo icon.
-  // Jira issues don't have an equivalent page/blog subtype concept, so no rich IconTile is shown.
-  // Future enhancement: if Jira issue type icons are needed, add an `issueType` field to
-  // `SyncBlockSourceInfo` and fetch it in `fetchJiraWorkItemInfo` via the GraphQL query.
+  // Render a Jira issue-type icon when we have one, gated by the shared rollout flag.
+  // Falls through to the generic product icon when:
+  //   - the gate is off,
+  //   - we don't have access (issueType is not surfaced for no-access references),
+  //   - AGG returned no `issueType` (partial index, deleted, etc.), or
+  //   - the issue type is unrecognised AND has no `iconUrl`.
+  if (productType === 'jira-work-item' && hasAccess && issueType && fg('platform_synced_block_patch_11')) {
+    const icon = renderJiraIssueTypeIcon(issueType, intl);
+    if (icon !== null) {
+      return icon;
+    }
+  }
+
+  // Generic product fallback for `jira-work-item` (and any future product).
   return /*#__PURE__*/React.createElement(ProductIcon, {
     product: productType
   });
@@ -275,7 +389,8 @@ const DropdownContent = ({
               content: title
             }, /*#__PURE__*/React.createElement(DropdownItem, {
               elemBefore: /*#__PURE__*/React.createElement(ItemIcon, {
-                reference: reference
+                reference: reference,
+                intl: intl
               }),
               href: reference.url,
               target: "_blank",

package/dist/esm/entry-points/synced-block-plugin.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { syncedBlockPlugin } from '../syncedBlockPlugin';

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

@@ -18,6 +18,7 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { DecorationSet, Decoration } from '@atlaskit/editor-prosemirror/view';
 import { convertPMNodesToSyncBlockNodes, rebaseTransaction } from '@atlaskit/editor-synced-block-provider';
+import { getSourceProductFromResourceIdSafe } from '@atlaskit/editor-synced-block-provider/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -114,6 +115,7 @@ var getDeleteReason = function getDeleteReason(tr) {
   return reason;
 };
 var filterTransactionOnline = function filterTransactionOnline(_ref3) {
+  var _tr$getMeta;
   var tr = _ref3.tr,
     state = _ref3.state,
     syncBlockStore = _ref3.syncBlockStore,
@@ -138,16 +140,26 @@ var filterTransactionOnline = function filterTransactionOnline(_ref3) {
       eventType: EVENT_TYPE.OPERATIONAL
     });
   });
+
+  // Annotate every reference-block insertion with `sourceProduct`
+  // (derived from the resourceId) and `isPaste` (when the originating transaction was a
+  // paste). Together with the host product reported by the embedding product's pageview
+  // events this lets us triangulate cross-product paste behaviour without standing up a
+  // dedicated `cross_product_paste` event subject.
+  var isPaste = Boolean((_tr$getMeta = tr.getMeta('paste')) !== null && _tr$getMeta !== void 0 ? _tr$getMeta : tr.getMeta('uiEvent') === 'paste');
   syncBlockAdded.forEach(function (syncBlock) {
     var _api$analytics2;
     api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
       action: ACTION.INSERTED,
       actionSubject: ACTION_SUBJECT.DOCUMENT,
       actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK,
-      attributes: {
+      attributes: _objectSpread({
         resourceId: syncBlock.attrs.resourceId,
         blockInstanceId: syncBlock.attrs.localId
-      },
+      }, fg('platform_synced_block_patch_11') ? {
+        sourceProduct: getSourceProductFromResourceIdSafe(syncBlock.attrs.resourceId),
+        isPaste: isPaste
+      } : {}),
       eventType: EVENT_TYPE.TRACK
     });
   });
@@ -309,12 +321,19 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
     // Only show the flag once per sync block
     if (!unpublishedFlagShown.has(resourceId)) {
       unpublishedFlagShown.add(resourceId);
+      // Surface the source product so the flag's copy can be tailored — Jira work
+      // items get "Pasted from unsaved item" / "...when the item's description is
+      // saved" rather than the Confluence page-flavoured default. Falls back to
+      // undefined when the resourceId can't be parsed (legacy shapes), in which
+      // case the Confluence default is used.
+      var sourceProduct = getSourceProductFromResourceIdSafe(resourceId);
       deferDispatch(function () {
         api === null || api === void 0 || api.core.actions.execute(function (_ref8) {
           var tr = _ref8.tr;
           return tr.setMeta(syncedBlockPluginKey, {
             activeFlag: {
-              id: FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED
+              id: FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED,
+              sourceProduct: sourceProduct
             }
           });
         });

package/dist/esm/ui/Flag.js

@@ -10,6 +10,7 @@ import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import AkFlag, { AutoDismissFlag, FlagGroup } from '@atlaskit/flag';
 import StatusSuccessIcon from '@atlaskit/icon/core/status-success';
 import StatusWarningIcon from '@atlaskit/icon/core/status-warning';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { syncedBlockPluginKey } from '../pm-plugins/main';
 import { FLAG_ID } from '../types';
 var flagMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
@@ -69,13 +70,20 @@ export var Flag = function Flag(_ref) {
     return;
   }
   var _flagMap$activeFlag$i = flagMap[activeFlag.id],
-    title = _flagMap$activeFlag$i.title,
-    description = _flagMap$activeFlag$i.description,
+    defaultTitle = _flagMap$activeFlag$i.title,
+    defaultDescription = _flagMap$activeFlag$i.description,
     action = _flagMap$activeFlag$i.action,
     type = _flagMap$activeFlag$i.type;
   var onRetry = activeFlag.onRetry,
     onDismissedCallback = activeFlag.onDismissed;
 
+  // For the unpublished-paste flag, swap to the Jira-flavoured copy when the source
+  // is a Jira work item. Other flags don't currently vary by product. Gated by
+  // `platform_synced_block_patch_11` so the new copy can be dialled off independently.
+  var isJiraUnpublishedPaste = activeFlag.id === FLAG_ID.UNPUBLISHED_SYNC_BLOCK_PASTED && activeFlag.sourceProduct === 'jira-work-item' && fg('platform_synced_block_patch_11');
+  var title = isJiraUnpublishedPaste ? messages.unpublishedSyncBlockPastedTitleJiraWorkItem : defaultTitle;
+  var description = isJiraUnpublishedPaste ? messages.unpublishedSyncBlockPastedDescriptionJiraWorkItem : defaultDescription;
+
   // Retry button often involves network request, hence we dismiss the flag in offline mode to avoid retry
   if (isOfflineMode(mode) && !!onRetry) {
     api === null || api === void 0 || api.core.actions.execute(function (_ref2) {

package/dist/esm/ui/SyncedLocationDropdown.js

@@ -11,7 +11,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { cx } from '@compiled/react';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
@@ -21,10 +21,15 @@ import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import { getPageIdAndTypeFromConfluencePageAri } from '@atlaskit/editor-synced-block-provider';
 import { IconTile } from '@atlaskit/icon';
 import PageLiveDocIcon from '@atlaskit/icon-lab/core/page-live-doc';
+import BugIcon from '@atlaskit/icon/core/bug';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
+import EpicIcon from '@atlaskit/icon/core/epic';
 import PageIcon from '@atlaskit/icon/core/page';
 import QuotationMarkIcon from '@atlaskit/icon/core/quotation-mark';
 import StatusErrorIcon from '@atlaskit/icon/core/status-error';
+import StoryIcon from '@atlaskit/icon/core/story';
+import SubtaskIcon from '@atlaskit/icon/core/subtasks';
+import TaskIcon from '@atlaskit/icon/core/task';
 import { ConfluenceIcon, JiraIcon, AtlassianIcon } from '@atlaskit/logo';
 import Lozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -109,12 +114,113 @@ var ProductIcon = function ProductIcon(_ref2) {
     appearance: "neutral"
   }));
 };
+
+// Map AGG issue-type names to ADS icons. The mapping is by the English `name` returned
+// from AGG because Jira's REST/GraphQL API does not localise it at this layer. Custom
+// (non-default) issue types fall through to the AGG `iconUrl`.
+//
+// Type the icons as the same shape as `TaskIcon` so we don't import `NewCoreIconProps`
+// from a private icon entrypoint.
+
+var jiraIssueTypeIconMap = {
+  Task: {
+    icon: TaskIcon,
+    messageKey: 'syncedLocationDropdownIssueTypeTask'
+  },
+  Bug: {
+    icon: BugIcon,
+    messageKey: 'syncedLocationDropdownIssueTypeBug'
+  },
+  Story: {
+    icon: StoryIcon,
+    messageKey: 'syncedLocationDropdownIssueTypeStory'
+  },
+  Epic: {
+    icon: EpicIcon,
+    messageKey: 'syncedLocationDropdownIssueTypeEpic'
+  },
+  Subtask: {
+    icon: SubtaskIcon,
+    messageKey: 'syncedLocationDropdownIssueTypeSubtask'
+  },
+  'Sub-task': {
+    icon: SubtaskIcon,
+    messageKey: 'syncedLocationDropdownIssueTypeSubtask'
+  }
+};
+
+/**
+ * Creates an icon component from a custom Jira issue-type `iconUrl` that conforms to the
+ * ADS icon component contract expected by `IconTile`. This lets us reuse `IconTile` for
+ * custom issue types — ensuring consistent sizing, background, and border-radius with the
+ * standard ADS icons used for known issue types (Bug, Story, etc.).
+ *
+ * The returned component ignores ADS icon props (color, spacing, etc.) because the image
+ * is an external raster/SVG asset that doesn't respond to design tokens.
+ */
+var customIconCache = new Map();
+var createCustomIssueTypeIcon = function createCustomIssueTypeIcon(iconUrl) {
+  var cached = customIconCache.get(iconUrl);
+  if (cached) {
+    return cached;
+  }
+  var CustomIssueTypeIcon = function CustomIssueTypeIcon() {
+    return /*#__PURE__*/React.createElement("img", {
+      src: iconUrl,
+      alt: "",
+      width: "12",
+      height: "12"
+    });
+  };
+  CustomIssueTypeIcon.displayName = 'CustomIssueTypeIcon';
+  customIconCache.set(iconUrl, CustomIssueTypeIcon);
+  return CustomIssueTypeIcon;
+};
+
+/**
+ * Returns the icon to render for a Jira issue type, or `null` when neither an ADS icon
+ * mapping nor an AGG-provided `iconUrl` is available so the caller can fall back to a
+ * generic product icon.
+ *
+ * Implemented as a plain function (not a React component) so the `null` check actually
+ * narrows — a JSX expression always evaluates to a truthy `ReactElement` object,
+ * meaning callers cannot distinguish a "would render nothing" component from one that
+ * renders an icon.
+ */
+var renderJiraIssueTypeIcon = function renderJiraIssueTypeIcon(issueType, intl) {
+  var mapped = jiraIssueTypeIconMap[issueType.name];
+  if (mapped) {
+    var label = intl.formatMessage(messages[mapped.messageKey]);
+    return /*#__PURE__*/React.createElement(IconTile, {
+      icon: mapped.icon,
+      label: label,
+      appearance: 'gray',
+      size: "xsmall"
+    });
+  }
+
+  // Custom Jira issue types — render inside `IconTile` using a wrapper component so the
+  // icon gets the same tile background, border-radius, and sizing as known issue types.
+  if (issueType.iconUrl) {
+    var CustomIcon = createCustomIssueTypeIcon(issueType.iconUrl);
+    var _label = intl.formatMessage(messages.syncedLocationDropdownIssueTypeGeneric);
+    return /*#__PURE__*/React.createElement(IconTile, {
+      icon: CustomIcon,
+      label: _label,
+      appearance: 'gray',
+      size: "xsmall"
+    });
+  }
+  return null;
+};
 var ItemIcon = function ItemIcon(_ref3) {
-  var reference = _ref3.reference;
+  var reference = _ref3.reference,
+    intl = _ref3.intl;
   var hasAccess = reference.hasAccess,
     subType = reference.subType,
     productType = reference.productType,
-    sourceAri = reference.sourceAri;
+    sourceAri = reference.sourceAri,
+    issueType = reference.issueType;
   if (productType === 'confluence-page' && hasAccess) {
     return /*#__PURE__*/React.createElement(IconTile, {
       icon: getConfluenceSubTypeIcon(sourceAri, subType),
@@ -124,10 +230,20 @@ var ItemIcon = function ItemIcon(_ref3) {
     });
   }
 
-  // For `jira-work-item` (and any future product), we fall back to the generic product logo icon.
-  // Jira issues don't have an equivalent page/blog subtype concept, so no rich IconTile is shown.
-  // Future enhancement: if Jira issue type icons are needed, add an `issueType` field to
-  // `SyncBlockSourceInfo` and fetch it in `fetchJiraWorkItemInfo` via the GraphQL query.
+  // Render a Jira issue-type icon when we have one, gated by the shared rollout flag.
+  // Falls through to the generic product icon when:
+  //   - the gate is off,
+  //   - we don't have access (issueType is not surfaced for no-access references),
+  //   - AGG returned no `issueType` (partial index, deleted, etc.), or
+  //   - the issue type is unrecognised AND has no `iconUrl`.
+  if (productType === 'jira-work-item' && hasAccess && issueType && fg('platform_synced_block_patch_11')) {
+    var icon = renderJiraIssueTypeIcon(issueType, intl);
+    if (icon !== null) {
+      return icon;
+    }
+  }
+
+  // Generic product fallback for `jira-work-item` (and any future product).
   return /*#__PURE__*/React.createElement(ProductIcon, {
     product: productType
   });
@@ -311,7 +427,8 @@ var DropdownContent = function DropdownContent(_ref7) {
               content: title
             }, /*#__PURE__*/React.createElement(DropdownItem, {
               elemBefore: /*#__PURE__*/React.createElement(ItemIcon, {
-                reference: reference
+                reference: reference,
+                intl: intl
               }),
               href: reference.url,
               target: "_blank",

package/dist/types/entry-points/synced-block-plugin-type.d.ts

@@ -0,0 +1 @@
+export type { SyncedBlockPlugin, SyncedBlockPluginOptions, SyncedBlockEditorProps, SyncedBlockRendererProps, } from '../syncedBlockPluginType';

package/dist/types/entry-points/synced-block-plugin.d.ts

@@ -0,0 +1 @@
+export { syncedBlockPlugin } from '../syncedBlockPlugin';

package/dist/types/types/index.d.ts

@@ -1,6 +1,6 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockProduct, SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 export declare enum FLAG_ID {
     CANNOT_DELETE_WHEN_OFFLINE = "cannot-delete-when-offline",
     CANNOT_EDIT_WHEN_OFFLINE = "cannot-edit-when-offline",
@@ -17,6 +17,12 @@ type FlagConfig = {
     id: FLAG_ID;
     onDismissed?: (tr: Transaction) => Transaction | void;
     onRetry?: () => void;
+    /**
+     * Optional source product for the synced block triggering this flag. Currently used
+     * by the UNPUBLISHED_SYNC_BLOCK_PASTED flag so the displayed copy can be tailored
+     * for Jira work items vs Confluence pages.
+     */
+    sourceProduct?: SyncBlockProduct;
 };
 export type BodiedSyncBlockDeletionStatus = 'none' | 'processing' | 'completed';
 export type ActiveFlag = FlagConfig | false;

package/dist/types-ts4.5/entry-points/synced-block-plugin-type.d.ts

@@ -0,0 +1 @@
+export type { SyncedBlockPlugin, SyncedBlockPluginOptions, SyncedBlockEditorProps, SyncedBlockRendererProps, } from '../syncedBlockPluginType';

package/dist/types-ts4.5/entry-points/synced-block-plugin.d.ts

@@ -0,0 +1 @@
+export { syncedBlockPlugin } from '../syncedBlockPlugin';

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

@@ -1,6 +1,6 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockProduct, SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 export declare enum FLAG_ID {
     CANNOT_DELETE_WHEN_OFFLINE = "cannot-delete-when-offline",
     CANNOT_EDIT_WHEN_OFFLINE = "cannot-edit-when-offline",
@@ -17,6 +17,12 @@ type FlagConfig = {
     id: FLAG_ID;
     onDismissed?: (tr: Transaction) => Transaction | void;
     onRetry?: () => void;
+    /**
+     * Optional source product for the synced block triggering this flag. Currently used
+     * by the UNPUBLISHED_SYNC_BLOCK_PASTED flag so the displayed copy can be tailored
+     * for Jira work items vs Confluence pages.
+     */
+    sourceProduct?: SyncBlockProduct;
 };
 export type BodiedSyncBlockDeletionStatus = 'none' | 'processing' | 'completed';
 export type ActiveFlag = FlagConfig | false;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "8.2.16",
+	"version": "8.3.0",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,15 +36,15 @@
 		"@atlaskit/editor-plugin-block-menu": "^9.1.0",
 		"@atlaskit/editor-plugin-connectivity": "10.0.1",
 		"@atlaskit/editor-plugin-content-format": "^4.0.0",
-		"@atlaskit/editor-plugin-decorations": "^10.0.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^12.0.0",
-		"@atlaskit/editor-plugin-focus": "^9.0.0",
-		"@atlaskit/editor-plugin-selection": "^10.0.0",
-		"@atlaskit/editor-plugin-user-intent": "^8.1.0",
+		"@atlaskit/editor-plugin-decorations": "^10.1.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^12.1.0",
+		"@atlaskit/editor-plugin-focus": "^9.1.0",
+		"@atlaskit/editor-plugin-selection": "^10.1.0",
+		"@atlaskit/editor-plugin-user-intent": "^8.2.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-synced-block-provider": "^6.5.0",
-		"@atlaskit/editor-toolbar": "^1.1.0",
+		"@atlaskit/editor-toolbar": "^1.2.0",
 		"@atlaskit/flag": "^17.11.0",
 		"@atlaskit/icon": "34.5.0",
 		"@atlaskit/icon-lab": "^6.9.0",
@@ -54,7 +54,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/spinner": "19.1.2",
-		"@atlaskit/tmp-editor-statsig": "^79.0.0",
+		"@atlaskit/tmp-editor-statsig": "^80.0.0",
 		"@atlaskit/tokens": "13.0.4",
 		"@atlaskit/tooltip": "^22.2.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
@@ -64,7 +64,7 @@
 		"date-fns": "^2.17.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.29.0",
+		"@atlaskit/editor-common": "^114.30.0",
 		"react": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
@@ -126,6 +126,9 @@
 		},
 		"platform_synced_block_patch_10": {
 			"type": "boolean"
+		},
+		"platform_synced_block_patch_11": {
+			"type": "boolean"
 		}
 	}
 }

package/synced-block-plugin/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-plugin-synced-block/synced-block-plugin",
+  "main": "../dist/cjs/entry-points/synced-block-plugin.js",
+  "module": "../dist/esm/entry-points/synced-block-plugin.js",
+  "module:es2019": "../dist/es2019/entry-points/synced-block-plugin.js",
+  "sideEffects": false,
+  "types": "../dist/types/entry-points/synced-block-plugin.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/synced-block-plugin.d.ts"
+      ]
+    }
+  }
+}

package/synced-block-plugin-type/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-plugin-synced-block/synced-block-plugin-type",
+  "main": "../dist/cjs/entry-points/synced-block-plugin-type.js",
+  "module": "../dist/esm/entry-points/synced-block-plugin-type.js",
+  "module:es2019": "../dist/es2019/entry-points/synced-block-plugin-type.js",
+  "sideEffects": false,
+  "types": "../dist/types/entry-points/synced-block-plugin-type.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/synced-block-plugin-type.d.ts"
+      ]
+    }
+  }
+}