@atlaskit/smart-card 26.42.0 → 26.42.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.42.1
+
+### Patch Changes
+
+- [#42773](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42773) [`d2ff4012e8d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2ff4012e8d) - [ux] fire additional analytics events within smart-card forbidden views
+
 ## 26.42.0
 
 ### Minor Changes

package/dist/cjs/extractors/common/context/extractAccessContext.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _messages = require("../../../messages");
 var _ForbiddenAction = require("../../../view/BlockCard/actions/ForbiddenAction");
 var _extractHostname = _interopRequireDefault(require("../hostname/extractHostname"));
+var _analytics = require("../../../utils/analytics");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var extractRequestAccessContext = exports.extractRequestAccessContext = function extractRequestAccessContext(_ref) {
@@ -57,7 +58,8 @@ var extractRequestAccessContextImproved = exports.extractRequestAccessContextImp
   var _jsonLd$requestAccess2;
   var jsonLd = _ref2.jsonLd,
     url = _ref2.url,
-    product = _ref2.product;
+    product = _ref2.product,
+    createAnalyticsEvent = _ref2.createAnalyticsEvent;
   var requestAccess = jsonLd !== null && jsonLd !== void 0 && jsonLd.requestAccess ? _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
     hostname: (0, _extractHostname.default)(url)
   }) : undefined;
@@ -68,7 +70,13 @@ var extractRequestAccessContextImproved = exports.extractRequestAccessContextImp
         descriptiveMessageKey: 'direct_access_description_crossjoin',
         callToActionMessageKey: 'direct_access_crossjoin',
         action: (0, _ForbiddenAction.ForbiddenAction)(function () {
-          return window.open(url);
+          createAnalyticsEvent({
+            action: 'clicked',
+            actionSubject: 'button',
+            actionSubjectId: 'crossJoin',
+            eventType: 'ui'
+          }).fire(_analytics.ANALYTICS_CHANNEL);
+          window.open(url);
         }, 'direct_access', _messages.messages.direct_access_crossjoin, {
           product: product
         })
@@ -79,7 +87,13 @@ var extractRequestAccessContextImproved = exports.extractRequestAccessContextImp
         descriptiveMessageKey: 'request_access_description_crossjoin',
         callToActionMessageKey: 'request_access_crossjoin',
         action: (0, _ForbiddenAction.ForbiddenAction)(function () {
-          return window.open(url);
+          createAnalyticsEvent({
+            action: 'clicked',
+            actionSubject: 'button',
+            actionSubjectId: 'requestAccess',
+            eventType: 'ui'
+          }).fire(_analytics.ANALYTICS_CHANNEL);
+          window.open(url);
         }, 'request_access', _messages.messages.request_access_crossjoin)
       });
     case 'PENDING_REQUEST_EXISTS':
@@ -109,7 +123,13 @@ var extractRequestAccessContextImproved = exports.extractRequestAccessContextImp
         descriptiveMessageKey: 'access_exists_description_crossjoin',
         callToActionMessageKey: 'request_access_crossjoin',
         action: (0, _ForbiddenAction.ForbiddenAction)(function () {
-          return window.open(url);
+          createAnalyticsEvent({
+            action: 'clicked',
+            actionSubject: 'button',
+            actionSubjectId: 'requestAccess',
+            eventType: 'ui'
+          }).fire(_analytics.ANALYTICS_CHANNEL);
+          window.open(url);
         }, 'access_exists', _messages.messages.request_access_crossjoin)
       });
     case 'FORBIDDEN':

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

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

