@atlaskit/smart-card 43.31.10 → 44.0.0

package/dist/es2019/view/InlineCard/common/rovo-actions-button/index.js

@@ -1,78 +1,13 @@
-/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import "./index.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React, { useState } from 'react';
-import { useIntl } from 'react-intl-next';
-import { cx } from '@atlaskit/css';
+import React from 'react';
 import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
-import Popup from '@atlaskit/popup';
-import { Box } from '@atlaskit/primitives/compiled';
-import { messages } from '../../../../messages';
-import AIPrism from '../../../common/ai-prism';
-import { ActionButton } from '../action-button';
-import { RovoPostAuthActionsModal } from '../rovo-post-auth-actions-modal';
-const styles = {
-  wrapper: "_kqswh2mm _1e0c1o8l",
-  expanded: "_kqswstnw _154iidpf _1xi2idpf _1e0c1nu9 _o5721q9c _1pbykb7n",
-  expandedText: "_1reo15vq _18m915vq _v564hlhx _1e0c1o8l _p12fidpf _s7n4jp4b _o5721q9c",
-  expandedTextVisible: "_p12fuuw1 _u5f31b66"
-};
 export const RovoActionsButton = ({
-  onClick,
-  testId,
-  title = '',
-  url = ''
+  testId
 }) => {
-  const [isHovered, setIsHovered] = useState(false);
-  const [isPopupOpen, setIsPopupOpen] = useState(false);
-  const {
-    formatMessage
-  } = useIntl();
-  const handleClick = e => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsPopupOpen(prev => !prev);
-    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-  };
-  return /*#__PURE__*/React.createElement(Popup, {
-    isOpen: isPopupOpen,
-    onClose: () => setIsPopupOpen(false),
-    placement: "right-start",
-    content: () => /*#__PURE__*/React.createElement(AIPrism, {
-      isVisible: true,
-      isMoving: true,
-      isGlowing: true
-    }, /*#__PURE__*/React.createElement(RovoPostAuthActionsModal, {
-      title: title,
-      url: url,
-      testId: testId && `${testId}-popup`
-    })),
-    trigger: triggerProps => /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.wrapper,
-      onMouseEnter: () => setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false),
-      onFocus: () => setIsHovered(true),
-      onBlur: () => setIsHovered(false)
-    }, /*#__PURE__*/React.createElement(ActionButton, _extends({
-      onClick: handleClick,
-      viewType: "action",
-      testId: testId
-    }, triggerProps), /*#__PURE__*/React.createElement(RovoChatIcon, {
-      label: "Rovo",
-      color: "var(--ds-icon-inverse, #FFFFFF)",
-      size: "small"
-    })), /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.expanded
-    }, /*#__PURE__*/React.createElement(ActionButton, _extends({
-      onClick: handleClick,
-      viewType: "action"
-    }, triggerProps), /*#__PURE__*/React.createElement(Box, {
-      xcss: cx(styles.expandedText, isHovered && styles.expandedTextVisible)
-    }, formatMessage(messages.rovo_actions_explore)), /*#__PURE__*/React.createElement(RovoChatIcon, {
-      label: "Rovo",
-      color: "var(--ds-icon-inverse, #FFFFFF)",
-      size: "small"
-    }))))
-  });
+  return /*#__PURE__*/React.createElement("span", {
+    "data-testid": testId
+  }, /*#__PURE__*/React.createElement(RovoChatIcon, {
+    label: "Rovo",
+    color: "var(--ds-icon-inverse, #FFFFFF)",
+    size: "small"
+  }));
 };

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { withErrorBoundary as withReactErrorBoundary } from 'react-error-boundary';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';

package/dist/es2019/view/LinkUrl/HyperlinkResolver/unauthorize-view.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 { messages } from '../../../messages';
 import { ActionButton } from '../../InlineCard/common/action-button';
 import Hyperlink from '../Hyperlink';

package/dist/es2019/view/LinkUrl/LinkWarningModal/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, injectIntl, IntlProvider } from 'react-intl-next';
+import { FormattedMessage, injectIntl, IntlProvider } from 'react-intl';
 import Button from '@atlaskit/button/standard-button';
 import Link from '@atlaskit/link';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';

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

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

package/dist/es2019/view/RelatedLinksModal/components/RelatedLinksBaseModal.js

