@atlaskit/smart-card 43.17.2 → 43.17.3

package/dist/esm/extractors/constants.js

@@ -13,4 +13,4 @@ export var JIRA_PROBLEM = 'JiraProblem';
 export var JIRA_CUSTOM_TASK_TYPE = 'JiraCustomTaskType';
 
 //List of provider keys that support theme modes for the embedded content.
-export var PROVIDER_KEYS_WITH_THEMING = ['jira-object-provider', 'confluence-object-provider', 'watermelon-object-provider', 'legion-object-provider'];
+export var PROVIDER_KEYS_WITH_THEMING = ['jira-object-provider', 'confluence-object-provider', 'watermelon-object-provider', 'legion-object-provider', 'avpviz-object-provider'];

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: "43.17.1"
+  packageVersion: "0.0.0-development"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -5,6 +5,7 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { di } from 'react-magnetic-di';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { MediaPlacement, SmartLinkSize } from '../../../../constants';
 import { useFlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
@@ -189,6 +190,10 @@ var Container = function Container(_ref3) {
   // `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;
+  var canShowHoverCard = showHoverPreview && (isResolved || isUnresolvedWithAuthFlow || hasHoverCardOverride);
   var containerPaddingStyles = null;
   var container = /*#__PURE__*/React.createElement("div", {
     "data-smart-link-container": true,
@@ -200,10 +205,10 @@ var Container = function Container(_ref3) {
       "--_12k13bg": ix(previewOnRight ? gap : padding)
     }
   }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, filterChildren(children, removeBlockRestriction));
-  if (context !== null && context !== void 0 && context.url && (canShowHoverPreview || canShowAuthTooltip)) {
+  if (context !== null && context !== void 0 && context.url && (fg('navx-2478-sl-fix-hover-card-unresolved-view') ? canShowHoverCard : canShowHoverPreview || canShowAuthTooltip)) {
     return /*#__PURE__*/React.createElement(HoverCardControl, {
-      isHoverPreview: canShowHoverPreview,
-      isAuthTooltip: canShowAuthTooltip,
+      isHoverPreview: fg('navx-2478-sl-fix-hover-card-unresolved-view') ? isResolved || hasHoverCardOverride : canShowHoverPreview,
+      isAuthTooltip: fg('navx-2478-sl-fix-hover-card-unresolved-view') ? isUnresolvedWithAuthFlow : canShowAuthTooltip,
       actionOptions: actionOptions,
       testId: testId,
       url: context.url,

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

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["aria-haspopup", "aria-expanded"];
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ActionName, CardDisplay } from '../../../constants';
@@ -60,7 +61,8 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     onVisibilityChange === null || onVisibilityChange === void 0 || onVisibilityChange(isOpen);
   }, [onVisibilityChange]);
   var _useSmartCardActions = useSmartCardActions(id, url),
-    loadMetadata = _useSmartCardActions.loadMetadata;
+    loadMetadata = _useSmartCardActions.loadMetadata,
+    register = _useSmartCardActions.register;
   var setMousePosition = useCallback(function (event) {
     if (isOpen && canOpen) {
       return;
@@ -136,10 +138,20 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     var isLinkUnresolved = linkState.status === 'pending' || !linkState.metadataStatus;
     if (!resolveTimeOutId.current && isLinkUnresolved) {
       resolveTimeOutId.current = setTimeout(function () {
-        loadMetadata();
+        if (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();
+          }
+        } else {
+          loadMetadata();
+        }
       }, RESOLVE_DELAY);
     }
-  }, [linkState.metadataStatus, linkState.status, loadMetadata]);
+  }, [linkState.metadataStatus, linkState.status, loadMetadata, register]);
   var initShowCard = useCallback(function (event) {
     // clearing out fadeOutTimeoutId in case it's already counting down to hide the card
     if (fadeOutTimeoutId.current) {
@@ -212,11 +224,9 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       source: HOVER_CARD_SOURCE
     }, /*#__PURE__*/React.createElement(HoverCardContent, hoverCardContentProps));
   }, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id, hoverPreviewOptions]);
-  var trigger = useCallback(
-  // eslint-disable-next-line no-unused-vars
-  function (_ref3) {
-    var ariaHasPopup = _ref3['aria-haspopup'],
-      ariaExpanded = _ref3['aria-expanded'],
+  var trigger = useCallback(function (_ref3) {
+    var _ariaHasPopup = _ref3['aria-haspopup'],
+      _ariaExpanded = _ref3['aria-expanded'],
       triggerProps = _objectWithoutProperties(_ref3, _excluded);
     return /*#__PURE__*/React.createElement("span", {
       ref: parentSpan

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

@@ -139,7 +139,10 @@ var HoverCardContent = function HoverCardContent(_ref) {
     if (overrideView) {
       return overrideView;
     }
-    if (cardState.metadataStatus === 'pending') {
+    if (cardState.status === 'errored' && fg('navx-2478-sl-fix-hover-card-unresolved-view')) {
+      return null;
+    }
+    if (fg('navx-2478-sl-fix-hover-card-unresolved-view') ? cardState.status === 'resolving' || cardState.metadataStatus === 'pending' : cardState.metadataStatus === 'pending') {
       return /*#__PURE__*/React.createElement(HoverCardLoadingView, {
         flexibleCardProps: flexibleCardProps,
         titleBlockProps: titleBlockProps

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.17.2",
+	"version": "43.17.3",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
 		"@atlaskit/avatar": "^25.6.0",
 		"@atlaskit/avatar-group": "^12.4.0",
 		"@atlaskit/badge": "^18.3.0",
-		"@atlaskit/button": "^23.8.0",
+		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/checkbox": "^17.2.0",
 		"@atlaskit/css": "^0.18.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
@@ -71,7 +71,7 @@
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tile": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^15.15.0",
+		"@atlaskit/tmp-editor-statsig": "^16.0.0",
 		"@atlaskit/tokens": "^8.6.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/ufo": "^0.4.0",
@@ -222,6 +222,9 @@
 		"townsquare-same-tab-alignment-gcko-849": {
 			"type": "boolean"
 		},
+		"navx-2478-sl-fix-hover-card-unresolved-view": {
+			"type": "boolean"
+		},
 		"platform-linking-smart-card-layered-link-a11y": {
 			"type": "boolean"
 		},