@atlaskit/smart-card 45.2.0 → 45.2.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/smart-card
 
+## 45.2.2
+
+### Patch Changes
+
+- [`89227a0cf30c4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/89227a0cf30c4) -
+  Cleanup feature gate `navx-3698-flexible-card-a11y-fix`. Decorative icons in FlexibleCard actions
+  (copy link, preview) are now permanently hidden from screen readers via `aria-hidden="true"`.
+  Action buttons now have explicit `aria-label` attributes for accessible names, fixing a
+  `button-name` a11y violation that was previously masked by the gate.
+
+## 45.2.1
+
+### Patch Changes
+
+- [`f072d326571d1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f072d326571d1) -
+  Fix SSR regression: skip XPC URL wrapping on server to avoid unnecessary window probes per
+  SmartCard
+- Updated dependencies
+
 ## 45.2.0
 
 ### Minor Changes

package/dist/cjs/state/hooks/use-smart-link-cross-product-url-wrapper/index.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _useCrossProductUrlWrapper = require("@atlaskit/analytics-cross-product/useCrossProductUrlWrapper");
 var _linkProvider = require("@atlaskit/link-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 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; }
@@ -42,7 +43,7 @@ var useSmartLinkCrossProductUrlWrapper = exports.useSmartLinkCrossProductUrlWrap
     subProduct: xpcSubProduct
   } : {}));
   return (0, _react.useCallback)(function (url) {
-    if (!getIsFirstPartyLink(details) || !effectiveProduct) {
+    if (typeof window === 'undefined' && (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping_window_existed') || !getIsFirstPartyLink(details) || !effectiveProduct) {
       return url;
     }
     var parsedUrl;

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: "45.1.1" || ''
+  packageVersion: "45.2.1" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/actions/copy-link-action/index.js

@@ -30,6 +30,7 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
   var _context$actions;
   var onClickCallback = _ref.onClick,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var intl = (0, _reactIntl.useIntl)();
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var invoke = (0, _useInvokeClientAction.default)({});
   var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.CopyLinkAction];
@@ -67,10 +68,11 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
     }
   }, [data, invoke, onClickCallback]);
   return data ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