@@ -2,7 +2,7 @@
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useRef } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import Button from '@atlaskit/button/new';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';

package/dist/es2019/view/RelatedLinksModal/components/related-links-list/index.js

@@ -2,7 +2,7 @@
 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 { Box, Stack } from '@atlaskit/primitives/compiled';
 import { messages } from '../../../../messages';
 import RelatedLinkItem from '../related-link-item';

package/dist/es2019/view/RelatedLinksModal/views/errored/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { GenericErrorIcon } from '../../../../common/ui/icons/generic-error-icon';
 import { messages } from '../../../../messages';
 import { EmptyState } from '../../components/EmptyState';

package/dist/es2019/view/RelatedLinksModal/views/unavailable/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage, useIntl } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { messages } from '../../../../messages';
 import { EmptyState } from '../../components/EmptyState';
 import { SpotSearchNoResult } from '../errored/error-svg/search-no-result';

package/dist/es2019/view/common/UnauthorisedViewContent.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 { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';

package/dist/es2019/view/common/access/ForbiddenAction.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 { messages } from '../../../messages';
 export const ForbiddenAction = (handler, id = 'connect-other-account', message = messages.try_another_account, values = {}) => ({
   id,

package/dist/es2019/view/common/ai-summary/ai-footer/index.js

@@ -2,7 +2,7 @@
 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 InformationCircleIcon from '@atlaskit/icon/core/information-circle';
 import Link from '@atlaskit/link';
 import { Inline, Text } from '@atlaskit/primitives/compiled';

package/dist/es2019/view/common/intl-provider/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IntlProvider } from 'react-intl-next';
+import { IntlProvider } from 'react-intl';
 
 /**
  * HOC to wrap component with IntlProvider if not available

package/dist/esm/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-false.png

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

package/dist/esm/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-true.png

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

package/dist/esm/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-true-platform-sl-3p-preauth-better-hovercard-false.png

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

package/dist/esm/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-true-platform-sl-3p-preauth-better-hovercard-true.png

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

package/dist/esm/__tests__/vr-tests/__snapshots__/inline-card/inline-card-resolved-view-with-rovo-actions-button-treatment---default.png

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

package/dist/esm/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   actions: {
     id: 'fabric.linking.actions',

package/dist/esm/state/hooks/use-ai-summary/index.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useState } from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { AISummaryService } from './ai-summary-service';
 import { AISummariesStore } from './ai-summary-service/store';
 /**

package/dist/esm/state/hooks/use-inline-action-nudge-experiment/index.js

@@ -0,0 +1,42 @@
+import { useMemo } from 'react';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { getIsRovoChatEnabled } from '../../../utils/rovo';
+import { getExtensionKey } from '../../helpers';
+import { useSmartCardState } from '../../store';
+import useRovoConfig from '../use-rovo-config';
+var EXCLUDED_EXTENSION_KEYS = new Set(['figma-object-provider', 'google-object-provider']);
+var NOT_ENABLED_RESULT = {
+  isEnabled: false
+};
+
+/**
+ * Returns whether the rovogrowth_640_inline_action_nudge experiment
+ * is enabled for the current user and link context.
+ *
+ * All eligibility criteria are consolidated here:
+ * 1. Rovo chat must be enabled for the tenant.
+ * 2. The extension key must not be excluded (Figma and Google links are excluded).
+ * 3. The experiment value must be true (via tmp-editor-statsig).
+ *
+ * The extension key is derived from the card store via the resolved URL,
+ * so callers don't need to thread it as a prop.
+ */
+var useInlineActionNudgeExperiment = function useInlineActionNudgeExperiment(url) {
+  var rovoConfig = useRovoConfig();
+  var isRovoChatEnabled = getIsRovoChatEnabled(rovoConfig);
+  var cardState = useSmartCardState(url !== null && url !== void 0 ? url : '');
+  var extensionKey = getExtensionKey(cardState.details);
+  return useMemo(function () {
+    if (!isRovoChatEnabled) {
+      return NOT_ENABLED_RESULT;
+    }
+    if (extensionKey && EXCLUDED_EXTENSION_KEYS.has(extensionKey)) {
+      return NOT_ENABLED_RESULT;
+    }
+    var isEnabled = editorExperiment('rovogrowth_640_inline_action_nudge', true);
+    return {
+      isEnabled: isEnabled
+    };
+  }, [isRovoChatEnabled, extensionKey]);
+};
+export default useInlineActionNudgeExperiment;

package/dist/esm/state/hooks/use-resolve-hyperlink/index.js

@@ -3,7 +3,6 @@ import { useEffect, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import * as measure from '../../../utils/performance';
 import { useSmartCardActions } from '../../actions';
@@ -34,7 +33,7 @@ var useResolveHyperlink = function useResolveHyperlink(_ref) {
   useEffect(function () {
     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;
@@ -44,7 +43,7 @@ var useResolveHyperlink = function useResolveHyperlink(_ref) {
           resourceType: resourceType !== null && resourceType !== void 0 ? resourceType : 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.hyperlink.unresolved', {
           definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
           extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : null,

package/dist/esm/utils/actions/to-action.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 export var toAction = function toAction(action, invokeClientAction, message, id) {
   return {
     id: id,

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

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

package/dist/esm/view/BlockCard/actions/AuthorizeAction.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 { ActionName } from '../../../constants';
 import { messages } from '../../../messages';
 /**

package/dist/esm/view/BlockCard/actions/ForbiddenAction.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 { ActionName } from '../../../constants';
 import { messages } from '../../../messages';
 /**

package/dist/esm/view/BlockCard/actions/RetryAction.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage } from 'react-intl';
 import { ActionName } from '../../../constants';
 import { messages } from '../../../messages';
 /**

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

@@ -7,7 +7,7 @@ import "./ForbiddenView.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 { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';

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

@@ -6,7 +6,7 @@ import "./NotFoundView.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 LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { messages } from '../../../messages';

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

@@ -6,7 +6,7 @@ import "./UnauthorisedView.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 { Box } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';

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

@@ -6,7 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { injectIntl, IntlProvider } from 'react-intl-next';
+import { injectIntl, IntlProvider } from 'react-intl';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { context } from '../../utils/analytics';
 import { CardWithURLRenderer } from '../CardWithUrl/loader';

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

@@ -167,7 +167,7 @@ function Component(_ref) {
   useEffect(function () {
     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;
@@ -175,7 +175,7 @@ function Component(_ref) {
           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,
@@ -469,7 +469,7 @@ function ComponentUpdated(_ref2) {
   useEffect(function () {
     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;
@@ -477,7 +477,7 @@ function ComponentUpdated(_ref2) {
           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/esm/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/esm/view/EmbedCard/views/forbidden-view/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["context", "onAuthorize", "accessContext", "testId"];
 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/esm/view/EmbedCard/views/not-found-view/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["context", "accessContext", "testId"];
 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/esm/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 var NotFoundSVG = function NotFoundSVG() {
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["context", "extensionKey", "isProductIntegrationSupported", "onAuthorize", "testId"];
 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/esm/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/esm/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/esm/view/EmbedModal/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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';
@@ -82,12 +83,34 @@ var EmbedModal = function EmbedModal(_ref) {
         size: toSize(newWidth)
       });
     }
-  }, [onResize, width]);
+    if (invokeViewAction) {
+      var 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 || 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]);
   var themeState = useThemeObserver();
   var previewUrl = src;
   var handleOnViewActionClick = useCallback(function () {
-    invokeViewAction && invoke(invokeViewAction);
-  }, [invoke, invokeViewAction]);
+    if (invokeViewAction) {
+      invoke(invokeViewAction);
+      var 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 || 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]);
   var handleOnDownloadActionClick = useCallback(function () {
     invokeDownloadAction && invoke(invokeDownloadAction);
   }, [invokeDownloadAction, invoke]);

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

@@ -5,7 +5,7 @@ var _excluded = ["onClose"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { IntlProvider } from 'react-intl-next';
+import { IntlProvider } from 'react-intl';
 var IFRAME_NAME = 'twp-editor-preview-iframe';
 var POPUP_MOUNT_POINT_ID = 'twp-editor-preview-iframe';
 

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["onClick", "onError", "testId", "status", "summariseUrl"];
 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/esm/view/FlexibleCard/components/actions/ai-summary-action/copy-summary-action.js

@@ -6,7 +6,7 @@ var _excluded = ["url", "onClick", "testId", "content"],
   _excluded2 = ["url", "onClick", "summary", "testId"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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/esm/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/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/test-utils.js

@@ -15,7 +15,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