@atlaskit/smart-card 38.9.1 → 38.9.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 38.9.2
+
+### Patch Changes
+
+- [#170883](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/170883)
+  [`fcd9bfb373ff9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fcd9bfb373ff9) -
+  FG clean up of platform-linking-flexible-card-elements-refactor
+
 ## 38.9.1
 
 ### Patch Changes

package/dist/cjs/state/hooks/useSmartLink.js

@@ -16,8 +16,8 @@ function useSmartLink(id, url) {
   var state = (0, _store.useSmartCardState)(url);
   var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
     store = _useSmartLinkContext.store,
-    isGlancePanelAvailable = _useSmartLinkContext.isGlancePanelAvailable,
-    openGlancePanel = _useSmartLinkContext.openGlancePanel;
+    isPreviewPanelAvailable = _useSmartLinkContext.isPreviewPanelAvailable,
+    openPreviewPanel = _useSmartLinkContext.openPreviewPanel;
   var actions = (0, _actions.useSmartCardActions)(id, url);
   var config = (0, _config.useSmartLinkConfig)();
   var renderers = (0, _renderers.useSmartLinkRenderers)();
@@ -44,7 +44,7 @@ function useSmartLink(id, url) {
     config: config,
     renderers: renderers,
     error: error,
-    isGlancePanelAvailable: isGlancePanelAvailable,
-    openGlancePanel: openGlancePanel
+    isPreviewPanelAvailable: isPreviewPanelAvailable,
+    openPreviewPanel: openPreviewPanel
   };
 }

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

package/dist/cjs/view/CardWithUrl/component.js

@@ -64,9 +64,10 @@ function Component(_ref) {
     config = _useSmartLink.config,
     renderers = _useSmartLink.renderers,
     error = _useSmartLink.error,
-    isGlancePanelAvailable = _useSmartLink.isGlancePanelAvailable,
-    openGlancePanel = _useSmartLink.openGlancePanel;
+    isPreviewPanelAvailable = _useSmartLink.isPreviewPanelAvailable,
+    openPreviewPanel = _useSmartLink.openPreviewPanel;
   var ari = (0, _platformFeatureFlags.fg)('fun-1765_wire_up_glance_panel_to_smart_cards') ? (0, _helpers.getObjectAri)(state.details) : undefined;
+  var name = (0, _platformFeatureFlags.fg)('fun-1765_wire_up_glance_panel_to_smart_cards') ? (0, _helpers.getObjectName)(state.details) : undefined;
   var definitionId = (0, _helpers.getDefinitionId)(state.details);
   var extensionKey = (0, _helpers.getExtensionKey)(state.details);
   var resourceType = (0, _helpers.getResourceType)(state.details);
@@ -89,24 +90,24 @@ function Component(_ref) {
       isModifierKeyPressed: isModifierKeyPressed
     });
 
-    // If glance panel is available and the user clicked on the link,
-    // delegate the click to the glance panel handler
+    // If preview panel is available and the user clicked on the link,
+    // delegate the click to the preview panel handler
     if (
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    (0, _platformFeatureFlags.fg)('fun-1765_wire_up_glance_panel_to_smart_cards') && !isModifierKeyPressed && ari && openGlancePanel && isGlancePanelAvailable !== null && isGlancePanelAvailable !== void 0 && isGlancePanelAvailable({
+    (0, _platformFeatureFlags.fg)('fun-1765_wire_up_glance_panel_to_smart_cards') && !isModifierKeyPressed && ari && name && openPreviewPanel && isPreviewPanelAvailable !== null && isPreviewPanelAvailable !== void 0 && isPreviewPanelAvailable({
       ari: ari
     })) {
       event.preventDefault();
       event.stopPropagation();
-      openGlancePanel({
+      openPreviewPanel({
         url: url,
         ari: ari,
-        name: (0, _helpers.getObjectName)(state.details),
+        name: name,
         iconUrl: (0, _helpers.getObjectIconUrl)(state.details)
       });
       (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
         attributes: {
-          clickOutcome: 'glancePanel'
+          clickOutcome: 'previewPanel'
         }
       });
     } else if (!onClick && !isFlexibleUi) {
@@ -129,7 +130,7 @@ function Component(_ref) {
       }
       (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, isGlancePanelAvailable, openGlancePanel, createAnalyticsEvent]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent]);
   var handleAuthorize = (0, _react.useCallback)(function () {
     return actions.authorize(appearance);
   }, [actions, appearance]);

package/dist/cjs/view/FlexibleCard/components/elements/common/base-badge-element/index.js

@@ -165,13 +165,8 @@ var _default = exports.default = (0, _linkingCommon.withFeatureFlaggedComponent)
   return (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1');
 });
 var toBadgeProps = exports.toBadgeProps = function toBadgeProps(label) {
-  if ((0, _platformFeatureFlags.fg)('platform-linking-flexible-card-elements-refactor')) {
-    // Don't render the element if its 0
-    return label !== '0' && label ? {
-      label: label
-    } : undefined;
-  }
-  return label ? {
+  // Don't render the element if its 0
+  return label !== '0' && label ? {
     label: label
   } : undefined;
 };

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

@@ -10,206 +10,242 @@ Object.defineProperty(exports, "AppliedToComponentsCount", {
     return _appliedToComponentsCountElement.default;
   }
 });
-exports.OwnedByGroup = exports.OwnedBy = exports.ModifiedOn = exports.ModifiedBy = exports.Location = exports.LinkIcon = exports.LatestCommit = exports.DueOn = exports.CreatedOn = exports.CreatedBy = exports.CommentCount = exports.CollaboratorGroup = exports.ChecklistProgress = exports.AuthorGroup = exports.AttachmentCount = exports.AssignedToGroup = exports.AssignedTo = void 0;
+Object.defineProperty(exports, "AssignedTo", {
+  enumerable: true,
+  get: function get() {
+    return _assignedToElement.default;
+  }
+});
+Object.defineProperty(exports, "AssignedToGroup", {
+  enumerable: true,
+  get: function get() {
+    return _assignedToGroupElement.default;
+  }
+});
+Object.defineProperty(exports, "AttachmentCount", {
+  enumerable: true,
+  get: function get() {
+    return _attachmentCountElement.default;
+  }
+});
+Object.defineProperty(exports, "AuthorGroup", {
+  enumerable: true,
+  get: function get() {
+    return _authorGroupElement.default;
+  }
+});
+Object.defineProperty(exports, "ChecklistProgress", {
+  enumerable: true,
+  get: function get() {
+    return _checklistProgressElement.default;
+  }
+});
+Object.defineProperty(exports, "CollaboratorGroup", {
+  enumerable: true,
+  get: function get() {
+    return _collaboratorGroupElement.default;
+  }
+});
+Object.defineProperty(exports, "CommentCount", {
+  enumerable: true,
+  get: function get() {
+    return _commentCountElement.default;
+  }
+});
+Object.defineProperty(exports, "CreatedBy", {
+  enumerable: true,
+  get: function get() {
+    return _createdByElement.default;
+  }
+});
+Object.defineProperty(exports, "CreatedOn", {
+  enumerable: true,
+  get: function get() {
+    return _createdOnElement.default;
+  }
+});
+Object.defineProperty(exports, "DueOn", {
+  enumerable: true,
+  get: function get() {
+    return _dueOnElement.default;
+  }
+});
+Object.defineProperty(exports, "LatestCommit", {
+  enumerable: true,
+  get: function get() {
+    return _latestCommitElement.default;
+  }
+});
+Object.defineProperty(exports, "LinkIcon", {
+  enumerable: true,
+  get: function get() {
+    return _linkIconElement.default;
+  }
+});
+Object.defineProperty(exports, "Location", {
+  enumerable: true,
+  get: function get() {
+    return _locationElement.default;
+  }
+});
+Object.defineProperty(exports, "ModifiedBy", {
+  enumerable: true,
+  get: function get() {
+    return _modifiedByElement.default;
+  }
+});
+Object.defineProperty(exports, "ModifiedOn", {
+  enumerable: true,
+  get: function get() {
+    return _modifiedOnElement.default;
+  }
+});
+Object.defineProperty(exports, "OwnedBy", {
+  enumerable: true,
+  get: function get() {
+    return _ownedByElement.default;
+  }
+});
+Object.defineProperty(exports, "OwnedByGroup", {
+  enumerable: true,
+  get: function get() {
+    return _ownedByGroupElement.default;
+  }
+});
 Object.defineProperty(exports, "Preview", {
   enumerable: true,
   get: function get() {
     return _previewElement.default;
   }
 });
-exports.SentOn = exports.ReadTime = exports.ReactCount = exports.Provider = exports.ProgrammingLanguage = exports.Priority = void 0;
+Object.defineProperty(exports, "Priority", {
+  enumerable: true,
+  get: function get() {
+    return _priorityElement.default;
+  }
+});
+Object.defineProperty(exports, "ProgrammingLanguage", {
+  enumerable: true,
+  get: function get() {
+    return _programmingLanguageElement.default;
+  }
+});
+Object.defineProperty(exports, "Provider", {
+  enumerable: true,
+  get: function get() {
+    return _providerElement.default;
+  }
+});
+Object.defineProperty(exports, "ReactCount", {
+  enumerable: true,
+  get: function get() {
+    return _reactCountElement.default;
+  }
+});
+Object.defineProperty(exports, "ReadTime", {
+  enumerable: true,
+  get: function get() {
+    return _readTimeElement.default;
+  }
+});
+Object.defineProperty(exports, "SentOn", {
+  enumerable: true,
+  get: function get() {
+    return _sentOnElement.default;
+  }
+});
 Object.defineProperty(exports, "Snippet", {
   enumerable: true,
   get: function get() {
     return _snippetElement.default;
   }
 });
-exports.VoteCount = exports.ViewCount = exports.Title = exports.TargetBranch = exports.SubscriberCount = exports.SubTasksProgress = exports.StoryPoints = exports.State = exports.SourceBranch = void 0;
-var _constants = require("../../../../constants");
-var _utils = require("./utils");
+Object.defineProperty(exports, "SourceBranch", {
+  enumerable: true,
+  get: function get() {
+    return _sourceBranchElement.default;
+  }
+});
+Object.defineProperty(exports, "State", {
+  enumerable: true,
+  get: function get() {
+    return _stateElement.default;
+  }
+});
+Object.defineProperty(exports, "StoryPoints", {
+  enumerable: true,
+  get: function get() {
+    return _storyPointsElement.default;
+  }
+});
+Object.defineProperty(exports, "SubTasksProgress", {
+  enumerable: true,
+  get: function get() {
+    return _subTasksProgressElement.default;
+  }
+});
+Object.defineProperty(exports, "SubscriberCount", {
+  enumerable: true,
+  get: function get() {
+    return _subscriberCountElement.default;
+  }
+});
+Object.defineProperty(exports, "TargetBranch", {
+  enumerable: true,
+  get: function get() {
+    return _targetBranchElement.default;
+  }
+});
+Object.defineProperty(exports, "Title", {
+  enumerable: true,
+  get: function get() {
+    return _titleElement.default;
+  }
+});
+Object.defineProperty(exports, "ViewCount", {
+  enumerable: true,
+  get: function get() {
+    return _viewCountElement.default;
+  }
+});
+Object.defineProperty(exports, "VoteCount", {
+  enumerable: true,
+  get: function get() {
+    return _voteCountElement.default;
+  }
+});
+var _assignedToElement = _interopRequireDefault(require("./assigned-to-element"));
+var _assignedToGroupElement = _interopRequireDefault(require("./assigned-to-group-element"));
+var _attachmentCountElement = _interopRequireDefault(require("./attachment-count-element"));
+var _authorGroupElement = _interopRequireDefault(require("./author-group-element"));
+var _checklistProgressElement = _interopRequireDefault(require("./checklist-progress-element"));
+var _collaboratorGroupElement = _interopRequireDefault(require("./collaborator-group-element"));
+var _commentCountElement = _interopRequireDefault(require("./comment-count-element"));
+var _createdOnElement = _interopRequireDefault(require("./created-on-element"));
+var _createdByElement = _interopRequireDefault(require("./created-by-element"));
+var _dueOnElement = _interopRequireDefault(require("./due-on-element"));
+var _latestCommitElement = _interopRequireDefault(require("./latest-commit-element"));
+var _linkIconElement = _interopRequireDefault(require("./link-icon-element"));
+var _locationElement = _interopRequireDefault(require("./location-element"));
+var _modifiedByElement = _interopRequireDefault(require("./modified-by-element"));
+var _modifiedOnElement = _interopRequireDefault(require("./modified-on-element"));
+var _ownedByElement = _interopRequireDefault(require("./owned-by-element"));
+var _ownedByGroupElement = _interopRequireDefault(require("./owned-by-group-element"));
 var _previewElement = _interopRequireDefault(require("./preview-element"));
+var _priorityElement = _interopRequireDefault(require("./priority-element"));
+var _programmingLanguageElement = _interopRequireDefault(require("./programming-language-element"));
+var _providerElement = _interopRequireDefault(require("./provider-element"));
+var _reactCountElement = _interopRequireDefault(require("./react-count-element"));
+var _readTimeElement = _interopRequireDefault(require("./read-time-element"));
+var _sentOnElement = _interopRequireDefault(require("./sent-on-element"));
 var _snippetElement = _interopRequireDefault(require("./snippet-element"));
-var _appliedToComponentsCountElement = _interopRequireDefault(require("./applied-to-components-count-element"));
-/**
- * @note The intention is to replace all the exports below with an import from
- * the direct files when `createElement` is deleted.
- * This changes should be made when FG platform-linking-flexible-card-elements-refactor
- * is cleaned up
- */
-
-// Attention: Keep the export name and element name the same.
-// This will help reducing the code for mapping elements inside
-// createElement and renderElementItems
-/**
- * Creates a AssignedTo text element using the data from AssignedTo in the Flexible UI Context.
- * @see Text
- */
-var AssignedTo = exports.AssignedTo = (0, _utils.createElement)(_constants.ElementName.AssignedTo);
-// For example, this should be replaced with
-// export { default * AssignedTo } from "./assigned-to-element"
-
-/**
- * An AvatarGroup element using the data from AssignedToGroup in the Flexible UI Context.
- * @see AvatarGroup
- */
-var AssignedToGroup = exports.AssignedToGroup = (0, _utils.createElement)(_constants.ElementName.AssignedToGroup);
-/**
- * Creates a AttachmentCount Badge element using the data from AttachmentCount in the Flexible UI Context.
- * @see Badge
- */
-var AttachmentCount = exports.AttachmentCount = (0, _utils.createElement)(_constants.ElementName.AttachmentCount);
-/**
- * An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
- * @see AvatarGroup
- */
-var AuthorGroup = exports.AuthorGroup = (0, _utils.createElement)(_constants.ElementName.AuthorGroup);
-/**
- * Creates a Checklist Badge element using the data from ChecklistProgress in the Flexible UI Context.
- * @see Badge
- */
-var ChecklistProgress = exports.ChecklistProgress = (0, _utils.createElement)(_constants.ElementName.ChecklistProgress);
-/**
- * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
- * @see AvatarGroup
- */
-var CollaboratorGroup = exports.CollaboratorGroup = (0, _utils.createElement)(_constants.ElementName.CollaboratorGroup);
-/**
- * Creates a CommentCount Badge element using the data from CommentCount in the Flexible UI Context.
- * @see Badge
- */
-var CommentCount = exports.CommentCount = (0, _utils.createElement)(_constants.ElementName.CommentCount);
-/**
- * Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
- * @see DateTime
- */
-var CreatedOn = exports.CreatedOn = (0, _utils.createElement)(_constants.ElementName.CreatedOn);
-/**
- * Creates a CreatedBy text element using the data from CreatedBy in the Flexible UI Context.
- * @see Text
- */
-var CreatedBy = exports.CreatedBy = (0, _utils.createElement)(_constants.ElementName.CreatedBy);
-/**
- * Creates a DueOn Lozenge element using the data from dueOn in the Flexible UI Context.
- * @see Lozenge
- */
-var DueOn = exports.DueOn = (0, _utils.createElement)(_constants.ElementName.DueOn);
-/**
- * Creates an element that contains Last Commit hash
- */
-var LatestCommit = exports.LatestCommit = (0, _utils.createElement)(_constants.ElementName.LatestCommit);
-/**
- * Creates a LinkIcon Icon element using the data from LinkIcon in the Flexible UI Context.
- * @see Icon
- */
-var LinkIcon = exports.LinkIcon = (0, _utils.createElement)(_constants.ElementName.LinkIcon);
-/**
- * Creates a Location Link element.
- * This represents the location or container of the resource.
- * @see Link
- */
-var Location = exports.Location = (0, _utils.createElement)(_constants.ElementName.Location);
-/**
- * Creates a ModifiedBy Text element using the data from ModifiedBy in the Flexible UI Context.
- * @see Text
- */
-var ModifiedBy = exports.ModifiedBy = (0, _utils.createElement)(_constants.ElementName.ModifiedBy);
-/**
- * Creates a ModifiedOn DateTime element using the data from ModifiedOn in the Flexible UI Context.
- * @see DateTime
- */
-var ModifiedOn = exports.ModifiedOn = (0, _utils.createElement)(_constants.ElementName.ModifiedOn);
-/**
- * Creates a OwnedBy text element using the data from OwnedBy in the Flexible UI Context.
- * @see Text
- */
-var OwnedBy = exports.OwnedBy = (0, _utils.createElement)(_constants.ElementName.OwnedBy);
-/**
- * An AvatarGroup element using the data from OwnedByGroup in the Flexible UI Context.
- * @see AvatarGroup
- */
-var OwnedByGroup = exports.OwnedByGroup = (0, _utils.createElement)(_constants.ElementName.OwnedByGroup);
-/**
- * Creates a Preview element using the data from Preview in the Flexible UI Context.
- * @see Preview
- */
-
-/**
- * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
- * @see Badge
- */
-var Priority = exports.Priority = (0, _utils.createElement)(_constants.ElementName.Priority);
-/**
- * Creates a ProgrammingLanguage Badge element using the data from ProgrammingLanguage in the Flexible UI Context.
- * @see Badge
- */
-var ProgrammingLanguage = exports.ProgrammingLanguage = (0, _utils.createElement)(_constants.ElementName.ProgrammingLanguage);
-/**
- * Creates a Provider Badge element using the data from Provider in the Flexible UI Context.
- * @see Badge
- */
-var Provider = exports.Provider = (0, _utils.createElement)(_constants.ElementName.Provider);
-/**
- * Creates a ReactCount Badge element using the data from ReactCount in the Flexible UI Context.
- * @see Badge
- */
-var ReactCount = exports.ReactCount = (0, _utils.createElement)(_constants.ElementName.ReactCount);
-/**
- * Creates a ReadTime Text element using the data from readTime in the Flexible UI Context
- */
-var ReadTime = exports.ReadTime = (0, _utils.createElement)(_constants.ElementName.ReadTime);
-/**
- * Creates a SentOn DateTime element using the data from SentOn in the Flexible UI Context.
- * @see DateTime
- */
-var SentOn = exports.SentOn = (0, _utils.createElement)(_constants.ElementName.SentOn);
-/**
- * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
- * @see Text
- */
-
-/**
- * Creates a SourceBranch Text element using the data from sourceBranch in the Flexible UI Context.
- * @see Text
- */
-var SourceBranch = exports.SourceBranch = (0, _utils.createElement)(_constants.ElementName.SourceBranch);
-/**
- * Creates a State Lozenge element using the data from State in the Flexible UI Context.
- * @see Lozenge
- */
-var State = exports.State = (0, _utils.createElement)(_constants.ElementName.State);
-/**
- * Creates a SubscriberCount Badge element using the data from SubscriberCount in the Flexible UI Context.
- * @see Badge
- */
-var SubscriberCount = exports.SubscriberCount = (0, _utils.createElement)(_constants.ElementName.SubscriberCount);
-/**
- * Create a SubTasks Badge element using the data from subTasks in the Flexible UI Context.
- * @see Badge
- */
-var SubTasksProgress = exports.SubTasksProgress = (0, _utils.createElement)(_constants.ElementName.SubTasksProgress);
-/**
- * Create a StoryPoints Badge element using the data from storyPoints in the Flexible UI Context.
- * @see AtlaskitBadge
- */
-var StoryPoints = exports.StoryPoints = (0, _utils.createElement)(_constants.ElementName.StoryPoints);
-/**
- * Creates a TargetBranch Text element using the data from targetBranch in the Flexible UI Context.
- * @see Text
- */
-var TargetBranch = exports.TargetBranch = (0, _utils.createElement)(_constants.ElementName.TargetBranch);
-/**
- * Creates a Title Link element using the data from Title in the Flexible UI Context.
- * This represents the main link text within the Smart Link.
- * @see Link
- */
-var Title = exports.Title = (0, _utils.createElement)(_constants.ElementName.Title);
-/**
- * Creates a ViewCount Badge element using the data from ViewCount in the Flexible UI Context.
- * @see Badge
- */
-var ViewCount = exports.ViewCount = (0, _utils.createElement)(_constants.ElementName.ViewCount);
-/**
- * Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
- * @see Badge
- */
-var VoteCount = exports.VoteCount = (0, _utils.createElement)(_constants.ElementName.VoteCount);
+var _sourceBranchElement = _interopRequireDefault(require("./source-branch-element"));
+var _stateElement = _interopRequireDefault(require("./state-element"));
+var _subscriberCountElement = _interopRequireDefault(require("./subscriber-count-element"));
+var _subTasksProgressElement = _interopRequireDefault(require("./sub-tasks-progress-element"));
+var _storyPointsElement = _interopRequireDefault(require("./story-points-element"));
+var _targetBranchElement = _interopRequireDefault(require("./target-branch-element"));
+var _titleElement = _interopRequireDefault(require("./title-element"));
+var _viewCountElement = _interopRequireDefault(require("./view-count-element"));
+var _voteCountElement = _interopRequireDefault(require("./vote-count-element"));
+var _appliedToComponentsCountElement = _interopRequireDefault(require("./applied-to-components-count-element"));

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

@@ -241,7 +241,6 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     label: label
     // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
     ,
-    popupComponent: _CustomPopupContainer.default,
-    shouldRenderToParent: (0, _platformFeatureFlags.fg)('should-render-to-parent-should-be-true-linking-pla')
+    popupComponent: _CustomPopupContainer.default
   });
 };

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

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

package/dist/es2019/state/hooks/useSmartLink.js

@@ -8,8 +8,8 @@ export function useSmartLink(id, url) {
   const state = useSmartLinkState(url);
   const {
     store,
-    isGlancePanelAvailable,
-    openGlancePanel
+    isPreviewPanelAvailable,
+    openPreviewPanel
   } = useSmartLinkContext();
   const actions = useSmartLinkActions(id, url);
   const config = useSmartLinkConfig();
@@ -32,7 +32,7 @@ export function useSmartLink(id, url) {
     config,
     renderers,
     error,
-    isGlancePanelAvailable,
-    openGlancePanel
+    isPreviewPanelAvailable,
+    openPreviewPanel
   };
 }

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

package/dist/es2019/view/CardWithUrl/component.js

@@ -58,10 +58,11 @@ function Component({
     config,
     renderers,
     error,
-    isGlancePanelAvailable,
-    openGlancePanel
+    isPreviewPanelAvailable,
+    openPreviewPanel
   } = useSmartLink(id, url);
   const ari = fg('fun-1765_wire_up_glance_panel_to_smart_cards') ? getObjectAri(state.details) : undefined;
+  const name = fg('fun-1765_wire_up_glance_panel_to_smart_cards') ? getObjectName(state.details) : undefined;
   const definitionId = getDefinitionId(state.details);
   const extensionKey = getExtensionKey(state.details);
   const resourceType = getResourceType(state.details);
@@ -82,24 +83,24 @@ function Component({
       isModifierKeyPressed
     });
 
-    // If glance panel is available and the user clicked on the link,
-    // delegate the click to the glance panel handler
+    // If preview panel is available and the user clicked on the link,
+    // delegate the click to the preview panel handler
     if (
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    fg('fun-1765_wire_up_glance_panel_to_smart_cards') && !isModifierKeyPressed && ari && openGlancePanel && isGlancePanelAvailable !== null && isGlancePanelAvailable !== void 0 && isGlancePanelAvailable({
+    fg('fun-1765_wire_up_glance_panel_to_smart_cards') && !isModifierKeyPressed && ari && name && openPreviewPanel && isPreviewPanelAvailable !== null && isPreviewPanelAvailable !== void 0 && isPreviewPanelAvailable({
       ari
     })) {
       event.preventDefault();
       event.stopPropagation();
-      openGlancePanel({
+      openPreviewPanel({
         url,
         ari,
-        name: getObjectName(state.details),
+        name,
         iconUrl: getObjectIconUrl(state.details)
       });
       fireLinkClickedEvent(createAnalyticsEvent)(event, {
         attributes: {
-          clickOutcome: 'glancePanel'
+          clickOutcome: 'previewPanel'
         }
       });
     } else if (!onClick && !isFlexibleUi) {
@@ -122,7 +123,7 @@ function Component({
       }
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, isGlancePanelAvailable, openGlancePanel, createAnalyticsEvent]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent]);
   const handleAuthorize = useCallback(() => actions.authorize(appearance), [actions, appearance]);
   const handleRetry = useCallback(() => {
     actions.reload();

package/dist/es2019/view/FlexibleCard/components/elements/common/base-badge-element/index.js

@@ -164,13 +164,8 @@ const BaseBadgeElementCompiledNew = ({
 };
 export default withFeatureFlaggedComponent(BaseBadgeElementCompiledNew, BaseBadgeElementRefreshNewWithOverrideCss, () => fg('platform-linking-visual-refresh-v1'));
 export const toBadgeProps = label => {
-  if (fg('platform-linking-flexible-card-elements-refactor')) {
-    // Don't render the element if its 0
-    return label !== '0' && label ? {
-      label
-    } : undefined;
-  }
-  return label ? {
+  // Don't render the element if its 0
+  return label !== '0' && label ? {
     label
   } : undefined;
 };