@atlaskit/smart-card 26.5.13 → 26.5.15

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

@@ -9,37 +9,46 @@ export const useLinkWarningModal = () => {
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
-  const sendAnalyticsEvent = () => {
+  const sendWarningModalViewedEvent = () => {
     createAnalyticsEvent({
-      action: 'shown',
-      actionSubject: 'warningModal',
-      actionSubjectId: 'linkSafetyWarning',
-      eventType: 'operational'
+      action: 'viewed',
+      actionSubject: 'linkSafetyWarningModal',
+      eventType: 'screen',
+      name: 'linkSafetyWarningModal'
+    }).fire(ANALYTICS_CHANNEL);
+  };
+  const sendContinueClickedEvent = () => {
+    createAnalyticsEvent({
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'linkSafetyWarningModalContinue',
+      eventType: 'ui',
+      screen: 'linkSafetyWarningModal'
     }).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 isLinkSafe = (event, href) => {
     if (!href) {
-      return;
+      return true;
     }
     const anchor = event.currentTarget;
     const linkText = anchor.innerText;
     const normalisedUrlFromLinkText = normalizeUrl(linkText);
     if (!normalisedUrlFromLinkText) {
-      return;
+      return true;
     }
     const anchorLinkRegex = new RegExp(/^#/im);
     const isAnchorLink = anchorLinkRegex.test(linkText);
     if (isAnchorLink) {
-      return;
+      return true;
     }
     const relativeLinkRegex = new RegExp(/^\//im);
     const isRelativeHrefLink = relativeLinkRegex.test(href);
     if (isRelativeHrefLink) {
-      return;
+      return true;
     }
     const hrefUrl = new URL(href, window.location.origin);
     const linkTextUrl = new URL(normalisedUrlFromLinkText, hrefUrl.origin);
@@ -53,12 +62,18 @@ export const useLinkWarningModal = () => {
     }
     const areEquivalentLinks = linkTextUrl.hostname === hrefUrl.hostname && linkTextUrl.pathname === hrefUrl.pathname && linkTextUrl.search === hrefUrl.search && linkTextUrl.username === hrefUrl.username && linkTextUrl.password === hrefUrl.password && areProtocolsEquivalent;
     if (!areEquivalentLinks) {
-      event.preventDefault();
-      setUnsafeLinkText(linkText);
-      href && setUrl(href);
-      setIsOpen(true);
-      sendAnalyticsEvent();
+      return false;
     }
+    return true;
+  };
+  const showSafetyWarningModal = (event, href) => {
+    event.preventDefault();
+    const anchor = event.currentTarget;
+    const linkText = anchor.innerText;
+    setUnsafeLinkText(linkText);
+    href && setUrl(href);
+    setIsOpen(true);
+    sendWarningModalViewedEvent();
   };
   const onClose = () => {
     setIsOpen(false);
@@ -67,14 +82,16 @@ export const useLinkWarningModal = () => {
   };
   const onContinue = () => {
     onClose();
-    url && window.location.assign(url);
+    sendContinueClickedEvent();
+    url && window.open(url, '_blank', 'noopener noreferrer');
   };
   return {
-    checkLinkSafety,
-    unsafeLinkText,
+    isLinkSafe,
+    isOpen,
     onClose,
     onContinue,
-    isOpen,
+    showSafetyWarningModal,
+    unsafeLinkText,
     url
   };
 };

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

@@ -6,6 +6,7 @@ import { withLinkClickedEvent } from '../../utils/analytics/click';
 import { LinkAnalyticsContext } from '../../utils/analytics/LinkAnalyticsContext';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 import LinkWarningModal from './LinkWarningModal';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const PACKAGE_DATA = {
   packageName,
   packageVersion,
@@ -21,7 +22,8 @@ const LinkUrl = ({
   ...props
 }) => {
   const {
-    checkLinkSafety,
+    isLinkSafe,
+    showSafetyWarningModal,
     ...linkWarningModalProps
   } = useLinkWarningModal();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinkAnalyticsContext, {
@@ -31,8 +33,25 @@ const LinkUrl = ({
     "data-testid": testId,
     href: href,
     onClick: e => {
-      checkSafety && checkLinkSafety(e, href);
-      onClick && onClick(e);
+      if (getBooleanFF('platform.linking-platform.smart-card.should-call-onclick-in-warning-modal-only-when-safe')) {
+        if (!checkSafety) {
+          onClick && onClick(e);
+          return;
+        }
+
+        // Only call the onClick if the link is safe
+        if (isLinkSafe(e, href)) {
+          onClick && onClick(e);
+        } else {
+          showSafetyWarningModal(e, href);
+        }
+      } else {
+        if (checkSafety && !isLinkSafe(e, href)) {
+          showSafetyWarningModal(e, href);
+        }
+        // Call the onClick regardless of the link safety
+        onClick && onClick(e);
+      }
     }
   }, props), children)), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
 };

package/dist/esm/version.json

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

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

@@ -1,10 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /** @jsx jsx */
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { jsx } from '@emotion/react';
 import React, { useCallback, useMemo, useRef } from 'react';
@@ -21,7 +17,6 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     url = _ref.url,
     id = _ref.id,
     analyticsHandler = _ref.analyticsHandler,
-    analytics = _ref.analytics,
     _ref$canOpen = _ref.canOpen,
     canOpen = _ref$canOpen === void 0 ? true : _ref$canOpen,
     _ref$closeOnChildClic = _ref.closeOnChildClick,
@@ -37,15 +32,11 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     setIsOpen = _React$useState2[1];
   var fadeOutTimeoutId = useRef();
   var fadeInTimeoutId = useRef();
-  var cardOpenTime = useRef();
   var mousePos = useRef();
   var popupOffset = useRef();
   var parentSpan = useRef(null);
   var renderers = useSmartLinkRenderers();
   var linkState = useLinkState(url);
-  var linkStatus = linkState.status;
-  var hoverDisplay = 'card';
-  var invokeMethod = 'mouse_hover';
   var setMousePosition = useCallback(function (event) {
     if (isOpen) {
       return;
@@ -56,24 +47,8 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     };
   }, [isOpen]);
   var hideCard = useCallback(function () {
-    if (getBooleanFF('platform.linking-platform.smart-card.refactor-hover-card-analytics')) {
-      /**
-       * Defer to inner HoverCardContent to fire this event
-       */
-    } else {
-      //Check its previously open to avoid firing events when moving between the child and hover card components
-      if (isOpen === true && cardOpenTime.current) {
-        var hoverTime = Date.now() - cardOpenTime.current;
-        analytics === null || analytics === void 0 ? void 0 : analytics.ui.hoverCardDismissedEvent({
-          previewDisplay: 'card',
-          hoverTime: hoverTime,
-          previewInvokeMethod: 'mouse_hover',
-          status: linkStatus
-        });
-      }
-    }
     setIsOpen(false);
-  }, [analytics, isOpen, linkStatus]);
+  }, []);
   var initHideCard = useCallback(function () {
     if (fadeInTimeoutId.current) {
       clearTimeout(fadeInTimeoutId.current);
@@ -89,21 +64,6 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     //Set mouse position in the case it's not already set by onMouseMove, as in the case of scrolling
     setMousePosition(event);
     fadeInTimeoutId.current = setTimeout(function () {
-      if (getBooleanFF('platform.linking-platform.smart-card.refactor-hover-card-analytics')) {
-        /**
-         * Defer to inner HoverCardContent to fire this event
-         */
-      } else {
-        //Check if its previously closed to avoid firing events when moving between the child and hover card components
-        if (isOpen === false) {
-          cardOpenTime.current = Date.now();
-          analytics === null || analytics === void 0 ? void 0 : analytics.ui.hoverCardViewedEvent({
-            previewDisplay: hoverDisplay,
-            previewInvokeMethod: invokeMethod,
-            status: linkStatus
-          });
-        }
-      }
       //If these are undefined then popupOffset is undefined and we fallback to default bottom-start placement
       if (parentSpan.current && mousePos.current) {
         var _parentSpan$current$g = parentSpan.current.getBoundingClientRect(),
@@ -113,7 +73,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       }
       setIsOpen(true);
     }, delay);
-  }, [isOpen, setMousePosition, analytics, linkStatus]);
+  }, [setMousePosition]);
   var linkActions = useSmartLinkActions({
     url: url,
     appearance: CardDisplay.HoverCardPreview,
@@ -141,7 +101,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
   }, [closeOnChildClick, hideCard]);
   var content = useCallback(function (_ref2) {
     var update = _ref2.update;
-    var hoverCardContentProps = _objectSpread({
+    var hoverCardContentProps = {
       onMouseEnter: initShowCard,
       onMouseLeave: initHideCard,
       cardActions: filteredActions,
@@ -152,16 +112,14 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       showServerActions: showServerActions,
       url: url,
       id: id
-    }, getBooleanFF('platform.linking-platform.smart-card.refactor-hover-card-analytics') ? {} : {
-      analytics: analytics
-    });
-    return getBooleanFF('platform.linking-platform.smart-card.enable-analytics-context') ? jsx(SmartLinkAnalyticsContext, {
+    };
+    return jsx(SmartLinkAnalyticsContext, {
       url: url,
       display: CardDisplay.HoverCardPreview,
       id: id,
       source: HOVER_CARD_SOURCE
-    }, jsx(HoverCardContent, hoverCardContentProps)) : jsx(HoverCardContent, hoverCardContentProps);
-  }, [analytics, initHideCard, initShowCard, filteredActions, linkState, onActionClick, renderers, showServerActions, url, id]);
+    }, jsx(HoverCardContent, hoverCardContentProps));
+  }, [initHideCard, initShowCard, filteredActions, linkState, onActionClick, renderers, showServerActions, url, id]);
   var trigger = useCallback(function (triggerProps) {
     return jsx("span", {
       ref: parentSpan

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

@@ -3,7 +3,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import CopyIcon from '@atlaskit/icon/glyph/copy';
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
@@ -121,25 +120,23 @@ var HoverCardContent = function HoverCardContent(_ref) {
     }
   }, [analytics, linkStatus]);
   useEffect(function () {
-    if (getBooleanFF('platform.linking-platform.smart-card.refactor-hover-card-analytics')) {
-      var previewDisplay = 'card';
-      var previewInvokeMethod = 'mouse_hover';
-      var cardOpenTime = Date.now();
-      analyticsRef.current.ui.hoverCardViewedEvent({
+    var previewDisplay = 'card';
+    var previewInvokeMethod = 'mouse_hover';
+    var cardOpenTime = Date.now();
+    analyticsRef.current.ui.hoverCardViewedEvent({
+      previewDisplay: previewDisplay,
+      previewInvokeMethod: previewInvokeMethod,
+      status: statusRef.current
+    });
+    return function () {
+      var hoverTime = Date.now() - cardOpenTime;
+      analyticsRef.current.ui.hoverCardDismissedEvent({
         previewDisplay: previewDisplay,
         previewInvokeMethod: previewInvokeMethod,
+        hoverTime: hoverTime,
         status: statusRef.current
       });
-      return function () {
-        var hoverTime = Date.now() - cardOpenTime;
-        analyticsRef.current.ui.hoverCardDismissedEvent({
-          previewDisplay: previewDisplay,
-          previewInvokeMethod: previewInvokeMethod,
-          hoverTime: hoverTime,
-          status: statusRef.current
-        });
-      };
-    }
+    };
   }, []);
   var onClick = useCallback(function (event) {
     var isModifierKeyPressed = isSpecialEvent(event);

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

@@ -1,27 +1,16 @@
-import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { jsx } from '@emotion/react';
 import { useCallback } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { useSmartLinkAnalytics } from '../../state/analytics';
-import { fireSmartLinkEvent } from '../../utils/analytics';
 import { HoverCardComponent } from './components/HoverCardComponent';
 import { CardDisplay } from '../../constants';
 var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
   var url = props.url,
     id = props.id,
-    children = props.children,
-    createAnalyticsEvent = props.createAnalyticsEvent;
-  var analyticsHandler = useCallback(function (analyticsPayload) {
-    fireSmartLinkEvent(analyticsPayload, createAnalyticsEvent);
-  }, [createAnalyticsEvent]);
-
-  /**
-   * Feature flag disables prop drilling of analytics handlers
-   */
-  var analytics = useSmartLinkAnalytics(url, getBooleanFF('platform.linking-platform.smart-card.refactor-hover-card-analytics') ? undefined : analyticsHandler, id);
+    children = props.children;
+  var analytics = useSmartLinkAnalytics(url, undefined, id);
   var onError = useCallback(function (error, info) {
     analytics.ui.renderFailedEvent({
       display: CardDisplay.HoverCardPreview,
@@ -30,29 +19,12 @@ var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
       errorInfo: info
     });
   }, [analytics.ui, id]);
-
-  /**
-   * Feature flag disables the prop drilling of analytics handlers to hover card component
-   */
-  var analyticsProps = getBooleanFF('platform.linking-platform.smart-card.refactor-hover-card-analytics') ? {} : {
-    analyticsHandler: analyticsHandler,
-    analytics: analytics
-  };
   return jsx(ErrorBoundary, {
     fallback: children,
     onError: onError
-  }, jsx(HoverCardComponent, _extends({}, props, analyticsProps), children));
+  }, jsx(HoverCardComponent, props, children));
 };
-var HoverCardWithAnalyticsContext = withAnalyticsContext({
-  source: 'smartLinkPreviewHoverCard',
-  attributes: {
-    display: CardDisplay.HoverCardPreview
-  }
-})(withAnalyticsEvents()(HoverCardWithErrorBoundary));
 var HoverCardWithoutAnalyticsContext = withAnalyticsEvents()(HoverCardWithErrorBoundary);
 export var HoverCard = function HoverCard(props) {
-  if (getBooleanFF('platform.linking-platform.smart-card.refactor-hover-card-analytics')) {
-    return jsx(HoverCardWithoutAnalyticsContext, props);
-  }
-  return jsx(HoverCardWithAnalyticsContext, props);
+  return jsx(HoverCardWithoutAnalyticsContext, props);
 };

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

@@ -18,37 +18,46 @@ export var useLinkWarningModal = function useLinkWarningModal() {
     setIsOpen = _useState6[1];
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var sendAnalyticsEvent = function sendAnalyticsEvent() {
+  var sendWarningModalViewedEvent = function sendWarningModalViewedEvent() {
     createAnalyticsEvent({
-      action: 'shown',
-      actionSubject: 'warningModal',
-      actionSubjectId: 'linkSafetyWarning',
-      eventType: 'operational'
+      action: 'viewed',
+      actionSubject: 'linkSafetyWarningModal',
+      eventType: 'screen',
+      name: 'linkSafetyWarningModal'
+    }).fire(ANALYTICS_CHANNEL);
+  };
+  var sendContinueClickedEvent = function sendContinueClickedEvent() {
+    createAnalyticsEvent({
+      action: 'clicked',
+      actionSubject: 'button',
+      actionSubjectId: 'linkSafetyWarningModalContinue',
+      eventType: 'ui',
+      screen: 'linkSafetyWarningModal'
     }).fire(ANALYTICS_CHANNEL);
   };
 
   /**
    * It checks and warns if a link text is a URL and different from an actual link destination
    */
-  var checkLinkSafety = function checkLinkSafety(event, href) {
+  var isLinkSafe = function isLinkSafe(event, href) {
     if (!href) {
-      return;
+      return true;
     }
     var anchor = event.currentTarget;
     var linkText = anchor.innerText;
     var normalisedUrlFromLinkText = normalizeUrl(linkText);
     if (!normalisedUrlFromLinkText) {
-      return;
+      return true;
     }
     var anchorLinkRegex = new RegExp(/^#/im);
     var isAnchorLink = anchorLinkRegex.test(linkText);
     if (isAnchorLink) {
-      return;
+      return true;
     }
     var relativeLinkRegex = new RegExp(/^\//im);
     var isRelativeHrefLink = relativeLinkRegex.test(href);
     if (isRelativeHrefLink) {
-      return;
+      return true;
     }
     var hrefUrl = new URL(href, window.location.origin);
     var linkTextUrl = new URL(normalisedUrlFromLinkText, hrefUrl.origin);
@@ -62,12 +71,18 @@ export var useLinkWarningModal = function useLinkWarningModal() {
     }
     var areEquivalentLinks = linkTextUrl.hostname === hrefUrl.hostname && linkTextUrl.pathname === hrefUrl.pathname && linkTextUrl.search === hrefUrl.search && linkTextUrl.username === hrefUrl.username && linkTextUrl.password === hrefUrl.password && areProtocolsEquivalent;
     if (!areEquivalentLinks) {
-      event.preventDefault();
-      setUnsafeLinkText(linkText);
-      href && setUrl(href);
-      setIsOpen(true);
-      sendAnalyticsEvent();
+      return false;
     }
+    return true;
+  };
+  var showSafetyWarningModal = function showSafetyWarningModal(event, href) {
+    event.preventDefault();
+    var anchor = event.currentTarget;
+    var linkText = anchor.innerText;
+    setUnsafeLinkText(linkText);
+    href && setUrl(href);
+    setIsOpen(true);
+    sendWarningModalViewedEvent();
   };
   var onClose = function onClose() {
     setIsOpen(false);
@@ -76,14 +91,16 @@ export var useLinkWarningModal = function useLinkWarningModal() {
   };
   var onContinue = function onContinue() {
     onClose();
-    url && window.location.assign(url);
+    sendContinueClickedEvent();
+    url && window.open(url, '_blank', 'noopener noreferrer');
   };
   return {
-    checkLinkSafety: checkLinkSafety,
-    unsafeLinkText: unsafeLinkText,
+    isLinkSafe: isLinkSafe,
+    isOpen: isOpen,
     onClose: onClose,
     onContinue: onContinue,
-    isOpen: isOpen,
+    showSafetyWarningModal: showSafetyWarningModal,
+    unsafeLinkText: unsafeLinkText,
     url: url
   };
 };

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
-  _excluded2 = ["checkLinkSafety"];
+  _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 import React from 'react';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import { name as packageName, version as packageVersion } from '../../version.json';
@@ -9,6 +9,7 @@ import { withLinkClickedEvent } from '../../utils/analytics/click';
 import { LinkAnalyticsContext } from '../../utils/analytics/LinkAnalyticsContext';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 import LinkWarningModal from './LinkWarningModal';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: packageName,
   packageVersion: packageVersion,
@@ -25,7 +26,8 @@ var LinkUrl = function LinkUrl(_ref) {
     testId = _ref$testId === void 0 ? 'link-with-safety' : _ref$testId,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useLinkWarningModal = useLinkWarningModal(),
-    checkLinkSafety = _useLinkWarningModal.checkLinkSafety,
+    isLinkSafe = _useLinkWarningModal.isLinkSafe,
+    showSafetyWarningModal = _useLinkWarningModal.showSafetyWarningModal,
     linkWarningModalProps = _objectWithoutProperties(_useLinkWarningModal, _excluded2);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinkAnalyticsContext, {
     url: href,
@@ -34,8 +36,25 @@ var LinkUrl = function LinkUrl(_ref) {
     "data-testid": testId,
     href: href,
     onClick: function onClick(e) {
-      checkSafety && checkLinkSafety(e, href);
-      _onClick && _onClick(e);
+      if (getBooleanFF('platform.linking-platform.smart-card.should-call-onclick-in-warning-modal-only-when-safe')) {
+        if (!checkSafety) {
+          _onClick && _onClick(e);
+          return;
+        }
+
+        // Only call the onClick if the link is safe
+        if (isLinkSafe(e, href)) {
+          _onClick && _onClick(e);
+        } else {
+          showSafetyWarningModal(e, href);
+        }
+      } else {
+        if (checkSafety && !isLinkSafe(e, href)) {
+          showSafetyWarningModal(e, href);
+        }
+        // Call the onClick regardless of the link safety
+        _onClick && _onClick(e);
+      }
     }
   }, props), children)), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
 };

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "showHoverPreview" | "showServerActions" | "showAuthTooltip" | "onResolve" | "platform" | "frameStyle" | "embedIframeRef" | "inlinePreloaderStyle" | "isFrameVisible" | "importer" | "container" | "fallbackComponent" | "embedIframeUrlType" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "showActions" | "showHoverPreview" | "showServerActions" | "showAuthTooltip" | "onResolve" | "ui" | "platform" | "frameStyle" | "embedIframeRef" | "inlinePreloaderStyle" | "isFrameVisible" | "importer" | "container" | "fallbackComponent" | "embedIframeUrlType" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.d.ts

@@ -1,9 +1,10 @@
 import { MouseEvent } from 'react';
 export declare const useLinkWarningModal: () => {
-    checkLinkSafety: (event: MouseEvent<HTMLAnchorElement>, href: string | undefined) => void;
-    unsafeLinkText: string | null;
+    isLinkSafe: (event: MouseEvent<HTMLAnchorElement>, href: string | undefined) => boolean;
+    isOpen: boolean;
     onClose: () => void;
     onContinue: () => void;
-    isOpen: boolean;
+    showSafetyWarningModal: (event: MouseEvent<HTMLAnchorElement>, href: string | undefined) => void;
+    unsafeLinkText: string | null;
     url: string | null;
 };

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "showHoverPreview" | "showServerActions" | "showAuthTooltip" | "onResolve" | "platform" | "frameStyle" | "embedIframeRef" | "inlinePreloaderStyle" | "isFrameVisible" | "importer" | "container" | "fallbackComponent" | "embedIframeUrlType" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "showActions" | "showHoverPreview" | "showServerActions" | "showAuthTooltip" | "onResolve" | "ui" | "platform" | "frameStyle" | "embedIframeRef" | "inlinePreloaderStyle" | "isFrameVisible" | "importer" | "container" | "fallbackComponent" | "embedIframeUrlType" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types-ts4.5/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.d.ts

@@ -1,9 +1,10 @@
 import { MouseEvent } from 'react';
 export declare const useLinkWarningModal: () => {
-    checkLinkSafety: (event: MouseEvent<HTMLAnchorElement>, href: string | undefined) => void;
-    unsafeLinkText: string | null;
+    isLinkSafe: (event: MouseEvent<HTMLAnchorElement>, href: string | undefined) => boolean;
+    isOpen: boolean;
     onClose: () => void;
     onContinue: () => void;
-    isOpen: boolean;
+    showSafetyWarningModal: (event: MouseEvent<HTMLAnchorElement>, href: string | undefined) => void;
+    unsafeLinkText: string | null;
     url: string | null;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.5.13",
+  "version": "26.5.15",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -34,7 +34,7 @@
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/avatar": "^21.3.0",
     "@atlaskit/avatar-group": "^9.3.0",
-    "@atlaskit/button": "^16.7.0",
+    "@atlaskit/button": "^16.8.0",
     "@atlaskit/dropdown-menu": "^11.9.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/icon": "^21.12.0",
@@ -55,7 +55,7 @@
     "@atlaskit/popup": "^1.7.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.6.0",
+    "@atlaskit/tokens": "^1.9.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",
@@ -141,14 +141,14 @@
     "platform.linking-platform.smart-card.enable-analytics-context": {
       "type": "boolean"
     },
-    "platform.linking-platform.smart-card.refactor-hover-card-analytics": {
-      "type": "boolean"
-    },
     "platform.linking-platform.smart-card.remove-dispatch-analytics-as-prop": {
       "type": "boolean"
     },
     "platform.linking-platform.smart-card.enable-block-card-clicks-opening-in-same-tab": {
       "type": "boolean"
+    },
+    "platform.linking-platform.smart-card.should-call-onclick-in-warning-modal-only-when-safe": {
+      "type": "boolean"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",