@atlaskit/smart-card 45.23.4 → 45.24.0

package/dist/es2019/view/common/image-icon/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/common/loading-skeleton/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/common/render-svg.js

@@ -1,4 +1,4 @@
-/* render-svg.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* render-svg.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./render-svg.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/common/stop-propagation/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';

package/dist/esm/__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/esm/__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/esm/__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/esm/__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/esm/common/ui/icons/generic-error-icon.js

@@ -1,4 +1,4 @@
-/* generic-error-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* generic-error-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./generic-error-icon.compiled.css";
 import * as React from 'react';

package/dist/esm/common/ui/icons/priority-blocker-icon.js

@@ -1,4 +1,4 @@
-/* priority-blocker-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* priority-blocker-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label", "testId"];

package/dist/esm/common/ui/icons/priority-critical-icon.js

@@ -1,4 +1,4 @@
-/* priority-critical-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* priority-critical-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label", "testId"];

package/dist/esm/common/ui/icons/priority-high-icon.js

@@ -1,4 +1,4 @@
-/* priority-high-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* priority-high-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label", "testId"];

package/dist/esm/common/ui/icons/priority-highest-icon.js

@@ -1,4 +1,4 @@
-/* priority-highest-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* priority-highest-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label", "testId"];

package/dist/esm/common/ui/icons/priority-icon.js

@@ -1,4 +1,4 @@
-/* priority-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* priority-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label", "testId"];

package/dist/esm/common/ui/icons/priority-low-icon.js

@@ -1,4 +1,4 @@
-/* priority-low-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* priority-low-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label", "testId"];

package/dist/esm/common/ui/icons/priority-lowest-icon.js

@@ -1,4 +1,4 @@
-/* priority-lowest-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* priority-lowest-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label", "testId"];

package/dist/esm/common/ui/icons/priority-major-icon.js

@@ -1,4 +1,4 @@
-/* priority-major-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* priority-major-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label", "testId"];

package/dist/esm/common/ui/icons/priority-medium-icon.js

@@ -1,4 +1,4 @@
-/* priority-medium-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* priority-medium-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label", "testId"];

package/dist/esm/common/ui/icons/priority-minor-icon.js

@@ -1,4 +1,4 @@
-/* priority-minor-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* priority-minor-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label", "testId"];

package/dist/esm/common/ui/icons/priority-trivial-icon.js

@@ -1,4 +1,4 @@
-/* priority-trivial-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* priority-trivial-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label", "testId"];

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

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

package/dist/esm/view/BlockCard/views/ForbiddenView.js

@@ -1,4 +1,4 @@
-/* ForbiddenView.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ForbiddenView.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/view/BlockCard/views/NotFoundView.js

@@ -1,4 +1,4 @@
-/* NotFoundView.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* NotFoundView.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["testId"];

package/dist/esm/view/BlockCard/views/ResolvedView.js

@@ -1,4 +1,4 @@
-/* ResolvedView.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ResolvedView.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ResolvedView.compiled.css";

package/dist/esm/view/BlockCard/views/UnauthorisedView.js

@@ -1,4 +1,4 @@
-/* UnauthorisedView.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* UnauthorisedView.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["content", "providerName", "testId"],

package/dist/esm/view/BlockCard/views/unresolved-view/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/esm/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.js

@@ -1,4 +1,4 @@
-/* withFlexibleUIBlockCardStyle.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* withFlexibleUIBlockCardStyle.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./withFlexibleUIBlockCardStyle.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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, useEffect, useMemo, useRef } from 'react';
+import { useSmartLinkContext } from '@atlaskit/link-provider/context';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { extractSmartLinkEmbed } from '@atlaskit/link-extractors/extract-smart-link-embed';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
@@ -93,6 +94,9 @@ function Component(_ref) {
     error = _useSmartLink.error,
     isPreviewPanelAvailable = _useSmartLink.isPreviewPanelAvailable,
     openPreviewPanel = _useSmartLink.openPreviewPanel;
+  var _useSmartLinkContext = useSmartLinkContext(),
+    linkNavigation = _useSmartLinkContext.linkNavigation;
+  var resolveNavigation = fg('confluence_ep_shim_macro_links_v2') && isFlexibleUi ? linkNavigation : undefined;
   var ari = getObjectAri(state.details);
   var name = getObjectName(state.details);
   var definitionId = getDefinitionId(state.details);
@@ -123,9 +127,13 @@ function Component(_ref) {
     var preferredUrl = (_getClickUrl = 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 = useMemo(function () {
+    return resolveNavigation === null || resolveNavigation === void 0 ? void 0 : resolveNavigation(getDestinationUrl());
+  }, [getDestinationUrl, resolveNavigation]);
 
   // Setup UI handlers.
   var handleClickWrapper = useCallback(function (event) {
+    var _resolveNavigation$ur;
     var isModifierKeyPressed = isSpecialKey(event) || isSpecialClick(event);
     fireEvent('ui.smartLink.clicked', {
       id: id,
@@ -170,14 +178,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();
     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 = getAnchorAttributesFromEvent(event),
       anchorTarget = _getAnchorAttributesF.target;
-    var target = isSpecialEvent(event) ? '_blank' : isFlexibleUi ? anchorTarget : '_self';
+    var openInNewTab = resolveNavigation ? event.metaKey || event.ctrlKey || event.shiftKey || event.button === 1 : isSpecialEvent(event);
+    var target = openInNewTab ? '_blank' : isFlexibleUi ? anchorTarget : '_self';
     onClick === null || onClick === void 0 || onClick(event, {
       url: url,
       destinationUrl: destinationUrl
@@ -204,12 +213,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 = 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();
     updateAnchorHref(event, destinationUrl);
 
     // isAuxClick filters Windows right-clicks (button === 2) that also fire onAuxClick.
@@ -218,19 +228,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 = 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();
     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 = useCallback(function () {
     return actions.authorize(appearance);
@@ -363,6 +374,7 @@ function Component(_ref) {
     return /*#__PURE__*/React.createElement(FlexibleCard, {
       id: id,
       cardState: cardState,
+      navigation: navigation,
       placeholderData: placeholderData,
       onAuthorize: services.length && handleAuthorize || undefined,
       onClick: handleClickWrapper,

package/dist/esm/view/EmbedCard/components/ErrorFrame.js

@@ -1,4 +1,4 @@
-/* ErrorFrame.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ErrorFrame.tsx generated by @compiled/babel-plugin v3.0.2 */
 /* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports -- exports share Compiled style value(s) [compactFrameAlignStyles, compactFrameHoverStyles, compactFrameInheritDimensionsFalseStyles, compactFrameInheritDimensionsTrueStyles, compactFrameNotSelectedStyles, compactFrameStyles, expandedFrameFluidHeightFalseStyles, expandedFrameFluidHeightTrueStyles, expandedFrameHoverStyles, expandedFrameNotSelectedStyles, expandedFrameSelectedStyles, expandedFrameStyles, sharedBaseFrameStyles, sharedFrameStyles] which cannot be exported across files (UI Styling Standard: no-exported-css) */
 import "./ErrorFrame.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/view/EmbedCard/components/ExpandedFrame.js

@@ -1,4 +1,4 @@
-/* ExpandedFrame.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ExpandedFrame.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ExpandedFrame.compiled.css";
 import * as React from 'react';

package/dist/esm/view/EmbedCard/components/Frame.js

@@ -1,4 +1,4 @@
-/* Frame.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Frame.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./Frame.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/view/EmbedCard/components/ImageIcon.js

@@ -1,4 +1,4 @@
-/* ImageIcon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ImageIcon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ImageIcon.compiled.css";

package/dist/esm/view/EmbedCard/components/carousel/CarouselSlide.js

@@ -1,4 +1,4 @@
-/* CarouselSlide.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* CarouselSlide.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./CarouselSlide.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';

package/dist/esm/view/EmbedCard/components/carousel/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/view/EmbedCard/components/rovo-actions-footer/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";

package/dist/esm/view/EmbedCard/components/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* styled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/view/EmbedCard/views/ErroredView.js

@@ -1,4 +1,4 @@
-/* ErroredView.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ErroredView.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ErroredView.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/view/EmbedCard/views/ResolvedView.js

@@ -1,4 +1,4 @@
-/* ResolvedView.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ResolvedView.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ResolvedView.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/view/EmbedCard/views/unauthorized-view/carousel-images/IconSlot.js

@@ -1,4 +1,4 @@
-/* IconSlot.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* IconSlot.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./IconSlot.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/view/EmbedCard/views/unauthorized-view/carousel-images/NoAuthAvailableImage.js

@@ -1,4 +1,4 @@
-/* NoAuthAvailableImage.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* NoAuthAvailableImage.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./NoAuthAvailableImage.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/view/EmbedCard/views/unresolved-view/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';

package/dist/esm/view/EmbedModal/components/embed-content/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/esm/view/EmbedModal/components/link-info/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';

package/dist/esm/view/FlexibleCard/assets/ai-chapter-icon.js

@@ -1,4 +1,4 @@
-/* ai-chapter-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ai-chapter-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ai-chapter-icon.compiled.css";
 import * as React from 'react';

package/dist/esm/view/FlexibleCard/assets/ai-edit-icon.js

@@ -1,4 +1,4 @@
-/* ai-edit-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ai-edit-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ai-edit-icon.compiled.css";
 import * as React from 'react';

package/dist/esm/view/FlexibleCard/assets/ai-search-icon.js

@@ -1,4 +1,4 @@
-/* ai-search-icon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ai-search-icon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ai-search-icon.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, useCallback, useMemo } from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -1,4 +1,4 @@
-/* action-button.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* action-button.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./action-button.compiled.css";
 import * as React from 'react';

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/empty-state/main.js

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* main.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/error-state/main.js

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* main.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/main.js

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* main.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* main.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -6,7 +6,9 @@ import { defineMessages, useIntl } from 'react-intl';
 import Heading from '@atlaskit/heading/heading';
 import AutomationIcon from '@atlaskit/icon/core/automation';
 import ModalHeader from '@atlaskit/modal-dialog/modal-header';
+import ModalTitle from '@atlaskit/modal-dialog/modal-title';
 import { useModal } from '@atlaskit/modal-dialog/hooks';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { useAutomationMenu } from '../../menu-context/useAutomationMenu';
 var styles = {
@@ -31,28 +33,24 @@ export var AutomationModalHeader = function AutomationModalHeader(_ref) {
   var _useModal = 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, {
-      hasCloseButton: true
-    }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Inline, {
-      alignBlock: "center"
-    }, /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.iconStyle
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-      ,
-      backgroundColor: "color.background.accent.green.subtlest"
-    }, /*#__PURE__*/React.createElement(AutomationIcon, {
-      size: "small",
-      label: formatMessage(i18n.modalHeaderIconLabel),
-      color: "var(--ds-icon-accent-green, #22A06B)",
-      spacing: "compact"
-    })), /*#__PURE__*/React.createElement(Heading, {
-      size: "medium",
-      id: titleId
-    }, modalTitle)), showDescription && /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.modalDescriptionStyle
-    }, modalDescription)))
-  );
+  return /*#__PURE__*/React.createElement(ModalHeader, {
+    hasCloseButton: true
+  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Inline, {
+    alignBlock: "center"
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.iconStyle
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    ,
+    backgroundColor: "color.background.accent.green.subtlest"
+  }, /*#__PURE__*/React.createElement(AutomationIcon, {
+    size: "small",
+    label: formatMessage(i18n.modalHeaderIconLabel),
+    color: "var(--ds-icon-accent-green, #22A06B)",
+    spacing: "compact"
+  })), fg('platform_dst_modal-dialog-use-modal-title') ? /*#__PURE__*/React.createElement(ModalTitle, null, modalTitle) : /*#__PURE__*/React.createElement(Heading, {
+    size: "medium",
+    id: titleId
+  }, modalTitle)), showDescription && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.modalDescriptionStyle
+  }, modalDescription)));
 };

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

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* main.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* main.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/view/FlexibleCard/components/actions/custom-unresolved-action/CustomUnresolvedAction.js

@@ -1,4 +1,4 @@
-/* CustomUnresolvedAction.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* CustomUnresolvedAction.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["testId", "onlyShowIfAction", "Container"];

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _Actions;

package/dist/esm/view/FlexibleCard/components/blocks/action-group/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/assets/ellipses.js

@@ -1,4 +1,4 @@
-/* ellipses.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ellipses.tsx generated by @compiled/babel-plugin v3.0.2 */
 // Copied from platform/packages/ai-mate/rovo-platform-ui-components/src/ui/primitives/ellipses-animation/EllipsesAnimation.tsx
 import "./ellipses.compiled.css";
 import * as React from 'react';

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";