@atlaskit/smart-card 45.23.4 → 45.24.0

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

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

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

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

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

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

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

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

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

package/dist/es2019/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/es2019/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 "./priority-blocker-icon.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./priority-critical-icon.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./priority-high-icon.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./priority-highest-icon.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./priority-icon.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./priority-low-icon.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./priority-lowest-icon.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./priority-major-icon.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./priority-medium-icon.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./priority-minor-icon.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./priority-trivial-icon.compiled.css";
 import * as React from 'react';

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

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

package/dist/es2019/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 "./ForbiddenView.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./NotFoundView.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./ResolvedView.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 _extends from "@babel/runtime/helpers/extends";
 import "./UnauthorisedView.compiled.css";
 import * as React from 'react';

package/dist/es2019/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/es2019/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/es2019/view/CardWithUrl/component.js

@@ -1,4 +1,5 @@
 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';
@@ -92,6 +93,10 @@ function Component({
     isPreviewPanelAvailable,
     openPreviewPanel
   } = useSmartLink(id, url, appearance);
+  const {
+    linkNavigation
+  } = useSmartLinkContext();
+  const resolveNavigation = fg('confluence_ep_shim_macro_links_v2') && isFlexibleUi ? linkNavigation : undefined;
   const ari = getObjectAri(state.details);
   const name = getObjectName(state.details);
   const definitionId = getDefinitionId(state.details);
@@ -122,9 +127,11 @@ function Component({
     const 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]);
+  const navigation = useMemo(() => resolveNavigation === null || resolveNavigation === void 0 ? void 0 : resolveNavigation(getDestinationUrl()), [getDestinationUrl, resolveNavigation]);
 
   // Setup UI handlers.
   const handleClickWrapper = useCallback(event => {
+    var _resolveNavigation$ur;
     const isModifierKeyPressed = isSpecialKey(event) || isSpecialClick(event);
     fireEvent('ui.smartLink.clicked', {
       id,
@@ -169,7 +176,7 @@ function Component({
       });
       return;
     }
-    const destinationUrl = getDestinationUrl();
+    const 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
@@ -177,7 +184,8 @@ function Component({
     const {
       target: anchorTarget
     } = getAnchorAttributesFromEvent(event);
-    const target = isSpecialEvent(event) ? '_blank' : isFlexibleUi ? anchorTarget : '_self';
+    const openInNewTab = resolveNavigation ? event.metaKey || event.ctrlKey || event.shiftKey || event.button === 1 : isSpecialEvent(event);
+    const target = openInNewTab ? '_blank' : isFlexibleUi ? anchorTarget : '_self';
     onClick === null || onClick === void 0 ? void 0 : onClick(event, {
       url,
       destinationUrl
@@ -204,12 +212,13 @@ function Component({
         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.
   const handleFrameAuxClick = useCallback(event => {
-    const destinationUrl = getDestinationUrl();
+    var _resolveNavigation$ur2;
+    const 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 +227,20 @@ function Component({
         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.
   const handleFrameContextMenu = useCallback(event => {
-    const destinationUrl = getDestinationUrl();
+    var _resolveNavigation$ur3;
+    const 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 ? void 0 : fire3PClickEvent({
         isContextMenu: true
       });
     }
-  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent]);
+  }, [fire3PClickEvent, getDestinationUrl, shouldFire3PClickEvent, resolveNavigation]);
   const {
     reload
   } = actions;
@@ -363,6 +373,7 @@ function Component({
     return /*#__PURE__*/React.createElement(FlexibleCard, {
       id: id,
       cardState: cardState,
+      navigation: navigation,
       placeholderData: placeholderData,
       onAuthorize: services.length && handleAuthorize || undefined,
       onClick: handleClickWrapper,

package/dist/es2019/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/es2019/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/es2019/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 "./Frame.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useRef, useState } from 'react';

package/dist/es2019/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 "./ImageIcon.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/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/es2019/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 "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useRef, useState } from 'react';

package/dist/es2019/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 "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useMemo, useState } from 'react';

package/dist/es2019/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 "./styled.compiled.css";
 import { forwardRef } from 'react';

package/dist/es2019/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/es2019/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 "./ResolvedView.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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';
 const styles = {
@@ -35,28 +37,24 @@ export const AutomationModalHeader = ({
     titleId
   } = useModal();
   const 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/es2019/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/es2019/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/es2019/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 "./CustomUnresolvedAction.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/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/es2019/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/es2019/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 "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/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 "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/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/es2019/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";

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/resolved/RovoSummaryBlockResolvedView.js

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