@atlaskit/smart-card 45.23.3 → 45.24.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/smart-card
 
+## 45.24.0
+
+### Minor Changes
+
+- [`a8d86fe6554c5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a8d86fe6554c5) -
+  Add an optional Flexible Card navigation policy. Embedded Confluence enables converted
+  destinations with confluence_ep_shim_macro_links_v2.
+
+  The confluence_ep_shim_macro_links_v2 gate controls callback inheritance, link destinations, and
+  target overrides.
+
+  Keep navigation separate from card metadata. Apply destinations directly to the rendered links.
+
+### Patch Changes
+
+- [`c7ac8f1cd5f6b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c7ac8f1cd5f6b) -
+  Migrate modal titles to ModalTitle behind platform_dst_modal-dialog-use-modal-title.
+- Updated dependencies
+
+## 45.23.4
+
+### Patch Changes
+
+- [`2bbc1c84de468`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2bbc1c84de468) -
+  Migrate Volt consumer imports to existing definitions and align affected test mocks without
+  changing runtime behavior.
+- Updated dependencies
+
 ## 45.23.3
 
 ### Patch Changes

package/dist/cjs/__tests__/vr-tests/__snapshots__/automation-modal-header/smart-card-automation-modal-header-title--default--platform-dst-modal-dialog-use-modal-title-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eb149dfd34eb19b5ae45ff98125f78740c88f3a36eb6f298ddf8eb7a348ce88d
+size 9626

package/dist/cjs/__tests__/vr-tests/__snapshots__/automation-modal-header/smart-card-automation-modal-header-title--default--platform-dst-modal-dialog-use-modal-title-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eb149dfd34eb19b5ae45ff98125f78740c88f3a36eb6f298ddf8eb7a348ce88d
+size 9626

package/dist/cjs/__tests__/vr-tests/__snapshots__/embedded-card-navigation/embedded-card-navigation-disabled--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3bf5137534871b7834625122306426b6411c1b247903cc03e4ed869c2d4cc061
+size 3322

package/dist/cjs/__tests__/vr-tests/__snapshots__/embedded-card-navigation/embedded-card-navigation-enabled--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3bf5137534871b7834625122306426b6411c1b247903cc03e4ed869c2d4cc061
+size 3322

package/dist/cjs/extractors/action/extract-invoke-preview-action.js

