@atlaskit/smart-card 26.5.1 → 26.5.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.5.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 26.5.2
+
+### Patch Changes
+
+- [`c77f4d24dee`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c77f4d24dee) - [ux] Show feature discovery (pulse) on lozenge action
+
 ## 26.5.1
 
 ### Patch Changes

package/dist/cjs/extractors/flexible/extract-state.js

@@ -26,7 +26,7 @@ var toInvokeRequest = function toInvokeRequest(extensionKey, resourceIdentifiers
     details: details
   };
 };
-var extractAction = function extractAction(response, id) {
+var extractAction = function extractAction(response, id, options) {
   var _action$dataRetrieval, _action$dataUpdateAct;
   var extensionKey = (0, _helpers.getExtensionKey)(response);
   var data = response === null || response === void 0 ? void 0 : response.data;
@@ -51,7 +51,8 @@ var extractAction = function extractAction(response, id) {
   var update = toInvokeRequest(extensionKey, action.resourceIdentifiers, (_action$dataUpdateAct = action.dataUpdateAction) === null || _action$dataUpdateAct === void 0 ? void 0 : _action$dataUpdateAct.name, details);
   return read || update ? {
     read: read,
-    update: update
+    update: update,
+    showFeatureDiscovery: options === null || options === void 0 ? void 0 : options.showStateActionFeatureDiscovery
   } : undefined;
 };
 var extractState = function extractState(response, showServerActions, id) {
@@ -65,7 +66,7 @@ var extractState = function extractState(response, showServerActions, id) {
   if (!showServerActions) {
     return lozenge;
   }
-  var action = extractAction(response, id);
+  var action = extractAction(response, id, typeof showServerActions === 'boolean' ? undefined : showServerActions);
   return _objectSpread(_objectSpread({}, lozenge), {}, {
     action: action
   });

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

@@ -59,7 +59,7 @@ var extractFlexibleUiContext = function extractFlexibleUiContext() {
     snippet: (0, _primitives.extractSummary)(data) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: (0, _utils.extractSourceBranch)(data),
-    state: (0, _extractState.default)(response, showLozengeAction || showServerActions, id),
+    state: (0, _extractState.default)(response, showServerActions || showLozengeAction, id),
     subscriberCount: (0, _utils.extractSubscriberCount)(data),
     targetBranch: (0, _utils.extractTargetBranch)(data),
     title: (0, _extractors.extractTitle)(data) || url,

package/dist/cjs/i18n/cs.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Vaše žádost o přístup čeká na vyřízení.',
   'fabric.linking.preview': 'Zobrazení na celou obrazovku',
   'fabric.linking.preview_close': 'Zavřít náhled',
+  'fabric.linking.preview_improved': 'Otevřít náhled',
   'fabric.linking.preview_max_size': 'Zobrazit na celé obrazovce',
   'fabric.linking.preview_min_size': 'Zavřít zobrazení na celé obrazovce',
   'fabric.linking.priority_blocker': 'Blokující',

package/dist/cjs/i18n/da.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Din anmodning om adgang afventer behandling',
   'fabric.linking.preview': 'Fuldskærmsvisning',
   'fabric.linking.preview_close': 'Luk forhåndsvisning',
+  'fabric.linking.preview_improved': 'Åbn forhåndsvisning',
   'fabric.linking.preview_max_size': 'Vis fuld skærm',
   'fabric.linking.preview_min_size': 'Luk fuld skærm',
   'fabric.linking.priority_blocker': 'Blokering',

package/dist/cjs/i18n/de.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Ihre Zugriffsanfrage ist ausstehend.',
   'fabric.linking.preview': 'Vollbildansicht',
   'fabric.linking.preview_close': 'Vorschau beenden',
+  'fabric.linking.preview_improved': 'Vorschau öffnen',
   'fabric.linking.preview_max_size': 'Vollbildansicht anzeigen',
   'fabric.linking.preview_min_size': 'Vollbildansicht beenden',
   'fabric.linking.priority_blocker': 'Blocker',

package/dist/cjs/i18n/en.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Your access request is pending',
   'fabric.linking.preview': 'Full screen view',
   'fabric.linking.preview_close': 'Close preview',
+  'fabric.linking.preview_improved': 'Open preview',
   'fabric.linking.preview_max_size': 'View full screen',
   'fabric.linking.preview_min_size': 'Close full screen',
   'fabric.linking.priority_blocker': 'Blocker',

package/dist/cjs/i18n/en_GB.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Your access request is pending',
   'fabric.linking.preview': 'Full screen view',
   'fabric.linking.preview_close': 'Close preview',
+  'fabric.linking.preview_improved': 'Open preview',
   'fabric.linking.preview_max_size': 'View full screen',
   'fabric.linking.preview_min_size': 'Close full screen',
   'fabric.linking.priority_blocker': 'Blocker',

package/dist/cjs/i18n/en_ZZ.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': '⁣⁢Your access request is pending⁡⁠‌⁠⁣⁤',
   'fabric.linking.preview': '⁣⁢Full screen view‍‍‌‌‍؜⁡‌؜⁡‌⁡‌؜‌⁣⁤',
   'fabric.linking.preview_close': '⁣⁢Close preview⁡‍‍‍‌‌‍؜‌؜⁠⁣⁤',
+  'fabric.linking.preview_improved': '⁣⁢Open preview؜⁡‌‍؜⁠⁡؜‌⁠؜⁣⁤',
   'fabric.linking.preview_max_size': '⁣⁢View full screen‌؜‍‍‌‍⁣⁤',
   'fabric.linking.preview_min_size': '⁣⁢Close full screen⁠⁠‍⁡⁠⁠‌‌⁣⁤',
   'fabric.linking.priority_blocker': '⁣⁢Blocker‌⁠‍⁠‍‌‍‍⁣⁤',

package/dist/cjs/i18n/es.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Tu solicitud de acceso está pendiente',
   'fabric.linking.preview': 'Vista de pantalla completa',
   'fabric.linking.preview_close': 'Cerrar vista previa',
+  'fabric.linking.preview_improved': 'Abrir vista previa',
   'fabric.linking.preview_max_size': 'Ver a pantalla completa',
   'fabric.linking.preview_min_size': 'Cerrar pantalla completa',
   'fabric.linking.priority_blocker': 'Impedimento',

package/dist/cjs/i18n/fi.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Käyttöoikeuspyyntösi on vireillä',
   'fabric.linking.preview': 'Koko näytön näkymä',
   'fabric.linking.preview_close': 'Sulje esikatselu',
+  'fabric.linking.preview_improved': 'Avaa esikatselu',
   'fabric.linking.preview_max_size': 'Näytä koko näytöllä',
   'fabric.linking.preview_min_size': 'Sulje koko näytön tila',
   'fabric.linking.priority_blocker': 'Esto',

package/dist/cjs/i18n/fr.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': "Votre demande d'accès est en attente",
   'fabric.linking.preview': 'Affichage plein écran',
   'fabric.linking.preview_close': "Fermer l'aperçu",
+  'fabric.linking.preview_improved': "Ouvrir l'aperçu",
   'fabric.linking.preview_max_size': 'Afficher le mode Plein écran',
   'fabric.linking.preview_min_size': 'Fermer le mode Plein écran',
   'fabric.linking.priority_blocker': 'Bloqueur',

package/dist/cjs/i18n/hu.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'A hozzáférési kérelmed függőben van',
   'fabric.linking.preview': 'Teljes képernyős nézet',
   'fabric.linking.preview_close': 'Előnézet bezárása',
+  'fabric.linking.preview_improved': 'Előnézet megnyitása',
   'fabric.linking.preview_max_size': 'Megtekintés teljes képernyőn',
   'fabric.linking.preview_min_size': 'Teljes képernyő bezárása',
   'fabric.linking.priority_blocker': 'Blokkoló',

package/dist/cjs/i18n/it.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'La tua richiesta di accesso è in sospeso',
   'fabric.linking.preview': 'Visualizzazione a schermo intero',
   'fabric.linking.preview_close': "Chiudi l'anteprima",
+  'fabric.linking.preview_improved': "Apri l'anteprima",
   'fabric.linking.preview_max_size': 'Visualizza a schermo intero',
   'fabric.linking.preview_min_size': 'Esci da schermo intero',
   'fabric.linking.priority_blocker': 'Bloccante',

package/dist/cjs/i18n/ja.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'アクセス リクエストは保留中です。',
   'fabric.linking.preview': '全画面表示',
   'fabric.linking.preview_close': 'プレビューを閉じる',
+  'fabric.linking.preview_improved': 'プレビューを開く',
   'fabric.linking.preview_max_size': '全画面表示',
   'fabric.linking.preview_min_size': '全画面表示を閉じる',
   'fabric.linking.priority_blocker': 'ブロッカー',

package/dist/cjs/i18n/ko.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': '액세스 요청이 보류 중입니다',
   'fabric.linking.preview': '전체 화면 보기',
   'fabric.linking.preview_close': '미리 보기 닫기',
+  'fabric.linking.preview_improved': '미리보기 열기',
   'fabric.linking.preview_max_size': '전체 화면 보기',
   'fabric.linking.preview_min_size': '전체 화면 닫기',
   'fabric.linking.priority_blocker': '블로커',

package/dist/cjs/i18n/nb.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Avventer svar på forespørselen din om tilgang',
   'fabric.linking.preview': 'Fullskjermvisning',
   'fabric.linking.preview_close': 'Lukk forhåndsvisning',
+  'fabric.linking.preview_improved': 'Åpne forhåndsvisning',
   'fabric.linking.preview_max_size': 'Vis fullskjerm',
   'fabric.linking.preview_min_size': 'Lukk fullskjerm',
   'fabric.linking.priority_blocker': 'Blokkering',

package/dist/cjs/i18n/nl.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Je toegangsaanvraag wordt behandeld.',
   'fabric.linking.preview': 'Volledig schermweergave',
   'fabric.linking.preview_close': 'Voorbeeldweergave sluiten',
+  'fabric.linking.preview_improved': 'Voorbeeld openen',
   'fabric.linking.preview_max_size': 'Volledig scherm openen',
   'fabric.linking.preview_min_size': 'Volledig scherm sluiten',
   'fabric.linking.priority_blocker': 'Blocker',

package/dist/cjs/i18n/pl.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Twój wniosek o dostęp oczekuje na rozpatrzenie',
   'fabric.linking.preview': 'Widok pełnoekranowy',
   'fabric.linking.preview_close': 'Zamknij podgląd',
+  'fabric.linking.preview_improved': 'Otwórz podgląd',
   'fabric.linking.preview_max_size': 'Wyświetl na pełnym ekranie',
   'fabric.linking.preview_min_size': 'Zamknij widok pełnoekranowy',
   'fabric.linking.priority_blocker': 'Bloker',

package/dist/cjs/i18n/pt_BR.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'A solicitação de acesso está pendente',
   'fabric.linking.preview': 'Visualização em tela cheia',
   'fabric.linking.preview_close': 'Fechar pré-visualização',
+  'fabric.linking.preview_improved': 'Abir pré-visualização',
   'fabric.linking.preview_max_size': 'Exibir em tela cheia',
   'fabric.linking.preview_min_size': 'Fechar tela cheia',
   'fabric.linking.priority_blocker': 'Gravíssima',

package/dist/cjs/i18n/ru.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Ваш запрос на доступ ожидает рассмотрения',
   'fabric.linking.preview': 'Полноэкранный режим',
   'fabric.linking.preview_close': 'Закрыть предварительный просмотр',
+  'fabric.linking.preview_improved': 'Открыть предпросмотр',
   'fabric.linking.preview_max_size': 'На весь экран',
   'fabric.linking.preview_min_size': 'Выйти из полноэкранного режима',
   'fabric.linking.priority_blocker': 'Блокер',

package/dist/cjs/i18n/sv.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Din åtkomstförfrågan väntar på svar',
   'fabric.linking.preview': 'Helskärmsvy',
   'fabric.linking.preview_close': 'Stäng förhandsvisning',
+  'fabric.linking.preview_improved': 'Öppna förhandsgranskning',
   'fabric.linking.preview_max_size': 'Visa helskärm',
   'fabric.linking.preview_min_size': 'Stäng helskärm',
   'fabric.linking.priority_blocker': 'Blockerare',

package/dist/cjs/i18n/th.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'คำขอการเข้าถึงของคุณกำลังรอดำเนินการ',
   'fabric.linking.preview': 'มุมมองแบบเต็มหน้าจอ',
   'fabric.linking.preview_close': 'ปิดการแสดงตัวอย่าง',
+  'fabric.linking.preview_improved': 'เปิดการแสดงตัวอย่าง',
   'fabric.linking.preview_max_size': 'ดูหน้าจอแบบเต็ม',
   'fabric.linking.preview_min_size': 'ปิดหน้าจอแบบเต็ม',
   'fabric.linking.priority_blocker': 'ตัวบล็อก',

package/dist/cjs/i18n/tr.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Erişim talebiniz beklemede',
   'fabric.linking.preview': 'Tam ekran görünümü',
   'fabric.linking.preview_close': 'Önizlemeyi kapat',
+  'fabric.linking.preview_improved': 'Önizlemeyi aç',
   'fabric.linking.preview_max_size': 'Tam ekran görüntüle',
   'fabric.linking.preview_min_size': 'Tam ekranı kapat',
   'fabric.linking.priority_blocker': 'Engelleyici',

package/dist/cjs/i18n/uk.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Запит на надання доступу в очікуванні',
   'fabric.linking.preview': 'Повноекранне подання',
   'fabric.linking.preview_close': 'Закрити вікно попереднього перегляду',
+  'fabric.linking.preview_improved': 'Відкрити попередню версію',
   'fabric.linking.preview_max_size': 'Відкрити в повноекранному режимі',
   'fabric.linking.preview_min_size': 'Вийти з повноекранного режиму',
   'fabric.linking.priority_blocker': 'Блокувальний',

package/dist/cjs/i18n/vi.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': 'Đang chờ xử lý yêu cầu quyền truy cập của bạn',
   'fabric.linking.preview': 'Chế độ xem toàn màn hình',
   'fabric.linking.preview_close': 'Đóng bản xem trước',
+  'fabric.linking.preview_improved': 'Mở bản xem trước',
   'fabric.linking.preview_max_size': 'Xem toàn màn hình',
   'fabric.linking.preview_min_size': 'Đóng toàn màn hình',
   'fabric.linking.priority_blocker': 'Trở ngại',

package/dist/cjs/i18n/zh.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': '您的访问请求正等待处理',
   'fabric.linking.preview': '全屏视图',
   'fabric.linking.preview_close': '关闭预览',
+  'fabric.linking.preview_improved': '打开预览',
   'fabric.linking.preview_max_size': '全屏查看',
   'fabric.linking.preview_min_size': '关闭全屏',
   'fabric.linking.priority_blocker': '紧急',

package/dist/cjs/i18n/zh_TW.js

@@ -59,6 +59,7 @@ var _default = {
   'fabric.linking.pending_request': '您的存取要求擱置中',
   'fabric.linking.preview': '全螢幕檢視',
   'fabric.linking.preview_close': '關閉預覽',
+  'fabric.linking.preview_improved': '開啟預覽',
   'fabric.linking.preview_max_size': '全螢幕檢視',
   'fabric.linking.preview_min_size': '關閉全螢幕',
   'fabric.linking.priority_blocker': '受阻',

package/dist/cjs/version.json

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

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/feature-discovery/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("@emotion/react");
+var _react2 = require("react");
+var _storageClient = require("@atlaskit/frontend-utilities/storage-client");
+var _styled = require("./styled");
+/** @jsx jsx */
+
+var LOCAL_STORAGE_CLIENT_KEY = '@atlaskit/smart-card';
+var LOCAL_STORAGE_DISCOVERY_KEY = 'action-discovery-status';
+var LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS = 15552000000; // 180 days
+
+/**
+ * This is a hacky solution to help with the feature discovery.
+ * This implementation must be removed once the experiment is completed.
+ * Cleanup on https://product-fabric.atlassian.net/browse/EDM-5795
+ * @see https://team.atlassian.com/project/ATLAS-13099/about
+ */
+var FeatureDiscovery = function FeatureDiscovery(_ref) {
+  var appearance = _ref.appearance,
+    children = _ref.children,
+    testId = _ref.testId;
+  var storageClient = (0, _react2.useMemo)(function () {
+    return new _storageClient.StorageClient(LOCAL_STORAGE_CLIENT_KEY);
+  }, []);
+  var discovered = (0, _react2.useMemo)(function () {
+    var _storageClient$getIte;
+    return (_storageClient$getIte = storageClient.getItem(LOCAL_STORAGE_DISCOVERY_KEY)) !== null && _storageClient$getIte !== void 0 ? _storageClient$getIte : false;
+  }, [storageClient]);
+  (0, _react2.useEffect)(function () {
+    if (!discovered) {
+      storageClient.setItemWithExpiry(LOCAL_STORAGE_DISCOVERY_KEY, true, LOCAL_STORAGE_DISCOVERY_EXPIRY_IN_MS);
+    }
+  }, [storageClient, discovered]);
+  var component = (0, _react2.useMemo)(function () {
+    if (!discovered) {
+      return (0, _react.jsx)("span", {
+        css: (0, _styled.getPulseStyles)(appearance),
+        "data-testid": "".concat(testId, "-discovery")
+      }, children);
+    }
+  }, [appearance, children, discovered, testId]);
+  return component !== null && component !== void 0 ? component : children;
+};
+var _default = FeatureDiscovery;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/feature-discovery/styled.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPulseStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _templateObject, _templateObject2;
+var pulseKeyframes = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  to {\n    box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);\n  }\n"])));
+var getPulseColor = function getPulseColor(appearance) {
+  switch (appearance) {
+    case 'inprogress':
+      return "var(--ds-background-information-bold, #0052CC)";
+    case 'moved':
+      return "var(--ds-background-warning-bold, #FFAB00)";
+    case 'new':
+      return "var(--ds-background-discovery-bold, #5243AA)";
+    case 'removed':
+      return "var(--ds-background-danger-bold, #DE350B)";
+    case 'success':
+      return "var(--ds-background-success-bold, #00875A)";
+    case 'default':
+    default:
+      return "var(--ds-background-neutral-bold, #42526E)";
+  }
+};
+var getPulseStyles = function getPulseStyles(appearance) {
+  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  border-radius: 3px;\n  box-shadow: 0 0 0 0 ", ";\n  animation: ", " 1.45s cubic-bezier(0.5, 0, 0, 1) 3;\n"])), getPulseColor(appearance), pulseKeyframes);
+};
+exports.getPulseStyles = getPulseStyles;

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/feature-discovery/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/index.js

@@ -151,10 +151,11 @@ var LozengeAction = function LozengeAction(_ref) {
   var trigger = (0, _react2.useCallback)(function (props) {
     return (0, _react.jsx)(_lozengeActionTrigger.default, (0, _extends2.default)({}, props, {
       appearance: selected.appearance,
+      showFeatureDiscovery: action === null || action === void 0 ? void 0 : action.showFeatureDiscovery,
       testId: testId,
       text: selected.text
     }));
-  }, [testId, selected]);
+  }, [selected.appearance, selected.text, action === null || action === void 0 ? void 0 : action.showFeatureDiscovery, testId]);
   var handleItemClick = (0, _react2.useCallback)( /*#__PURE__*/function () {
     var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(id, text, appearance) {
       var updateAction, request;

package/dist/cjs/view/FlexibleCard/components/common/lozenge-action/lozenge-action-trigger/index.js

@@ -13,10 +13,12 @@ var _react2 = require("react");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _styled = require("../styled");
-var _excluded = ["appearance", "testId", "text", "triggerRef"];
+var _featureDiscovery = _interopRequireDefault(require("../feature-discovery"));
+var _excluded = ["appearance", "showFeatureDiscovery", "testId", "text", "triggerRef"];
 /** @jsx jsx */
 var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
   var appearance = _ref.appearance,
+    showFeatureDiscovery = _ref.showFeatureDiscovery,
     testId = _ref.testId,
     text = _ref.text,
     triggerRef = _ref.triggerRef,
@@ -31,6 +33,17 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
   var onMouseLeave = (0, _react2.useCallback)(function () {
     return setIsBold(false);
   }, []);
+  var lozenge = (0, _react2.useMemo)(function () {
+    return (0, _react.jsx)(_lozenge.default, {
+      appearance: appearance,
+      isBold: isBold
+    }, (0, _react.jsx)("span", {
+      css: _styled.triggerLozengeStyles
+    }, (0, _react.jsx)("span", null, text), (0, _react.jsx)(_chevronDown.default, {
+      label: "options",
+      size: "medium"
+    })));
+  }, [appearance, isBold, text]);
   return (0, _react.jsx)("button", (0, _extends2.default)({
     type: "button"
   }, props, {
@@ -39,15 +52,10 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     ref: triggerRef
-  }), (0, _react.jsx)(_lozenge.default, {
+  }), showFeatureDiscovery ? (0, _react.jsx)(_featureDiscovery.default, {
     appearance: appearance,
-    isBold: isBold
-  }, (0, _react.jsx)("span", {
-    css: _styled.triggerLozengeStyles
-  }, (0, _react.jsx)("span", null, text), (0, _react.jsx)(_chevronDown.default, {
-    label: "options",
-    size: "medium"
-  }))));
+    testId: testId
+  }, lozenge) : lozenge);
 };
 var _default = LozengeActionTrigger;
 exports.default = _default;

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

@@ -188,8 +188,12 @@ var Container = function Container(_ref3) {
       url: context === null || context === void 0 ? void 0 : context.url,
       canOpen: hoverCardCanOpen,
       closeOnChildClick: true,
-      hidePreviewButton: hideHoverCardPreviewButton,
-      showServerActions: showServerActions
+      hidePreviewButton: hideHoverCardPreviewButton
+      // EDM-6709 extends the internal prop for showServerActions type to be
+      // an object. If we decide to use expose the type for hover preview
+      // remove the Boolean() conversion here.
+      ,
+      showServerActions: Boolean(showServerActions)
     }, containerContent);
   }
   return containerContent;

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

@@ -29,6 +29,7 @@ var _messages = require("../../../messages");
 var _actions = require("../../../state/actions");
 var _click = require("../../../utils/analytics/click");
 var _store = require("../../../state/store");
+var _linkProvider = require("@atlaskit/link-provider");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /** @jsx jsx */
@@ -105,6 +106,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
     showServerActions = _ref.showServerActions;
+  var useLozengeAction = (0, _linkProvider.useFeatureFlag)('useLozengeAction');
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var defaultAnalytics = (0, _analytics2.useSmartLinkAnalytics)(url, undefined, id);
@@ -184,7 +186,9 @@ var HoverCardContent = function HoverCardContent(_ref) {
     onClick: onClick,
     onResolve: onResolve,
     renderers: renderers,
-    showServerActions: showServerActions,
+    showServerActions: useLozengeAction === 'experiment' || showServerActions ? {
+      showStateActionFeatureDiscovery: true
+    } : false,
     ui: _styled.flexibleUiOptions,
     url: url,
     children: {},

package/dist/es2019/extractors/flexible/extract-state.js

@@ -16,7 +16,7 @@ const toInvokeRequest = (extensionKey, resourceIdentifiers, actionType, details)
     details
   };
 };
