@atlaskit/smart-card 23.13.0 → 23.13.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 23.13.2
+
+### Patch Changes
+
+- [`465e0f001fb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/465e0f001fb) - Operational analytics event added to the LinkUrl component. It fires when Link Safety Warning message shown.
+
+## 23.13.1
+
+### Patch Changes
+
+- [`02d341ecf63`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02d341ecf63) - [ux] Fix copy button tooltip to show Copy link, not Download
+
 ## 23.13.0
 
 ### Minor Changes

package/dist/cjs/extractors/common/icon/extractIcon.js

@@ -71,33 +71,39 @@ var extractIconByType = function extractIconByType(type, opts) {
 
     case 'atlassian:Goal':
       return opts.icon || /*#__PURE__*/_react.default.createElement(_5.default, {
-        label: opts.title || 'goal'
+        label: opts.title || 'goal',
+        testId: "task-icon"
       });
 
     case 'atlassian:Project':
       return opts.icon || /*#__PURE__*/_react.default.createElement(_peopleGroup.default, {
         label: opts.title || 'project',
-        size: "small"
+        size: "small",
+        testId: "project-icon"
       });
 
     case 'atlassian:SourceCodeCommit':
       return /*#__PURE__*/_react.default.createElement(_.default, {
-        label: opts.title || 'commit'
+        label: opts.title || 'commit',
+        testId: "commit-icon"
       });
 
     case 'atlassian:SourceCodePullRequest':
       return /*#__PURE__*/_react.default.createElement(_2.default, {
-        label: opts.title || 'pullRequest'
+        label: opts.title || 'pullRequest',
+        testId: "pull-request-icon"
       });
 
     case 'atlassian:SourceCodeReference':
       return /*#__PURE__*/_react.default.createElement(_3.default, {
-        label: opts.title || 'reference'
+        label: opts.title || 'reference',
+        testId: "branch-icon"
       });
 
     case 'atlassian:SourceCodeRepository':
       return /*#__PURE__*/_react.default.createElement(_4.default, {
-        label: opts.title || 'repository'
+        label: opts.title || 'repository',
+        testId: "repo-icon"
       });
 
     case 'atlassian:Task':

package/dist/cjs/extractors/common/icon/extractIconFromDocument.js

@@ -49,37 +49,44 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
   switch (type) {
     case 'schema:BlogPosting':
       return /*#__PURE__*/_react.default.createElement(_.default, {
-        label: opts.title || 'blog'
+        label: opts.title || 'blog',
+        testId: "blog-icon"
       });
 
     case 'schema:DigitalDocument':
       return /*#__PURE__*/_react.default.createElement(_2.default, {
-        label: opts.title || 'file'
+        label: opts.title || 'file',
+        testId: "file-icon"
       });
 
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/_react.default.createElement(_5.default, {
-        label: opts.title || 'document'
+        label: opts.title || 'document',
+        testId: "document-icon"
       });
 
     case 'schema:PresentationDigitalDocument':
       return /*#__PURE__*/_react.default.createElement(_3.default, {
-        label: opts.title || 'presentation'
+        label: opts.title || 'presentation',
+        testId: "presentation-icon"
       });
 
     case 'schema:SpreadsheetDigitalDocument':
       return /*#__PURE__*/_react.default.createElement(_4.default, {
-        label: opts.title || 'spreadsheet'
+        label: opts.title || 'spreadsheet',
+        testId: "spreadsheet-icon"
       });
 
     case 'atlassian:Template':
       return /*#__PURE__*/_react.default.createElement(_documentFilled.default, {
-        label: opts.title || 'template'
+        label: opts.title || 'template',
+        testId: "document-filled-icon"
       });
 
     case 'atlassian:UndefinedLink':
       return /*#__PURE__*/_react.default.createElement(_5.default, {
-        label: opts.title || 'undefinedLink'
+        label: opts.title || 'undefinedLink',
+        testId: "document-icon"
       });
   }
 };

package/dist/cjs/extractors/common/icon/extractIconFromTask.js

@@ -35,6 +35,11 @@ var extractIconFromTask = function extractIconFromTask(opts) {
       provider = opts.provider;
   var taskLabel = opts.title || 'task';
 
+  var defaultIcon = /*#__PURE__*/_react.default.createElement(_.default, {
+    label: taskLabel,
+    testId: "default-task-icon"
+  });
+
   if (provider && provider.id === _constants.JIRA_GENERATOR_ID && taskType && taskType.id) {
     var taskTypeId = taskType.id;
     var taskTypeName = taskTypeId.split('#').pop();
@@ -42,59 +47,64 @@ var extractIconFromTask = function extractIconFromTask(opts) {
     switch (taskTypeName) {
       case _constants.JIRA_TASK:
         return /*#__PURE__*/_react.default.createElement(_.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-task-icon"
         });
 
       case _constants.JIRA_SUB_TASK:
         return /*#__PURE__*/_react.default.createElement(_2.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-subtask-icon"
         });
 
       case _constants.JIRA_STORY:
         return /*#__PURE__*/_react.default.createElement(_3.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-story-icon"
         });
 
       case _constants.JIRA_BUG:
         return /*#__PURE__*/_react.default.createElement(_4.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-bug-icon"
         });
 
       case _constants.JIRA_EPIC:
         return /*#__PURE__*/_react.default.createElement(_5.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-epic-icon"
         });
 
       case _constants.JIRA_INCIDENT:
         return /*#__PURE__*/_react.default.createElement(_6.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-incident-icon"
         });
 
       case _constants.JIRA_SERVICE_REQUEST:
         return /*#__PURE__*/_react.default.createElement(_7.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-service-request-icon"
         });
 
       case _constants.JIRA_CHANGE:
         return /*#__PURE__*/_react.default.createElement(_8.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-change-icon"
         });
 
       case _constants.JIRA_PROBLEM:
         return /*#__PURE__*/_react.default.createElement(_9.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-problem-icon"
         });
 
       case _constants.JIRA_CUSTOM_TASK_TYPE:
-        return taskType.icon || opts.icon || provider.icon || /*#__PURE__*/_react.default.createElement(_.default, {
-          label: taskLabel
-        });
+        return taskType.icon || opts.icon || provider.icon || defaultIcon;
     }
   }
 
-  return /*#__PURE__*/_react.default.createElement(_.default, {
-    label: taskLabel
-  });
+  return defaultIcon;
 };
 
 exports.extractIconFromTask = extractIconFromTask;

package/dist/cjs/messages.js

@@ -104,7 +104,7 @@ var messages = (0, _reactIntlNext.defineMessages)({
     description: 'continue'
   },
   copy_url_to_clipboard: {
-    id: 'fabric.linking.download',
+    id: 'fabric.linking.copy_url_to_clipboard',
     defaultMessage: 'Copy link',
     description: ''
   },

package/dist/cjs/utils/index.js

@@ -84,7 +84,8 @@ var getIconForFileType = function getIconForFileType(fileMimeType) {
   }); // because we're using dynamic loading here, TS will not be able to infer the type
 
   return /*#__PURE__*/_react.default.createElement(Icon, {
-    label: label
+    label: label,
+    testId: "document-file-format-icon"
   });
 };
 

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.13.0",
+	"version": "23.13.2",
 	"sideEffects": false
 }

package/dist/cjs/view/EmbedCard/components/ExpandedFrame.js

@@ -89,7 +89,9 @@ var ExpandedFrame = function ExpandedFrame(_ref) {
       "data-testid": testId,
       "data-trello-do-not-use-override": testId,
       "data-is-selected": isSelected,
-      "data-is-visible": isVisible
+      "data-is-visible": isVisible,
+      "data-wrapper-type": "default",
+      "data-is-interactive": isInteractive()
     }, renderHeader(), renderContent());
   }
 };

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -173,7 +173,8 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
         onMouseEnter: initShowCard,
         onMouseLeave: initHideCard,
         onMouseMove: setMousePosition,
-        onClick: onChildClick
+        onClick: onChildClick,
+        "data-testid": "hover-card-trigger-wrapper"
       }), children));
     },
     zIndex: 511 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510

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

@@ -77,7 +77,8 @@ var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
         spacing: "none",
         appearance: "subtle-link",
         component: _styled.IconStyledButton,
-        onClick: _this.handleRetry
+        onClick: _this.handleRetry,
+        role: "button"
       }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again, function (formattedMessage) {
         return /*#__PURE__*/_react.default.createElement(_styled.LowercaseAppearance, null, formattedMessage);
       })));
@@ -102,7 +103,8 @@ var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
         icon: icon || /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_error.default, {
           label: "error",
           size: "small",
-          primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")")
+          primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
+          testId: "errored-view-default-icon"
         })),
         link: url,
         title: url,

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

@@ -54,7 +54,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var FallbackForbiddenIcon = /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_lockFilled.default, {
   label: "error",
   size: "small",
-  primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
+  primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
+  testId: "forbidden-view-fallback-icon"
 }));
 
 var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
@@ -115,7 +116,8 @@ var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
           appearance: "subtle-link",
           onClick: _this.handleRetry,
           component: _styled.IconStyledButton,
-          testId: "button-connect-other-account"
+          testId: "button-connect-other-account",
+          role: "button"
         }, _this.renderForbiddenAccessMessage());
       }
 
@@ -125,7 +127,8 @@ var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
           appearance: "subtle-link",
           onClick: _this.handleRetry,
           component: _styled.IconStyledButton,
-          testId: "button-connect-other-account"
+          testId: "button-connect-other-account",
+          role: "button"
         }, /*#__PURE__*/_react.default.createElement(_styled2.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
           appearance: 'moved'
         }, _this.renderForbiddenAccessMessage()))));

package/dist/cjs/view/InlineCard/IconAndTitleLayout/index.js

@@ -171,7 +171,8 @@ var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconTitleWrapper, {
         style: {
           color: titleColor
-        }
+        },
+        "data-testid": testId
       }, link ? /*#__PURE__*/_react.default.createElement(_styled2.LinkAppearance, {
         href: link,
         onClick: this.handleClick,

package/dist/cjs/view/InlineCard/ResolvedView/index.js

@@ -53,6 +53,7 @@ var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
       }
 
       return /*#__PURE__*/_react.default.createElement(_styled.LozengeBlockWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+        testId: "inline-card-resolved-view-lozenge",
         appearance: lozenge.appearance || 'default',
         isBold: lozenge.isBold
       }, lozenge.text)));

package/dist/cjs/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.js

@@ -13,6 +13,10 @@ var _react = require("react");
 
 var _url = require("@atlaskit/linking-common/url");
 
+var _analyticsNext = require("@atlaskit/analytics-next");
+
+var _analytics = require("../../../../utils/analytics");
+
 var useLinkWarningModal = function useLinkWarningModal() {
   var _useState = (0, _react.useState)(null),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -28,6 +32,18 @@ var useLinkWarningModal = function useLinkWarningModal() {
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       isOpen = _useState6[0],
       setIsOpen = _useState6[1];
+
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+
+  var sendAnalyticsEvent = function sendAnalyticsEvent() {
+    createAnalyticsEvent({
+      action: 'shown',
+      actionSubject: 'warningModal',
+      actionSubjectId: 'linkSafetyWarning',
+      eventType: 'operational'
+    }).fire(_analytics.ANALYTICS_CHANNEL);
+  };
   /**
    * It checks and warns if a link text is a URL and different from an actual link destination
    */
@@ -49,6 +65,7 @@ var useLinkWarningModal = function useLinkWarningModal() {
       setUnsafeLinkText(linkText);
       href && setUrl(href);
       setIsOpen(true);
+      sendAnalyticsEvent();
     }
   };
 

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

@@ -17,8 +17,17 @@ var _useLinkWarningModal2 = require("./LinkWarningModal/hooks/use-link-warning-m
 
 var _LinkWarningModal = _interopRequireDefault(require("./LinkWarningModal"));
 
+var _analyticsNext = require("@atlaskit/analytics-next");
+
+var _version = require("../../version.json");
+
 var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
     _excluded2 = ["checkLinkSafety"];
+var PACKAGE_DATA = {
+  packageName: _version.name,
+  packageVersion: _version.version,
+  componentName: 'linkUrl'
+};
 
 var LinkUrl = function LinkUrl(_ref) {
   var href = _ref.href,
@@ -44,5 +53,6 @@ var LinkUrl = function LinkUrl(_ref) {
   }, props), children), checkSafety && /*#__PURE__*/_react.default.createElement(_LinkWarningModal.default, linkWarningModalProps));
 };
 
-var _default = LinkUrl;
+var _default = (0, _analyticsNext.withAnalyticsContext)(PACKAGE_DATA)(LinkUrl);
+
 exports.default = _default;

package/dist/es2019/extractors/common/icon/extractIcon.js

@@ -44,33 +44,39 @@ const extractIconByType = (type, opts) => {
 
     case 'atlassian:Goal':
       return opts.icon || /*#__PURE__*/React.createElement(TaskIcon, {
-        label: opts.title || 'goal'
+        label: opts.title || 'goal',
+        testId: "task-icon"
       });
 
     case 'atlassian:Project':
       return opts.icon || /*#__PURE__*/React.createElement(ProjectIcon, {
         label: opts.title || 'project',
-        size: "small"
+        size: "small",
+        testId: "project-icon"
       });
 
     case 'atlassian:SourceCodeCommit':
       return /*#__PURE__*/React.createElement(CommitIcon, {
-        label: opts.title || 'commit'
+        label: opts.title || 'commit',
+        testId: "commit-icon"
       });
 
     case 'atlassian:SourceCodePullRequest':
       return /*#__PURE__*/React.createElement(PullRequestIcon, {
-        label: opts.title || 'pullRequest'
+        label: opts.title || 'pullRequest',
+        testId: "pull-request-icon"
       });
 
     case 'atlassian:SourceCodeReference':
       return /*#__PURE__*/React.createElement(BranchIcon, {
-        label: opts.title || 'reference'
+        label: opts.title || 'reference',
+        testId: "branch-icon"
       });
 
     case 'atlassian:SourceCodeRepository':
       return /*#__PURE__*/React.createElement(RepoIcon, {
-        label: opts.title || 'repository'
+        label: opts.title || 'repository',
+        testId: "repo-icon"
       });
 
     case 'atlassian:Task':

package/dist/es2019/extractors/common/icon/extractIconFromDocument.js

@@ -30,37 +30,44 @@ const documentTypeToIcon = (type, opts) => {
   switch (type) {
     case 'schema:BlogPosting':
       return /*#__PURE__*/React.createElement(BlogIcon, {
-        label: opts.title || 'blog'
+        label: opts.title || 'blog',
+        testId: "blog-icon"
       });
 
     case 'schema:DigitalDocument':
       return /*#__PURE__*/React.createElement(FileIcon, {
-        label: opts.title || 'file'
+        label: opts.title || 'file',
+        testId: "file-icon"
       });
 
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: opts.title || 'document'
+        label: opts.title || 'document',
+        testId: "document-icon"
       });
 
     case 'schema:PresentationDigitalDocument':
       return /*#__PURE__*/React.createElement(PresentationIcon, {
-        label: opts.title || 'presentation'
+        label: opts.title || 'presentation',
+        testId: "presentation-icon"
       });
 
     case 'schema:SpreadsheetDigitalDocument':
       return /*#__PURE__*/React.createElement(SpreadsheetIcon, {
-        label: opts.title || 'spreadsheet'
+        label: opts.title || 'spreadsheet',
+        testId: "spreadsheet-icon"
       });
 
     case 'atlassian:Template':
       return /*#__PURE__*/React.createElement(DocumentFilledIcon, {
-        label: opts.title || 'template'
+        label: opts.title || 'template',
+        testId: "document-filled-icon"
       });
 
     case 'atlassian:UndefinedLink':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: opts.title || 'undefinedLink'
+        label: opts.title || 'undefinedLink',
+        testId: "document-icon"
       });
   }
 };

package/dist/es2019/extractors/common/icon/extractIconFromTask.js

@@ -17,6 +17,10 @@ export const extractIconFromTask = opts => {
     provider
   } = opts;
   const taskLabel = opts.title || 'task';
+  const defaultIcon = /*#__PURE__*/React.createElement(TaskIcon, {
+    label: taskLabel,
+    testId: "default-task-icon"
+  });
 
   if (provider && provider.id === JIRA_GENERATOR_ID && taskType && taskType.id) {
     const taskTypeId = taskType.id;
@@ -25,57 +29,62 @@ export const extractIconFromTask = opts => {
     switch (taskTypeName) {
       case JIRA_TASK:
         return /*#__PURE__*/React.createElement(JiraTaskIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-task-icon"
         });
 
       case JIRA_SUB_TASK:
         return /*#__PURE__*/React.createElement(JiraSubTaskIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-subtask-icon"
         });
 
       case JIRA_STORY:
         return /*#__PURE__*/React.createElement(JiraStoryIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-story-icon"
         });
 
       case JIRA_BUG:
         return /*#__PURE__*/React.createElement(JiraBugIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-bug-icon"
         });
 
       case JIRA_EPIC:
         return /*#__PURE__*/React.createElement(JiraEpicIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-epic-icon"
         });
 
       case JIRA_INCIDENT:
         return /*#__PURE__*/React.createElement(JiraIncidentIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-incident-icon"
         });
 
       case JIRA_SERVICE_REQUEST:
         return /*#__PURE__*/React.createElement(JiraServiceRequestIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-service-request-icon"
         });
 
       case JIRA_CHANGE:
         return /*#__PURE__*/React.createElement(JiraChangeIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-change-icon"
         });
 
       case JIRA_PROBLEM:
         return /*#__PURE__*/React.createElement(JiraProblemIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-problem-icon"
         });
 
       case JIRA_CUSTOM_TASK_TYPE:
-        return taskType.icon || opts.icon || provider.icon || /*#__PURE__*/React.createElement(TaskIcon, {
-          label: taskLabel
-        });
+        return taskType.icon || opts.icon || provider.icon || defaultIcon;
     }
   }
 
-  return /*#__PURE__*/React.createElement(TaskIcon, {
-    label: taskLabel
-  });
+  return defaultIcon;
 };

package/dist/es2019/messages.js

@@ -96,7 +96,7 @@ export const messages = defineMessages({
     description: 'continue'
   },
   copy_url_to_clipboard: {
-    id: 'fabric.linking.download',
+    id: 'fabric.linking.copy_url_to_clipboard',
     defaultMessage: 'Copy link',
     description: ''
   },

package/dist/es2019/utils/index.js

@@ -28,7 +28,8 @@ export const getIconForFileType = fileMimeType => {
   }); // because we're using dynamic loading here, TS will not be able to infer the type
 
   return /*#__PURE__*/React.createElement(Icon, {
-    label: label
+    label: label,
+    testId: "document-file-format-icon"
   });
 };
 export const getLabelForFileType = fileMimeType => {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.13.0",
+	"version": "23.13.2",
 	"sideEffects": false
 }

package/dist/es2019/view/EmbedCard/components/ExpandedFrame.js

@@ -66,7 +66,9 @@ export const ExpandedFrame = ({
       "data-testid": testId,
       "data-trello-do-not-use-override": testId,
       "data-is-selected": isSelected,
-      "data-is-visible": isVisible
+      "data-is-visible": isVisible,
+      "data-wrapper-type": "default",
+      "data-is-interactive": isInteractive()
     }, renderHeader(), renderContent());
   }
 };

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -137,7 +137,8 @@ export const HoverCardComponent = ({
       onMouseEnter: initShowCard,
       onMouseLeave: initHideCard,
       onMouseMove: setMousePosition,
-      onClick: onChildClick
+      onClick: onChildClick,
+      "data-testid": "hover-card-trigger-wrapper"
     }), children)),
     zIndex: 511 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 

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

@@ -34,7 +34,8 @@ export class InlineCardErroredView extends React.Component {
         spacing: "none",
         appearance: "subtle-link",
         component: IconStyledButton,
-        onClick: this.handleRetry
+        onClick: this.handleRetry,
+        role: "button"
       }, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again, formattedMessage => {
         return /*#__PURE__*/React.createElement(LowercaseAppearance, null, formattedMessage);
       })));
@@ -56,7 +57,8 @@ export class InlineCardErroredView extends React.Component {
       icon: icon || /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(ErrorIcon, {
         label: "error",
         size: "small",
-        primaryColor: `var(--ds-icon-danger, ${R300})`
+        primaryColor: `var(--ds-icon-danger, ${R300})`,
+        testId: "errored-view-default-icon"
       })),
       link: url,
       title: url,

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

@@ -15,7 +15,8 @@ import { LozengeWrapper, LozengeBlockWrapper } from '../IconAndTitleLayout/style
 const FallbackForbiddenIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
   label: "error",
   size: "small",
-  primaryColor: `var(--ds-icon-danger, ${R400})`
+  primaryColor: `var(--ds-icon-danger, ${R400})`,
+  testId: "forbidden-view-fallback-icon"
 }));
 export class InlineCardForbiddenView extends React.Component {
   constructor(...args) {
@@ -73,7 +74,8 @@ export class InlineCardForbiddenView extends React.Component {
           appearance: "subtle-link",
           onClick: this.handleRetry,
           component: IconStyledButton,
-          testId: "button-connect-other-account"
+          testId: "button-connect-other-account",
+          role: "button"
         }, this.renderForbiddenAccessMessage());
       }
 
@@ -83,7 +85,8 @@ export class InlineCardForbiddenView extends React.Component {
           appearance: "subtle-link",
           onClick: this.handleRetry,
           component: IconStyledButton,
-          testId: "button-connect-other-account"
+          testId: "button-connect-other-account",
+          role: "button"
         }, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
           appearance: 'moved'
         }, this.renderForbiddenAccessMessage()))));

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

@@ -129,7 +129,8 @@ export class IconAndTitleLayout extends React.Component {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconTitleWrapper, {
       style: {
         color: titleColor
-      }
+      },
+      "data-testid": testId
     }, link ? /*#__PURE__*/React.createElement(LinkAppearance, {
       href: link,
       onClick: this.handleClick,

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

@@ -15,6 +15,7 @@ export class InlineCardResolvedView extends React.Component {
     }
 
     return /*#__PURE__*/React.createElement(LozengeBlockWrapper, null, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
+      testId: "inline-card-resolved-view-lozenge",
       appearance: lozenge.appearance || 'default',
       isBold: lozenge.isBold
     }, lozenge.text)));

package/dist/es2019/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.js

@@ -1,13 +1,28 @@
 import { useState } from 'react';
 import { normalizeUrl } from '@atlaskit/linking-common/url';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { ANALYTICS_CHANNEL } from '../../../../utils/analytics';
 export const useLinkWarningModal = () => {
   const [unsafeLinkText, setUnsafeLinkText] = useState(null);
   const [url, setUrl] = useState(null);
   const [isOpen, setIsOpen] = useState(false);
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+
+  const sendAnalyticsEvent = () => {
+    createAnalyticsEvent({
+      action: 'shown',
+      actionSubject: 'warningModal',
+      actionSubjectId: 'linkSafetyWarning',
+      eventType: 'operational'
+    }).fire(ANALYTICS_CHANNEL);
+  };
   /**
    * It checks and warns if a link text is a URL and different from an actual link destination
    */
 
+
   const checkLinkSafety = (event, href) => {
     const linkText = event.currentTarget.innerText;
     const anchorLinkRegex = new RegExp(/^#/im);
@@ -24,6 +39,7 @@ export const useLinkWarningModal = () => {
       setUnsafeLinkText(linkText);
       href && setUrl(href);
       setIsOpen(true);
+      sendAnalyticsEvent();
     }
   };
 

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

@@ -2,6 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 import LinkWarningModal from './LinkWarningModal';
+import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import { name as packageName, version as packageVersion } from '../../version.json';
+const PACKAGE_DATA = {
+  packageName,
+  packageVersion,
+  componentName: 'linkUrl'
+};
 
 const LinkUrl = ({
   href,
@@ -25,4 +32,4 @@ const LinkUrl = ({
   }, props), children), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
 };
 
-export default LinkUrl;
+export default withAnalyticsContext(PACKAGE_DATA)(LinkUrl);

package/dist/esm/extractors/common/icon/extractIcon.js

@@ -47,33 +47,39 @@ var extractIconByType = function extractIconByType(type, opts) {
 
     case 'atlassian:Goal':
       return opts.icon || /*#__PURE__*/React.createElement(TaskIcon, {
-        label: opts.title || 'goal'
+        label: opts.title || 'goal',
+        testId: "task-icon"
       });
 
     case 'atlassian:Project':
       return opts.icon || /*#__PURE__*/React.createElement(ProjectIcon, {
         label: opts.title || 'project',
-        size: "small"
+        size: "small",
+        testId: "project-icon"
       });
 
     case 'atlassian:SourceCodeCommit':
       return /*#__PURE__*/React.createElement(CommitIcon, {
-        label: opts.title || 'commit'
+        label: opts.title || 'commit',
+        testId: "commit-icon"
       });
 
     case 'atlassian:SourceCodePullRequest':
       return /*#__PURE__*/React.createElement(PullRequestIcon, {
-        label: opts.title || 'pullRequest'
+        label: opts.title || 'pullRequest',
+        testId: "pull-request-icon"
       });
 
     case 'atlassian:SourceCodeReference':
       return /*#__PURE__*/React.createElement(BranchIcon, {
-        label: opts.title || 'reference'
+        label: opts.title || 'reference',
+        testId: "branch-icon"
       });
 
     case 'atlassian:SourceCodeRepository':
       return /*#__PURE__*/React.createElement(RepoIcon, {
-        label: opts.title || 'repository'
+        label: opts.title || 'repository',
+        testId: "repo-icon"
       });
 
     case 'atlassian:Task':

package/dist/esm/extractors/common/icon/extractIconFromDocument.js

@@ -30,37 +30,44 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
   switch (type) {
     case 'schema:BlogPosting':
       return /*#__PURE__*/React.createElement(BlogIcon, {
-        label: opts.title || 'blog'
+        label: opts.title || 'blog',
+        testId: "blog-icon"
       });
 
     case 'schema:DigitalDocument':
       return /*#__PURE__*/React.createElement(FileIcon, {
-        label: opts.title || 'file'
+        label: opts.title || 'file',
+        testId: "file-icon"
       });
 
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: opts.title || 'document'
+        label: opts.title || 'document',
+        testId: "document-icon"
       });
 
     case 'schema:PresentationDigitalDocument':
       return /*#__PURE__*/React.createElement(PresentationIcon, {
-        label: opts.title || 'presentation'
+        label: opts.title || 'presentation',
+        testId: "presentation-icon"
       });
 
     case 'schema:SpreadsheetDigitalDocument':
       return /*#__PURE__*/React.createElement(SpreadsheetIcon, {
-        label: opts.title || 'spreadsheet'
+        label: opts.title || 'spreadsheet',
+        testId: "spreadsheet-icon"
       });
 
     case 'atlassian:Template':
       return /*#__PURE__*/React.createElement(DocumentFilledIcon, {
-        label: opts.title || 'template'
+        label: opts.title || 'template',
+        testId: "document-filled-icon"
       });
 
     case 'atlassian:UndefinedLink':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: opts.title || 'undefinedLink'
+        label: opts.title || 'undefinedLink',
+        testId: "document-icon"
       });
   }
 };

package/dist/esm/extractors/common/icon/extractIconFromTask.js

@@ -15,6 +15,10 @@ export var extractIconFromTask = function extractIconFromTask(opts) {
   var taskType = opts.taskType,
       provider = opts.provider;
   var taskLabel = opts.title || 'task';
+  var defaultIcon = /*#__PURE__*/React.createElement(TaskIcon, {
+    label: taskLabel,
+    testId: "default-task-icon"
+  });
 
   if (provider && provider.id === JIRA_GENERATOR_ID && taskType && taskType.id) {
     var taskTypeId = taskType.id;
@@ -23,57 +27,62 @@ export var extractIconFromTask = function extractIconFromTask(opts) {
     switch (taskTypeName) {
       case JIRA_TASK:
         return /*#__PURE__*/React.createElement(JiraTaskIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-task-icon"
         });
 
       case JIRA_SUB_TASK:
         return /*#__PURE__*/React.createElement(JiraSubTaskIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-subtask-icon"
         });
 
       case JIRA_STORY:
         return /*#__PURE__*/React.createElement(JiraStoryIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-story-icon"
         });
 
       case JIRA_BUG:
         return /*#__PURE__*/React.createElement(JiraBugIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-bug-icon"
         });
 
       case JIRA_EPIC:
         return /*#__PURE__*/React.createElement(JiraEpicIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-epic-icon"
         });
 
       case JIRA_INCIDENT:
         return /*#__PURE__*/React.createElement(JiraIncidentIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-incident-icon"
         });
 
       case JIRA_SERVICE_REQUEST:
         return /*#__PURE__*/React.createElement(JiraServiceRequestIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-service-request-icon"
         });
 
       case JIRA_CHANGE:
         return /*#__PURE__*/React.createElement(JiraChangeIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-change-icon"
         });
 
       case JIRA_PROBLEM:
         return /*#__PURE__*/React.createElement(JiraProblemIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-problem-icon"
         });
 
       case JIRA_CUSTOM_TASK_TYPE:
-        return taskType.icon || opts.icon || provider.icon || /*#__PURE__*/React.createElement(TaskIcon, {
-          label: taskLabel
-        });
+        return taskType.icon || opts.icon || provider.icon || defaultIcon;
     }
   }
 
-  return /*#__PURE__*/React.createElement(TaskIcon, {
-    label: taskLabel
-  });
+  return defaultIcon;
 };

package/dist/esm/messages.js

@@ -96,7 +96,7 @@ export var messages = defineMessages({
     description: 'continue'
   },
   copy_url_to_clipboard: {
-    id: 'fabric.linking.download',
+    id: 'fabric.linking.copy_url_to_clipboard',
     defaultMessage: 'Copy link',
     description: ''
   },

package/dist/esm/utils/index.js

@@ -49,7 +49,8 @@ export var getIconForFileType = function getIconForFileType(fileMimeType) {
   }); // because we're using dynamic loading here, TS will not be able to infer the type
 
   return /*#__PURE__*/React.createElement(Icon, {
-    label: label
+    label: label,
+    testId: "document-file-format-icon"
   });
 };
 export var getLabelForFileType = function getLabelForFileType(fileMimeType) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.13.0",
+	"version": "23.13.2",
 	"sideEffects": false
 }

package/dist/esm/view/EmbedCard/components/ExpandedFrame.js

@@ -77,7 +77,9 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       "data-testid": testId,
       "data-trello-do-not-use-override": testId,
       "data-is-selected": isSelected,
-      "data-is-visible": isVisible
+      "data-is-visible": isVisible,
+      "data-wrapper-type": "default",
+      "data-is-interactive": isInteractive()
     }, renderHeader(), renderContent());
   }
 };

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -148,7 +148,8 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
         onMouseEnter: initShowCard,
         onMouseLeave: initHideCard,
         onMouseMove: setMousePosition,
-        onClick: onChildClick
+        onClick: onChildClick,
+        "data-testid": "hover-card-trigger-wrapper"
       }), children));
     },
     zIndex: 511 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510

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

@@ -54,7 +54,8 @@ export var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
         spacing: "none",
         appearance: "subtle-link",
         component: IconStyledButton,
-        onClick: _this.handleRetry
+        onClick: _this.handleRetry,
+        role: "button"
       }, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again, function (formattedMessage) {
         return /*#__PURE__*/React.createElement(LowercaseAppearance, null, formattedMessage);
       })));
@@ -80,7 +81,8 @@ export var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
         icon: icon || /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(ErrorIcon, {
           label: "error",
           size: "small",
-          primaryColor: "var(--ds-icon-danger, ".concat(R300, ")")
+          primaryColor: "var(--ds-icon-danger, ".concat(R300, ")"),
+          testId: "errored-view-default-icon"
         })),
         link: url,
         title: url,

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

@@ -26,7 +26,8 @@ import { LozengeWrapper, LozengeBlockWrapper } from '../IconAndTitleLayout/style
 var FallbackForbiddenIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
   label: "error",
   size: "small",
-  primaryColor: "var(--ds-icon-danger, ".concat(R400, ")")
+  primaryColor: "var(--ds-icon-danger, ".concat(R400, ")"),
+  testId: "forbidden-view-fallback-icon"
 }));
 export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
   _inherits(InlineCardForbiddenView, _React$Component);
@@ -90,7 +91,8 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
           appearance: "subtle-link",
           onClick: _this.handleRetry,
           component: IconStyledButton,
-          testId: "button-connect-other-account"
+          testId: "button-connect-other-account",
+          role: "button"
         }, _this.renderForbiddenAccessMessage());
       }
 
@@ -100,7 +102,8 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
           appearance: "subtle-link",
           onClick: _this.handleRetry,
           component: IconStyledButton,
-          testId: "button-connect-other-account"
+          testId: "button-connect-other-account",
+          role: "button"
         }, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
           appearance: 'moved'
         }, _this.renderForbiddenAccessMessage()))));

package/dist/esm/view/InlineCard/IconAndTitleLayout/index.js

@@ -151,7 +151,8 @@ export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconTitleWrapper, {
         style: {
           color: titleColor
-        }
+        },
+        "data-testid": testId
       }, link ? /*#__PURE__*/React.createElement(LinkAppearance, {
         href: link,
         onClick: this.handleClick,

package/dist/esm/view/InlineCard/ResolvedView/index.js

@@ -35,6 +35,7 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
       }
 
       return /*#__PURE__*/React.createElement(LozengeBlockWrapper, null, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
+        testId: "inline-card-resolved-view-lozenge",
         appearance: lozenge.appearance || 'default',
         isBold: lozenge.isBold
       }, lozenge.text)));

package/dist/esm/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.js

@@ -1,6 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useState } from 'react';
 import { normalizeUrl } from '@atlaskit/linking-common/url';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { ANALYTICS_CHANNEL } from '../../../../utils/analytics';
 export var useLinkWarningModal = function useLinkWarningModal() {
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -16,6 +18,18 @@ export var useLinkWarningModal = function useLinkWarningModal() {
       _useState6 = _slicedToArray(_useState5, 2),
       isOpen = _useState6[0],
       setIsOpen = _useState6[1];
+
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+
+  var sendAnalyticsEvent = function sendAnalyticsEvent() {
+    createAnalyticsEvent({
+      action: 'shown',
+      actionSubject: 'warningModal',
+      actionSubjectId: 'linkSafetyWarning',
+      eventType: 'operational'
+    }).fire(ANALYTICS_CHANNEL);
+  };
   /**
    * It checks and warns if a link text is a URL and different from an actual link destination
    */
@@ -37,6 +51,7 @@ export var useLinkWarningModal = function useLinkWarningModal() {
       setUnsafeLinkText(linkText);
       href && setUrl(href);
       setIsOpen(true);
+      sendAnalyticsEvent();
     }
   };
 

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

@@ -5,6 +5,13 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
 import React from 'react';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 import LinkWarningModal from './LinkWarningModal';
+import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import { name as packageName, version as packageVersion } from '../../version.json';
+var PACKAGE_DATA = {
+  packageName: packageName,
+  packageVersion: packageVersion,
+  componentName: 'linkUrl'
+};
 
 var LinkUrl = function LinkUrl(_ref) {
   var href = _ref.href,
@@ -30,4 +37,4 @@ var LinkUrl = function LinkUrl(_ref) {
   }, props), children), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
 };
 
-export default LinkUrl;
+export default withAnalyticsContext(PACKAGE_DATA)(LinkUrl);

package/dist/types/extractors/common/__mocks__/withIntl.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const withIntl: (child: React.ReactNode) => JSX.Element;

package/dist/types/view/LinkUrl/index.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
 import { LinkUrlProps } from './types';
-declare const LinkUrl: React.FC<LinkUrlProps>;
-export default LinkUrl;
+declare const _default: React.ForwardRefExoticComponent<LinkUrlProps & {
+    children?: React.ReactNode;
+} & import("@atlaskit/analytics-next").WithContextProps & React.RefAttributes<any>>;
+export default _default;

package/dist/types/view/LinkUrl/types.d.ts

@@ -6,3 +6,8 @@ export interface LinkUrlProps extends React.AnchorHTMLAttributes<HTMLAnchorEleme
     checkSafety?: boolean;
     testId?: string;
 }
+export declare type PackageDataType = {
+    packageName: '@atlaskit/smart-card';
+    packageVersion: string;
+    componentName: 'linkUrl';
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "23.13.0",
+  "version": "23.13.2",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
     "@atlaskit/icon-object": "^6.2.0",
     "@atlaskit/icon-priority": "^6.3.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/linking-common": "^1.19.0",
+    "@atlaskit/linking-common": "^1.20.0",
     "@atlaskit/logo": "^13.10.0",
     "@atlaskit/lozenge": "^11.3.0",
     "@atlaskit/media-common": "^2.18.0",
@@ -91,13 +91,11 @@
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.4.3",
-    "@types/enzyme": "^3.1.15",
     "@types/lorem-ipsum": "^1.0.2",
     "@types/react": "^16.8.0",
     "@types/react-loadable": "^5.4.1",
     "abortcontroller-polyfill": "^1.1.9",
     "brace": "^0.11.1",
-    "enzyme": "^3.10.0",
     "jest-emotion": "^10.0.32",
     "jest-extended": "^0.11.2",
     "jsdom": "^16.2.2",

package/dist/types/extractors/common/__mocks__/render.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const render: (child: React.ReactNode) => JSX.Element;