@atlaskit/smart-card 38.4.0 → 38.4.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/smart-card
 
+## 38.4.2
+
+### Patch Changes
+
+- [#159004](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/159004)
+  [`350a4ab0a5375`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/350a4ab0a5375) -
+  Refactor FlexibleCard context, merge into one context
+
+## 38.4.1
+
+### Patch Changes
+
+- [#159077](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/159077)
+  [`6b2c9fe5e676b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6b2c9fe5e676b) -
+  Add anchor ref to smartlink link component
+
 ## 38.4.0
 
 ### Minor Changes

package/dist/cjs/state/flexible-ui-context/index.js

@@ -3,22 +3,42 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useFlexibleUiOptionContext = exports.useFlexibleUiContext = exports.FlexibleUiOptionContext = exports.FlexibleUiContext = void 0;
+exports.useFlexibleUiOptionContext = exports.useFlexibleUiContext = exports.useFlexibleCardContext = exports.FlexibleUiOptionContext = exports.FlexibleUiContext = exports.FlexibleCardContext = void 0;
 var _react = require("react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
  */
+var FlexibleCardContext = exports.FlexibleCardContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+var useFlexibleCardContext = exports.useFlexibleCardContext = function useFlexibleCardContext() {
+  return (0, _react.useContext)(FlexibleCardContext);
+};
+
+/**
+ * This provides the data that will be used by Smart Links Flexible UI to populate it's
+ * underlying elements.
+ * @deprecated Remove on cleanup of platform-linking-flexible-card-context
+ */
 var FlexibleUiContext = exports.FlexibleUiContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 var useFlexibleUiContext = exports.useFlexibleUiContext = function useFlexibleUiContext() {
-  return (0, _react.useContext)(FlexibleUiContext);
+  var _useFlexibleCardConte;
+  return (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? // eslint-disable-next-line react-hooks/rules-of-hooks
+  (_useFlexibleCardConte = useFlexibleCardContext()) === null || _useFlexibleCardConte === void 0 ? void 0 : _useFlexibleCardConte.data :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _react.useContext)(FlexibleUiContext);
 };
 
 /**
  * This provides the ui options that will be used by Smart Links Flexible UI
  * to render its underlying elements.
+ * @deprecated Remove on cleanup of platform-linking-flexible-card-context
  */
 var FlexibleUiOptionContext = exports.FlexibleUiOptionContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 var useFlexibleUiOptionContext = exports.useFlexibleUiOptionContext = function useFlexibleUiOptionContext() {
-  return (0, _react.useContext)(FlexibleUiOptionContext);
+  var _useFlexibleCardConte2;
+  return (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? // eslint-disable-next-line react-hooks/rules-of-hooks
+  (_useFlexibleCardConte2 = useFlexibleCardContext()) === null || _useFlexibleCardConte2 === void 0 ? void 0 : _useFlexibleCardConte2.ui :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _react.useContext)(FlexibleUiOptionContext);
 };

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

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

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

@@ -22,7 +22,7 @@ var _actionGroup = _interopRequireDefault(require("../action-group"));
 var _errored = _interopRequireDefault(require("./errored"));
 var _resolved = _interopRequireDefault(require("./resolved"));
 var _resolving = _interopRequireDefault(require("./resolving"));
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon", "className"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon", "className", "anchorRef"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var actionStyles = null;
@@ -76,6 +76,7 @@ var TitleBlock = function TitleBlock(_ref) {
     _ref$hideIcon = _ref.hideIcon,
     hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
     className = _ref.className,
+    anchorRef = _ref.anchorRef,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (!(0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action')) {
     if (hideRetry && props.retry) {
@@ -109,7 +110,8 @@ var TitleBlock = function TitleBlock(_ref) {
     onClick: onClick,
     onMouseDown: onMouseDown,
     target: anchorTarget,
-    theme: theme
+    theme: theme,
+    anchorRef: anchorRef
   }, overrideText));
   var Component = getTitleBlockViewComponent(status);
   return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, props, {

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

@@ -324,7 +324,11 @@ var Container = function Container(_ref5) {
     theme = _ref5$theme === void 0 ? _constants.SmartLinkTheme.Link : _ref5$theme;
   var padding = hidePadding ? (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? '0px' : '0rem' : getPadding(size);
   var gap = getGap(size);
-  var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
+  var context = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _flexibleUiContext.useFlexibleUiContext)() :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
   var _getChildrenOptions = getChildrenOptions(children, context),
     previewOnLeft = _getChildrenOptions.previewOnLeft,
     previewOnRight = _getChildrenOptions.previewOnRight;

package/dist/cjs/view/FlexibleCard/components/elements/applied-to-components-count-element/index.js

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _messages = require("../../../../../messages");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
@@ -18,7 +19,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var AppliedToComponentsCountElement = function AppliedToComponentsCountElement(props) {
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
+  var context = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _flexibleUiContext.useFlexibleUiContext)() :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
   if (
   // Check for null and undefined, render if it's 0.
   (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === null || (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === undefined) {

package/dist/cjs/view/FlexibleCard/components/elements/common/base-link-element/index.js

@@ -94,7 +94,8 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
     url = _ref.url,
     onClick = _ref.onClick,
     _ref$target = _ref.target,
-    target = _ref$target === void 0 ? '_blank' : _ref$target;
+    target = _ref$target === void 0 ? '_blank' : _ref$target,
+    anchorRef = _ref.anchorRef;
   var onMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
   var hasSpace = (0, _react.useMemo)(function () {
     return text ? (0, _utils.hasWhiteSpace)(text) : false;
@@ -113,6 +114,8 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
     // click issues in Confluence and Trello which rely on it not being set unless necessary.
   }, target !== '_self' && {
     target: target
+  }, {
+    ref: anchorRef
   }), text);
   return /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug"])

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

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _mediaElement = _interopRequireDefault(require("../media-element"));
@@ -19,7 +20,11 @@ var PreviewElement = function PreviewElement(props) {
   var _ref = props !== null && props !== void 0 ? props : {},
     overrideUrl = _ref.overrideUrl,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
+  var context = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _flexibleUiContext.useFlexibleUiContext)() :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
   var data = overrideUrl ? {
     url: overrideUrl,
     type: _constants.MediaType.Image

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

@@ -31,7 +31,11 @@ var SnippetElement = function SnippetElement(props) {
     maxLines = _ref$maxLines === void 0 ? SNIPPET_DEFAULT_MAX_LINES : _ref$maxLines,
     className = _ref.className,
     restOfProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
+  var context = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _flexibleUiContext.useFlexibleUiContext)() :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
   return /*#__PURE__*/React.createElement(_common.BaseTextElement, (0, _extends2.default)({
     content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
     maxLines: maxLines,

package/dist/cjs/view/FlexibleCard/components/elements/utils.js

@@ -297,7 +297,11 @@ var createElement = exports.createElement = function createElement(name) {
     throw Error("Element ".concat(name, " does not exist."));
   }
   return function (overrides) {
-    var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
+    var context = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ?
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _flexibleUiContext.useFlexibleUiContext)() :
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
     var data = getData(name, contextKey, context);
     return data ? /*#__PURE__*/_react.default.createElement(BaseElement, (0, _extends2.default)({}, props, data, overrides, {
       name: name

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

@@ -65,6 +65,15 @@ var FlexibleCard = function FlexibleCard(_ref) {
       url: url
     });
   }, [aiSummaryConfig, appearance, details, fireEvent, id, onAuthorize, origin, renderers, actionOptions, resolve, status, url]);
+  var flexibleCardContext = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _react.useMemo)(function () {
+    return {
+      data: context,
+      status: status,
+      ui: ui
+    };
+  }, [context, status, ui]) : undefined;
   var retry = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-unresolved-action') ? undefined : (0, _utils.getRetryOptions)(url, status, details, onAuthorize);
   var _ref2 = context || {},
     title = _ref2.title;
@@ -92,6 +101,20 @@ var FlexibleCard = function FlexibleCard(_ref) {
         break;
     }
   }, [onError, onResolve, status, title, url]);
+  if ((0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context')) {
+    return /*#__PURE__*/_react.default.createElement(_flexibleUiContext.FlexibleCardContext.Provider, {
+      value: flexibleCardContext
+    }, /*#__PURE__*/_react.default.createElement(_container.default, (0, _extends2.default)({
+      testId: testId
+    }, ui, {
+      onClick: onClick,
+      retry: retry,
+      showHoverPreview: showHoverPreview,
+      hoverPreviewOptions: hoverPreviewOptions,
+      actionOptions: actionOptions,
+      status: status
+    }), children));
+  }
   return /*#__PURE__*/_react.default.createElement(_flexibleUiContext.FlexibleUiOptionContext.Provider, {
     value: ui
   }, /*#__PURE__*/_react.default.createElement(_flexibleUiContext.FlexibleUiContext.Provider, {

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

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.4.0",
+  packageVersion: "38.4.2",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/state/flexible-ui-context/index.js

@@ -1,14 +1,36 @@
 import { createContext, useContext } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
  */
+export const FlexibleCardContext = /*#__PURE__*/createContext(undefined);
+export const useFlexibleCardContext = () => useContext(FlexibleCardContext);
+
+/**
+ * This provides the data that will be used by Smart Links Flexible UI to populate it's
+ * underlying elements.
+ * @deprecated Remove on cleanup of platform-linking-flexible-card-context
+ */
 export const FlexibleUiContext = /*#__PURE__*/createContext(undefined);
-export const useFlexibleUiContext = () => useContext(FlexibleUiContext);
+export const useFlexibleUiContext = () => {
+  var _useFlexibleCardConte;
+  return fg('platform-linking-flexible-card-context') ? // eslint-disable-next-line react-hooks/rules-of-hooks
+  (_useFlexibleCardConte = useFlexibleCardContext()) === null || _useFlexibleCardConte === void 0 ? void 0 : _useFlexibleCardConte.data :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useContext(FlexibleUiContext);
+};
 
 /**
  * This provides the ui options that will be used by Smart Links Flexible UI
  * to render its underlying elements.
+ * @deprecated Remove on cleanup of platform-linking-flexible-card-context
  */
 export const FlexibleUiOptionContext = /*#__PURE__*/createContext(undefined);
-export const useFlexibleUiOptionContext = () => useContext(FlexibleUiOptionContext);
+export const useFlexibleUiOptionContext = () => {
+  var _useFlexibleCardConte2;
+  return fg('platform-linking-flexible-card-context') ? // eslint-disable-next-line react-hooks/rules-of-hooks
+  (_useFlexibleCardConte2 = useFlexibleCardContext()) === null || _useFlexibleCardConte2 === void 0 ? void 0 : _useFlexibleCardConte2.ui :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useContext(FlexibleUiOptionContext);
+};

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

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

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/index.js

@@ -59,6 +59,7 @@ const TitleBlock = ({
   metadataPosition,
   hideIcon = false,
   className,
+  anchorRef,
   ...props
 }) => {
   if (!fg('platform-linking-flexible-card-unresolved-action')) {
@@ -90,7 +91,8 @@ const TitleBlock = ({
     onClick: onClick,
     onMouseDown: onMouseDown,
     target: anchorTarget,
-    theme: theme
+    theme: theme,
+    anchorRef: anchorRef
   }, overrideText));
   const Component = getTitleBlockViewComponent(status);
   return /*#__PURE__*/React.createElement(Component, _extends({}, props, {

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

@@ -8,7 +8,7 @@ import { di } from 'react-magnetic-di';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { N40 } from '@atlaskit/theme/colors';
 import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
-import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
+import { FlexibleUiContext, useFlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
 import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isFlexibleUiTitleBlock, isStyleCacheProvider } from '../../../../utils/flexible';
 import { TitleBlock } from '../blocks';
@@ -310,7 +310,11 @@ const Container = ({
 }) => {
   const padding = hidePadding ? fg('platform-linking-visual-refresh-v1') ? '0px' : '0rem' : getPadding(size);
   const gap = getGap(size);
-  const context = useContext(FlexibleUiContext);
+  const context = fg('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFlexibleUiContext() :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useContext(FlexibleUiContext);
   const {
     previewOnLeft,
     previewOnRight

package/dist/es2019/view/FlexibleCard/components/elements/applied-to-components-count-element/index.js

@@ -1,15 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useContext } from 'react';
 import { useIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { IconType } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { FlexibleUiContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseBadgeElement } from '../common';
 const AppliedToComponentsCountElement = props => {
   const {
     formatMessage
   } = useIntl();
-  const context = useContext(FlexibleUiContext);
+  const context = fg('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFlexibleUiContext() :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useContext(FlexibleUiContext);
   if (
   // Check for null and undefined, render if it's 0.
   (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === null || (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === undefined) {

package/dist/es2019/view/FlexibleCard/components/elements/common/base-link-element/index.js

@@ -78,7 +78,8 @@ const BaseLinkElement = ({
   theme = SmartLinkTheme.Link,
   url,
   onClick,
-  target = '_blank'
+  target = '_blank',
+  anchorRef
 }) => {
   const onMouseDown = useMouseDownEvent();
   const hasSpace = useMemo(() => text ? hasWhiteSpace(text) : false, [text]);
@@ -96,6 +97,8 @@ const BaseLinkElement = ({
     // click issues in Confluence and Trello which rely on it not being set unless necessary.
   }, target !== '_self' && {
     target
+  }, {
+    ref: anchorRef
   }), text);
   return /*#__PURE__*/React.createElement("span", {
     className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug"])

package/dist/es2019/view/FlexibleCard/components/elements/preview-element/index.js

@@ -1,14 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useContext } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { MediaType } from '../../../../../constants';
-import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { FlexibleUiContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import MediaElement from '../media-element';
 const PreviewElement = props => {
   const {
     overrideUrl,
     ...rest
   } = props !== null && props !== void 0 ? props : {};
-  const context = useContext(FlexibleUiContext);
+  const context = fg('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFlexibleUiContext() :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useContext(FlexibleUiContext);
   const data = overrideUrl ? {
     url: overrideUrl,
     type: MediaType.Image

package/dist/es2019/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useContext } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { FlexibleUiContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseTextElement } from '../common';
 const SNIPPET_DEFAULT_MAX_LINES = 3;
 
@@ -19,7 +19,11 @@ const SnippetElement = props => {
     className,
     ...restOfProps
   } = props !== null && props !== void 0 ? props : {};
-  const context = useContext(FlexibleUiContext);
+  const context = fg('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFlexibleUiContext() :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useContext(FlexibleUiContext);
   return /*#__PURE__*/React.createElement(BaseTextElement, _extends({
     content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
     maxLines: maxLines,

package/dist/es2019/view/FlexibleCard/components/elements/utils.js

@@ -4,7 +4,7 @@ import { FormattedDate } from 'react-intl-next';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, IconType, SmartLinkInternalTheme } from '../../../../constants';
 import { messages } from '../../../../messages';
-import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
+import { FlexibleUiContext, useFlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isProfileType } from '../../../../utils';
 import AppliedToComponentsCount from './applied-to-components-count-element';
 import AtlaskitElementBadge from './atlaskit-badge-element';
@@ -319,7 +319,11 @@ export const createElement = name => {
     throw Error(`Element ${name} does not exist.`);
   }
   return overrides => {
-    const context = useContext(FlexibleUiContext);
+    const context = fg('platform-linking-flexible-card-context') ?
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useFlexibleUiContext() :
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useContext(FlexibleUiContext);
     const data = getData(name, contextKey, context);
     return data ? /*#__PURE__*/React.createElement(BaseElement, _extends({}, props, data, overrides, {
       name: name

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

@@ -3,7 +3,7 @@ import React, { useEffect, useMemo } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { SmartLinkStatus } from '../../constants';
-import { FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
+import { FlexibleCardContext, FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
 import { useAISummaryConfig } from '../../state/hooks/use-ai-summary-config';
 import useResolve from '../../state/hooks/use-resolve';
 import Container from './components/container';
@@ -57,6 +57,13 @@ const FlexibleCard = ({
     status,
     url
   }), [aiSummaryConfig, appearance, details, fireEvent, id, onAuthorize, origin, renderers, actionOptions, resolve, status, url]);
+  const flexibleCardContext = fg('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useMemo(() => ({
+    data: context,
+    status,
+    ui
+  }), [context, status, ui]) : undefined;
   const retry = fg('platform-linking-flexible-card-unresolved-action') ? undefined : getRetryOptions(url, status, details, onAuthorize);
   const {
     title
@@ -85,6 +92,20 @@ const FlexibleCard = ({
         break;
     }
   }, [onError, onResolve, status, title, url]);
+  if (fg('platform-linking-flexible-card-context')) {
+    return /*#__PURE__*/React.createElement(FlexibleCardContext.Provider, {
+      value: flexibleCardContext
+    }, /*#__PURE__*/React.createElement(Container, _extends({
+      testId: testId
+    }, ui, {
+      onClick: onClick,
+      retry: retry,
+      showHoverPreview: showHoverPreview,
+      hoverPreviewOptions: hoverPreviewOptions,
+      actionOptions: actionOptions,
+      status: status
+    }), children));
+  }
   return /*#__PURE__*/React.createElement(FlexibleUiOptionContext.Provider, {
     value: ui
   }, /*#__PURE__*/React.createElement(FlexibleUiContext.Provider, {

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

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.4.0",
+  packageVersion: "38.4.2",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/state/flexible-ui-context/index.js

@@ -1,18 +1,38 @@
 import { createContext, useContext } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
  */
+export var FlexibleCardContext = /*#__PURE__*/createContext(undefined);
+export var useFlexibleCardContext = function useFlexibleCardContext() {
+  return useContext(FlexibleCardContext);
+};
+
+/**
+ * This provides the data that will be used by Smart Links Flexible UI to populate it's
+ * underlying elements.
+ * @deprecated Remove on cleanup of platform-linking-flexible-card-context
+ */
 export var FlexibleUiContext = /*#__PURE__*/createContext(undefined);
 export var useFlexibleUiContext = function useFlexibleUiContext() {
-  return useContext(FlexibleUiContext);
+  var _useFlexibleCardConte;
+  return fg('platform-linking-flexible-card-context') ? // eslint-disable-next-line react-hooks/rules-of-hooks
+  (_useFlexibleCardConte = useFlexibleCardContext()) === null || _useFlexibleCardConte === void 0 ? void 0 : _useFlexibleCardConte.data :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useContext(FlexibleUiContext);
 };
 
 /**
  * This provides the ui options that will be used by Smart Links Flexible UI
  * to render its underlying elements.
+ * @deprecated Remove on cleanup of platform-linking-flexible-card-context
  */
 export var FlexibleUiOptionContext = /*#__PURE__*/createContext(undefined);
 export var useFlexibleUiOptionContext = function useFlexibleUiOptionContext() {
-  return useContext(FlexibleUiOptionContext);
+  var _useFlexibleCardConte2;
+  return fg('platform-linking-flexible-card-context') ? // eslint-disable-next-line react-hooks/rules-of-hooks
+  (_useFlexibleCardConte2 = useFlexibleCardContext()) === null || _useFlexibleCardConte2 === void 0 ? void 0 : _useFlexibleCardConte2.ui :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useContext(FlexibleUiOptionContext);
 };

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.4.0"
+  packageVersion: "38.4.2"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/blocks/title-block/index.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon", "className"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon", "className", "anchorRef"];
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -66,6 +66,7 @@ var TitleBlock = function TitleBlock(_ref) {
     _ref$hideIcon = _ref.hideIcon,
     hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
     className = _ref.className,
+    anchorRef = _ref.anchorRef,
     props = _objectWithoutProperties(_ref, _excluded);
   if (!fg('platform-linking-flexible-card-unresolved-action')) {
     if (hideRetry && props.retry) {
@@ -99,7 +100,8 @@ var TitleBlock = function TitleBlock(_ref) {
     onClick: onClick,
     onMouseDown: onMouseDown,
     target: anchorTarget,
-    theme: theme
+    theme: theme,
+    anchorRef: anchorRef
   }, overrideText));
   var Component = getTitleBlockViewComponent(status);
   return /*#__PURE__*/React.createElement(Component, _extends({}, props, {

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

@@ -14,7 +14,7 @@ import { di } from 'react-magnetic-di';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { N40 } from '@atlaskit/theme/colors';
 import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
-import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
+import { FlexibleUiContext, useFlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
 import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isFlexibleUiTitleBlock, isStyleCacheProvider } from '../../../../utils/flexible';
 import { TitleBlock } from '../blocks';
@@ -318,7 +318,11 @@ var Container = function Container(_ref5) {
     theme = _ref5$theme === void 0 ? SmartLinkTheme.Link : _ref5$theme;
   var padding = hidePadding ? fg('platform-linking-visual-refresh-v1') ? '0px' : '0rem' : getPadding(size);
   var gap = getGap(size);
-  var context = useContext(FlexibleUiContext);
+  var context = fg('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFlexibleUiContext() :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useContext(FlexibleUiContext);
   var _getChildrenOptions = getChildrenOptions(children, context),
     previewOnLeft = _getChildrenOptions.previewOnLeft,
     previewOnRight = _getChildrenOptions.previewOnRight;

package/dist/esm/view/FlexibleCard/components/elements/applied-to-components-count-element/index.js

@@ -1,14 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useContext } from 'react';
 import { useIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { IconType } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { FlexibleUiContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseBadgeElement } from '../common';
 var AppliedToComponentsCountElement = function AppliedToComponentsCountElement(props) {
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var context = useContext(FlexibleUiContext);
+  var context = fg('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFlexibleUiContext() :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useContext(FlexibleUiContext);
   if (
   // Check for null and undefined, render if it's 0.
   (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === null || (context === null || context === void 0 ? void 0 : context.appliedToComponentsCount) === undefined) {

package/dist/esm/view/FlexibleCard/components/elements/common/base-link-element/index.js

@@ -85,7 +85,8 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
     url = _ref.url,
     onClick = _ref.onClick,
     _ref$target = _ref.target,
-    target = _ref$target === void 0 ? '_blank' : _ref$target;
+    target = _ref$target === void 0 ? '_blank' : _ref$target,
+    anchorRef = _ref.anchorRef;
   var onMouseDown = useMouseDownEvent();
   var hasSpace = useMemo(function () {
     return text ? hasWhiteSpace(text) : false;
@@ -104,6 +105,8 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
     // click issues in Confluence and Trello which rely on it not being set unless necessary.
   }, target !== '_self' && {
     target: target
+  }, {
+    ref: anchorRef
   }), text);
   return /*#__PURE__*/React.createElement("span", {
     className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug"])

package/dist/esm/view/FlexibleCard/components/elements/preview-element/index.js

@@ -2,14 +2,19 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["overrideUrl"];
 import React, { useContext } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { MediaType } from '../../../../../constants';
-import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { FlexibleUiContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import MediaElement from '../media-element';
 var PreviewElement = function PreviewElement(props) {
   var _ref = props !== null && props !== void 0 ? props : {},
     overrideUrl = _ref.overrideUrl,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var context = useContext(FlexibleUiContext);
+  var context = fg('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFlexibleUiContext() :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useContext(FlexibleUiContext);
   var data = overrideUrl ? {
     url: overrideUrl,
     type: MediaType.Image

package/dist/esm/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useContext } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { FlexibleUiContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseTextElement } from '../common';
 var SNIPPET_DEFAULT_MAX_LINES = 3;
 
@@ -21,7 +21,11 @@ var SnippetElement = function SnippetElement(props) {
     maxLines = _ref$maxLines === void 0 ? SNIPPET_DEFAULT_MAX_LINES : _ref$maxLines,
     className = _ref.className,
     restOfProps = _objectWithoutProperties(_ref, _excluded);
-  var context = useContext(FlexibleUiContext);
+  var context = fg('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFlexibleUiContext() :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useContext(FlexibleUiContext);
   return /*#__PURE__*/React.createElement(BaseTextElement, _extends({
     content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
     maxLines: maxLines,

package/dist/esm/view/FlexibleCard/components/elements/utils.js

@@ -9,7 +9,7 @@ import { FormattedDate } from 'react-intl-next';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, IconType, SmartLinkInternalTheme } from '../../../../constants';
 import { messages } from '../../../../messages';
-import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
+import { FlexibleUiContext, useFlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isProfileType } from '../../../../utils';
 import AppliedToComponentsCount from './applied-to-components-count-element';
 import AtlaskitElementBadge from './atlaskit-badge-element';
@@ -287,7 +287,11 @@ export var createElement = function createElement(name) {
     throw Error("Element ".concat(name, " does not exist."));
   }
   return function (overrides) {
-    var context = useContext(FlexibleUiContext);
+    var context = fg('platform-linking-flexible-card-context') ?
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useFlexibleUiContext() :
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useContext(FlexibleUiContext);
     var data = getData(name, contextKey, context);
     return data ? /*#__PURE__*/React.createElement(BaseElement, _extends({}, props, data, overrides, {
       name: name

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

@@ -3,7 +3,7 @@ import React, { useEffect, useMemo } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { SmartLinkStatus } from '../../constants';
-import { FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
+import { FlexibleCardContext, FlexibleUiContext, FlexibleUiOptionContext } from '../../state/flexible-ui-context';
 import { useAISummaryConfig } from '../../state/hooks/use-ai-summary-config';
 import useResolve from '../../state/hooks/use-resolve';
 import Container from './components/container';
@@ -56,6 +56,15 @@ var FlexibleCard = function FlexibleCard(_ref) {
       url: url
     });
   }, [aiSummaryConfig, appearance, details, fireEvent, id, onAuthorize, origin, renderers, actionOptions, resolve, status, url]);
+  var flexibleCardContext = fg('platform-linking-flexible-card-context') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useMemo(function () {
+    return {
+      data: context,
+      status: status,
+      ui: ui
+    };
+  }, [context, status, ui]) : undefined;
   var retry = fg('platform-linking-flexible-card-unresolved-action') ? undefined : getRetryOptions(url, status, details, onAuthorize);
   var _ref2 = context || {},
     title = _ref2.title;
@@ -83,6 +92,20 @@ var FlexibleCard = function FlexibleCard(_ref) {
         break;
     }
   }, [onError, onResolve, status, title, url]);
+  if (fg('platform-linking-flexible-card-context')) {
+    return /*#__PURE__*/React.createElement(FlexibleCardContext.Provider, {
+      value: flexibleCardContext
+    }, /*#__PURE__*/React.createElement(Container, _extends({
+      testId: testId
+    }, ui, {
+      onClick: onClick,
+      retry: retry,
+      showHoverPreview: showHoverPreview,
+      hoverPreviewOptions: hoverPreviewOptions,
+      actionOptions: actionOptions,
+      status: status
+    }), children));
+  }
   return /*#__PURE__*/React.createElement(FlexibleUiOptionContext.Provider, {
     value: ui
   }, /*#__PURE__*/React.createElement(FlexibleUiContext.Provider, {

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

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.4.0",
+  packageVersion: "38.4.2",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/state/flexible-ui-context/index.d.ts

@@ -1,15 +1,29 @@
 /// <reference types="react" />
+import { SmartLinkStatus } from '../../constants';
 import { type InternalFlexibleUiOptions } from '../../view/FlexibleCard/types';
 import { type FlexibleUiDataContext } from './types';
+export type FlexibleCardContextType = {
+    data?: FlexibleUiDataContext;
+    status?: SmartLinkStatus;
+    ui?: InternalFlexibleUiOptions;
+};
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
  */
+export declare const FlexibleCardContext: import("react").Context<FlexibleCardContextType | undefined>;
+export declare const useFlexibleCardContext: () => FlexibleCardContextType | undefined;
+/**
+ * This provides the data that will be used by Smart Links Flexible UI to populate it's
+ * underlying elements.
+ * @deprecated Remove on cleanup of platform-linking-flexible-card-context
+ */
 export declare const FlexibleUiContext: import("react").Context<FlexibleUiDataContext | undefined>;
 export declare const useFlexibleUiContext: () => FlexibleUiDataContext | undefined;
 /**
  * This provides the ui options that will be used by Smart Links Flexible UI
  * to render its underlying elements.
+ * @deprecated Remove on cleanup of platform-linking-flexible-card-context
  */
 export declare const FlexibleUiOptionContext: import("react").Context<InternalFlexibleUiOptions | undefined>;
 export declare const useFlexibleUiOptionContext: () => InternalFlexibleUiOptions | undefined;

package/dist/types/view/FlexibleCard/components/blocks/title-block/index.d.ts

@@ -12,5 +12,5 @@ import { type TitleBlockProps } from './types';
  * @see TitleBlockResolvedViewNew
  * @see TitleBlockErroredViewNew
  */
-declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, ...props }: TitleBlockProps) => JSX.Element;
+declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, anchorRef, ...props }: TitleBlockProps) => JSX.Element;
 export default TitleBlock;

package/dist/types/view/FlexibleCard/components/blocks/title-block/types.d.ts

@@ -99,6 +99,10 @@ export type TitleBlockProps = {
      * Determines whether TitleBlock will hide the Link Icon.
      */
     hideIcon?: boolean;
+    /**
+     * Ref passed into the link <a> element
+     */
+    anchorRef?: React.Ref<HTMLAnchorElement>;
 } & BlockProps;
 export type TitleBlockViewProps = TitleBlockProps & {
     actionGroup?: React.ReactNode;

package/dist/types/view/FlexibleCard/components/elements/common/base-link-element/index.d.ts

@@ -40,6 +40,10 @@ export type BaseLinkElementProps = ElementProps & {
      * The href target behaviour of the link.
      */
     target?: AnchorTarget;
+    /**
+     * Ref passed into the link <a> element
+     */
+    anchorRef?: React.Ref<HTMLAnchorElement>;
 };
 /**
  * A base element that represent an anchor.
@@ -47,5 +51,5 @@ export type BaseLinkElementProps = ElementProps & {
  * @param {BaseLinkElementProps} BaseLinkElementProps - The props necessary for the Link element.
  * @see LinkIcon
  */
-declare const BaseLinkElement: ({ hideTooltip, maxLines, name, className, size, testId, text, theme, url, onClick, target, }: BaseLinkElementProps) => JSX.Element;
+declare const BaseLinkElement: ({ hideTooltip, maxLines, name, className, size, testId, text, theme, url, onClick, target, anchorRef, }: BaseLinkElementProps) => JSX.Element;
 export default BaseLinkElement;

package/dist/types-ts4.5/state/flexible-ui-context/index.d.ts

@@ -1,15 +1,29 @@
 /// <reference types="react" />
+import { SmartLinkStatus } from '../../constants';
 import { type InternalFlexibleUiOptions } from '../../view/FlexibleCard/types';
 import { type FlexibleUiDataContext } from './types';
+export type FlexibleCardContextType = {
+    data?: FlexibleUiDataContext;
+    status?: SmartLinkStatus;
+    ui?: InternalFlexibleUiOptions;
+};
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
  */
+export declare const FlexibleCardContext: import("react").Context<FlexibleCardContextType | undefined>;
+export declare const useFlexibleCardContext: () => FlexibleCardContextType | undefined;
+/**
+ * This provides the data that will be used by Smart Links Flexible UI to populate it's
+ * underlying elements.
+ * @deprecated Remove on cleanup of platform-linking-flexible-card-context
+ */
 export declare const FlexibleUiContext: import("react").Context<FlexibleUiDataContext | undefined>;
 export declare const useFlexibleUiContext: () => FlexibleUiDataContext | undefined;
 /**
  * This provides the ui options that will be used by Smart Links Flexible UI
  * to render its underlying elements.
+ * @deprecated Remove on cleanup of platform-linking-flexible-card-context
  */
 export declare const FlexibleUiOptionContext: import("react").Context<InternalFlexibleUiOptions | undefined>;
 export declare const useFlexibleUiOptionContext: () => InternalFlexibleUiOptions | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/index.d.ts

@@ -12,5 +12,5 @@ import { type TitleBlockProps } from './types';
  * @see TitleBlockResolvedViewNew
  * @see TitleBlockErroredViewNew
  */
-declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, ...props }: TitleBlockProps) => JSX.Element;
+declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, anchorRef, ...props }: TitleBlockProps) => JSX.Element;
 export default TitleBlock;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/types.d.ts

@@ -99,6 +99,10 @@ export type TitleBlockProps = {
      * Determines whether TitleBlock will hide the Link Icon.
      */
     hideIcon?: boolean;
+    /**
+     * Ref passed into the link <a> element
+     */
+    anchorRef?: React.Ref<HTMLAnchorElement>;
 } & BlockProps;
 export type TitleBlockViewProps = TitleBlockProps & {
     actionGroup?: React.ReactNode;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-link-element/index.d.ts

@@ -40,6 +40,10 @@ export type BaseLinkElementProps = ElementProps & {
      * The href target behaviour of the link.
      */
     target?: AnchorTarget;
+    /**
+     * Ref passed into the link <a> element
+     */
+    anchorRef?: React.Ref<HTMLAnchorElement>;
 };
 /**
  * A base element that represent an anchor.
@@ -47,5 +51,5 @@ export type BaseLinkElementProps = ElementProps & {
  * @param {BaseLinkElementProps} BaseLinkElementProps - The props necessary for the Link element.
  * @see LinkIcon
  */
-declare const BaseLinkElement: ({ hideTooltip, maxLines, name, className, size, testId, text, theme, url, onClick, target, }: BaseLinkElementProps) => JSX.Element;
+declare const BaseLinkElement: ({ hideTooltip, maxLines, name, className, size, testId, text, theme, url, onClick, target, anchorRef, }: BaseLinkElementProps) => JSX.Element;
 export default BaseLinkElement;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "38.4.0",
+	"version": "38.4.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -243,6 +243,9 @@
 		"platform-linking-fix-a11y-in-smart-card": {
 			"type": "boolean"
 		},
+		"platform-linking-flexible-card-context": {
+			"type": "boolean"
+		},
 		"dst-a11y__replace-anchor-with-link__linking-platfo": {
 			"type": "boolean"
 		}