@@ -14,13 +14,13 @@ var _extractSmartLinkEmbed = require("@atlaskit/link-extractors/extract-smart-li
 var _extractSmartLinkProvider = require("@atlaskit/link-extractors/extract-smart-link-provider");
 var _extractSmartLinkTitle = require("@atlaskit/link-extractors/extract-smart-link-title");
 var _extractSmartLinkUrl = require("@atlaskit/link-extractors/extract-smart-link-url");
-var _utils = require("@atlaskit/linking-common/utils");
+var _isWithinPreviewPanelIframe = require("@atlaskit/linking-common/utils/is-within-preview-panel-iframe");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _constants = require("../../constants");
 var _getExtensionKey = require("../../state/getExtensionKey");
 var _canShowAction = require("../../utils/actions/can-show-action");
-var _utils2 = require("../../view/EmbedModal/utils");
+var _utils = require("../../view/EmbedModal/utils");
 var _extractIsSupportTheming = require("../common/meta/extractIsSupportTheming");
 var _extractIsTrusted = require("../common/meta/extractIsTrusted");
 var _extractLinkIcon = require("../flexible/icon/extract-link-icon");
@@ -47,7 +47,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
   var hasPreviewPanel = hasPreviewPanelParams && isPreviewPanelAvailable({
     ari: ari
   });
-  var isInPreviewPanel = (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && (0, _utils.isWithinPreviewPanelIFrame)();
+  var isInPreviewPanel = (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && (0, _isWithinPreviewPanelIframe.isWithinPreviewPanelIFrame)();
   var data = response.data;
   var meta = response.meta;
   if (!(0, _canShowAction.canShowAction)(_constants.CardAction.PreviewAction, actionOptions)) {
@@ -116,7 +116,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
                   break;
                 case 1:
                   _context.next = 2;
-                  return (0, _utils2.openEmbedModal)(_objectSpread({
+                  return (0, _utils.openEmbedModal)(_objectSpread({
                     fireEvent: fireEvent,
                     extensionKey: extensionKey,
                     id: id,

package/dist/cjs/linkProvider.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "EditorCardProvider", {
   enumerable: true,
   get: function get() {
-    return _linkProvider.EditorCardProvider;
+    return _editor.EditorCardProvider;
   }
 });
 Object.defineProperty(exports, "editorCardProvider", {
   enumerable: true,
   get: function get() {
-    return _linkProvider.editorCardProvider;
+    return _editor.editorCardProvider;
   }
 });
-var _linkProvider = require("@atlaskit/link-provider");
+var _editor = require("@atlaskit/link-provider/editor");

package/dist/cjs/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -11,7 +11,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _uuid = require("uuid");
-var _linkingCommon = require("@atlaskit/linking-common");
+var _getBaseUrl = require("@atlaskit/linking-common/get-base-url");
 var _readStream = require("./readStream");
 var _types = require("./types");
 var _addPath = require("./addPath");
@@ -36,7 +36,7 @@ var AISummaryService = exports.AISummaryService = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "subscribedStateSetters", new Set());
     (0, _defineProperty2.default)(this, "getRequestUrl", function (envKey, baseUrlOverride) {
       if (baseUrlOverride || envKey) {
-        var baseUrl = baseUrlOverride || (0, _linkingCommon.getBaseUrl)(envKey);
+        var baseUrl = baseUrlOverride || (0, _getBaseUrl.getBaseUrl)(envKey);
         return (0, _addPath.addPath)(baseUrl, CONVO_AI_ENDPOINT);
       }
       return (0, _addPath.addPath)('/gateway/api/', CONVO_AI_ENDPOINT);

package/dist/cjs/state/hooks/use-response/index.js

@@ -9,7 +9,7 @@ var _reactDom = require("react-dom");
 var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
 var _actions = require("@atlaskit/linking-common/actions");
 var _getStatus = require("@atlaskit/linking-common/utils/get-status");
-var _linkingCommon = require("@atlaskit/linking-common");
+var _apiError = require("@atlaskit/linking-common/api-error");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _constants = require("../../../constants");
 var _getUnauthorizedJsonLd = require("../../../utils/get-unauthorized-json-ld");
@@ -122,19 +122,19 @@ var useResponse = function useResponse() {
     // If we require authorization & do not have an authFlow available,
     // throw an error and render as a normal blue link.
     if ((nextStatus === 'unauthorized' || nextStatus === 'forbidden') && !hasAuthFlowSupported) {
-      handleResolvedLinkError(resourceUrl, new _linkingCommon.APIError('fallback', hostname, _constants2.ERROR_MESSAGE_OAUTH), response, isMetadataRequest);
+      handleResolvedLinkError(resourceUrl, new _apiError.APIError('fallback', hostname, _constants2.ERROR_MESSAGE_OAUTH), response, isMetadataRequest);
       return;
     }
 
     // Handle any other errors
     if (!response || nextStatus === 'fatal') {
-      handleResolvedLinkError(resourceUrl, new _linkingCommon.APIError('fatal', hostname, _constants2.ERROR_MESSAGE_FATAL), undefined, isMetadataRequest);
+      handleResolvedLinkError(resourceUrl, new _apiError.APIError('fatal', hostname, _constants2.ERROR_MESSAGE_FATAL), undefined, isMetadataRequest);
       return;
     }
 
     // Handle errors of any other kind in the metadata request response
     if (isMetadataRequest && nextStatus !== 'resolved') {
-      handleResolvedLinkError(resourceUrl, new _linkingCommon.APIError('error', hostname, _constants2.ERROR_MESSAGE_METADATA), response, isMetadataRequest);
+      handleResolvedLinkError(resourceUrl, new _apiError.APIError('error', hostname, _constants2.ERROR_MESSAGE_METADATA), response, isMetadataRequest);
       return;
     }
 

package/dist/cjs/utils/analytics/analytics.js

@@ -24,7 +24,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "45.23.2" || ''
+  packageVersion: "45.23.4" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/CardWithUrl/component.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CardWithUrlContent = exports.CardWithUrl = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _context = require("@atlaskit/link-provider/context");
 var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _extractSmartLinkEmbed = require("@atlaskit/link-extractors/extract-smart-link-embed");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
@@ -102,6 +103,9 @@ function Component(_ref) {
     error = _useSmartLink.error,
     isPreviewPanelAvailable = _useSmartLink.isPreviewPanelAvailable,
     openPreviewPanel = _useSmartLink.openPreviewPanel;
+  var _useSmartLinkContext = (0, _context.useSmartLinkContext)(),
+    linkNavigation = _useSmartLinkContext.linkNavigation;
+  var resolveNavigation = (0, _fg.fg)('confluence_ep_shim_macro_links_v2') && isFlexibleUi ? linkNavigation : undefined;
   var ari = (0, _getObjectAri.getObjectAri)(state.details);
   var name = (0, _getObjectName.getObjectName)(state.details);
   var definitionId = (0, _getDefinitionId.getDefinitionId)(state.details);
@@ -132,9 +136,13 @@ function Component(_ref) {
     var preferredUrl = (_getClickUrl = (0, _getClickUrl2.getClickUrl)(url, state.details)) !== null && _getClickUrl !== void 0 ? _getClickUrl : url;
     return (_appendCrossProductAn = appendCrossProductAnalyticsParams(preferredUrl)) !== null && _appendCrossProductAn !== void 0 ? _appendCrossProductAn : preferredUrl;
   }, [appendCrossProductAnalyticsParams, state.details, url]);
+  var navigation = (0, _react.useMemo)(function () {
+    return resolveNavigation === null || resolveNavigation === void 0 ? void 0 : resolveNavigation(getDestinationUrl());
+  }, [getDestinationUrl, resolveNavigation]);
 
   // Setup UI handlers.
   var handleClickWrapper = (0, _react.useCallback)(function (event) {
+    var _resolveNavigation$ur;
     var isModifierKeyPressed = (0, _isSpecialKey.isSpecialKey)(event) || (0, _isSpecialClick.isSpecialClick)(event);
     fireEvent('ui.smartLink.clicked', {
       id: id,
@@ -179,14 +187,15 @@ function Component(_ref) {
       });
       return;
     }
-    var destinationUrl = getDestinationUrl();
+    var destinationUrl = (_resolveNavigation$ur = resolveNavigation === null || resolveNavigation === void 0 ? void 0 : resolveNavigation(getDestinationUrl()).url) !== null && _resolveNavigation$ur !== void 0 ? _resolveNavigation$ur : getDestinationUrl();
     (0, _updateAnchorHref.updateAnchorHref)(event, destinationUrl);
 
     // For FlexibleCard, read target from the clicked anchor element (e.g. _blank for links
     // rendered with explicit target). For classic cards, default to _self
     var _getAnchorAttributesF = (0, _getAnchorAttributesFromEvent.getAnchorAttributesFromEvent)(event),
       anchorTarget = _getAnchorAttributesF.target;
-    var target = (0, _isSpecialEvent.isSpecialEvent)(event) ? '_blank' : isFlexibleUi ? anchorTarget : '_self';
+    var openInNewTab = resolveNavigation ? event.metaKey || event.ctrlKey || event.shiftKey || event.button === 1 : (0, _isSpecialEvent.isSpecialEvent)(event);
+    var target = openInNewTab ? '_blank' : isFlexibleUi ? anchorTarget : '_self';
     onClick === null || onClick === void 0 || onClick(event, {
       url: url,
       destinationUrl: destinationUrl
@@ -213,12 +222,13 @@ function Component(_ref) {
         clickOutcome: target === '_blank' ? 'clickThroughNewTabOrWindow' : 'clickThrough'
       }
     } : undefined);
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, getDestinationUrl, onClick, url, state.details, ari, name, fire3PClickEvent, shouldFire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, disablePreviewPanel]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, getDestinationUrl, resolveNavigation, onClick, url, state.details, ari, name, fire3PClickEvent, shouldFire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, disablePreviewPanel]);
 
   // Middle-click handler to trigger fire3PClickEvent on middle-clicks.
   // Scope is limited to 3P click analytics.
   var handleFrameAuxClick = (0, _react.useCallback)(function (event) {
-    var destinationUrl = getDestinationUrl();
+    var _resolveNavigation$ur2;
+    var destinationUrl = (_resolveNavigation$ur2 = resolveNavigation === null || resolveNavigation === void 0 ? void 0 : resolveNavigation(getDestinationUrl()).url) !== null && _resolveNavigation$ur2 !== void 0 ? _resolveNavigation$ur2 : getDestinationUrl();
     (0, _updateAnchorHref.updateAnchorHref)(event, destinationUrl);
 
     // isAuxClick filters Windows right-clicks (button === 2) that also fire onAuxClick.
@@ -227,19 +237,20 @@ function Component(_ref) {
         isAuxClick: true
       });
     }
-  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent]);
+  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent, resolveNavigation]);
 
   // Right-click handler to trigger fire3PClickEvent on right-clicks.
   // Scope is limited to 3P click analytics.
   var handleFrameContextMenu = (0, _react.useCallback)(function (event) {
-    var destinationUrl = getDestinationUrl();
+    var _resolveNavigation$ur3;
+    var destinationUrl = (_resolveNavigation$ur3 = resolveNavigation === null || resolveNavigation === void 0 ? void 0 : resolveNavigation(getDestinationUrl()).url) !== null && _resolveNavigation$ur3 !== void 0 ? _resolveNavigation$ur3 : getDestinationUrl();
     (0, _updateAnchorHref.updateAnchorHref)(event, destinationUrl);
     if (shouldFire3PClickEvent) {
       fire3PClickEvent === null || fire3PClickEvent === void 0 || fire3PClickEvent({
         isContextMenu: true
       });
     }
-  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent]);
+  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent, resolveNavigation]);
   var reload = actions.reload;
   var handleAuthorize = (0, _react.useCallback)(function () {
     return actions.authorize(appearance);
@@ -372,6 +383,7 @@ function Component(_ref) {
     return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, {
       id: id,
       cardState: cardState,
+      navigation: navigation,
       placeholderData: placeholderData,
       onAuthorize: services.length && handleAuthorize || undefined,
       onClick: handleClickWrapper,

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js

@@ -14,7 +14,9 @@ var _reactIntl = require("react-intl");
 var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
 var _automation = _interopRequireDefault(require("@atlaskit/icon/core/automation"));
 var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
+var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
 var _hooks = require("@atlaskit/modal-dialog/hooks");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _useAutomationMenu2 = require("../../menu-context/useAutomationMenu");
 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); }
@@ -40,28 +42,24 @@ var AutomationModalHeader = exports.AutomationModalHeader = function AutomationM
   var _useModal = (0, _hooks.useModal)(),
     titleId = _useModal.titleId;
   var showDescription = initialised && rules.length > 0 && !!modalDescription;
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/design-system/use-modal-title
-    React.createElement(_modalHeader.default, {
-      hasCloseButton: true
-    }, /*#__PURE__*/React.createElement(_compiled.Stack, null, /*#__PURE__*/React.createElement(_compiled.Inline, {
-      alignBlock: "center"
-    }, /*#__PURE__*/React.createElement(_compiled.Box, {
-      xcss: styles.iconStyle
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      ,
-      backgroundColor: "color.background.accent.green.subtlest"
-    }, /*#__PURE__*/React.createElement(_automation.default, {
-      size: "small",
-      label: formatMessage(i18n.modalHeaderIconLabel),
-      color: "var(--ds-icon-accent-green, #22A06B)",
-      spacing: "compact"
-    })), /*#__PURE__*/React.createElement(_heading.default, {
-      size: "medium",
-      id: titleId
-    }, modalTitle)), showDescription && /*#__PURE__*/React.createElement(_compiled.Box, {
-      xcss: styles.modalDescriptionStyle
-    }, modalDescription)))
-  );
+  return /*#__PURE__*/React.createElement(_modalHeader.default, {
+    hasCloseButton: true
+  }, /*#__PURE__*/React.createElement(_compiled.Stack, null, /*#__PURE__*/React.createElement(_compiled.Inline, {
+    alignBlock: "center"
+  }, /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.iconStyle
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    ,
+    backgroundColor: "color.background.accent.green.subtlest"
+  }, /*#__PURE__*/React.createElement(_automation.default, {
+    size: "small",
+    label: formatMessage(i18n.modalHeaderIconLabel),
+    color: "var(--ds-icon-accent-green, #22A06B)",
+    spacing: "compact"
+  })), (0, _fg.fg)('platform_dst_modal-dialog-use-modal-title') ? /*#__PURE__*/React.createElement(_modalTitle.default, null, modalTitle) : /*#__PURE__*/React.createElement(_heading.default, {
+    size: "medium",
+    id: titleId
+  }, modalTitle)), showDescription && /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.modalDescriptionStyle
+  }, modalDescription)));
 };

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/TitleBlock.js