-const extractAction = (response, id) => {
+const extractAction = (response, id, options) => {
   var _action$dataRetrieval, _action$dataUpdateAct;
   const extensionKey = getExtensionKey(response);
   const data = response === null || response === void 0 ? void 0 : response.data;
@@ -39,7 +39,8 @@ const extractAction = (response, id) => {
   const update = toInvokeRequest(extensionKey, action.resourceIdentifiers, (_action$dataUpdateAct = action.dataUpdateAction) === null || _action$dataUpdateAct === void 0 ? void 0 : _action$dataUpdateAct.name, details);
   return read || update ? {
     read,
-    update
+    update,
+    showFeatureDiscovery: options === null || options === void 0 ? void 0 : options.showStateActionFeatureDiscovery
   } : undefined;
 };
 const extractState = (response, showServerActions, id) => {
@@ -53,7 +54,7 @@ const extractState = (response, showServerActions, id) => {
   if (!showServerActions) {
     return lozenge;
   }
-  const action = extractAction(response, id);
+  const action = extractAction(response, id, typeof showServerActions === 'boolean' ? undefined : showServerActions);
   return {
     ...lozenge,
     action

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

@@ -52,7 +52,7 @@ const extractFlexibleUiContext = ({
     snippet: extractSummary(data) || undefined,
     // Explicitly set here to remove an empty string
     sourceBranch: extractSourceBranch(data),
-    state: extractState(response, showLozengeAction || showServerActions, id),
+    state: extractState(response, showServerActions || showLozengeAction, id),
     subscriberCount: extractSubscriberCount(data),
     targetBranch: extractTargetBranch(data),
     title: extractTitle(data) || url,

package/dist/es2019/i18n/cs.js

@@ -53,6 +53,7 @@ export default {
   'fabric.linking.pending_request': 'Vaše žádost o přístup čeká na vyřízení.',
   'fabric.linking.preview': 'Zobrazení na celou obrazovku',
   'fabric.linking.preview_close': 'Zavřít náhled',
+  'fabric.linking.preview_improved': 'Otevřít náhled',
   'fabric.linking.preview_max_size': 'Zobrazit na celé obrazovce',
   'fabric.linking.preview_min_size': 'Zavřít zobrazení na celé obrazovce',
   'fabric.linking.priority_blocker': 'Blokující',

package/dist/es2019/i18n/da.js

@@ -53,6 +53,7 @@ export default {
   'fabric.linking.pending_request': 'Din anmodning om adgang afventer behandling',
   'fabric.linking.preview': 'Fuldskærmsvisning',
   'fabric.linking.preview_close': 'Luk forhåndsvisning',
+  'fabric.linking.preview_improved': 'Åbn forhåndsvisning',
   'fabric.linking.preview_max_size': 'Vis fuld skærm',
   'fabric.linking.preview_min_size': 'Luk fuld skærm',
   'fabric.linking.priority_blocker': 'Blokering',

package/dist/es2019/i18n/de.js

@@ -53,6 +53,7 @@ export default {
   'fabric.linking.pending_request': 'Ihre Zugriffsanfrage ist ausstehend.',
   'fabric.linking.preview': 'Vollbildansicht',
   'fabric.linking.preview_close': 'Vorschau beenden',
+  'fabric.linking.preview_improved': 'Vorschau öffnen',
   'fabric.linking.preview_max_size': 'Vollbildansicht anzeigen',
   'fabric.linking.preview_min_size': 'Vollbildansicht beenden',
   'fabric.linking.priority_blocker': 'Blocker',

package/dist/es2019/i18n/en.js

@@ -53,6 +53,7 @@ export default {
   'fabric.linking.pending_request': 'Your access request is pending',
   'fabric.linking.preview': 'Full screen view',
   'fabric.linking.preview_close': 'Close preview',
+  'fabric.linking.preview_improved': 'Open preview',
   'fabric.linking.preview_max_size': 'View full screen',
   'fabric.linking.preview_min_size': 'Close full screen',
   'fabric.linking.priority_blocker': 'Blocker',

package/dist/es2019/i18n/en_GB.js

@@ -53,6 +53,7 @@ export default {
   'fabric.linking.pending_request': 'Your access request is pending',
   'fabric.linking.preview': 'Full screen view',
   'fabric.linking.preview_close': 'Close preview',
+  'fabric.linking.preview_improved': 'Open preview',
   'fabric.linking.preview_max_size': 'View full screen',
   'fabric.linking.preview_min_size': 'Close full screen',
   'fabric.linking.priority_blocker': 'Blocker',

package/dist/es2019/i18n/en_ZZ.js

@@ -53,6 +53,7 @@ export default {
   'fabric.linking.pending_request': '⁣⁢Your access request is pending⁡⁠‌⁠⁣⁤',
   'fabric.linking.preview': '⁣⁢Full screen view‍‍‌‌‍؜⁡‌؜⁡‌⁡‌؜‌⁣⁤',
   'fabric.linking.preview_close': '⁣⁢Close preview⁡‍‍‍‌‌‍؜‌؜⁠⁣⁤',
+  'fabric.linking.preview_improved': '⁣⁢Open preview؜⁡‌‍؜⁠⁡؜‌⁠؜⁣⁤',
   'fabric.linking.preview_max_size': '⁣⁢View full screen‌؜‍‍‌‍⁣⁤',
   'fabric.linking.preview_min_size': '⁣⁢Close full screen⁠⁠‍⁡⁠⁠‌‌⁣⁤',
   'fabric.linking.priority_blocker': '⁣⁢Blocker‌⁠‍⁠‍‌‍‍⁣⁤',

package/dist/es2019/i18n/es.js

@@ -53,6 +53,7 @@ export default {
   'fabric.linking.pending_request': 'Tu solicitud de acceso está pendiente',
   'fabric.linking.preview': 'Vista de pantalla completa',
   'fabric.linking.preview_close': 'Cerrar vista previa',
+  'fabric.linking.preview_improved': 'Abrir vista previa',
   'fabric.linking.preview_max_size': 'Ver a pantalla completa',
   'fabric.linking.preview_min_size': 'Cerrar pantalla completa',
   'fabric.linking.priority_blocker': 'Impedimento',

package/dist/es2019/i18n/fi.js

@@ -53,6 +53,7 @@ export default {
   'fabric.linking.pending_request': 'Käyttöoikeuspyyntösi on vireillä',
   'fabric.linking.preview': 'Koko näytön näkymä',
   'fabric.linking.preview_close': 'Sulje esikatselu',
+  'fabric.linking.preview_improved': 'Avaa esikatselu',
   'fabric.linking.preview_max_size': 'Näytä koko näytöllä',
   'fabric.linking.preview_min_size': 'Sulje koko näytön tila',
   'fabric.linking.priority_blocker': 'Esto',