package/dist/cjs/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -23,6 +23,7 @@ var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyl
 var _extractAccessContext = require("../../../../extractors/common/context/extractAccessContext");
 var _reactIntlNext = require("react-intl-next");
 var _extractHostname = _interopRequireDefault(require("../../../../extractors/common/hostname/extractHostname"));
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _excluded = ["testId"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -38,6 +39,8 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-forbidden-view' : _ref$testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var intl = (0, _reactIntlNext.useIntl)();
   var cardState = props.cardState,
     onAuthorize = props.onAuthorize,
@@ -57,9 +60,10 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
     return (0, _extractAccessContext.extractRequestAccessContextImproved)({
       jsonLd: cardMetadata,
       url: url,
-      product: providerName
+      product: providerName,
+      createAnalyticsEvent: createAnalyticsEvent
     });
-  }, [cardMetadata, providerName, url]);
+  }, [cardMetadata, providerName, url, createAnalyticsEvent]);
   var title = (0, _react.useMemo)(function () {
     var descriptor = (0, _intlUtils.toMessage)(_messages.messages.invalid_permissions, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.titleMessageKey);
     return intl.formatMessage(descriptor, {

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

@@ -25,6 +25,7 @@ var _ErroredView = require("./views/ErroredView");
 var _forbiddenView = _interopRequireDefault(require("./views/forbidden-view"));
 var _notFoundView = _interopRequireDefault(require("./views/not-found-view"));
 var _unauthorizedView = _interopRequireDefault(require("./views/unauthorized-view"));
+var _analyticsNext = require("@atlaskit/analytics-next");
 var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(function (_ref, iframeRef) {
   var _details$meta, _forbiddenViewProps$c3;
   var url = _ref.url,
@@ -48,6 +49,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
     onIframeDwell = _ref.onIframeDwell,
     onIframeFocus = _ref.onIframeFocus,
     iframeUrlType = _ref.iframeUrlType;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var data = details && details.data || (0, _jsonld.getEmptyJsonLd)();
   var meta = details && details.meta;
   var extensionKey = (0, _helpers.getExtensionKey)(details);
@@ -157,7 +160,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
         var accessContext = (0, _extractAccessContext.extractRequestAccessContextImproved)({
           jsonLd: cardMetadata,
           url: url,
-          product: (_forbiddenViewProps$c = (_forbiddenViewProps$c2 = forbiddenViewProps.context) === null || _forbiddenViewProps$c2 === void 0 ? void 0 : _forbiddenViewProps$c2.text) !== null && _forbiddenViewProps$c !== void 0 ? _forbiddenViewProps$c : ''
+          product: (_forbiddenViewProps$c = (_forbiddenViewProps$c2 = forbiddenViewProps.context) === null || _forbiddenViewProps$c2 === void 0 ? void 0 : _forbiddenViewProps$c2.text) !== null && _forbiddenViewProps$c !== void 0 ? _forbiddenViewProps$c : '',
+          createAnalyticsEvent: createAnalyticsEvent
         });
         return /*#__PURE__*/_react.default.createElement(_forbiddenView.default, {
           context: forbiddenViewProps.context,
@@ -194,7 +198,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
         var _accessContext = details !== null && details !== void 0 && details.meta ? (0, _extractAccessContext.extractRequestAccessContextImproved)({
           jsonLd: details === null || details === void 0 ? void 0 : details.meta,
           url: url,
-          product: (_notFoundViewProps$co = (_notFoundViewProps$co2 = notFoundViewProps.context) === null || _notFoundViewProps$co2 === void 0 ? void 0 : _notFoundViewProps$co2.text) !== null && _notFoundViewProps$co !== void 0 ? _notFoundViewProps$co : ''
+          product: (_notFoundViewProps$co = (_notFoundViewProps$co2 = notFoundViewProps.context) === null || _notFoundViewProps$co2 === void 0 ? void 0 : _notFoundViewProps$co2.text) !== null && _notFoundViewProps$co !== void 0 ? _notFoundViewProps$co : '',
+          createAnalyticsEvent: createAnalyticsEvent
         }) : undefined;
         return /*#__PURE__*/_react.default.createElement(_notFoundView.default, {
           context: notFoundViewProps.context,

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

@@ -17,11 +17,14 @@ var _styled = require("./styled");
 var _styled2 = require("../../../styled");
 var _extractAccessContext = require("../../../../../extractors/common/context/extractAccessContext");
 var _extractHostname = _interopRequireDefault(require("../../../../../extractors/common/hostname/extractHostname"));
+var _analyticsNext = require("@atlaskit/analytics-next");
 var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   var _cardState$details, _cardState$details2, _extractProvider$text, _extractProvider, _extractRequestAccess;
   var flexibleCardProps = _ref.flexibleCardProps,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'hover-card-forbidden-view' : _ref$testId;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var cardState = flexibleCardProps.cardState,
     url = flexibleCardProps.url;
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
@@ -31,7 +34,8 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   var _ref2 = (_extractRequestAccess = (0, _extractAccessContext.extractRequestAccessContextImproved)({
       jsonLd: meta,
       url: url,
-      product: product
+      product: product,
+      createAnalyticsEvent: createAnalyticsEvent
     })) !== null && _extractRequestAccess !== void 0 ? _extractRequestAccess : {},
     action = _ref2.action,
     descriptiveMessageKey = _ref2.descriptiveMessageKey,
@@ -62,9 +66,9 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
       hostname: hostname
     }
   }))), action && /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
-    overrideCss: _styled.connectButtonStyles,
-    testId: "".concat(testId, "-button")
+    overrideCss: _styled.connectButtonStyles
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
+    testId: "".concat(testId, "-button"),
     onClick: action === null || action === void 0 ? void 0 : action.promise,
     appearance: "primary",
     isDisabled: buttonDisabled

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

@@ -18,7 +18,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.42.0",
+  packageVersion: "26.42.1",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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

@@ -51,6 +51,7 @@ var _linkExtractors = require("@atlaskit/link-extractors");
 var _linkProvider = require("@atlaskit/link-provider");
 var _helpers = require("../../state/helpers");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _analyticsNext = require("@atlaskit/analytics-next");
 var InlineCard = exports.InlineCard = function InlineCard(_ref) {
   var _details$meta, _providerForbidden$te;
   var analytics = _ref.analytics,
@@ -68,6 +69,8 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
     showHoverPreview = _ref.showHoverPreview,
     showAuthTooltip = _ref.showAuthTooltip,
     showServerActions = _ref.showServerActions;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
     details = cardState.details;
   var cardDetails = details && details.data || (0, _jsonld.getEmptyJsonLd)();
@@ -137,7 +140,8 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
       var requestAccessContext = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.cross-join') ? (0, _extractAccessContext.extractRequestAccessContextImproved)({
         jsonLd: cardMetadata,
         url: url,
-        product: (_providerForbidden$te = providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text) !== null && _providerForbidden$te !== void 0 ? _providerForbidden$te : ''
+        product: (_providerForbidden$te = providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text) !== null && _providerForbidden$te !== void 0 ? _providerForbidden$te : '',
+        createAnalyticsEvent: createAnalyticsEvent
       }) : (0, _context.extractRequestAccessContext)({
         jsonLd: cardMetadata,
         url: url,

package/dist/es2019/extractors/common/context/extractAccessContext.js

@@ -1,6 +1,7 @@
 import { messages } from '../../../messages';
 import { ForbiddenAction } from '../../../view/BlockCard/actions/ForbiddenAction';
 import extractHostname from '../hostname/extractHostname';
+import { ANALYTICS_CHANNEL } from '../../../utils/analytics';
 export const extractRequestAccessContext = ({
   jsonLd,
   url,
@@ -48,7 +49,8 @@ export const extractRequestAccessContext = ({
 export const extractRequestAccessContextImproved = ({
   jsonLd,
   url,
-  product
+  product,
+  createAnalyticsEvent
 }) => {
   var _jsonLd$requestAccess2;
   const requestAccess = jsonLd !== null && jsonLd !== void 0 && jsonLd.requestAccess ? {
@@ -62,7 +64,15 @@ export const extractRequestAccessContextImproved = ({
         titleMessageKey: 'direct_access_title_crossjoin',
         descriptiveMessageKey: 'direct_access_description_crossjoin',
         callToActionMessageKey: 'direct_access_crossjoin',
-        action: ForbiddenAction(() => window.open(url), 'direct_access', messages.direct_access_crossjoin, {
+        action: ForbiddenAction(() => {
+          createAnalyticsEvent({
+            action: 'clicked',
+            actionSubject: 'button',
+            actionSubjectId: 'crossJoin',
+            eventType: 'ui'
+          }).fire(ANALYTICS_CHANNEL);
+          window.open(url);
+        }, 'direct_access', messages.direct_access_crossjoin, {
           product
         })
       };
@@ -72,7 +82,15 @@ export const extractRequestAccessContextImproved = ({
         titleMessageKey: 'default_no_access_title_crossjoin',
         descriptiveMessageKey: 'request_access_description_crossjoin',
         callToActionMessageKey: 'request_access_crossjoin',
-        action: ForbiddenAction(() => window.open(url), 'request_access', messages.request_access_crossjoin)
+        action: ForbiddenAction(() => {
+          createAnalyticsEvent({
+            action: 'clicked',
+            actionSubject: 'button',
+            actionSubjectId: 'requestAccess',
+            eventType: 'ui'
+          }).fire(ANALYTICS_CHANNEL);
+          window.open(url);
+        }, 'request_access', messages.request_access_crossjoin)
       };
     case 'PENDING_REQUEST_EXISTS':
       return {
@@ -102,7 +120,15 @@ export const extractRequestAccessContextImproved = ({
         titleMessageKey: 'forbidden_title_crossjoin',
         descriptiveMessageKey: 'access_exists_description_crossjoin',
         callToActionMessageKey: 'request_access_crossjoin',
-        action: ForbiddenAction(() => window.open(url), 'access_exists', messages.request_access_crossjoin)
+        action: ForbiddenAction(() => {
+          createAnalyticsEvent({
+            action: 'clicked',
+            actionSubject: 'button',
+            actionSubjectId: 'requestAccess',
+            eventType: 'ui'
+          }).fire(ANALYTICS_CHANNEL);
+          window.open(url);
+        }, 'access_exists', messages.request_access_crossjoin)
       };
     case 'FORBIDDEN':
       return {

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

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

package/dist/es2019/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -13,6 +13,7 @@ import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardSty
 import { extractRequestAccessContextImproved } from '../../../../extractors/common/context/extractAccessContext';
 import { useIntl } from 'react-intl-next';
 import extractHostname from '../../../../extractors/common/hostname/extractHostname';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 
 /**
  * This view represent a Block Card with the 'Forbidden' status.
@@ -26,6 +27,9 @@ const FlexibleForbiddenView = ({
   ...props
 }) => {
   var _details$meta;
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
   const intl = useIntl();
   const {
     cardState,
@@ -47,9 +51,10 @@ const FlexibleForbiddenView = ({
     return extractRequestAccessContextImproved({
       jsonLd: cardMetadata,
       url,
-      product: providerName
+      product: providerName,
+      createAnalyticsEvent
     });
-  }, [cardMetadata, providerName, url]);
+  }, [cardMetadata, providerName, url, createAnalyticsEvent]);
   const title = useMemo(() => {
     const descriptor = toMessage(messages.invalid_permissions, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.titleMessageKey);
     return intl.formatMessage(descriptor, {

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

@@ -18,6 +18,7 @@ import { EmbedCardErroredView } from './views/ErroredView';
 import ForbiddenView from './views/forbidden-view';
 import NotFoundView from './views/not-found-view';
 import UnauthorizedView from './views/unauthorized-view';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   url,
   cardState: {
@@ -43,6 +44,9 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   iframeUrlType
 }, iframeRef) => {
   var _details$meta, _forbiddenViewProps$c3;
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
   const data = details && details.data || getEmptyJsonLd();
   const meta = details && details.meta;
   const extensionKey = getExtensionKey(details);
@@ -152,7 +156,8 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         const accessContext = extractRequestAccessContextImproved({
           jsonLd: cardMetadata,
           url,
-          product: (_forbiddenViewProps$c = (_forbiddenViewProps$c2 = forbiddenViewProps.context) === null || _forbiddenViewProps$c2 === void 0 ? void 0 : _forbiddenViewProps$c2.text) !== null && _forbiddenViewProps$c !== void 0 ? _forbiddenViewProps$c : ''
+          product: (_forbiddenViewProps$c = (_forbiddenViewProps$c2 = forbiddenViewProps.context) === null || _forbiddenViewProps$c2 === void 0 ? void 0 : _forbiddenViewProps$c2.text) !== null && _forbiddenViewProps$c !== void 0 ? _forbiddenViewProps$c : '',
+          createAnalyticsEvent
         });
         return /*#__PURE__*/React.createElement(ForbiddenView, {
           context: forbiddenViewProps.context,
@@ -189,7 +194,8 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         const accessContext = details !== null && details !== void 0 && details.meta ? extractRequestAccessContextImproved({
           jsonLd: details === null || details === void 0 ? void 0 : details.meta,
           url,
-          product: (_notFoundViewProps$co = (_notFoundViewProps$co2 = notFoundViewProps.context) === null || _notFoundViewProps$co2 === void 0 ? void 0 : _notFoundViewProps$co2.text) !== null && _notFoundViewProps$co !== void 0 ? _notFoundViewProps$co : ''
+          product: (_notFoundViewProps$co = (_notFoundViewProps$co2 = notFoundViewProps.context) === null || _notFoundViewProps$co2 === void 0 ? void 0 : _notFoundViewProps$co2.text) !== null && _notFoundViewProps$co !== void 0 ? _notFoundViewProps$co : '',
+          createAnalyticsEvent
         }) : undefined;
         return /*#__PURE__*/React.createElement(NotFoundView, {
           context: notFoundViewProps.context,

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

@@ -10,11 +10,15 @@ import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled'
 import { getPreviewBlockStyles } from '../../../styled';
 import { extractRequestAccessContextImproved } from '../../../../../extractors/common/context/extractAccessContext';
 import extractHostname from '../../../../../extractors/common/hostname/extractHostname';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 const HoverCardForbiddenView = ({
   flexibleCardProps,
   testId = 'hover-card-forbidden-view'
 }) => {
   var _cardState$details, _cardState$details2, _extractProvider$text, _extractProvider, _extractRequestAccess;
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
   const {
     cardState,
     url
@@ -31,7 +35,8 @@ const HoverCardForbiddenView = ({
   } = (_extractRequestAccess = extractRequestAccessContextImproved({
     jsonLd: meta,
     url,
-    product
+    product,
+    createAnalyticsEvent
   })) !== null && _extractRequestAccess !== void 0 ? _extractRequestAccess : {};
   if (!titleMessageKey || !descriptiveMessageKey) {
     return null;
@@ -58,9 +63,9 @@ const HoverCardForbiddenView = ({
       hostname
     }
   }))), action && /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: connectButtonStyles,
-    testId: `${testId}-button`
+    overrideCss: connectButtonStyles
   }, /*#__PURE__*/React.createElement(Button, {
+    testId: `${testId}-button`,
     onClick: action === null || action === void 0 ? void 0 : action.promise,
     appearance: "primary",
     isDisabled: buttonDisabled

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

@@ -8,7 +8,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.42.0",
+  packageVersion: "26.42.1",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

@@ -14,6 +14,7 @@ import { extractProvider } from '@atlaskit/link-extractors';
 import { useFeatureFlag } from '@atlaskit/link-provider';
 import { getExtensionKey } from '../../state/helpers';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };
 export const InlineCard = ({
   analytics,
@@ -33,6 +34,9 @@ export const InlineCard = ({
   showServerActions
 }) => {
   var _details$meta, _providerForbidden$te;
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
   const {
     status,
     details
@@ -104,7 +108,8 @@ export const InlineCard = ({
       const requestAccessContext = getBooleanFF('platform.linking-platform.smart-card.cross-join') ? extractRequestAccessContextImproved({
         jsonLd: cardMetadata,
         url,
-        product: (_providerForbidden$te = providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text) !== null && _providerForbidden$te !== void 0 ? _providerForbidden$te : ''
+        product: (_providerForbidden$te = providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text) !== null && _providerForbidden$te !== void 0 ? _providerForbidden$te : '',
+        createAnalyticsEvent
       }) : extractRequestAccessContext({
         jsonLd: cardMetadata,
         url,

package/dist/esm/extractors/common/context/extractAccessContext.js

@@ -4,6 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { messages } from '../../../messages';
 import { ForbiddenAction } from '../../../view/BlockCard/actions/ForbiddenAction';
 import extractHostname from '../hostname/extractHostname';
+import { ANALYTICS_CHANNEL } from '../../../utils/analytics';
 export var extractRequestAccessContext = function extractRequestAccessContext(_ref) {
   var _jsonLd$requestAccess;
   var jsonLd = _ref.jsonLd,
@@ -50,7 +51,8 @@ export var extractRequestAccessContextImproved = function extractRequestAccessCo
   var _jsonLd$requestAccess2;
   var jsonLd = _ref2.jsonLd,
     url = _ref2.url,
-    product = _ref2.product;
+    product = _ref2.product,
+    createAnalyticsEvent = _ref2.createAnalyticsEvent;
   var requestAccess = jsonLd !== null && jsonLd !== void 0 && jsonLd.requestAccess ? _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
     hostname: extractHostname(url)
   }) : undefined;
@@ -61,7 +63,13 @@ export var extractRequestAccessContextImproved = function extractRequestAccessCo
         descriptiveMessageKey: 'direct_access_description_crossjoin',
         callToActionMessageKey: 'direct_access_crossjoin',
         action: ForbiddenAction(function () {
-          return window.open(url);
+          createAnalyticsEvent({
+            action: 'clicked',
+            actionSubject: 'button',
+            actionSubjectId: 'crossJoin',
+            eventType: 'ui'
+          }).fire(ANALYTICS_CHANNEL);
+          window.open(url);
         }, 'direct_access', messages.direct_access_crossjoin, {
           product: product
         })
@@ -72,7 +80,13 @@ export var extractRequestAccessContextImproved = function extractRequestAccessCo
         descriptiveMessageKey: 'request_access_description_crossjoin',
         callToActionMessageKey: 'request_access_crossjoin',
         action: ForbiddenAction(function () {
-          return window.open(url);
+          createAnalyticsEvent({
+            action: 'clicked',
+            actionSubject: 'button',
+            actionSubjectId: 'requestAccess',
+            eventType: 'ui'
+          }).fire(ANALYTICS_CHANNEL);
+          window.open(url);
         }, 'request_access', messages.request_access_crossjoin)
       });
     case 'PENDING_REQUEST_EXISTS':
@@ -102,7 +116,13 @@ export var extractRequestAccessContextImproved = function extractRequestAccessCo
         descriptiveMessageKey: 'access_exists_description_crossjoin',
         callToActionMessageKey: 'request_access_crossjoin',
         action: ForbiddenAction(function () {
-          return window.open(url);
+          createAnalyticsEvent({
+            action: 'clicked',
+            actionSubject: 'button',
+            actionSubjectId: 'requestAccess',
+            eventType: 'ui'
+          }).fire(ANALYTICS_CHANNEL);
+          window.open(url);
         }, 'access_exists', messages.request_access_crossjoin)
       });
     case 'FORBIDDEN':

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

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

package/dist/esm/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -16,6 +16,7 @@ import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardSty
 import { extractRequestAccessContextImproved } from '../../../../extractors/common/context/extractAccessContext';
 import { useIntl } from 'react-intl-next';
 import extractHostname from '../../../../extractors/common/hostname/extractHostname';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 
 /**
  * This view represent a Block Card with the 'Forbidden' status.
@@ -29,6 +30,8 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-forbidden-view' : _ref$testId,
     props = _objectWithoutProperties(_ref, _excluded);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var intl = useIntl();
   var cardState = props.cardState,
     onAuthorize = props.onAuthorize,
@@ -48,9 +51,10 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
     return extractRequestAccessContextImproved({
       jsonLd: cardMetadata,
       url: url,
-      product: providerName
+      product: providerName,
+      createAnalyticsEvent: createAnalyticsEvent
     });
-  }, [cardMetadata, providerName, url]);
+  }, [cardMetadata, providerName, url, createAnalyticsEvent]);
   var title = useMemo(function () {
     var descriptor = toMessage(messages.invalid_permissions, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.titleMessageKey);
     return intl.formatMessage(descriptor, {

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

@@ -18,6 +18,7 @@ import { EmbedCardErroredView } from './views/ErroredView';
 import ForbiddenView from './views/forbidden-view';
 import NotFoundView from './views/not-found-view';
 import UnauthorizedView from './views/unauthorized-view';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
   var _details$meta, _forbiddenViewProps$c3;
   var url = _ref.url,
@@ -41,6 +42,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
     onIframeDwell = _ref.onIframeDwell,
     onIframeFocus = _ref.onIframeFocus,
     iframeUrlType = _ref.iframeUrlType;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var data = details && details.data || getEmptyJsonLd();
   var meta = details && details.meta;
   var extensionKey = getExtensionKey(details);
@@ -150,7 +153,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
         var accessContext = extractRequestAccessContextImproved({
           jsonLd: cardMetadata,
           url: url,
-          product: (_forbiddenViewProps$c = (_forbiddenViewProps$c2 = forbiddenViewProps.context) === null || _forbiddenViewProps$c2 === void 0 ? void 0 : _forbiddenViewProps$c2.text) !== null && _forbiddenViewProps$c !== void 0 ? _forbiddenViewProps$c : ''
+          product: (_forbiddenViewProps$c = (_forbiddenViewProps$c2 = forbiddenViewProps.context) === null || _forbiddenViewProps$c2 === void 0 ? void 0 : _forbiddenViewProps$c2.text) !== null && _forbiddenViewProps$c !== void 0 ? _forbiddenViewProps$c : '',
+          createAnalyticsEvent: createAnalyticsEvent
         });
         return /*#__PURE__*/React.createElement(ForbiddenView, {
           context: forbiddenViewProps.context,
@@ -187,7 +191,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef)
         var _accessContext = details !== null && details !== void 0 && details.meta ? extractRequestAccessContextImproved({
           jsonLd: details === null || details === void 0 ? void 0 : details.meta,
           url: url,
-          product: (_notFoundViewProps$co = (_notFoundViewProps$co2 = notFoundViewProps.context) === null || _notFoundViewProps$co2 === void 0 ? void 0 : _notFoundViewProps$co2.text) !== null && _notFoundViewProps$co !== void 0 ? _notFoundViewProps$co : ''
+          product: (_notFoundViewProps$co = (_notFoundViewProps$co2 = notFoundViewProps.context) === null || _notFoundViewProps$co2 === void 0 ? void 0 : _notFoundViewProps$co2.text) !== null && _notFoundViewProps$co !== void 0 ? _notFoundViewProps$co : '',
+          createAnalyticsEvent: createAnalyticsEvent
         }) : undefined;
         return /*#__PURE__*/React.createElement(NotFoundView, {
           context: notFoundViewProps.context,

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

@@ -10,11 +10,14 @@ import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled'
 import { getPreviewBlockStyles } from '../../../styled';
 import { extractRequestAccessContextImproved } from '../../../../../extractors/common/context/extractAccessContext';
 import extractHostname from '../../../../../extractors/common/hostname/extractHostname';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   var _cardState$details, _cardState$details2, _extractProvider$text, _extractProvider, _extractRequestAccess;
   var flexibleCardProps = _ref.flexibleCardProps,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'hover-card-forbidden-view' : _ref$testId;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var cardState = flexibleCardProps.cardState,
     url = flexibleCardProps.url;
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
@@ -24,7 +27,8 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   var _ref2 = (_extractRequestAccess = extractRequestAccessContextImproved({
       jsonLd: meta,
       url: url,
-      product: product
+      product: product,
+      createAnalyticsEvent: createAnalyticsEvent
     })) !== null && _extractRequestAccess !== void 0 ? _extractRequestAccess : {},
     action = _ref2.action,
     descriptiveMessageKey = _ref2.descriptiveMessageKey,
@@ -55,9 +59,9 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
       hostname: hostname
     }
   }))), action && /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: connectButtonStyles,
-    testId: "".concat(testId, "-button")
+    overrideCss: connectButtonStyles
   }, /*#__PURE__*/React.createElement(Button, {
+    testId: "".concat(testId, "-button"),
     onClick: action === null || action === void 0 ? void 0 : action.promise,
     appearance: "primary",
     isDisabled: buttonDisabled

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

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.42.0",
+  packageVersion: "26.42.1",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

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

@@ -14,6 +14,7 @@ import { extractProvider } from '@atlaskit/link-extractors';
 import { useFeatureFlag } from '@atlaskit/link-provider';
 import { getExtensionKey } from '../../state/helpers';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };
 export var InlineCard = function InlineCard(_ref) {
   var _details$meta, _providerForbidden$te;
@@ -32,6 +33,8 @@ export var InlineCard = function InlineCard(_ref) {
     showHoverPreview = _ref.showHoverPreview,
     showAuthTooltip = _ref.showAuthTooltip,
     showServerActions = _ref.showServerActions;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
     details = cardState.details;
   var cardDetails = details && details.data || getEmptyJsonLd();
@@ -101,7 +104,8 @@ export var InlineCard = function InlineCard(_ref) {
       var requestAccessContext = getBooleanFF('platform.linking-platform.smart-card.cross-join') ? extractRequestAccessContextImproved({
         jsonLd: cardMetadata,
         url: url,
-        product: (_providerForbidden$te = providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text) !== null && _providerForbidden$te !== void 0 ? _providerForbidden$te : ''
+        product: (_providerForbidden$te = providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text) !== null && _providerForbidden$te !== void 0 ? _providerForbidden$te : '',
+        createAnalyticsEvent: createAnalyticsEvent
       }) : extractRequestAccessContext({
         jsonLd: cardMetadata,
         url: url,

package/dist/types/extractors/common/context/extractAccessContext.d.ts

@@ -1,12 +1,14 @@
 import { JsonLd } from 'json-ld-types';
 import { RequestAccessContextProps } from '../../../view/types';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export declare const extractRequestAccessContext: ({ jsonLd, url, context, }: {
     jsonLd: JsonLd.Meta.BaseMeta;
     url: string;
     context?: string | undefined;
 }) => RequestAccessContextProps;
-export declare const extractRequestAccessContextImproved: ({ jsonLd, url, product, }: {
+export declare const extractRequestAccessContextImproved: ({ jsonLd, url, product, createAnalyticsEvent, }: {
     jsonLd: JsonLd.Meta.BaseMeta;
     url: string;
     product: string;
+    createAnalyticsEvent: CreateUIAnalyticsEvent;
 }) => RequestAccessContextProps;

package/dist/types-ts4.5/extractors/common/context/extractAccessContext.d.ts

@@ -1,12 +1,14 @@
 import { JsonLd } from 'json-ld-types';
 import { RequestAccessContextProps } from '../../../view/types';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export declare const extractRequestAccessContext: ({ jsonLd, url, context, }: {
     jsonLd: JsonLd.Meta.BaseMeta;
     url: string;
     context?: string | undefined;
 }) => RequestAccessContextProps;
-export declare const extractRequestAccessContextImproved: ({ jsonLd, url, product, }: {
+export declare const extractRequestAccessContextImproved: ({ jsonLd, url, product, createAnalyticsEvent, }: {
     jsonLd: JsonLd.Meta.BaseMeta;
     url: string;
     product: string;
+    createAnalyticsEvent: CreateUIAnalyticsEvent;
 }) => RequestAccessContextProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.42.0",
+  "version": "26.42.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
     "@atlaskit/link-analytics": "^8.3.0",
     "@atlaskit/link-client-extension": "^1.8.0",
     "@atlaskit/link-extractors": "^1.2.0",
-    "@atlaskit/linking-common": "^4.16.0",
+    "@atlaskit/linking-common": "^4.17.0",
     "@atlaskit/linking-types": "^8.4.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",