@@ -14,6 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _constants = require("../../../../../constants");
 var _useMouseDownEvent = require("../../../../../state/analytics/useMouseDownEvent");
 var _useFlexibleCardContext = require("../../../../../state/flexible-ui-context/useFlexibleCardContext");
@@ -55,7 +56,7 @@ var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
  * @see TitleBlockErroredViewNew
  */
 var TitleBlock = exports.TitleBlock = function TitleBlock(_ref) {
-  var _props$size;
+  var _cardContext$navigati, _props$size;
   var _ref$actions = _ref.actions,
     actions = _ref$actions === void 0 ? [] : _ref$actions,
     anchorTarget = _ref.anchorTarget,
@@ -107,7 +108,7 @@ var TitleBlock = exports.TitleBlock = function TitleBlock(_ref) {
     hideTooltip: hideTitleTooltip,
     maxLines: maxLines,
     onMouseDown: onMouseDown,
-    target: anchorTarget,
+    target: (0, _fg.fg)('confluence_ep_shim_macro_links_v2') ? anchorTarget !== null && anchorTarget !== void 0 ? anchorTarget : cardContext === null || cardContext === void 0 || (_cardContext$navigati = cardContext.navigation) === null || _cardContext$navigati === void 0 ? void 0 : _cardContext$navigati.target : anchorTarget,
     theme: ui === null || ui === void 0 ? void 0 : ui.theme,
     anchorRef: anchorRef
   }, overrideText));

