@atlaskit/smart-card 38.9.0 → 38.9.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @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
+
+- [#167423](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/167423)
+  [`064579ff3e75c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/064579ff3e75c) -
+  Move smart_links_noun_support feature gate to link-extractor
+- Updated dependencies
+
 ## 38.9.0
 
 ### Minor Changes

package/dist/cjs/extractors/common/context/index.js

@@ -14,6 +14,7 @@ exports.extractSmartLinkContext = extractSmartLinkContext;
 exports.generateContext = generateContext;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _jsonld = require("../../../utils/jsonld");
 var _prioritiseIcon = require("../icon/prioritiseIcon");
 var _extractAccessContext = require("./extractAccessContext");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -48,5 +49,5 @@ function extractSmartLinkContext(response) {
   if ((0, _linkExtractors.isEntityPresent)(response)) {
     return (0, _linkExtractors.extractEntityProvider)(response);
   }
-  return generateContext(response === null || response === void 0 ? void 0 : response.data);
+  return generateContext((response === null || response === void 0 ? void 0 : response.data) || (0, _jsonld.getEmptyJsonLd)());
 }

package/dist/cjs/extractors/embed/index.js

@@ -25,23 +25,11 @@ var extractEmbedPreview = function extractEmbedPreview(jsonLd, platform, iframeU
 var extractEmbedProps = exports.extractEmbedProps = function extractEmbedProps(response, platform, iframeUrlType) {
   var meta = response === null || response === void 0 ? void 0 : response.meta;
   var jsonLd = (response === null || response === void 0 ? void 0 : response.data) || (0, _jsonld.getEmptyJsonLd)();
-  if ((0, _platformFeatureFlags.fg)('smart_links_noun_support')) {
-    return _objectSpread({
-      link: (0, _linkExtractors.extractSmartLinkUrl)(response) || '',
-      title: (0, _linkExtractors.extractSmartLinkTitle)(response),
-      context: (0, _context.extractSmartLinkContext)(response),
-      preview: (0, _linkExtractors.extractSmartLinkEmbed)(response, iframeUrlType),
-      isTrusted: (0, _extractIsTrusted.extractIsTrusted)(meta),
-      isSupportTheming: (0, _extractIsSupportTheming.extractIsSupportTheming)(meta)
-    }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && {
-      type: (0, _linkExtractors.extractType)(jsonLd)
-    });
-  }
   return _objectSpread({
-    link: (0, _linkExtractors.extractLink)(jsonLd) || '',
-    title: (0, _linkExtractors.extractTitle)(jsonLd),
-    context: (0, _context.generateContext)(jsonLd),
-    preview: extractEmbedPreview(jsonLd, platform, iframeUrlType),
+    link: (0, _linkExtractors.extractSmartLinkUrl)(response) || '',
+    title: (0, _linkExtractors.extractSmartLinkTitle)(response),
+    context: (0, _context.extractSmartLinkContext)(response),
+    preview: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkEmbed)(response, iframeUrlType) : extractEmbedPreview(jsonLd, platform, iframeUrlType),
     isTrusted: (0, _extractIsTrusted.extractIsTrusted)(meta),
     isSupportTheming: (0, _extractIsSupportTheming.extractIsSupportTheming)(meta)
   }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && {

package/dist/cjs/extractors/flexible/extract-link-title.js

@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../constants");
 var extractLinkTitle = function extractLinkTitle(status, propUrl, response, onClick) {
   var _ref;
-  var data = response === null || response === void 0 ? void 0 : response.data;
-  var responseUrl = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkUrl)(response) : (0, _linkExtractors.extractLink)(data);
+  var responseUrl = (0, _linkExtractors.extractSmartLinkUrl)(response);
   var url = status === _constants.SmartLinkStatus.Resolved ? responseUrl !== null && responseUrl !== void 0 ? responseUrl : propUrl : propUrl;
-  var name = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkTitle)(response) : (0, _linkExtractors.extractTitle)(data);
+  var name = (0, _linkExtractors.extractSmartLinkTitle)(response);
   var text = status === _constants.SmartLinkStatus.Resolved ? (_ref = name !== null && name !== void 0 ? name : responseUrl) !== null && _ref !== void 0 ? _ref : propUrl : propUrl;
   return {
     onClick: onClick,

package/dist/cjs/extractors/flexible/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,15 +13,14 @@ var _primitives = require("../common/primitives");
 var _actions = require("./actions");
 var _collaboratorGroup = require("./collaboratorGroup");
 var _extractLinkTitle = _interopRequireDefault(require("./extract-link-title"));
-var _extractPreview = _interopRequireWildcard(require("./extract-preview"));
+var _extractPreview = require("./extract-preview");
 var _extractPriority = _interopRequireDefault(require("./extract-priority"));
 var _extractState = _interopRequireDefault(require("./extract-state"));
 var _icon = require("./icon");
-var _extractProviderIcon = _interopRequireWildcard(require("./icon/extract-provider-icon"));
+var _extractProviderIcon = require("./icon/extract-provider-icon");
 var _latestCommit = require("./latest-commit");
 var _utils = require("./utils");
 var _excluded = ["appearance", "fireEvent", "id", "onClick", "origin", "renderers", "resolve", "actionOptions", "response", "status", "aiSummaryConfig"];
-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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
@@ -44,7 +42,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
   }
   var data = response.data;
   var meta = response.meta;
-  var url = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkUrl)(response) : (0, _linkExtractors.extractLink)(data);
+  var url = (0, _linkExtractors.extractSmartLinkUrl)(response);
   return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     actions: (0, _actions.extractFlexibleCardActions)({
       actionOptions: actionOptions,
@@ -67,22 +65,22 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     reactCount: (0, _utils.extractReactCount)(data),
     voteCount: (0, _utils.extractVoteCount)(data),
     checklistProgress: (0, _utils.extractChecklistProgress)(data),
-    createdBy: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkCreatedBy)(response) : (0, _utils.extractCreatedBy)(data),
+    createdBy: (0, _linkExtractors.extractSmartLinkCreatedBy)(response),
     ownedBy: (0, _utils.extractOwnedBy)(data),
     assignedTo: (0, _utils.extractAssignedTo)(data),
-    createdOn: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkCreatedOn)(response) : (0, _linkExtractors.extractDateCreated)(data),
+    createdOn: (0, _linkExtractors.extractSmartLinkCreatedOn)(response),
     dueOn: (0, _utils.extractDueOn)(data),
     latestCommit: (0, _latestCommit.extractLatestCommit)(data),
-    linkIcon: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _icon.extractSmartLinkIcon)(response) : (0, _icon.extractLinkIcon)(response, renderers)
+    linkIcon: (0, _icon.extractSmartLinkIcon)(response)
   }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') && {
     linkTitle: (0, _extractLinkTitle.default)(status, props.url, response, onClick)
   }), {}, {
     location: (0, _utils.extractLocation)(data),
-    modifiedBy: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkModifiedBy)(response) : (0, _utils.extractModifiedBy)(data),
-    modifiedOn: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkModifiedOn)(response) : (0, _linkExtractors.extractDateUpdated)(data),
-    preview: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _extractPreview.extractSmartLinkPreviewImage)(response) : (0, _extractPreview.default)(data),
+    modifiedBy: (0, _linkExtractors.extractSmartLinkModifiedBy)(response),
+    modifiedOn: (0, _linkExtractors.extractSmartLinkModifiedOn)(response),
+    preview: (0, _extractPreview.extractSmartLinkPreviewImage)(response),
     priority: (0, _extractPriority.default)(data),
-    provider: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _extractProviderIcon.extractSmartLinkProviderIcon)(response) : (0, _extractProviderIcon.default)(data),
+    provider: (0, _extractProviderIcon.extractSmartLinkProviderIcon)(response),
     programmingLanguage: (0, _utils.extractProgrammingLanguage)(data),
     readTime: (0, _utils.extractReadTime)(data),
     sentOn: (0, _utils.extractSentOn)(data),
@@ -95,10 +93,10 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     storyPoints: (0, _utils.extractStoryPoints)(data),
     targetBranch: (0, _utils.extractTargetBranch)(data)
   }, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? undefined : {
-    title: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkTitle)(response) || url : (0, _linkExtractors.extractTitle)(data) || url
+    title: (0, _linkExtractors.extractSmartLinkTitle)(response) || url
   }), {}, {
     url: url,
-    ari: (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkAri)(response) : (0, _linkExtractors.extractAri)(data)
+    ari: (0, _linkExtractors.extractSmartLinkAri)(response)
   }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && {
     type: (0, _linkExtractors.extractType)(data)
   }), (0, _platformFeatureFlags.fg)('cc-ai-linking-platform-snippet-renderer') && {

package/dist/cjs/extractors/inline/index.js

@@ -8,6 +8,7 @@ exports.extractInlineProps = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _jsonld = require("../../utils/jsonld");
 var _icon = require("../common/icon");
 var _lozenge = require("../common/lozenge");
 var _primitives = require("../common/primitives");
@@ -42,29 +43,17 @@ var extractSmartLinkInlineIcon = function extractSmartLinkInlineIcon(response) {
     // see: https://product-fabric.atlassian.net/browse/EDM-12375
     // return extractSmartLinkIcon(response);
   }
-  return extractInlineIcon(response === null || response === void 0 ? void 0 : response.data, showLabel);
+  return extractInlineIcon((response === null || response === void 0 ? void 0 : response.data) || (0, _jsonld.getEmptyJsonLd)(), showLabel);
 };
 var extractInlineProps = exports.extractInlineProps = function extractInlineProps(response, renderers, removeTextHighlightingFromTitle) {
   var showLabel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-  var jsonLd = response === null || response === void 0 ? void 0 : response.data;
-  if ((0, _platformFeatureFlags.fg)('smart_links_noun_support')) {
-    return _objectSpread({
-      link: (0, _linkExtractors.extractSmartLinkUrl)(response),
-      title: (0, _linkExtractors.extractSmartLinkTitle)(response, removeTextHighlightingFromTitle),
-      icon: extractSmartLinkInlineIcon(response, showLabel),
-      // As we migrate to support more entities we can incorporate these fields
-      lozenge: (0, _lozenge.extractLozenge)(jsonLd),
-      titleTextColor: (0, _primitives.extractTitleTextColor)(jsonLd),
-      titlePrefix: (0, _titlePrefix.extractTitlePrefix)(jsonLd, renderers, 'inline')
-    }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && {
-      type: (0, _linkExtractors.extractType)(jsonLd)
-    });
-  }
+  var jsonLd = (response === null || response === void 0 ? void 0 : response.data) || (0, _jsonld.getEmptyJsonLd)();
   return _objectSpread({
-    link: (0, _linkExtractors.extractLink)(jsonLd),
-    title: (0, _linkExtractors.extractTitle)(jsonLd, removeTextHighlightingFromTitle),
+    link: (0, _linkExtractors.extractSmartLinkUrl)(response),
+    title: (0, _linkExtractors.extractSmartLinkTitle)(response, removeTextHighlightingFromTitle),
+    icon: extractSmartLinkInlineIcon(response, showLabel),
+    // As we migrate to support more entities we can incorporate these fields
     lozenge: (0, _lozenge.extractLozenge)(jsonLd),
-    icon: extractInlineIcon(jsonLd, showLabel),
     titleTextColor: (0, _primitives.extractTitleTextColor)(jsonLd),
     titlePrefix: (0, _titlePrefix.extractTitlePrefix)(jsonLd, renderers, 'inline')
   }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && {

package/dist/cjs/state/hooks/use-resolve/index.js

@@ -10,7 +10,6 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _react = require("react");
 var _linkExtractors = require("@atlaskit/link-extractors");
 var _linkProvider = require("@atlaskit/link-provider");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 var _analytics = require("../../analytics");
 var _useResponse2 = _interopRequireDefault(require("../use-response"));
@@ -45,7 +44,7 @@ var useResolve = function useResolve() {
               status: _constants.SmartLinkStatus.Pending,
               details: undefined
             }, details = _ref2.details;
-            hasData = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? !!(details && details.data || (0, _linkExtractors.isEntityPresent)(details)) : !!(details && details.data);
+            hasData = !!(details && details.data || (0, _linkExtractors.isEntityPresent)(details));
             if (!(isReloading || !hasData || isMetadataRequest)) {
               _context.next = 9;
               break;

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

package/dist/cjs/view/BlockCard/views/ForbiddenView.js

@@ -53,7 +53,7 @@ var ForbiddenView = function ForbiddenView(_ref) {
     url = props.url;
   var details = cardState === null || cardState === void 0 ? void 0 : cardState.details;
   var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : (0, _jsonld.getForbiddenJsonLd)().meta;
-  var provider = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkProvider)(details) : (0, _linkExtractors.extractProvider)(details === null || details === void 0 ? void 0 : details.data);
+  var provider = (0, _linkExtractors.extractSmartLinkProvider)(details);
   var providerName = (provider === null || provider === void 0 ? void 0 : provider.text) || '';
   var messageContext = (0, _react.useMemo)(function () {
     var hostname = /*#__PURE__*/React.createElement("b", null, (0, _extractHostname.default)(url));

package/dist/cjs/view/BlockCard/views/NotFoundView.js

@@ -40,7 +40,7 @@ var NotFoundView = function NotFoundView(_ref) {
   var details = props.cardState.details;
   var product = (0, _react.useMemo)(function () {
     var _provider$text;
-    var provider = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (0, _linkExtractors.extractSmartLinkProvider)(details) : (0, _linkExtractors.extractProvider)(details === null || details === void 0 ? void 0 : details.data);
+    var provider = (0, _linkExtractors.extractSmartLinkProvider)(details);
     return (_provider$text = provider === null || provider === void 0 ? void 0 : provider.text) !== null && _provider$text !== void 0 ? _provider$text : '';
   }, [details]);
   var title = (0, _react.useMemo)(function () {

package/dist/cjs/view/BlockCard/views/UnauthorisedView.js

@@ -36,14 +36,13 @@ var contentStyles = null;
  * @see FlexibleCardProps
  */
 var UnauthorisedView = function UnauthorisedView(_ref) {
-  var _cardState$details, _extractSmartLinkProv, _extractProvider;
+  var _extractSmartLinkProv;
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-unauthorized-view' : _ref$testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var cardState = props.cardState,
     onAuthorize = props.onAuthorize;
-  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  var providerName = (0, _platformFeatureFlags.fg)('smart_links_noun_support') ? (_extractSmartLinkProv = (0, _linkExtractors.extractSmartLinkProvider)(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text : (_extractProvider = (0, _linkExtractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
+  var providerName = (_extractSmartLinkProv = (0, _linkExtractors.extractSmartLinkProvider)(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
   var isProductIntegrationSupported = (0, _helpers.hasAuthScopeOverrides)(cardState.details);
   var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;

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;
 };