@atlaskit/smart-card 42.3.5 → 43.0.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 43.0.0
+
+### Major Changes
+
+- [`ec9cef4db241c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ec9cef4db241c) -
+  [ux] Show connect button for unauthorized blue hyperlinks, following the same auth flow as Smart
+  Links
+
 ## 42.3.5
 
 ### Patch Changes

package/analytics.spec.yaml

@@ -165,7 +165,7 @@ attributes:
       description: The definitionId of the Smart Link resolver invoked.
     display:
       required: false
-      type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
+      type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview', 'hyperlink']
       description: Whether the card was an Inline, Block, Embed or Flexible UI.
     resourceType:
       required: false
@@ -313,7 +313,7 @@ events:
           description: The unique ID for this Smart Link
         display:
           required: true
-          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
+          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview', 'hyperlink']
           description: Whether the card was an Inline, Block, Embed or Flexible UI
         definitionId:
           required: false
@@ -337,7 +337,7 @@ events:
           description: The unique ID for this Smart Link.
         display:
           required: true
-          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
+          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview', 'hyperlink']
           description: Whether the card was an Inline, Block, Embed or Flexible UI.
         definitionId:
           required: false
@@ -480,7 +480,7 @@ events:
         <<: [*PackageMetaDataContext, *CommonContext]
         display:
           required: true
-          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
+          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview', 'hyperlink']
           description: Whether the card was an Inline, Block, Embed or Flexible UI.
         definitionId:
           required: false
@@ -516,6 +516,62 @@ events:
           required: false
           type: string
           description: Failure reason
+  - hyperlink resolved:
+      type: operational
+      description: Fires an event when a hyperlink is successfully resolved.
+      attributes:
+        packageName:
+          type: string
+          description: name of the package the event was fired from
+        packageVersion:
+          type: string
+          description: version of the package the event was fired from
+        extensionKey:
+          type: string
+          required: false
+          description: The provider identifier of the resolver that was used to resolve the link
+        definitionId:
+          required: false
+          type: string
+          description: The definitionId of the Smart Link resolver invoked.
+        resourceType:
+          required: false
+          type: string
+          description: Type of resource the link is pointing to
+        duration:
+          required: false
+          type: number
+          description: Total time the hyperlink resolution took to complete
+  - hyperlink unresolved:
+      type: operational
+      description: Fires an event when a hyperlink fails to resolve.
+      attributes:
+        packageName:
+          type: string
+          description: name of the package the event was fired from
+        packageVersion:
+          type: string
+          description: version of the package the event was fired from
+        extensionKey:
+          type: string
+          required: false
+          description: The provider identifier of the resolver that was used to resolve the link
+        definitionId:
+          required: false
+          type: string
+          description: The definitionId of the Smart Link resolver invoked.
+        resourceType:
+          required: false
+          type: string
+          description: Type of resource the link is pointing to
+        reason:
+          required: false
+          type: string
+          description: The status/reason why the hyperlink failed to resolve
+        error:
+          required: false
+          type: object
+          description: Error object providing more details about the failure
   - smartLink clicked:
       type: ui
       description: fires an event that represents when a user clicks on a Smart Link.
@@ -623,7 +679,7 @@ events:
         <<: [*PackageMetaDataContext, *CommonContext]
         display:
           required: true
-          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
+          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview', 'hyperlink']
           description: Whether the card was an Inline, Block, Embed or Flexible UI.
         definitionId:
           required: false
@@ -638,7 +694,7 @@ events:
         <<: [*PackageMetaDataContext, *CommonContext]
         display:
           required: true
-          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
+          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview', 'hyperlink']
           description: Whether the card was an Inline, Block, Embed or Flexible UI.
         definitionId:
           required: false
@@ -653,7 +709,7 @@ events:
         <<: [*PackageMetaDataContext, *CommonContext]
         display:
           required: true
-          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
+          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview', 'hyperlink']
           description: Whether the card was an Inline, Block, Embed or Flexible UI.
         definitionId:
           required: false

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: "42.3.4"
+  packageVersion: "42.3.5"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -54,15 +54,10 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
     }
     onClickCallback === null || onClickCallback === void 0 || onClickCallback(e);
   }, [onClickCallback, fire3PClickEvent, state === null || state === void 0 ? void 0 : state.status]);
-
-  // TODO: AI3W-1113: Show auth button
   var onAuthorize = (0, _platformFeatureFlags.fg)('platform_linking_plain_hyperlink_connect_button') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
   (0, _react.useCallback)(function () {
-    return (
-      // TODO: Need to add hyperlink type
-      actions.authorize('inline')
-    );
+    return actions.authorize('hyperlink');
   }, [actions]) : undefined;
   if ((0, _platformFeatureFlags.fg)('platform_linking_plain_hyperlink_connect_button')) {
     switch (state === null || state === void 0 ? void 0 : state.status) {
@@ -71,6 +66,7 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
         return /*#__PURE__*/_react.default.createElement(_unauthorizeView.default, (0, _extends2.default)({}, props, {
           onAuthorize: services !== null && services !== void 0 && services.length ? onAuthorize : undefined,
           onClick: onClick,
+          showConnectBtn: (services === null || services === void 0 ? void 0 : services.length) > 0,
           provider: provider
         }));
       default:

package/dist/cjs/view/LinkUrl/HyperlinkResolver/unauthorize-view.js

@@ -1,34 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
 var _actionButton = require("../../InlineCard/common/action-button");
 var _Hyperlink = _interopRequireDefault(require("../Hyperlink"));
-var _excluded = ["onAuthorize", "provider"];
-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 _excluded = ["onAuthorize", "provider", "showConnectBtn"];
 var HyperlinkUnauthorizedView = function HyperlinkUnauthorizedView(_ref) {
   var onAuthorize = _ref.onAuthorize,
     provider = _ref.provider,
+    showConnectBtn = _ref.showConnectBtn,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var actionButton = (0, _react.useMemo)(function () {
-    return onAuthorize ? /*#__PURE__*/_react.default.createElement(_actionButton.ActionButton, {
-      onClick: onAuthorize,
-      testId: "button-connect-account"
-    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
-      values: {
-        context: provider === null || provider === void 0 ? void 0 : provider.text
-      }
-    }))) : null;
-  }, [onAuthorize, provider === null || provider === void 0 ? void 0 : provider.text]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Hyperlink.default, props), actionButton);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Hyperlink.default, props), showConnectBtn && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ' ', /*#__PURE__*/_react.default.createElement(_actionButton.ActionButton, {
+    onClick: onAuthorize,
+    testId: "button-connect-account"
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
+    values: {
+      context: provider === null || provider === void 0 ? void 0 : provider.text
+    }
+  })))));
 };
 var _default = exports.default = HyperlinkUnauthorizedView;

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

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

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

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

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

@@ -41,13 +41,9 @@ const HyperlinkWithSmartLinkResolverInner = ({
     }
     onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback(e);
   }, [onClickCallback, fire3PClickEvent, state === null || state === void 0 ? void 0 : state.status]);
-
-  // TODO: AI3W-1113: Show auth button
   const onAuthorize = fg('platform_linking_plain_hyperlink_connect_button') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  useCallback(() =>
-  // TODO: Need to add hyperlink type
-  actions.authorize('inline'), [actions]) : undefined;
+  useCallback(() => actions.authorize('hyperlink'), [actions]) : undefined;
   if (fg('platform_linking_plain_hyperlink_connect_button')) {
     switch (state === null || state === void 0 ? void 0 : state.status) {
       case 'unauthorized':
@@ -55,6 +51,7 @@ const HyperlinkWithSmartLinkResolverInner = ({
         return /*#__PURE__*/React.createElement(HyperlinkUnauthorizedView, _extends({}, props, {
           onAuthorize: services !== null && services !== void 0 && services.length ? onAuthorize : undefined,
           onClick: onClick,
+          showConnectBtn: (services === null || services === void 0 ? void 0 : services.length) > 0,
           provider: provider
         }));
       default:

package/dist/es2019/view/LinkUrl/HyperlinkResolver/unauthorize-view.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useMemo } from 'react';
+import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
 import { ActionButton } from '../../InlineCard/common/action-button';
@@ -7,16 +7,16 @@ import Hyperlink from '../Hyperlink';
 const HyperlinkUnauthorizedView = ({
   onAuthorize,
   provider,
+  showConnectBtn,
   ...props
 }) => {
-  const actionButton = useMemo(() => onAuthorize ? /*#__PURE__*/React.createElement(ActionButton, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Hyperlink, props), showConnectBtn && /*#__PURE__*/React.createElement(React.Fragment, null, ' ', /*#__PURE__*/React.createElement(ActionButton, {
     onClick: onAuthorize,
     testId: "button-connect-account"
   }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
     values: {
       context: provider === null || provider === void 0 ? void 0 : provider.text
     }
-  }))) : null, [onAuthorize, provider === null || provider === void 0 ? void 0 : provider.text]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Hyperlink, props), actionButton);
+  })))));
 };
 export default HyperlinkUnauthorizedView;

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

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

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

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

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

@@ -45,15 +45,10 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
     }
     onClickCallback === null || onClickCallback === void 0 || onClickCallback(e);
   }, [onClickCallback, fire3PClickEvent, state === null || state === void 0 ? void 0 : state.status]);
-
-  // TODO: AI3W-1113: Show auth button
   var onAuthorize = fg('platform_linking_plain_hyperlink_connect_button') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useCallback(function () {
-    return (
-      // TODO: Need to add hyperlink type
-      actions.authorize('inline')
-    );
+    return actions.authorize('hyperlink');
   }, [actions]) : undefined;
   if (fg('platform_linking_plain_hyperlink_connect_button')) {
     switch (state === null || state === void 0 ? void 0 : state.status) {
@@ -62,6 +57,7 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
         return /*#__PURE__*/React.createElement(HyperlinkUnauthorizedView, _extends({}, props, {
           onAuthorize: services !== null && services !== void 0 && services.length ? onAuthorize : undefined,
           onClick: onClick,
+          showConnectBtn: (services === null || services === void 0 ? void 0 : services.length) > 0,
           provider: provider
         }));
       default:

package/dist/esm/view/LinkUrl/HyperlinkResolver/unauthorize-view.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onAuthorize", "provider"];
-import React, { useMemo } from 'react';
+var _excluded = ["onAuthorize", "provider", "showConnectBtn"];
+import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
 import { ActionButton } from '../../InlineCard/common/action-button';
@@ -9,17 +9,15 @@ import Hyperlink from '../Hyperlink';
 var HyperlinkUnauthorizedView = function HyperlinkUnauthorizedView(_ref) {
   var onAuthorize = _ref.onAuthorize,
     provider = _ref.provider,
+    showConnectBtn = _ref.showConnectBtn,
     props = _objectWithoutProperties(_ref, _excluded);
-  var actionButton = useMemo(function () {
-    return onAuthorize ? /*#__PURE__*/React.createElement(ActionButton, {
-      onClick: onAuthorize,
-      testId: "button-connect-account"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
-      values: {
-        context: provider === null || provider === void 0 ? void 0 : provider.text
-      }
-    }))) : null;
-  }, [onAuthorize, provider === null || provider === void 0 ? void 0 : provider.text]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Hyperlink, props), actionButton);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Hyperlink, props), showConnectBtn && /*#__PURE__*/React.createElement(React.Fragment, null, ' ', /*#__PURE__*/React.createElement(ActionButton, {
+    onClick: onAuthorize,
+    testId: "button-connect-account"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
+    values: {
+      context: provider === null || provider === void 0 ? void 0 : provider.text
+    }
+  })))));
 };
 export default HyperlinkUnauthorizedView;

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

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

package/dist/types/common/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::932bd7921a1bd5e7a45d04e6fef57e12>>
+ * @codegen <<SignedSource::a9e05f4749fe4c5f7aaded5bdf6a8822>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataContextType = {
@@ -37,35 +37,35 @@ export type ButtonClickedCopyLinkAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedDownloadDocumentAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedInvokePreviewScreenAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedShortcutGoToLinkAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedIssueStatusUpdateAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedAiSummaryAttributesType = {};
@@ -99,14 +99,14 @@ export type RelatedLinksFailedAttributesType = {
 };
 export type SmartLinkIframeDwelledAttributesType = {
     id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
     dwellTime: number;
     dwellPercentVisible: number;
 };
 export type SmartLinkIframeFocusedAttributesType = {
     id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type ApplicationAccountConnectedAttributesType = {
@@ -147,7 +147,7 @@ export type SmartLinkUnresolvedAttributesType = {
     reason: string;
 };
 export type SmartLinkChunkLoadFailedAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
     error: Record<string, unknown>;
     errorInfo: Record<string, unknown>;
@@ -156,7 +156,7 @@ export type SmartLinkActionResolvedAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
     duration: number | null;
 };
@@ -164,23 +164,11 @@ export type SmartLinkActionUnresolvedAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
     duration: number | null;
     reason: string | null;
 };
-export type SmartLinkClickedAttributesType = {
-    id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
-    definitionId: string | null;
-    isModifierKeyPressed: boolean | null;
-};
-export type SmartLinkClickedTitleGoToLinkAttributesType = {
-    id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
-    definitionId: string | null;
-    isModifierKeyPressed: boolean | null;
-};
 export type HyperlinkResolvedAttributesType = {
     definitionId: string | null;
     extensionKey: string | null;
@@ -191,8 +179,20 @@ export type HyperlinkUnresolvedAttributesType = {
     definitionId: string | null;
     extensionKey: string | null;
     resourceType: string | null;
+    reason: string | null;
     error: Record<string, unknown> | null;
-    reason: string;
+};
+export type SmartLinkClickedAttributesType = {
+    id: string;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    definitionId: string | null;
+    isModifierKeyPressed: boolean | null;
+};
+export type SmartLinkClickedTitleGoToLinkAttributesType = {
+    id: string;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    definitionId: string | null;
+    isModifierKeyPressed: boolean | null;
 };
 export type SmartLinkClickedPreviewHoverCardAttributesType = {
     id: string;
@@ -211,15 +211,15 @@ export type HoverCardDismissedAttributesType = {
     definitionId: string | null;
 };
 export type ButtonClickedConnectAccountAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type SmartLinkClickedTryAnotherAccountAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type ConsentModalClosedAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type ModalClosedEmbedPreviewAttributesType = {
@@ -358,10 +358,10 @@ export type AnalyticsEventAttributes = {
      * Fires an event when a Smart Link action is failed to resolved. */
     'operational.smartLinkAction.unresolved': SmartLinkActionUnresolvedAttributesType;
     /**
-     * Fires an event when a Hyperlink is successfully resolved. */
+     * Fires an event when a hyperlink is successfully resolved. */
     'operational.hyperlink.resolved': HyperlinkResolvedAttributesType;
     /**
-     * Fires an event when a Hyperlink is failed to resolve. */
+     * Fires an event when a hyperlink fails to resolve. */
     'operational.hyperlink.unresolved': HyperlinkUnresolvedAttributesType;
     /**
      * fires an event that represents when a user clicks on a Smart Link. */

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

@@ -7,7 +7,7 @@ import { type FlexibleUiOptions } from '../FlexibleCard/types';
 import { type HoverPreviewOptions } from '../HoverCard/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
 export type { CardAppearance, CardPlatform };
-export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
 export type EmbedIframeUrlType = 'href' | 'interactiveHref';
 export type OnResolveCallback = (data: {
     aspectRatio?: number;

package/dist/types/view/LinkUrl/HyperlinkResolver/unauthorize-view.d.ts

@@ -4,6 +4,7 @@ import type { LinkUrlProps } from '../types';
 type HyperlinkUnauthorizedViewProps = LinkUrlProps & {
     onAuthorize?: () => void;
     provider?: LinkProvider;
+    showConnectBtn?: boolean;
 };
-declare const HyperlinkUnauthorizedView: ({ onAuthorize, provider, ...props }: HyperlinkUnauthorizedViewProps) => React.JSX.Element;
+declare const HyperlinkUnauthorizedView: ({ onAuthorize, provider, showConnectBtn, ...props }: HyperlinkUnauthorizedViewProps) => React.JSX.Element;
 export default HyperlinkUnauthorizedView;

package/dist/types-ts4.5/common/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::932bd7921a1bd5e7a45d04e6fef57e12>>
+ * @codegen <<SignedSource::a9e05f4749fe4c5f7aaded5bdf6a8822>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataContextType = {
@@ -37,35 +37,35 @@ export type ButtonClickedCopyLinkAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedDownloadDocumentAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedInvokePreviewScreenAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedShortcutGoToLinkAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedIssueStatusUpdateAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedAiSummaryAttributesType = {};
@@ -99,14 +99,14 @@ export type RelatedLinksFailedAttributesType = {
 };
 export type SmartLinkIframeDwelledAttributesType = {
     id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
     dwellTime: number;
     dwellPercentVisible: number;
 };
 export type SmartLinkIframeFocusedAttributesType = {
     id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type ApplicationAccountConnectedAttributesType = {
@@ -147,7 +147,7 @@ export type SmartLinkUnresolvedAttributesType = {
     reason: string;
 };
 export type SmartLinkChunkLoadFailedAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
     error: Record<string, unknown>;
     errorInfo: Record<string, unknown>;
@@ -156,7 +156,7 @@ export type SmartLinkActionResolvedAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
     duration: number | null;
 };
@@ -164,23 +164,11 @@ export type SmartLinkActionUnresolvedAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
     duration: number | null;
     reason: string | null;
 };
-export type SmartLinkClickedAttributesType = {
-    id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
-    definitionId: string | null;
-    isModifierKeyPressed: boolean | null;
-};
-export type SmartLinkClickedTitleGoToLinkAttributesType = {
-    id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
-    definitionId: string | null;
-    isModifierKeyPressed: boolean | null;
-};
 export type HyperlinkResolvedAttributesType = {
     definitionId: string | null;
     extensionKey: string | null;
@@ -191,8 +179,20 @@ export type HyperlinkUnresolvedAttributesType = {
     definitionId: string | null;
     extensionKey: string | null;
     resourceType: string | null;
+    reason: string | null;
     error: Record<string, unknown> | null;
-    reason: string;
+};
+export type SmartLinkClickedAttributesType = {
+    id: string;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    definitionId: string | null;
+    isModifierKeyPressed: boolean | null;
+};
+export type SmartLinkClickedTitleGoToLinkAttributesType = {
+    id: string;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    definitionId: string | null;
+    isModifierKeyPressed: boolean | null;
 };
 export type SmartLinkClickedPreviewHoverCardAttributesType = {
     id: string;
@@ -211,15 +211,15 @@ export type HoverCardDismissedAttributesType = {
     definitionId: string | null;
 };
 export type ButtonClickedConnectAccountAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type SmartLinkClickedTryAnotherAccountAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type ConsentModalClosedAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type ModalClosedEmbedPreviewAttributesType = {
@@ -358,10 +358,10 @@ export type AnalyticsEventAttributes = {
      * Fires an event when a Smart Link action is failed to resolved. */
     'operational.smartLinkAction.unresolved': SmartLinkActionUnresolvedAttributesType;
     /**
-     * Fires an event when a Hyperlink is successfully resolved. */
+     * Fires an event when a hyperlink is successfully resolved. */
     'operational.hyperlink.resolved': HyperlinkResolvedAttributesType;
     /**
-     * Fires an event when a Hyperlink is failed to resolve. */
+     * Fires an event when a hyperlink fails to resolve. */
     'operational.hyperlink.unresolved': HyperlinkUnresolvedAttributesType;
     /**
      * fires an event that represents when a user clicks on a Smart Link. */

package/dist/types-ts4.5/view/Card/types.d.ts

@@ -7,7 +7,7 @@ import { type FlexibleUiOptions } from '../FlexibleCard/types';
 import { type HoverPreviewOptions } from '../HoverCard/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
 export type { CardAppearance, CardPlatform };
-export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
 export type EmbedIframeUrlType = 'href' | 'interactiveHref';
 export type OnResolveCallback = (data: {
     aspectRatio?: number;

package/dist/types-ts4.5/view/LinkUrl/HyperlinkResolver/unauthorize-view.d.ts

@@ -4,6 +4,7 @@ import type { LinkUrlProps } from '../types';
 type HyperlinkUnauthorizedViewProps = LinkUrlProps & {
     onAuthorize?: () => void;
     provider?: LinkProvider;
+    showConnectBtn?: boolean;
 };
-declare const HyperlinkUnauthorizedView: ({ onAuthorize, provider, ...props }: HyperlinkUnauthorizedViewProps) => React.JSX.Element;
+declare const HyperlinkUnauthorizedView: ({ onAuthorize, provider, showConnectBtn, ...props }: HyperlinkUnauthorizedViewProps) => React.JSX.Element;
 export default HyperlinkUnauthorizedView;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "42.3.5",
+	"version": "43.0.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,9 +41,9 @@
 		"@atlaskit/form": "^14.2.0",
 		"@atlaskit/frontend-utilities": "^3.2.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^28.3.0",
+		"@atlaskit/icon": "^28.4.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^5.8.0",
+		"@atlaskit/icon-lab": "^5.9.0",
 		"@atlaskit/icon-object": "^7.2.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/image": "^3.0.0",