package/dist/cjs/view/FlexibleCard/components/container/index.js

@@ -12,8 +12,9 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _constants = require("../../../../constants");
-var _useFlexibleUiContext = require("../../../../state/flexible-ui-context/useFlexibleUiContext");
+var _useFlexibleCardContext = require("../../../../state/flexible-ui-context/useFlexibleCardContext");
 var _isFlexibleUiBlock = require("../../../../utils/is-flexible-ui-block");
 var _getChildrenOptions2 = require("./getChildrenOptions");
 var _getFlexibleUiBlock = require("./getFlexibleUiBlock");
@@ -37,7 +38,8 @@ var getTitleBlockProps = function getTitleBlockProps(children) {
     return block.props;
   }
 };
-var getLayeredLink = function getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu, title) {
+var getLayeredLink = function getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu, title, navigation) {
+  var _navigation$url;
   var _ref = context || {},
     linkTitle = _ref.linkTitle,
     _ref$url = _ref.url,
@@ -52,10 +54,10 @@ var getLayeredLink = function getLayeredLink(testId, context, children, onClick,
     onClick: onClick,
     onAuxClick: onAuxClick,
     onContextMenu: onContextMenu,
-    target: target,
+    target: (0, _fg.fg)('confluence_ep_shim_macro_links_v2') ? target !== null && target !== void 0 ? target : navigation === null || navigation === void 0 ? void 0 : navigation.target : target,
     testId: testId,
     text: title || text || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
-    url: url
+    url: (0, _fg.fg)('confluence_ep_shim_macro_links_v2') ? (_navigation$url = navigation === null || navigation === void 0 ? void 0 : navigation.url) !== null && _navigation$url !== void 0 ? _navigation$url : url : url
   });
 };
 var baseStyleCommon = null;