+    ariaLabel: intl.formatMessage(_messages.messages.copy_url_to_clipboard),
     content: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.copy_url_to_clipboard),
     icon: /*#__PURE__*/_react.default.createElement(_link.default, (0, _extends2.default)({
       color: "currentColor",
-      label: (0, _platformFeatureFlags.fg)('navx-3698-flexible-card-a11y-fix') ? '' : 'copy url',
+      label: "",
       spacing: "spacious"
     }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled ? {
       size: props.iconSize

package/dist/cjs/view/FlexibleCard/components/actions/preview-action/index.js

@@ -26,6 +26,7 @@ var PreviewAction = function PreviewAction(_ref) {
   var _context$actions;
   var onClickCallback = _ref.onClick,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var intl = (0, _reactIntl.useIntl)();
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var invoke = (0, _useInvokeClientAction.default)({});
   var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.ActionName.PreviewAction];
@@ -45,7 +46,7 @@ var PreviewAction = function PreviewAction(_ref) {
       return /*#__PURE__*/_react.default.createElement(_panelRight.default, (0, _extends2.default)({
         color: "currentColor",
         spacing: "spacious",
-        label: (0, _platformFeatureFlags.fg)('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview panel'
+        label: ""
       }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled ? {
         size: props.iconSize
       } : {}));
@@ -53,24 +54,26 @@ var PreviewAction = function PreviewAction(_ref) {
     return /*#__PURE__*/_react.default.createElement(_growDiagonal.default, (0, _extends2.default)({
       color: "currentColor",
       spacing: "spacious",
-      label: (0, _platformFeatureFlags.fg)('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview'
+      label: ""
     }, (0, _platformFeatureFlags.fg)('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled ? {
       size: props.iconSize
     } : {}));
   }, [hasPreviewPanel, props.iconSize, isRovoBlockCardExperimentEnabled]);
-  var actionLabel = (0, _react.useCallback)(function () {
+  var actionLabel = (0, _react.useMemo)(function () {
     // Only use panel message if experiment is enabled and hasPreviewPanel is true
     if ((0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && hasPreviewPanel) {
-      return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.preview_panel);
+      return _messages.messages.preview_panel;
     }
     // Fall back to modal message if experiment is enabled, otherwise use original preview message
     if ((0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test')) {
-      return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.preview_modal);
+      return _messages.messages.preview_modal;
     }
-    return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.preview_improved);
+    return _messages.messages.preview_improved;
   }, [hasPreviewPanel]);
+  var actionMessage = intl.formatMessage(actionLabel);
   return data ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
-    content: actionLabel(),
+    ariaLabel: actionMessage,
+    content: actionMessage,
     icon: actionIcon(),
     onClick: onClick,
     testId: "smart-action-preview-action",

package/dist/cjs/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.js

@@ -7,13 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _clock = _interopRequireDefault(require("@atlaskit/icon/core/clock"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var RelatedLinksActionIcon = function RelatedLinksActionIcon(_ref) {
   var iconSize = _ref.iconSize;
   return /*#__PURE__*/_react.default.createElement(_clock.default, {
     color: "currentColor",
     spacing: "spacious",
-    label: (0, _platformFeatureFlags.fg)('navx-3698-flexible-card-a11y-fix') ? '' : 'View related links...',
+    label: '',
     size: iconSize
   });
 };

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.1.1",
+  packageVersion: "45.2.1",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/es2019/state/hooks/use-smart-link-cross-product-url-wrapper/index.js

@@ -1,6 +1,7 @@
 import { useCallback } from 'react';
 import { useCrossProductUrlWrapper } from '@atlaskit/analytics-cross-product/useCrossProductUrlWrapper';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { functionWithFG } from '@atlaskit/platform-feature-flags-react';
 const SMART_LINKS_XPC_BRIDGE = 'smartLinks';
 const XPC_QUERY_PARAM = 'xpis';
@@ -31,7 +32,7 @@ export const useSmartLinkCrossProductUrlWrapper = ({
     } : {})
   });
   return useCallback(url => {
-    if (!getIsFirstPartyLink(details) || !effectiveProduct) {
+    if (typeof window === 'undefined' && fg('platform_smartlink_xpc_url_wrapping_window_existed') || !getIsFirstPartyLink(details) || !effectiveProduct) {
       return url;
     }
     let parsedUrl;

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: "45.1.1" || ''
+  packageVersion: "45.2.1" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/actions/copy-link-action/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useState } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage, useIntl } from 'react-intl';
 import LinkIcon from '@atlaskit/icon/core/link';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName } from '../../../../../constants';
@@ -14,6 +14,7 @@ const CopyLinkAction = ({
   ...props
 }) => {
   var _context$actions;
+  const intl = useIntl();
   const context = useFlexibleUiContext();
   const invoke = useInvokeClientAction({});
   const data = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.CopyLinkAction];
@@ -33,10 +34,11 @@ const CopyLinkAction = ({
     }
   }, [data, invoke, onClickCallback]);
   return data ? /*#__PURE__*/React.createElement(Action, _extends({
+    ariaLabel: intl.formatMessage(messages.copy_url_to_clipboard),
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.copy_url_to_clipboard),
     icon: /*#__PURE__*/React.createElement(LinkIcon, _extends({
       color: "currentColor",
-      label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'copy url',
+      label: "",
       spacing: "spacious"
     }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled ? {
       size: props.iconSize

package/dist/es2019/view/FlexibleCard/components/actions/preview-action/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback } from 'react';
-import { FormattedMessage } from 'react-intl';
+import React, { useCallback, useMemo } from 'react';
+import { FormattedMessage, useIntl } from 'react-intl';
 import MediaServicesActualSizeIcon from '@atlaskit/icon/core/grow-diagonal';
 import PanelRightIcon from '@atlaskit/icon/core/panel-right';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -16,6 +16,7 @@ const PreviewAction = ({
   ...props
 }) => {
   var _context$actions;
+  const intl = useIntl();
   const context = useFlexibleUiContext();
   const invoke = useInvokeClientAction({});
   const data = context === null || context === void 0 ? void 0 : (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.PreviewAction];
@@ -35,7 +36,7 @@ const PreviewAction = ({
       return /*#__PURE__*/React.createElement(PanelRightIcon, _extends({
         color: "currentColor",
         spacing: "spacious",
-        label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview panel'
+        label: ""
       }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled ? {
         size: props.iconSize
       } : {}));
@@ -43,24 +44,26 @@ const PreviewAction = ({
     return /*#__PURE__*/React.createElement(MediaServicesActualSizeIcon, _extends({
       color: "currentColor",
       spacing: "spacious",
-      label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview'
+      label: ""
     }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled ? {
       size: props.iconSize
     } : {}));
   }, [hasPreviewPanel, props.iconSize, isRovoBlockCardExperimentEnabled]);
-  const actionLabel = useCallback(() => {
+  const actionLabel = useMemo(() => {
     // Only use panel message if experiment is enabled and hasPreviewPanel is true
     if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && hasPreviewPanel) {
-      return /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_panel);
+      return messages.preview_panel;
     }
     // Fall back to modal message if experiment is enabled, otherwise use original preview message
     if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test')) {
-      return /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_modal);
+      return messages.preview_modal;
     }
-    return /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved);
+    return messages.preview_improved;
   }, [hasPreviewPanel]);
+  const actionMessage = intl.formatMessage(actionLabel);
   return data ? /*#__PURE__*/React.createElement(Action, _extends({
-    content: actionLabel(),
+    ariaLabel: actionMessage,
+    content: actionMessage,
     icon: actionIcon(),
     onClick: onClick,
     testId: "smart-action-preview-action",

package/dist/es2019/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import ClockIcon from '@atlaskit/icon/core/clock';
-import { fg } from '@atlaskit/platform-feature-flags';
 const RelatedLinksActionIcon = ({
   iconSize
 }) => /*#__PURE__*/React.createElement(ClockIcon, {
   color: "currentColor",
   spacing: "spacious",
-  label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'View related links...',
+  label: '',
   size: iconSize
 });
 export default RelatedLinksActionIcon;

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

@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.1.1",
+  packageVersion: "45.2.1",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({

package/dist/esm/state/hooks/use-smart-link-cross-product-url-wrapper/index.js

@@ -4,6 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { useCallback } from 'react';
 import { useCrossProductUrlWrapper } from '@atlaskit/analytics-cross-product/useCrossProductUrlWrapper';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { functionWithFG } from '@atlaskit/platform-feature-flags-react';
 var SMART_LINKS_XPC_BRIDGE = 'smartLinks';
 var XPC_QUERY_PARAM = 'xpis';
@@ -35,7 +36,7 @@ export var useSmartLinkCrossProductUrlWrapper = function useSmartLinkCrossProduc
     subProduct: xpcSubProduct
   } : {}));
   return useCallback(function (url) {
-    if (!getIsFirstPartyLink(details) || !effectiveProduct) {
+    if (typeof window === 'undefined' && fg('platform_smartlink_xpc_url_wrapping_window_existed') || !getIsFirstPartyLink(details) || !effectiveProduct) {
       return url;
     }
     var parsedUrl;

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: "45.1.1" || ''
+  packageVersion: "45.2.1" || ''
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/actions/copy-link-action/index.js

@@ -8,7 +8,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useCallback, useState } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage, useIntl } from 'react-intl';
 import LinkIcon from '@atlaskit/icon/core/link';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName } from '../../../../../constants';
@@ -21,6 +21,7 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
   var _context$actions;
   var onClickCallback = _ref.onClick,
     props = _objectWithoutProperties(_ref, _excluded);
+  var intl = useIntl();
   var context = useFlexibleUiContext();
   var invoke = useInvokeClientAction({});
   var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.CopyLinkAction];
@@ -58,10 +59,11 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
     }
   }, [data, invoke, onClickCallback]);
   return data ? /*#__PURE__*/React.createElement(Action, _extends({
+    ariaLabel: intl.formatMessage(messages.copy_url_to_clipboard),
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.copy_url_to_clipboard),
     icon: /*#__PURE__*/React.createElement(LinkIcon, _extends({
       color: "currentColor",
-      label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'copy url',
+      label: "",
       spacing: "spacious"
     }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled ? {
       size: props.iconSize

package/dist/esm/view/FlexibleCard/components/actions/preview-action/index.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["onClick"];
-import React, { useCallback } from 'react';
-import { FormattedMessage } from 'react-intl';
+import React, { useCallback, useMemo } from 'react';
+import { FormattedMessage, useIntl } from 'react-intl';
 import MediaServicesActualSizeIcon from '@atlaskit/icon/core/grow-diagonal';
 import PanelRightIcon from '@atlaskit/icon/core/panel-right';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -17,6 +17,7 @@ var PreviewAction = function PreviewAction(_ref) {
   var _context$actions;
   var onClickCallback = _ref.onClick,
     props = _objectWithoutProperties(_ref, _excluded);
+  var intl = useIntl();
   var context = useFlexibleUiContext();
   var invoke = useInvokeClientAction({});
   var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[ActionName.PreviewAction];
@@ -36,7 +37,7 @@ var PreviewAction = function PreviewAction(_ref) {
       return /*#__PURE__*/React.createElement(PanelRightIcon, _extends({
         color: "currentColor",
         spacing: "spacious",
-        label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview panel'
+        label: ""
       }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled ? {
         size: props.iconSize
       } : {}));
@@ -44,24 +45,26 @@ var PreviewAction = function PreviewAction(_ref) {
     return /*#__PURE__*/React.createElement(MediaServicesActualSizeIcon, _extends({
       color: "currentColor",
       spacing: "spacious",
-      label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'Open preview'
+      label: ""
     }, fg('platform_sl_3p_auth_rovo_action_kill_switch') || isRovoBlockCardExperimentEnabled ? {
       size: props.iconSize
     } : {}));
   }, [hasPreviewPanel, props.iconSize, isRovoBlockCardExperimentEnabled]);
-  var actionLabel = useCallback(function () {
+  var actionLabel = useMemo(function () {
     // Only use panel message if experiment is enabled and hasPreviewPanel is true
     if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && hasPreviewPanel) {
-      return /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_panel);
+      return messages.preview_panel;
     }
     // Fall back to modal message if experiment is enabled, otherwise use original preview message
     if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test')) {
-      return /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_modal);
+      return messages.preview_modal;
     }
-    return /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_improved);
+    return messages.preview_improved;
   }, [hasPreviewPanel]);
+  var actionMessage = intl.formatMessage(actionLabel);
   return data ? /*#__PURE__*/React.createElement(Action, _extends({
-    content: actionLabel(),
+    ariaLabel: actionMessage,
+    content: actionMessage,
     icon: actionIcon(),
     onClick: onClick,
     testId: "smart-action-preview-action",

package/dist/esm/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import ClockIcon from '@atlaskit/icon/core/clock';
-import { fg } from '@atlaskit/platform-feature-flags';
 var RelatedLinksActionIcon = function RelatedLinksActionIcon(_ref) {
   var iconSize = _ref.iconSize;
   return /*#__PURE__*/React.createElement(ClockIcon, {
     color: "currentColor",
     spacing: "spacious",
-    label: fg('navx-3698-flexible-card-a11y-fix') ? '' : 'View related links...',
+    label: '',
     size: iconSize
   });
 };

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.1.1",
+  packageVersion: "45.2.1",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "45.2.0",
+	"version": "45.2.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
 		"@atlaskit/avatar-group": "^13.0.0",
 		"@atlaskit/badge": "^19.0.0",
 		"@atlaskit/browser-apis": "^1.0.0",
-		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/button": "^24.1.0",
 		"@atlaskit/checkbox": "^18.0.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/dropdown-menu": "^17.0.0",
@@ -66,7 +66,7 @@
 		"@atlaskit/link-test-helpers": "^11.0.0",
 		"@atlaskit/linking-common": "^10.0.0",
 		"@atlaskit/linking-types": "^15.0.0",
-		"@atlaskit/logo": "^21.0.0",
+		"@atlaskit/logo": "^21.1.0",
 		"@atlaskit/lozenge": "^14.0.0",
 		"@atlaskit/menu": "^9.0.0",
 		"@atlaskit/modal-dialog": "^16.0.0",
@@ -78,7 +78,7 @@
 		"@atlaskit/popup": "^5.0.0",
 		"@atlaskit/primitives": "^20.0.0",
 		"@atlaskit/react-ufo": "^7.1.0",
-		"@atlaskit/rovo-triggers": "^9.1.0",
+		"@atlaskit/rovo-triggers": "^9.2.0",
 		"@atlaskit/section-message": "^9.0.0",
 		"@atlaskit/select": "^22.0.0",
 		"@atlaskit/spinner": "^20.0.0",
@@ -87,7 +87,7 @@
 		"@atlaskit/textfield": "^9.0.0",
 		"@atlaskit/theme": "^26.0.0",
 		"@atlaskit/tile": "^2.0.0",
-		"@atlaskit/tmp-editor-statsig": "^108.2.0",
+		"@atlaskit/tmp-editor-statsig": "^109.0.0",
 		"@atlaskit/tokens": "^14.0.0",
 		"@atlaskit/tooltip": "^23.0.0",
 		"@atlaskit/ufo": "^1.0.0",
@@ -122,7 +122,7 @@
 		"@atlassian/a11y-jest-testing": "^0.12.0",
 		"@atlassian/analytics-tooling": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
-		"@atlassian/gemini": "^1.46.0",
+		"@atlassian/gemini": "^1.47.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/testing-library": "^0.6.0",
@@ -200,10 +200,10 @@
 		"platform_smartlink_xpc_url_wrapping": {
 			"type": "boolean"
 		},
-		"navx-1895-new-logo-design": {
+		"platform_smartlink_xpc_url_wrapping_window_existed": {
 			"type": "boolean"
 		},
-		"navx-3698-flexible-card-a11y-fix": {
+		"navx-1895-new-logo-design": {
 			"type": "boolean"
 		},
 		"jfp-magma-platform-lozenge-jump-fix": {