@atlaskit/smart-card 43.32.0 → 44.0.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @atlaskit/smart-card
 
+## 44.0.0
+
+### Major Changes
+
+- [`9f6bcd21611f3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9f6bcd21611f3) -
+  Removed `react-intl-next` alias and replaced all usages with `react-intl` directly.
+
+  What changed: The `react-intl-next` npm alias (which resolved to `react-intl@^5`) has been
+  removed. All imports now reference `react-intl` directly, and `peerDependencies` have been updated
+  to `"^5.25.1 || ^6.0.0 || ^7.0.0"`.
+
+  How consumer should update their code: Ensure `react-intl` is installed at a version satisfying
+  `^5.25.1 || ^6.0.0 || ^7.0.0`. If your application was using `react-intl-next` as an npm alias, it
+  can be safely removed. Replace any remaining `react-intl-next` imports with `react-intl`.
+
+### Patch Changes
+
+- [`be6cd35acc3ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be6cd35acc3ab) -
+  FG cleanup: platform_navx_lp_invalid_url_error, ignore invalid URL error
+- [`8f7575e82974c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8f7575e82974c) -
+  Add gated analytics for embed modal on view action to capture extensionKey, status, and
+  statusDetails.
+- Updated dependencies
+
+## 43.32.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 43.32.0
 
 ### Minor Changes

package/analytics.spec.yaml

@@ -206,7 +206,7 @@ events:
       type: ui
       description: Fired when sending prompt to RovoChat via click
       attributes:
-        <<: [ *PackageMetaDataContext, *ResolvedContext, *ClientActionAttributes ]
+        <<: [*PackageMetaDataContext, *ResolvedContext, *ClientActionAttributes]
         prompt:
           required: false
           type: string
@@ -607,6 +607,23 @@ events:
           required: false
           type: boolean
           description: Whether a modifier key was pressed when clicking the Smart Link.
+  - smartLink visited:
+      type: ui
+      description: fires an event that represents when a user visits a Smart Link target.
+      attributes:
+        <<: [*PackageMetaDataContext, *CommonContext, *ResolvedContext]
+        id:
+          required: true
+          type: string
+          description: The unique ID for this Smart Link.
+        display:
+          required: true
+          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
+          description: Whether the card was an Inline, Block, Embed or Flexible UI
+        definitionId:
+          required: false
+          type: string
+          description: The definitionId of the Smart Link resolver invoked.
   - smartLink clicked (titleGoToLink):
       type: ui
       description: fires an event that represents when a user clicks on a Smart Link.

package/dist/cjs/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   actions: {
     id: 'fabric.linking.actions',
     defaultMessage: 'Actions',

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useAISummary = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _aiSummaryService = require("./ai-summary-service");
 var _store = require("./ai-summary-service/store");
 /**
@@ -31,7 +31,7 @@ var useAISummary = exports.useAISummary = function useAISummary(props) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     locale = _useIntl.locale;
   (0, _react.useEffect)(function () {
     var _AISummariesStore$get2;

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

@@ -9,7 +9,6 @@ exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _uuid = _interopRequireDefault(require("uuid"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var measure = _interopRequireWildcard(require("../../../utils/performance"));
 var _actions = require("../../actions");
@@ -43,7 +42,7 @@ var useResolveHyperlink = function useResolveHyperlink(_ref) {
   (0, _react.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;
@@ -53,7 +52,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 ((0, _platformFeatureFlags.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/cjs/utils/actions/to-action.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.toAction = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var toAction = exports.toAction = function toAction(action, invokeClientAction, message, id) {
   return {
     id: id,
-    text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message),
+    text: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, message),
     invoke: function invoke() {
       return invokeClientAction(action);
     }

package/dist/cjs/utils/analytics/analytics.js

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

package/dist/cjs/view/BlockCard/actions/AuthorizeAction.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.AuthorizeAction = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _constants = require("../../../constants");
 var _messages = require("../../../messages");
 /**
@@ -21,11 +21,11 @@ var AuthorizeAction = exports.AuthorizeAction = function AuthorizeAction(onAutho
   return {
     appearance: 'primary',
     name: _constants.ActionName.CustomAction,
-    content: providerName ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_unauthorised_account_action, {
+    content: providerName ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_unauthorised_account_action, {
       values: {
         context: providerName
       }
-    })) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.connect_link_account_card),
+    })) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.connect_link_account_card),
     onClick: onAuthorize,
     testId: 'smart-action-connect-account'
   };

package/dist/cjs/view/BlockCard/actions/ForbiddenAction.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ForbiddenAction = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _constants = require("../../../constants");
 var _messages = require("../../../messages");
 /**
@@ -21,7 +21,7 @@ var _messages = require("../../../messages");
 var ForbiddenAction = exports.ForbiddenAction = function ForbiddenAction(onClick, content, context, isDisabled) {
   return {
     name: _constants.ActionName.CustomAction,
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[content], {
+    content: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages[content], {
       values: context
     })),
     onClick: onClick,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RetryAction = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _constants = require("../../../constants");
 var _messages = require("../../../messages");
 /**
@@ -19,7 +19,7 @@ var RetryAction = exports.RetryAction = function RetryAction(onRetry) {
   return {
     name: _constants.ActionName.CustomAction,
     onClick: onRetry,
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again),
+    content: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.try_again),
     testId: 'smart-action-try-again'
   };
 };

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

@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
 var _linkExtractors = require("@atlaskit/link-extractors");
@@ -45,7 +45,7 @@ var ForbiddenView = function ForbiddenView(_ref) {
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var cardState = props.cardState,
     onAuthorize = props.onAuthorize,
     url = props.url;

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

@@ -13,7 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _messages = require("../../../messages");
@@ -34,7 +34,7 @@ var NotFoundView = function NotFoundView(_ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-not-found-view' : _ref$testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var intl = (0, _reactIntlNext.useIntl)();
+  var intl = (0, _reactIntl.useIntl)();
   var details = props.cardState.details;
   var product = (0, _react.useMemo)(function () {
     var _provider$text;

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

@@ -13,7 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
@@ -191,7 +191,7 @@ var UnauthorisedView = function UnauthorisedView(_ref3) {
       providerName: providerName,
       isProductIntegrationSupported: isProductIntegrationSupported,
       testId: testId
-    }) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
+    }) : /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
       values: {
         context: providerName
       }

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

@@ -11,7 +11,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("../../utils/analytics");
 var _loader = require("../CardWithUrl/loader");
@@ -27,12 +27,12 @@ var PlainCard = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var content = /*#__PURE__*/_react.default.createElement(_loader.CardWithURLRenderer, this.props);
-      return this.props.intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+      return this.props.intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
         locale: "en"
       }, content);
     }
   }]);
 }(_react.default.PureComponent);
-var Card = exports.Card = (0, _analyticsNext.withAnalyticsContext)(_analytics.context)((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(PlainCard, {
+var Card = exports.Card = (0, _analyticsNext.withAnalyticsContext)(_analytics.context)((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntl.injectIntl)(PlainCard, {
   enforceContext: false
 })));

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

@@ -176,7 +176,7 @@ function Component(_ref) {
   (0, _react.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;
@@ -184,7 +184,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 ((0, _platformFeatureFlags.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,
@@ -478,7 +478,7 @@ function ComponentUpdated(_ref2) {
   (0, _react.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;
@@ -486,7 +486,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 ((0, _platformFeatureFlags.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/cjs/view/EmbedCard/views/ErroredView.js

@@ -10,7 +10,7 @@ exports.EmbedCardErroredView = void 0;
 require("./ErroredView.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -37,9 +37,9 @@ var EmbedCardErroredView = exports.EmbedCardErroredView = function EmbedCardErro
     label: "error-icon"
   }), /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.boxStyles
-  }, /*#__PURE__*/React.createElement(_compiled.Inline, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.could_not_load_link))), /*#__PURE__*/React.createElement(_new.default, {
+  }, /*#__PURE__*/React.createElement(_compiled.Inline, null, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _messages.messages.could_not_load_link))), /*#__PURE__*/React.createElement(_new.default, {
     testId: "err-view-retry",
     spacing: "compact",
     onClick: onRetry
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again)));
+  }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _messages.messages.try_again)));
 };

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

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _messages = require("../../../../messages");
 var _intlUtils = require("../../../../utils/intl-utils");
@@ -62,7 +62,7 @@ var ForbiddenView = function ForbiddenView(_ref) {
       appearance: "primary",
       onClick: onEmbedCardClick,
       isDisabled: accessType === 'PENDING_REQUEST_EXISTS'
-    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, (0, _intlUtils.toMessage)(_messages.messages.try_another_account, callToActionMessageKey), {
+    }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, (0, _intlUtils.toMessage)(_messages.messages.try_another_account, callToActionMessageKey), {
       values: values
     })));
   }, [accessType, action === null || action === void 0 ? void 0 : action.id, action === null || action === void 0 ? void 0 : action.promise, callToActionMessageKey, onAuthorize, values]);
@@ -71,10 +71,10 @@ var ForbiddenView = function ForbiddenView(_ref) {
     image: image !== null && image !== void 0 ? image : /*#__PURE__*/_react.default.createElement(_forbiddenSvg.ForbiddenSVG, null),
     testId: testId,
     text: text,
-    title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, (0, _intlUtils.toMessage)(_messages.messages.invalid_permissions, titleMessageKey), {
+    title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, (0, _intlUtils.toMessage)(_messages.messages.invalid_permissions, titleMessageKey), {
       values: values
     })),
-    description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, (0, _intlUtils.toMessage)(_messages.messages.invalid_permissions_description, descriptiveMessageKey), {
+    description: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, (0, _intlUtils.toMessage)(_messages.messages.invalid_permissions_description, descriptiveMessageKey), {
       values: values
     })),
     button: button

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

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _messages = require("../../../../messages");
 var _intlUtils = require("../../../../utils/intl-utils");
 var _unresolvedView = _interopRequireDefault(require("../unresolved-view"));
@@ -40,10 +40,10 @@ var NotFoundView = function NotFoundView(_ref) {
     image: image !== null && image !== void 0 ? image : /*#__PURE__*/_react.default.createElement(_notFoundSvg.NotFoundSVG, null),
     testId: testId,
     text: text,
-    title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, (0, _intlUtils.toMessage)(_messages.messages.not_found_title, titleMessageKey), {
+    title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, (0, _intlUtils.toMessage)(_messages.messages.not_found_title, titleMessageKey), {
       values: values
     })),
-    description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, (0, _intlUtils.toMessage)(_messages.messages.not_found_description, descriptiveMessageKey), {
+    description: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, (0, _intlUtils.toMessage)(_messages.messages.not_found_description, descriptiveMessageKey), {
       values: values
     }))
   }));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NotFoundSVG = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var NotFoundSVG = exports.NotFoundSVG = function NotFoundSVG() {
   return /*#__PURE__*/_react.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -45,7 +45,7 @@ var NotFoundSVG = exports.NotFoundSVG = function NotFoundSVG() {
     offset: "0.69",
     stopColor: "#fff",
     stopOpacity: "0.1"
-  }))), /*#__PURE__*/_react.default.createElement("title", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
+  }))), /*#__PURE__*/_react.default.createElement("title", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
     defaultMessage: "Search error",
     id: "smart-card.not-found-svg.title"
   })), /*#__PURE__*/_react.default.createElement("g", {

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

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _useAnalyticsEvents2 = require("../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../messages");
@@ -48,7 +48,7 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
         // title: Connect your {context} account
         // button: Connect to {context}
         return {
-          title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
+          title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
             values: _values
           })),
           description: /*#__PURE__*/_react.default.createElement(_UnauthorisedViewContent.default, {
@@ -60,7 +60,7 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
             testId: "connect-account",
             appearance: "primary",
             onClick: handleOnAuthorizeClick
-          }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_unauthorised_account_action, {
+          }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_unauthorised_account_action, {
             values: _values
           })))
         };
@@ -73,10 +73,10 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
       // title: We can't display private pages from {context}
       // description: You're trying to preview a link to a private {context} page. We recommend you review the URL or contact the page owner.
       return {
-        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.unauthorised_account_name, {
+        title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages.unauthorised_account_name, {
           values: values
         })),
-        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.unauthorised_account_description, {
+        description: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages.unauthorised_account_description, {
           values: values
         }))
       };
@@ -85,8 +85,8 @@ var UnauthorizedView = function UnauthorizedView(_ref) {
     // title: We can't display private pages
     // description: You're trying to preview a link to a private page. We recommend you review the URL or contact the page owner.
     return {
-      title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.unauthorised_account_name_no_provider),
-      description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.unauthorised_account_description_no_provider)
+      title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.unauthorised_account_name_no_provider),
+      description: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.unauthorised_account_description_no_provider)
     };
   }, [context === null || context === void 0 ? void 0 : context.text, handleOnAuthorizeClick, isProductIntegrationSupported, onAuthorize, testId]);
   return /*#__PURE__*/_react.default.createElement(_unresolvedView.default, (0, _extends2.default)({}, unresolvedViewProps, content, {

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

@@ -10,7 +10,7 @@ exports.default = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
 var _fullscreenEnter = _interopRequireDefault(require("@atlaskit/icon/core/fullscreen-enter"));
@@ -45,11 +45,11 @@ var LinkInfo = function LinkInfo(_ref) {
     title = _ref.title;
   var _useModal = (0, _modalDialog.useModal)(),
     onClose = _useModal.onClose;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var downloadButton = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
-      content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download),
+      content: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.download),
       icon: function icon() {
         return /*#__PURE__*/_react.default.createElement(_download.default, {
           label: "",
@@ -64,7 +64,7 @@ var LinkInfo = function LinkInfo(_ref) {
   }, [onDownloadButtonClick, testId]);
   var urlButton = (0, _react.useMemo)(function () {
     if (onViewButtonClick) {
-      var content = providerName ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.viewIn), " ", providerName) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.viewOriginal);
+      var content = providerName ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.viewIn), " ", providerName) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.viewOriginal);
       return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
         content: content,
         icon: function icon() {
@@ -95,7 +95,7 @@ var LinkInfo = function LinkInfo(_ref) {
       color: "currentColor"
     });
     return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
-      content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message),
+      content: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, message),
       icon: function icon() {
         return _icon;
       },
@@ -128,7 +128,7 @@ var LinkInfo = function LinkInfo(_ref) {
   }, sizeButton), /*#__PURE__*/_react.default.createElement("li", {
     className: (0, _runtime.ax)(["_4cvr1h6o _19pkidpf"])
   }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),
+    content: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.preview_close),
     hideTooltipOnClick: true,
     tag: "span",
     testId: "".concat(testId, "-close-tooltip")

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _new = require("@atlaskit/button/new");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
@@ -18,7 +18,7 @@ var LinkInfoButton = function LinkInfoButton(_ref) {
     testId = _ref.testId,
     role = _ref.role;
   var onMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: content,

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

@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tokens = require("@atlaskit/tokens");
 var _constants = require("../../constants");
 var _useInvokeClientAction = _interopRequireDefault(require("../../state/hooks/use-invoke-client-action"));
@@ -91,12 +92,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 && (0, _expValEquals.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 = (0, _tokens.useThemeObserver)();
   var previewUrl = src;
   var handleOnViewActionClick = (0, _react.useCallback)(function () {
-    invokeViewAction && invoke(invokeViewAction);
-  }, [invoke, invokeViewAction]);
+    if (invokeViewAction) {
+      invoke(invokeViewAction);
+      var visitedDisplay = invokeViewAction.display && invokeViewAction.display !== 'url' ? invokeViewAction.display : null;
+      if (visitedDisplay && (0, _expValEquals.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 = (0, _react.useCallback)(function () {
     invokeDownloadAction && invoke(invokeDownloadAction);
   }, [invokeDownloadAction, invoke]);

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

@@ -12,7 +12,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _excluded = ["onClose"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var IFRAME_NAME = 'twp-editor-preview-iframe';
@@ -61,7 +61,7 @@ function _openEmbedModal() {
           });
         case 6:
           Modal = _context2.sent;
-          _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+          _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
             locale: "en"
           }, /*#__PURE__*/_react.default.createElement(Modal.default, (0, _extends2.default)({}, props, {
             iframeName: IFRAME_NAME,