@@ -149,7 +151,8 @@ var Container = function Container(_ref3) {
     title = _ref3.title;
   var padding = hidePadding ? '0px' : getPadding(size);
   var gap = getGap(size);
-  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
+  var cardContext = (0, _useFlexibleCardContext.useFlexibleCardContext)();
+  var context = cardContext === null || cardContext === void 0 ? void 0 : cardContext.data;
   var _getChildrenOptions = (0, _getChildrenOptions2.getChildrenOptions)(children, context),
     previewOnLeft = _getChildrenOptions.previewOnLeft,
     previewOnRight = _getChildrenOptions.previewOnRight;
@@ -167,7 +170,7 @@ var Container = function Container(_ref3) {
       "--_73mooq": (0, _runtime.ix)(previewOnLeft ? gap : padding),
       "--_12k13bg": (0, _runtime.ix)(previewOnRight ? gap : padding)
     }
-  }, clickableContainer ? getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu, title) : null, filterChildren(children, removeBlockRestriction));
+  }, clickableContainer ? getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu, title, cardContext === null || cardContext === void 0 ? void 0 : cardContext.navigation) : null, filterChildren(children, removeBlockRestriction));
   if (context !== null && context !== void 0 && context.url && canShowHoverCard) {
     return /*#__PURE__*/_react.default.createElement(_hoverCardControl.default, {
       isHoverPreview: isResolved || hasHoverCardOverride,

package/dist/cjs/view/FlexibleCard/components/elements/title-element/index.js

@@ -7,13 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _constants = require("../../../../../constants");
-var _useFlexibleUiContext = require("../../../../../state/flexible-ui-context/useFlexibleUiContext");
+var _useFlexibleCardContext = require("../../../../../state/flexible-ui-context/useFlexibleCardContext");
 var _common = require("../common");
 var TitleElement = function TitleElement(props) {
-  var context = (0, _useFlexibleUiContext.useFlexibleUiContext)();
-  var data = context ? context === null || context === void 0 ? void 0 : context.linkTitle : null;
-  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseLinkElement, (0, _extends2.default)({}, data, props, {
+  var _context$data, _context$navigation$u, _context$navigation;
+  var context = (0, _useFlexibleCardContext.useFlexibleCardContext)();
+  var data = context === null || context === void 0 || (_context$data = context.data) === null || _context$data === void 0 ? void 0 : _context$data.linkTitle;
+  return data ? /*#__PURE__*/_react.default.createElement(_common.BaseLinkElement, (0, _extends2.default)({}, data, {
+    url: (0, _fg.fg)('confluence_ep_shim_macro_links_v2') ? (_context$navigation$u = context === null || context === void 0 || (_context$navigation = context.navigation) === null || _context$navigation === void 0 ? void 0 : _context$navigation.url) !== null && _context$navigation$u !== void 0 ? _context$navigation$u : data.url : data.url
+  }, props, {
     name: _constants.ElementName.Title
   })) : null;
 };

package/dist/cjs/view/FlexibleCard/index.js

@@ -37,6 +37,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var _details$meta2, _flexibleCardContext$;
   var _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'flexible' : _ref$appearance,
+    navigation = _ref.navigation,
     cardState = _ref.cardState,
     children = _ref.children,
     id = _ref.id,
@@ -113,10 +114,11 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var flexibleCardContext = (0, _react.useMemo)(function () {
     return {
       data: context,
+      navigation: context ? navigation : undefined,
       status: placeHolderStatus !== null && placeHolderStatus !== void 0 ? placeHolderStatus : status,
       ui: ui
     };
-  }, [context, placeHolderStatus, status, ui]);
+  }, [context, placeHolderStatus, status, ui, navigation]);
   var _ref2 = context || {},
     linkTitle = _ref2.linkTitle;
   var title = linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text;

package/dist/cjs/view/LinkUrl/index.js

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.23.2",
+  packageVersion: "45.23.4",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/es2019/__tests__/vr-tests/__snapshots__/automation-modal-header/smart-card-automation-modal-header-title--default--platform-dst-modal-dialog-use-modal-title-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eb149dfd34eb19b5ae45ff98125f78740c88f3a36eb6f298ddf8eb7a348ce88d
+size 9626

package/dist/es2019/__tests__/vr-tests/__snapshots__/automation-modal-header/smart-card-automation-modal-header-title--default--platform-dst-modal-dialog-use-modal-title-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eb149dfd34eb19b5ae45ff98125f78740c88f3a36eb6f298ddf8eb7a348ce88d
+size 9626

package/dist/es2019/__tests__/vr-tests/__snapshots__/embedded-card-navigation/embedded-card-navigation-disabled--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3bf5137534871b7834625122306426b6411c1b247903cc03e4ed869c2d4cc061
+size 3322

package/dist/es2019/__tests__/vr-tests/__snapshots__/embedded-card-navigation/embedded-card-navigation-enabled--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3bf5137534871b7834625122306426b6411c1b247903cc03e4ed869c2d4cc061
+size 3322

package/dist/es2019/extractors/action/extract-invoke-preview-action.js

@@ -4,7 +4,7 @@ import { extractSmartLinkEmbed } from '@atlaskit/link-extractors/extract-smart-l
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors/extract-smart-link-provider';
 import { extractSmartLinkTitle } from '@atlaskit/link-extractors/extract-smart-link-title';
 import { extractSmartLinkUrl } from '@atlaskit/link-extractors/extract-smart-link-url';
-import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils';
+import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils/is-within-preview-panel-iframe';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ActionName, CardAction } from '../../constants';

package/dist/es2019/linkProvider.js

@@ -1,2 +1,2 @@
 /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-661 Internal documentation for deprecation (no external access)} */
-export { editorCardProvider, EditorCardProvider } from '@atlaskit/link-provider';
+export { editorCardProvider, EditorCardProvider } from '@atlaskit/link-provider/editor';

package/dist/es2019/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuid } from 'uuid';
-import { getBaseUrl } from '@atlaskit/linking-common';
+import { getBaseUrl } from '@atlaskit/linking-common/get-base-url';
 import { readStream } from './readStream';
 import { ChunkProcessingError } from './types';
 import { addPath } from './addPath';

package/dist/es2019/state/hooks/use-response/index.js

@@ -3,7 +3,7 @@ import { unstable_batchedUpdates } from 'react-dom';
 import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 import { ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_RESOLVED, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common/actions';
 import { getStatus } from '@atlaskit/linking-common/utils/get-status';
-import { APIError } from '@atlaskit/linking-common';
+import { APIError } from '@atlaskit/linking-common/api-error';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { SmartLinkStatus } from '../../../constants';
 import { getUnauthorizedJsonLd } from '../../../utils/get-unauthorized-json-ld';

package/dist/es2019/utils/analytics/analytics.js

@@ -3,7 +3,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "45.23.2" || ''
+  packageVersion: "45.23.4" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";