@atlaskit/smart-card 44.9.11 → 44.11.0

package/dist/cjs/view/FlexibleCard/components/container/index.js

@@ -12,7 +12,6 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../constants");
 var _flexibleUiContext = require("../../../../state/flexible-ui-context");
 var _utils = require("../../../../state/flexible-ui-context/utils");
@@ -192,10 +191,6 @@ var Container = function Container(_ref3) {
   var _getChildrenOptions = getChildrenOptions(children, context),
     previewOnLeft = _getChildrenOptions.previewOnLeft,
     previewOnRight = _getChildrenOptions.previewOnRight;
-  var canShowHoverPreview = showHoverPreview && (status === 'resolved' || (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined);
-  // `retry` object contains action that can be performed on
-  // unresolved link (unauthorized, forbidden, not found, etc.)
-  var canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;
   var isResolved = status === 'resolved';
   var isUnresolvedWithAuthFlow = status !== 'resolved' && retry !== undefined;
   var hasHoverCardOverride = (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined;
@@ -211,10 +206,10 @@ var Container = function Container(_ref3) {
       "--_12k13bg": (0, _runtime.ix)(previewOnRight ? gap : padding)
     }
   }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, filterChildren(children, removeBlockRestriction));
-  if (context !== null && context !== void 0 && context.url && ((0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view') ? canShowHoverCard : canShowHoverPreview || canShowAuthTooltip)) {
+  if (context !== null && context !== void 0 && context.url && canShowHoverCard) {
     return /*#__PURE__*/_react.default.createElement(_hoverCardControl.default, {
-      isHoverPreview: (0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view') ? isResolved || hasHoverCardOverride : canShowHoverPreview,
-      isAuthTooltip: (0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view') ? isUnresolvedWithAuthFlow : canShowAuthTooltip,
+      isHoverPreview: isResolved || hasHoverCardOverride,
+      isAuthTooltip: isUnresolvedWithAuthFlow,
       actionOptions: actionOptions,
       testId: testId,
       url: context.url,

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

@@ -148,15 +148,11 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     var isLinkUnresolved = linkState.status === 'pending' || !linkState.metadataStatus;
     if (!resolveTimeOutId.current && isLinkUnresolved) {
       resolveTimeOutId.current = setTimeout(function () {
-        if ((0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view')) {
-          if (linkState.status === 'pending') {
-            // Link hasn't been registered yet. Register and resolve link.
-            register();
-          } else {
-            // Link has been already been partially resolved. Load metadata.
-            loadMetadata();
-          }
+        if (linkState.status === 'pending') {
+          // Link hasn't been registered yet. Register and resolve link.
+          register();
         } else {
+          // Link has been already been partially resolved. Load metadata.
           loadMetadata();
         }
       }, RESOLVE_DELAY);

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

@@ -214,10 +214,10 @@ var HoverCardContent = function HoverCardContent(_ref4) {
       if (overrideView) {
         return overrideView;
       }
-      if (cardState.status === 'errored' && (0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view')) {
+      if (cardState.status === 'errored') {
         return null;
       }
-      if ((0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view') ? cardState.status === 'resolving' || cardState.metadataStatus === 'pending' : cardState.metadataStatus === 'pending') {
+      if (cardState.status === 'resolving' || cardState.metadataStatus === 'pending') {
         return /*#__PURE__*/_react.default.createElement(_resolving.default, {
           flexibleCardProps: flexibleCardProps,
           titleBlockProps: titleBlockProps
@@ -276,10 +276,10 @@ var HoverCardContent = function HoverCardContent(_ref4) {
       if (overrideView) {
         return overrideView;
       }
-      if (cardState.status === 'errored' && (0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view')) {
+      if (cardState.status === 'errored') {
         return null;
       }
-      if ((0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view') ? cardState.status === 'resolving' || cardState.metadataStatus === 'pending' : cardState.metadataStatus === 'pending') {
+      if (cardState.status === 'resolving' || cardState.metadataStatus === 'pending') {
         return /*#__PURE__*/_react.default.createElement(_resolving.default, {
           flexibleCardProps: flexibleCardProps,
           titleBlockProps: titleBlockProps

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

@@ -12,15 +12,19 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactErrorBoundary = require("react-error-boundary");
 var _reactIntl = require("react-intl");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _helpers = require("../../../state/helpers");
 var _useResolveHyperlink2 = _interopRequireDefault(require("../../../state/hooks/use-resolve-hyperlink"));
 var _useResolveHyperlinkValidator = _interopRequireDefault(require("../../../state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator"));
 var _SmartLinkAnalyticsContext = require("../../../utils/analytics/SmartLinkAnalyticsContext");
+var _clickHelpers = require("../../../utils/click-helpers");
 var _intlProvider = _interopRequireDefault(require("../../common/intl-provider"));
 var _useSmartLinkEvents = require("../../SmartLinkEvents/useSmartLinkEvents");
 var _Hyperlink = _interopRequireDefault(require("../Hyperlink"));
 var _excluded = ["onClick"];
 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 TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT = 'linking_platform_track_non_primary_3p_clicks';
 var HyperlinkFallbackComponent = function HyperlinkFallbackComponent() {
   return null;
 };
@@ -45,17 +49,43 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
   var fire3PClickEvent = (0, _platformFeatureFlags.fg)('platform_smartlink_3pclick_analytics') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
   (0, _useSmartLinkEvents.useFire3PWorkflowsClickEvent)(firstPartyIdentifier, thirdPartyARI) : undefined;
+
+  // Shared scope guard for all 3P-click handlers.
+  var shouldFire3PClickEvent = (state === null || state === void 0 ? void 0 : state.status) === 'resolved' && fire3PClickEvent && (0, _platformFeatureFlags.fg)('platform_smartlink_3pclick_analytics');
   var onClick = (0, _react.useCallback)(function (e) {
-    // Only fire the event if the feature flag is on and other conditions are met
-    if ((state === null || state === void 0 ? void 0 : state.status) === 'resolved' && (e === null || e === void 0 ? void 0 : e.button) === 0 && fire3PClickEvent && (0, _platformFeatureFlags.fg)('platform_smartlink_3pclick_analytics')) {
-      // 0 taken from button state representation -
-      // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
-      fire3PClickEvent();
+    // button === 0 is left-click, see
+    // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
+    if (shouldFire3PClickEvent && (e === null || e === void 0 ? void 0 : e.button) === 0) {
+      fire3PClickEvent === null || fire3PClickEvent === void 0 || fire3PClickEvent();
     }
     onClickCallback === null || onClickCallback === void 0 || onClickCallback(e);
-  }, [onClickCallback, fire3PClickEvent, state === null || state === void 0 ? void 0 : state.status]);
+  }, [onClickCallback, fire3PClickEvent, shouldFire3PClickEvent]);
+
+  // Fire experiment exposure once per surface mount, not on every re-render.
+  (0, _react.useEffect)(function () {
+    if (shouldFire3PClickEvent) {
+      (0, _expValEquals.expValEquals)(TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT, 'isEnabled', true);
+    }
+  }, [shouldFire3PClickEvent]);
+  var onAuxClick = (0, _react.useCallback)(function (e) {
+    // isAuxClick guards against Windows right-clicks firing onAuxClick with button === 2.
+    if ((0, _clickHelpers.isAuxClick)(e) && shouldFire3PClickEvent && (0, _expValEqualsNoExposure.expValEqualsNoExposure)(TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT, 'isEnabled', true)) {
+      fire3PClickEvent === null || fire3PClickEvent === void 0 || fire3PClickEvent({
+        isAuxClick: true
+      });
+    }
+  }, [fire3PClickEvent, shouldFire3PClickEvent]);
+  var onContextMenu = (0, _react.useCallback)(function (_e) {
+    if (shouldFire3PClickEvent && (0, _expValEqualsNoExposure.expValEqualsNoExposure)(TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT, 'isEnabled', true)) {
+      fire3PClickEvent === null || fire3PClickEvent === void 0 || fire3PClickEvent({
+        isContextMenu: true
+      });
+    }
+  }, [fire3PClickEvent, shouldFire3PClickEvent]);
   return /*#__PURE__*/_react.default.createElement(_Hyperlink.default, (0, _extends2.default)({}, props, {
-    onClick: onClick
+    onClick: onClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu
   }));
 };
 var HyperlinkWithSmartLinkResolver = exports.HyperlinkWithSmartLinkResolver = (0, _reactErrorBoundary.withErrorBoundary)(withValidator((0, _reactIntl.injectIntl)((0, _intlProvider.default)(HyperlinkWithSmartLinkResolverInner), {

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: "0.0.0-development",
+  packageVersion: "44.10.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/SmartLinkEvents/useSmartLinkEvents.js

@@ -22,6 +22,11 @@ function useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) {
   var _useAnalyticsEventsNe = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
   return function () {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref$isAuxClick = _ref.isAuxClick,
+      isAuxClick = _ref$isAuxClick === void 0 ? false : _ref$isAuxClick,
+      _ref$isContextMenu = _ref.isContextMenu,
+      isContextMenu = _ref$isContextMenu === void 0 ? false : _ref$isContextMenu;
     var smartlinkClickAnalyticsEvent = createAnalyticsEvent({
       action: 'clicked',
       actionSubject: 'smartLink',
@@ -29,7 +34,9 @@ function useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) {
       eventType: 'ui',
       attributes: {
         eventName: 'smartLinkClickAnalyticsThirdPartyWorkflows',
-        firstPartyIdentifier: firstPartyIdentifier
+        firstPartyIdentifier: firstPartyIdentifier,
+        isAuxClick: isAuxClick,
+        isContextMenu: isContextMenu
       },
       nonPrivacySafeAttributes: {
         thirdPartyARI: thirdPartyARI