@atlaskit/smart-card 43.31.10 → 44.0.0

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

@@ -165,7 +165,7 @@ function Component({
   useEffect(() => {
     measure.mark(id, state.status);
     if (state.status !== 'pending' && state.status !== 'resolving') {
-      var _state$error, _state$error2, _state$error3, _state$error4, _state$error5;
+      var _state$error, _state$error2, _state$error3;
       measure.create(id, state.status);
       if (state.status === 'resolved') {
         var _measure$getMeasure$d, _measure$getMeasure;
@@ -173,7 +173,7 @@ function Component({
           definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
           duration: (_measure$getMeasure$d = (_measure$getMeasure = measure.getMeasure(id, state.status)) === null || _measure$getMeasure === void 0 ? void 0 : _measure$getMeasure.duration) !== null && _measure$getMeasure$d !== void 0 ? _measure$getMeasure$d : null
         });
-      } else if (fg('platform_navx_lp_invalid_url_error') ? ((_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.type) !== 'ResolveUnsupportedError' && ((_state$error2 = state.error) === null || _state$error2 === void 0 ? void 0 : _state$error2.type) !== 'UnsupportedError' && ((_state$error3 = state.error) === null || _state$error3 === void 0 ? void 0 : _state$error3.name) !== 'InvalidUrlError' : ((_state$error4 = state.error) === null || _state$error4 === void 0 ? void 0 : _state$error4.type) !== 'ResolveUnsupportedError' && ((_state$error5 = state.error) === null || _state$error5 === void 0 ? void 0 : _state$error5.type) !== 'UnsupportedError') {
+      } else if (((_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.type) !== 'ResolveUnsupportedError' && ((_state$error2 = state.error) === null || _state$error2 === void 0 ? void 0 : _state$error2.type) !== 'UnsupportedError' && ((_state$error3 = state.error) === null || _state$error3 === void 0 ? void 0 : _state$error3.name) !== 'InvalidUrlError') {
         fireEvent('operational.smartLink.unresolved', {
           definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
           reason: state.status,
@@ -465,7 +465,7 @@ function ComponentUpdated({
   useEffect(() => {
     measure.mark(id, state.status);
     if (state.status !== 'pending' && state.status !== 'resolving') {
-      var _state$error6, _state$error7, _state$error8, _state$error9, _state$error0;
+      var _state$error4, _state$error5, _state$error6;
       measure.create(id, state.status);
       if (state.status === 'resolved') {
         var _measure$getMeasure$d2, _measure$getMeasure2;
@@ -473,7 +473,7 @@ function ComponentUpdated({
           definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
           duration: (_measure$getMeasure$d2 = (_measure$getMeasure2 = measure.getMeasure(id, state.status)) === null || _measure$getMeasure2 === void 0 ? void 0 : _measure$getMeasure2.duration) !== null && _measure$getMeasure$d2 !== void 0 ? _measure$getMeasure$d2 : null
         });
-      } else if (fg('platform_navx_lp_invalid_url_error') ? ((_state$error6 = state.error) === null || _state$error6 === void 0 ? void 0 : _state$error6.type) !== 'ResolveUnsupportedError' && ((_state$error7 = state.error) === null || _state$error7 === void 0 ? void 0 : _state$error7.type) !== 'UnsupportedError' && ((_state$error8 = state.error) === null || _state$error8 === void 0 ? void 0 : _state$error8.name) !== 'InvalidUrlError' : ((_state$error9 = state.error) === null || _state$error9 === void 0 ? void 0 : _state$error9.type) !== 'ResolveUnsupportedError' && ((_state$error0 = state.error) === null || _state$error0 === void 0 ? void 0 : _state$error0.type) !== 'UnsupportedError') {
+      } else if (((_state$error4 = state.error) === null || _state$error4 === void 0 ? void 0 : _state$error4.type) !== 'ResolveUnsupportedError' && ((_state$error5 = state.error) === null || _state$error5 === void 0 ? void 0 : _state$error5.type) !== 'UnsupportedError' && ((_state$error6 = state.error) === null || _state$error6 === void 0 ? void 0 : _state$error6.name) !== 'InvalidUrlError') {
         fireEvent('operational.smartLink.unresolved', {
           definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
           reason: state.status,

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

@@ -2,7 +2,7 @@
 import "./ErroredView.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import Button from '@atlaskit/button/new';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { Box, Inline } from '@atlaskit/primitives/compiled';

package/dist/es2019/view/EmbedCard/views/forbidden-view/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import Button from '@atlaskit/button/new';
 import { messages } from '../../../../messages';
 import { toMessage } from '../../../../utils/intl-utils';

package/dist/es2019/view/EmbedCard/views/not-found-view/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { messages } from '../../../../messages';
 import { toMessage } from '../../../../utils/intl-utils';
 import UnresolvedView from '../unresolved-view';

package/dist/es2019/view/EmbedCard/views/not-found-view/not-found-svg/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 export const NotFoundSVG = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   xmlnsXlink: "http://www.w3.org/1999/xlink",

package/dist/es2019/view/EmbedCard/views/unauthorized-view/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useMemo } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import Button from '@atlaskit/button/new';
 import { useAnalyticsEvents } from '../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../messages';

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

@@ -2,7 +2,7 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import Heading from '@atlaskit/heading';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import VidFullScreenOnIcon from '@atlaskit/icon/core/fullscreen-enter';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { IconButton } from '@atlaskit/button/new';
 import Tooltip from '@atlaskit/tooltip';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useRef, useState } from 'react';
 import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { SmartLinkSize } from '../../constants';
 import useInvokeClientAction from '../../state/hooks/use-invoke-client-action';
@@ -67,12 +68,34 @@ const EmbedModal = ({
         size: toSize(newWidth)
       });
     }
-  }, [onResize, width]);
+    if (invokeViewAction) {
+      const visitedDisplay = invokeViewAction.display && invokeViewAction.display !== 'url' ? invokeViewAction.display : null;
+      if (visitedDisplay && expValEquals('cc_integrations_editor_open_link_click_analytics', 'isEnabled', true)) {
+        var _invokeViewAction$id, _invokeViewAction$def;
+        fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.smartLink.visited', {
+          id: (_invokeViewAction$id = invokeViewAction.id) !== null && _invokeViewAction$id !== void 0 ? _invokeViewAction$id : iframeName,
+          display: visitedDisplay,
+          definitionId: (_invokeViewAction$def = invokeViewAction.definitionId) !== null && _invokeViewAction$def !== void 0 ? _invokeViewAction$def : null
+        });
+      }
+    }
+  }, [fireEvent, iframeName, invokeViewAction, onResize, width]);
   const themeState = useThemeObserver();
   let previewUrl = src;
   const handleOnViewActionClick = useCallback(() => {
-    invokeViewAction && invoke(invokeViewAction);
-  }, [invoke, invokeViewAction]);
+    if (invokeViewAction) {
+      invoke(invokeViewAction);
+      const visitedDisplay = invokeViewAction.display && invokeViewAction.display !== 'url' ? invokeViewAction.display : null;
+      if (visitedDisplay && expValEquals('cc_integrations_editor_open_link_click_analytics', 'isEnabled', true)) {
+        var _invokeViewAction$id2, _invokeViewAction$def2;
+        fireEvent === null || fireEvent === void 0 ? void 0 : fireEvent('ui.smartLink.visited', {
+          id: (_invokeViewAction$id2 = invokeViewAction.id) !== null && _invokeViewAction$id2 !== void 0 ? _invokeViewAction$id2 : iframeName,
+          display: visitedDisplay,
+          definitionId: (_invokeViewAction$def2 = invokeViewAction.definitionId) !== null && _invokeViewAction$def2 !== void 0 ? _invokeViewAction$def2 : null
+        });
+      }
+    }
+  }, [fireEvent, iframeName, invoke, invokeViewAction]);
   const handleOnDownloadActionClick = useCallback(() => {
     invokeDownloadAction && invoke(invokeDownloadAction);
   }, [invokeDownloadAction, invoke]);

package/dist/es2019/view/EmbedModal/utils.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { IntlProvider } from 'react-intl-next';
+import { IntlProvider } from 'react-intl';
 const IFRAME_NAME = 'twp-editor-preview-iframe';
 const POPUP_MOUNT_POINT_ID = 'twp-editor-preview-iframe';
 

package/dist/es2019/view/FlexibleCard/components/actions/ai-summary-action/ai-summarise-action.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import AiIcon from '@atlaskit/icon/core/atlassian-intelligence';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';

package/dist/es2019/view/FlexibleCard/components/actions/ai-summary-action/copy-summary-action.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useState } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import CopyIcon from '@atlaskit/icon/core/copy';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../messages';

package/dist/es2019/view/FlexibleCard/components/actions/ai-summary-action/utils.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { getAISummaryErrorMessage } from '../../../../../utils/ai-summary';
 import AIEventErrorViewed from '../../common/ai-summary/ai-event-error-viewed';
 import AILearnMoreAnchor from '../../common/ai-summary/ai-learn-more-anchor';

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/test-utils.js

@@ -3,7 +3,7 @@ import React, { Component, Fragment } from 'react';
 
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { render } from '@testing-library/react';
-import { IntlProvider } from 'react-intl-next';
+import { IntlProvider } from 'react-intl';
 import { DiProvider } from 'react-magnetic-di';
 /**
  * Creates a stubbed invocation API call for triggering rules. Will return

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

@@ -2,7 +2,7 @@
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { defineMessages, FormattedMessage, useIntl } from 'react-intl-next';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import Link from '@atlaskit/link';
 import { Box, Stack } from '@atlaskit/primitives/compiled';

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

@@ -2,7 +2,7 @@
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import { Box, Stack } from '@atlaskit/primitives/compiled';
 import ErrorIcon from './error-icon';
 const styles = {

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

@@ -2,7 +2,7 @@
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import { Box } from '@atlaskit/primitives/compiled';
 import SectionMessage from '@atlaskit/section-message';
 import { useAutomationMenu } from '../../menu-context';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import Button, { LinkButton } from '@atlaskit/button/new';
 import { useAutomationMenu } from '../../menu-context';

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

@@ -2,7 +2,7 @@
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import Heading from '@atlaskit/heading';
 import AutomationIcon from '@atlaskit/icon/core/automation';
 import { ModalHeader, useModal } from '@atlaskit/modal-dialog';

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { lazy, useCallback } from 'react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import AutomationIcon from '@atlaskit/icon/core/automation';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives/compiled';

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-next';
+import { FormattedMessage } from 'react-intl';
 import LinkIcon from '@atlaskit/icon/core/link';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName } from '../../../../../constants';

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

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { Box, Pressable } from '@atlaskit/primitives/compiled';
 import { InternalActionName, SmartLinkStatus } from '../../../../../constants';
 import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import CrossIcon from '@atlaskit/icon/core/cross';
 import { messages } from '../../../../../messages';
 import Action from '../action';

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import { ActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import EditIcon from '@atlaskit/icon/core/edit';
 import { messages } from '../../../../../messages';
 import Action from '../action';

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionName } from '../../../../../constants';

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-next';
+import { FormattedMessage } 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';

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useMemo } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { InternalActionName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';

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

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { cx } from '@atlaskit/css';
 import { Box, Pressable } from '@atlaskit/primitives/compiled';
 import { InternalActionName } from '../../../../../constants';

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { lazy, useCallback } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../messages';

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

@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 
 import { useCallback, useMemo, useState } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { di } from 'react-magnetic-di';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/standard-button';

package/dist/es2019/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { di } from 'react-magnetic-di';
 import AIIcon from '@atlaskit/icon/core/atlassian-intelligence';
 import { Box, Inline } from '@atlaskit/primitives/compiled';

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

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, useRef } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { di } from 'react-magnetic-di';
 import { RovoIcon } from '@atlaskit/logo';
 import { Box, Inline, Text } from '@atlaskit/primitives/compiled';

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

@@ -3,7 +3,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useState } from 'react';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { defineMessages, useIntl } from 'react-intl';
 import ImageLoader from 'react-render-image';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { LoadingSkeleton } from '../loading-skeleton';

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { IconType } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';

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

@@ -3,7 +3,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
 import { ElementName } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';

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

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { selectUnit } from '@formatjs/intl-utils';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { messages } from '../../../../../../messages';
 const styles = null;
 const typeToDescriptorMap = {

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

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { FormattedDate } from 'react-intl-next';
+import { FormattedDate } from 'react-intl';
 import AtlaskitLozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { SimpleTag as Tag } from '@atlaskit/tag';

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js

@@ -3,7 +3,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, useCallback, useMemo } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js

@@ -7,7 +7,7 @@ import { ax, ix } from "@compiled/react/runtime";
 
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { cx } from '@compiled/react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import Lozenge, { LozengeDropdownTrigger } from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import Loadable from 'react-loadable';
 import { SmartLinkSize } from '../../../constants';
 export const sizeToButtonSpacing = {

package/dist/es2019/view/HoverCard/components/views/forbidden/index.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/new';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';

package/dist/es2019/view/HoverCard/components/views/unauthorised/RovoUnauthorisedView.js

@@ -4,7 +4,7 @@ import "./RovoUnauthorisedView.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import Button from '@atlaskit/button/new';
 import AiGenerativeTextSummaryIcon from '@atlaskit/icon/core/ai-generative-text-summary';
 import CoreLinkIcon from '@atlaskit/icon/core/link';

package/dist/es2019/view/HoverCard/components/views/unauthorised/index.js

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { ActionName, CardDisplay } from '../../../../../constants';

package/dist/es2019/view/InlineCard/ErroredView/index.js

@@ -1,7 +1,7 @@
 /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { messages } from '../../../messages';
 import { HoverCard } from '../../HoverCard';

package/dist/es2019/view/InlineCard/ForbiddenView/index.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import { messages } from '../../../messages';

package/dist/es2019/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.js

@@ -1,9 +1,12 @@
 import React from 'react';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import useInlineActionNudgeExperiment from '../../../state/hooks/use-inline-action-nudge-experiment';
 import { HoverCard } from '../../HoverCard';
+import { RovoActionsButton } from '../common/rovo-actions-button';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { renderLozenge } from './renderLozenge';
-export function InlineCardResolvedViewFunctional({
+export function InlineCardResolvedViewBase({
   id,
   title = '',
   isSelected,
@@ -46,4 +49,56 @@ export function InlineCardResolvedViewFunctional({
     actionOptions: actionOptions,
     hoverPreviewOptions: hoverPreviewOptions
   }, frame);
-}
+}
+export function InlineCardResolvedViewFunctionalWithRovoActionsButton({
+  id,
+  title = '',
+  isSelected,
+  isHovered,
+  onClick,
+  icon,
+  link,
+  testId = 'inline-card-resolved-view',
+  titleTextColor,
+  titlePrefix,
+  showHoverPreview = false,
+  hoverPreviewOptions,
+  actionOptions,
+  truncateInline,
+  type,
+  hideIconLoadingSkeleton,
+  lozenge
+}) {
+  const {
+    isEnabled
+  } = useInlineActionNudgeExperiment(link);
+
+  // TODO https://hello.jira.atlassian.cloud/browse/NAVX-4436: fire analytics with cohort
+  const frame = /*#__PURE__*/React.createElement(Frame, {
+    testId: testId,
+    link: link,
+    isSelected: isSelected,
+    isHovered: isHovered,
+    onClick: onClick,
+    truncateInline: truncateInline
+  }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
+    emoji: titlePrefix,
+    icon: icon,
+    title: title,
+    titleTextColor: titleTextColor,
+    type: type,
+    hideIconLoadingSkeleton: hideIconLoadingSkeleton
+  }), renderLozenge(lozenge), isEnabled && link && /*#__PURE__*/React.createElement(RovoActionsButton, {
+    testId: `${testId}-rovo-actions-button`
+  }));
+  if (!showHoverPreview || !link) {
+    return frame;
+  }
+  return /*#__PURE__*/React.createElement(HoverCard, {
+    id: id,
+    url: link,
+    actionOptions: actionOptions,
+    hoverPreviewOptions: hoverPreviewOptions
+  }, frame);
+}
+export const InlineCardResolvedViewFunctional = componentWithFG('rovogrowth-640-inline-action-nudge-fg', InlineCardResolvedViewFunctionalWithRovoActionsButton, InlineCardResolvedViewBase);

package/dist/es2019/view/InlineCard/UnauthorisedView/index.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';