@atlaskit/smart-card 25.0.0 → 25.0.2

package/dist/es2019/i18n/zh.js

@@ -7,77 +7,78 @@
  */
 //Chinese (Simplified)
 export default {
-  "fabric.linking.actions": "操作",
-  "fabric.linking.add_account": "添加帐户",
-  "fabric.linking.cancel": "取消",
-  "fabric.linking.cannot_connect": "无法连接，请重试",
-  "fabric.linking.cannot_find_link": "未找到链接",
-  "fabric.linking.check_this_link": "检查此链接",
-  "fabric.linking.click_to_join": "加入 {context}",
-  "fabric.linking.click_to_join_description": "您已获得批准，可以立即加入 {context}。",
-  "fabric.linking.close": "关闭",
-  "fabric.linking.connect_account_description": "我们将打开新页面帮助您连接 {name} 帐户",
-  "fabric.linking.connect_link_account": "连接以预览",
-  "fabric.linking.connect_link_account_card_view": "连接",
-  "fabric.linking.connect_link_account_card_view_description": "如要显示该链接的预览，请连接您的 {context} 帐户。",
-  "fabric.linking.connect_link_account_card_view_name": "连接您的 {context} 帐户",
-  "fabric.linking.connect_to": "连接到 {name}",
-  "fabric.linking.connect_unauthorised_account_action": "连接到 {context}",
-  "fabric.linking.connect_unauthorised_account_description": "连接到 Atlassian，在一个位置集中查看工作的更多详情并开展协作。",
-  "fabric.linking.continue": "继续",
-  "fabric.linking.copy_url_to_clipboard": "复制链接",
-  "fabric.linking.couldnt_load_link": "由于未知原因，无法加载此链接。",
-  "fabric.linking.create_on_absolute": "创建时间：{context}",
-  "fabric.linking.create_on_relative": "创建时间：{context}",
-  "fabric.linking.created_by": "创建者：{context}",
-  "fabric.linking.delete": "删除",
-  "fabric.linking.download": "下载",
-  "fabric.linking.edit": "编辑",
-  "fabric.linking.forbidden_access": "您的访问已被禁止",
-  "fabric.linking.forbidden_description": "您无权访问此预览。如果需要访问，请联系站点管理员。",
-  "fabric.linking.go_back": "返回",
-  "fabric.linking.invalid_permissions": "受限内容",
-  "fabric.linking.invalid_permissions_description": "您需要请求访问权限或尝试使用其他帐户来查看此预览。",
-  "fabric.linking.join_to_view": "加入{context}以查看此事务",
-  "fabric.linking.learn_more_about_smart_links": "了解有关 Smart Link 的更多信息。",
-  "fabric.linking.loading": "正在加载...",
-  "fabric.linking.modified_on_absolute": "更新时间：{context}",
-  "fabric.linking.modified_on_relative": "更新时间：{context}",
-  "fabric.linking.more_actions": "更多操作",
-  "fabric.linking.not_found_description": "未找到此链接。请检查 URL，然后尝试编辑或重新粘贴。",
-  "fabric.linking.not_found_title": "噢。找不到此链接！",
-  "fabric.linking.open_link_in_a_new_tab": "在新选项卡中打开链接",
-  "fabric.linking.pending_request": "您的访问请求正等待处理",
-  "fabric.linking.preview": "全屏视图",
-  "fabric.linking.preview_close": "关闭预览",
-  "fabric.linking.preview_max_size": "全屏查看",
-  "fabric.linking.preview_min_size": "关闭全屏",
-  "fabric.linking.priority_blocker": "紧急",
-  "fabric.linking.priority_critical": "严重",
-  "fabric.linking.priority_high": "高",
-  "fabric.linking.priority_highest": "最高",
-  "fabric.linking.priority_low": "低",
-  "fabric.linking.priority_lowest": "最低",
-  "fabric.linking.priority_major": "重要",
-  "fabric.linking.priority_medium": "中等",
-  "fabric.linking.priority_minor": "次要",
-  "fabric.linking.priority_trivial": "微小",
-  "fabric.linking.priority_undefined": "未定义",
-  "fabric.linking.request_access": "请求访问",
-  "fabric.linking.request_access_description": "请求访问 {context} 以查看此预览。",
-  "fabric.linking.request_access_pending": "访问待处理",
-  "fabric.linking.request_access_pending_description": "您的访问请求正等待处理。",
-  "fabric.linking.request_access_to_view": "请求访问{context}以查看此事务",
-  "fabric.linking.request_denied": "您的访问请求已被拒绝",
-  "fabric.linking.request_denied_description": "您的访问请求已被拒绝。如果您仍需访问，请联系站点管理员。",
-  "fabric.linking.restricted_link": "受限链接，请尝试其他帐户",
-  "fabric.linking.retry": "重试",
-  "fabric.linking.save": "保存",
-  "fabric.linking.srclink": "查看",
-  "fabric.linking.srclinkunknown": "查看原件",
-  "fabric.linking.try_again": "请重试",
-  "fabric.linking.try_another_account": "请尝试其他帐户",
-  "fabric.linking.unlink_account": "取消帐户链接",
-  "fabric.linking.updated_by": "修改者：{context}",
-  "fabric.linking.view": "查看"
+  'fabric.linking.actions': '操作',
+  'fabric.linking.add_account': '添加帐户',
+  'fabric.linking.cancel': '取消',
+  'fabric.linking.cannot_connect': '无法连接，请重试',
+  'fabric.linking.cannot_find_link': '未找到链接',
+  'fabric.linking.check_this_link': '检查此链接',
+  'fabric.linking.click_to_join': '加入 {context}',
+  'fabric.linking.click_to_join_description': '您已获得批准，可以立即加入 {context}。',
+  'fabric.linking.close': '关闭',
+  'fabric.linking.connect_account_description': '我们将打开新页面帮助您连接 {name} 帐户',
+  'fabric.linking.connect_link_account': '连接以预览',
+  'fabric.linking.connect_link_account_card_view': '连接',
+  'fabric.linking.connect_link_account_card_view_description': '如要显示该链接的预览，请连接您的 {context} 帐户。',
+  'fabric.linking.connect_link_account_card_view_name': '连接您的 {context} 帐户',
+  'fabric.linking.connect_to': '连接到 {name}',
+  'fabric.linking.connect_unauthorised_account_action': '连接到 {context}',
+  'fabric.linking.connect_unauthorised_account_description': '连接到 Atlassian，在一个位置集中查看工作的更多详情并开展协作。',
+  'fabric.linking.continue': '继续',
+  'fabric.linking.copy_url_to_clipboard': '复制链接',
+  'fabric.linking.couldnt_load_link': '由于未知原因，无法加载此链接。',
+  'fabric.linking.create_on_absolute': '创建时间：{context}',
+  'fabric.linking.create_on_relative': '创建时间：{context}',
+  'fabric.linking.created_by': '创建者：{context}',
+  'fabric.linking.delete': '删除',
+  'fabric.linking.download': '下载',
+  'fabric.linking.edit': '编辑',
+  'fabric.linking.forbidden_access': '您的访问已被禁止',
+  'fabric.linking.forbidden_description': '您无权访问此预览。如果需要访问，请联系站点管理员。',
+  'fabric.linking.go_back': '返回',
+  'fabric.linking.invalid_permissions': '受限内容',
+  'fabric.linking.invalid_permissions_description': '您需要请求访问权限或尝试使用其他帐户来查看此预览。',
+  'fabric.linking.join_to_view': '加入{context}以查看此事务',
+  'fabric.linking.learn_more_about_smart_links': '了解有关 Smart Link 的更多信息。',
+  'fabric.linking.link_safety_warning_message': '{unsafeLinkText} 链接会将您带到其他站点，<a>actual link here</a>',
+  'fabric.linking.loading': '正在加载...',
+  'fabric.linking.modified_on_absolute': '更新时间：{context}',
+  'fabric.linking.modified_on_relative': '更新时间：{context}',
+  'fabric.linking.more_actions': '更多操作',
+  'fabric.linking.not_found_description': '未找到此链接。请检查 URL，然后尝试编辑或重新粘贴。',
+  'fabric.linking.not_found_title': '噢。找不到此链接！',
+  'fabric.linking.open_link_in_a_new_tab': '在新选项卡中打开链接',
+  'fabric.linking.pending_request': '您的访问请求正等待处理',
+  'fabric.linking.preview': '全屏视图',
+  'fabric.linking.preview_close': '关闭预览',
+  'fabric.linking.preview_max_size': '全屏查看',
+  'fabric.linking.preview_min_size': '关闭全屏',
+  'fabric.linking.priority_blocker': '紧急',
+  'fabric.linking.priority_critical': '严重',
+  'fabric.linking.priority_high': '高',
+  'fabric.linking.priority_highest': '最高',
+  'fabric.linking.priority_low': '低',
+  'fabric.linking.priority_lowest': '最低',
+  'fabric.linking.priority_major': '重要',
+  'fabric.linking.priority_medium': '中等',
+  'fabric.linking.priority_minor': '次要',
+  'fabric.linking.priority_trivial': '微小',
+  'fabric.linking.priority_undefined': '未定义',
+  'fabric.linking.request_access': '请求访问',
+  'fabric.linking.request_access_description': '请求访问 {context} 以查看此预览。',
+  'fabric.linking.request_access_pending': '访问待处理',
+  'fabric.linking.request_access_pending_description': '您的访问请求正等待处理。',
+  'fabric.linking.request_access_to_view': '请求访问{context}以查看此事务',
+  'fabric.linking.request_denied': '您的访问请求已被拒绝',
+  'fabric.linking.request_denied_description': '您的访问请求已被拒绝。如果您仍需访问，请联系站点管理员。',
+  'fabric.linking.restricted_link': '受限链接，请尝试其他帐户',
+  'fabric.linking.retry': '重试',
+  'fabric.linking.save': '保存',
+  'fabric.linking.srclink': '查看',
+  'fabric.linking.srclinkunknown': '查看原件',
+  'fabric.linking.try_again': '请重试',
+  'fabric.linking.try_another_account': '请尝试其他帐户',
+  'fabric.linking.unlink_account': '取消帐户链接',
+  'fabric.linking.updated_by': '修改者：{context}',
+  'fabric.linking.view': '查看'
 };

package/dist/es2019/i18n/zh_TW.js

@@ -7,77 +7,78 @@
  */
 //Chinese (Traditional)
 export default {
-  "fabric.linking.actions": "動作",
-  "fabric.linking.add_account": "新增帳戶",
-  "fabric.linking.cancel": "取消",
-  "fabric.linking.cannot_connect": "無法連結，請再試一次",
-  "fabric.linking.cannot_find_link": "找不到連結",
-  "fabric.linking.check_this_link": "檢查此連結",
-  "fabric.linking.click_to_join": "加入 {context}",
-  "fabric.linking.click_to_join_description": "您已獲得核准，因此可以立即加入 {context}。",
-  "fabric.linking.close": "關閉",
-  "fabric.linking.connect_account_description": "我們會開啟新的頁面來協助您連結 {name} 帳戶",
-  "fabric.linking.connect_link_account": "連線以預覽",
-  "fabric.linking.connect_link_account_card_view": "連結",
-  "fabric.linking.connect_link_account_card_view_description": "若要顯示此連結的預覽，請連接您的 {context} 帳戶。",
-  "fabric.linking.connect_link_account_card_view_name": "連結 {context} 帳戶",
-  "fabric.linking.connect_to": "連結至 {name}",
-  "fabric.linking.connect_unauthorised_account_action": "連結至 {context}",
-  "fabric.linking.connect_unauthorised_account_description": "連結至 Atlassian 以從單一位置檢視更多工作的詳細資料並進行協作。",
-  "fabric.linking.continue": "繼續",
-  "fabric.linking.copy_url_to_clipboard": "複製連結",
-  "fabric.linking.couldnt_load_link": "基於不明原因，我們無法載入此連結。",
-  "fabric.linking.create_on_absolute": "於 {context} 建立",
-  "fabric.linking.create_on_relative": "建立時間：{context}",
-  "fabric.linking.created_by": "建立者：{context}",
-  "fabric.linking.delete": "刪除",
-  "fabric.linking.download": "下載",
-  "fabric.linking.edit": "編輯",
-  "fabric.linking.forbidden_access": "您的存取遭拒",
-  "fabric.linking.forbidden_description": "您沒有此預覽的存取權。如果您需要存取權，請連絡網站管理員。",
-  "fabric.linking.go_back": "返回",
-  "fabric.linking.invalid_permissions": "受限制的內容",
-  "fabric.linking.invalid_permissions_description": "您需要請求存取或嘗試不同的帳戶，來檢視此預覽。",
-  "fabric.linking.join_to_view": "加入 {context} 以查看此議題",
-  "fabric.linking.learn_more_about_smart_links": "深入了解 Smart Links。",
-  "fabric.linking.loading": "正在載入...",
-  "fabric.linking.modified_on_absolute": "更新於 {context}",
-  "fabric.linking.modified_on_relative": "更新時間：{context}",
-  "fabric.linking.more_actions": "更多動作",
-  "fabric.linking.not_found_description": "我們找不到此連結。請檢查 URL，然後試著編輯或再次貼上。",
-  "fabric.linking.not_found_title": "糟糕，我們找不到此連結！",
-  "fabric.linking.open_link_in_a_new_tab": "在新分頁中開啟連結",
-  "fabric.linking.pending_request": "您的存取要求擱置中",
-  "fabric.linking.preview": "全螢幕檢視",
-  "fabric.linking.preview_close": "關閉預覽",
-  "fabric.linking.preview_max_size": "全螢幕檢視",
-  "fabric.linking.preview_min_size": "關閉全螢幕",
-  "fabric.linking.priority_blocker": "受阻",
-  "fabric.linking.priority_critical": "嚴重",
-  "fabric.linking.priority_high": "高",
-  "fabric.linking.priority_highest": "最高",
-  "fabric.linking.priority_low": "低",
-  "fabric.linking.priority_lowest": "最低",
-  "fabric.linking.priority_major": "主要",
-  "fabric.linking.priority_medium": "中",
-  "fabric.linking.priority_minor": "次要",
-  "fabric.linking.priority_trivial": "不太重要",
-  "fabric.linking.priority_undefined": "未定義",
-  "fabric.linking.request_access": "要求存取權",
-  "fabric.linking.request_access_description": "要求 {context} 的存取權以檢視此預覽。",
-  "fabric.linking.request_access_pending": "存取擱置",
-  "fabric.linking.request_access_pending_description": "您的存取要求擱置中。",
-  "fabric.linking.request_access_to_view": "要求存取 {context} 以檢視此議題",
-  "fabric.linking.request_denied": "您的存取要求遭拒",
-  "fabric.linking.request_denied_description": "您的存取要求遭到拒絕。如果您仍需要存取權，請連絡網站管理員。",
-  "fabric.linking.restricted_link": "連結受到限制，請嘗試其他帳戶",
-  "fabric.linking.retry": "重試",
-  "fabric.linking.save": "儲存",
-  "fabric.linking.srclink": "使用以下檢視：",
-  "fabric.linking.srclinkunknown": "檢視原始狀態",
-  "fabric.linking.try_again": "再試一次",
-  "fabric.linking.try_another_account": "使用其他帳戶嘗試",
-  "fabric.linking.unlink_account": "取消帳戶的連結",
-  "fabric.linking.updated_by": "修改者：{context}",
-  "fabric.linking.view": "檢視"
+  'fabric.linking.actions': '動作',
+  'fabric.linking.add_account': '新增帳戶',
+  'fabric.linking.cancel': '取消',
+  'fabric.linking.cannot_connect': '無法連結，請再試一次',
+  'fabric.linking.cannot_find_link': '找不到連結',
+  'fabric.linking.check_this_link': '檢查此連結',
+  'fabric.linking.click_to_join': '加入 {context}',
+  'fabric.linking.click_to_join_description': '您已獲得核准，因此可以立即加入 {context}。',
+  'fabric.linking.close': '關閉',
+  'fabric.linking.connect_account_description': '我們會開啟新的頁面來協助您連結 {name} 帳戶',
+  'fabric.linking.connect_link_account': '連線以預覽',
+  'fabric.linking.connect_link_account_card_view': '連結',
+  'fabric.linking.connect_link_account_card_view_description': '若要顯示此連結的預覽，請連接您的 {context} 帳戶。',
+  'fabric.linking.connect_link_account_card_view_name': '連結 {context} 帳戶',
+  'fabric.linking.connect_to': '連結至 {name}',
+  'fabric.linking.connect_unauthorised_account_action': '連結至 {context}',
+  'fabric.linking.connect_unauthorised_account_description': '連結至 Atlassian 以從單一位置檢視更多工作的詳細資料並進行協作。',
+  'fabric.linking.continue': '繼續',
+  'fabric.linking.copy_url_to_clipboard': '複製連結',
+  'fabric.linking.couldnt_load_link': '基於不明原因，我們無法載入此連結。',
+  'fabric.linking.create_on_absolute': '於 {context} 建立',
+  'fabric.linking.create_on_relative': '建立時間：{context}',
+  'fabric.linking.created_by': '建立者：{context}',
+  'fabric.linking.delete': '刪除',
+  'fabric.linking.download': '下載',
+  'fabric.linking.edit': '編輯',
+  'fabric.linking.forbidden_access': '您的存取遭拒',
+  'fabric.linking.forbidden_description': '您沒有此預覽的存取權。如果您需要存取權，請連絡網站管理員。',
+  'fabric.linking.go_back': '返回',
+  'fabric.linking.invalid_permissions': '受限制的內容',
+  'fabric.linking.invalid_permissions_description': '您需要請求存取或嘗試不同的帳戶，來檢視此預覽。',
+  'fabric.linking.join_to_view': '加入 {context} 以查看此議題',
+  'fabric.linking.learn_more_about_smart_links': '深入了解 Smart Links。',
+  'fabric.linking.link_safety_warning_message': '此連結 {unsafeLinkText} 會帶您前往不同的網站，<a>actual link here</a>',
+  'fabric.linking.loading': '正在載入...',
+  'fabric.linking.modified_on_absolute': '更新於 {context}',
+  'fabric.linking.modified_on_relative': '更新時間：{context}',
+  'fabric.linking.more_actions': '更多動作',
+  'fabric.linking.not_found_description': '我們找不到此連結。請檢查 URL，然後試著編輯或再次貼上。',
+  'fabric.linking.not_found_title': '糟糕，我們找不到此連結！',
+  'fabric.linking.open_link_in_a_new_tab': '在新分頁中開啟連結',
+  'fabric.linking.pending_request': '您的存取要求擱置中',
+  'fabric.linking.preview': '全螢幕檢視',
+  'fabric.linking.preview_close': '關閉預覽',
+  'fabric.linking.preview_max_size': '全螢幕檢視',
+  'fabric.linking.preview_min_size': '關閉全螢幕',
+  'fabric.linking.priority_blocker': '受阻',
+  'fabric.linking.priority_critical': '嚴重',
+  'fabric.linking.priority_high': '高',
+  'fabric.linking.priority_highest': '最高',
+  'fabric.linking.priority_low': '低',
+  'fabric.linking.priority_lowest': '最低',
+  'fabric.linking.priority_major': '主要',
+  'fabric.linking.priority_medium': '中',
+  'fabric.linking.priority_minor': '次要',
+  'fabric.linking.priority_trivial': '不太重要',
+  'fabric.linking.priority_undefined': '未定義',
+  'fabric.linking.request_access': '要求存取權',
+  'fabric.linking.request_access_description': '要求 {context} 的存取權以檢視此預覽。',
+  'fabric.linking.request_access_pending': '存取擱置',
+  'fabric.linking.request_access_pending_description': '您的存取要求擱置中。',
+  'fabric.linking.request_access_to_view': '要求存取 {context} 以檢視此議題',
+  'fabric.linking.request_denied': '您的存取要求遭拒',
+  'fabric.linking.request_denied_description': '您的存取要求遭到拒絕。如果您仍需要存取權，請連絡網站管理員。',
+  'fabric.linking.restricted_link': '連結受到限制，請嘗試其他帳戶',
+  'fabric.linking.retry': '重試',
+  'fabric.linking.save': '儲存',
+  'fabric.linking.srclink': '使用以下檢視：',
+  'fabric.linking.srclinkunknown': '檢視原始狀態',
+  'fabric.linking.try_again': '再試一次',
+  'fabric.linking.try_another_account': '使用其他帳戶嘗試',
+  'fabric.linking.unlink_account': '取消帳戶的連結',
+  'fabric.linking.updated_by': '修改者：{context}',
+  'fabric.linking.view': '檢視'
 };

package/dist/es2019/state/hooks/use-invoke/index.js

@@ -0,0 +1,10 @@
+import { useCallback } from 'react';
+const useInvoke = () => {
+  return useCallback(async action => {
+    // TODO: EDM-5746 and EDM-5782
+    return await new Promise(resolve => {
+      resolve();
+    });
+  }, []);
+};
+export default useInvoke;

package/dist/es2019/state/hooks/use-invoke/types.js

@@ -0,0 +1,9 @@
+export let InvokeActionName;
+(function (InvokeActionName) {
+  InvokeActionName["UpdateAction"] = "UpdateAction";
+})(InvokeActionName || (InvokeActionName = {}));
+export let InvokeActionError;
+(function (InvokeActionError) {
+  InvokeActionError["NoData"] = "NoData";
+  InvokeActionError["Unknown"] = "Unknown";
+})(InvokeActionError || (InvokeActionError = {}));

package/dist/es2019/version.json

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

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/error-boundary/index.js

@@ -0,0 +1,13 @@
+import React, { useMemo } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import Lozenge from '@atlaskit/lozenge';
+const withErrorBoundary = Component => props => {
+  const fallback = useMemo(() => /*#__PURE__*/React.createElement(Lozenge, {
+    appearance: props === null || props === void 0 ? void 0 : props.appearance,
+    testId: `${props === null || props === void 0 ? void 0 : props.testId}-fallback`
+  }, props === null || props === void 0 ? void 0 : props.text), [props === null || props === void 0 ? void 0 : props.appearance, props === null || props === void 0 ? void 0 : props.testId, props === null || props === void 0 ? void 0 : props.text]);
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    fallback: fallback
+  }, /*#__PURE__*/React.createElement(Component, props));
+};
+export default withErrorBoundary;

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

@@ -0,0 +1,75 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { useCallback, useMemo, useState } from 'react';
+import DropdownMenu, { DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import LozengeActionItem from './lozenge-action-item';
+import LozengeActionTrigger from './lozenge-action-trigger';
+import LozengeActionError from './lozenge-action-error';
+import withErrorBoundary from './error-boundary';
+import useInvoke from '../../../../../state/hooks/use-invoke';
+import { InvokeActionError } from '../../../../../state/hooks/use-invoke/types';
+import { dropdownItemGroupStyles } from './styled';
+const LozengeAction = ({
+  action,
+  appearance,
+  testId = 'smart-element-lozenge-action',
+  text
+}) => {
+  const [isLoaded, setIsLoaded] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [items, setItems] = useState();
+  const [errorCode, setErrorCode] = useState();
+  const invoke = useInvoke();
+  const onOpenChange = useCallback(async args => {
+    if (args.isOpen && !isLoaded && action) {
+      try {
+        setIsLoading(true);
+        const lozengeItems = (await invoke(action)) || [];
+        setItems(lozengeItems);
+        setIsLoaded(true);
+        if (lozengeItems.length === 0) {
+          setErrorCode(InvokeActionError.NoData);
+        }
+      } catch (err) {
+        // TODO: EDM-5746 and EDM-5782
+        setErrorCode(InvokeActionError.Unknown);
+      } finally {
+        setIsLoading(false);
+      }
+    }
+  }, [action, invoke, isLoaded]);
+  const trigger = useCallback(props => jsx(LozengeActionTrigger, _extends({}, props, {
+    appearance: appearance,
+    testId: testId,
+    text: text
+  })), [appearance, testId, text]);
+  const dropdownItemGroup = useMemo(() => {
+    if (items && items.length > 0) {
+      return jsx("span", {
+        css: dropdownItemGroupStyles
+      }, jsx(DropdownItemGroup, null, items.map(({
+        appearance,
+        text
+      }, idx) => jsx(LozengeActionItem, {
+        appearance: appearance,
+        key: idx,
+        testId: `${testId}-item-${idx}`,
+        text: text
+      }))));
+    }
+    if (errorCode) {
+      return jsx(LozengeActionError, {
+        errorCode: errorCode,
+        testId: testId
+      });
+    }
+  }, [errorCode, items, testId]);
+  return jsx(DropdownMenu, {
+    isLoading: isLoading,
+    onOpenChange: onOpenChange,
+    testId: testId,
+    trigger: trigger
+  }, dropdownItemGroup);
+};
+export default withErrorBoundary(LozengeAction);

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

@@ -0,0 +1,13 @@
+import React, { useMemo } from 'react';
+import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+const LozengeActionError = ({
+  errorCode,
+  testId
+}) => {
+  // TODO: EDM-5746 and EDM-5782
+  const content = useMemo(() => errorCode, [errorCode]);
+  return /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
+    testId: `${testId}-error`
+  }, content));
+};
+export default LozengeActionError;

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/lozenge-action-error/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,21 @@
+import React, { useCallback } from 'react';
+import { DropdownItem } from '@atlaskit/dropdown-menu';
+import Lozenge from '@atlaskit/lozenge';
+const LozengeActionItem = ({
+  appearance,
+  testId,
+  text
+}) => {
+  const onMouseEnter = useCallback(e => {
+    var _e$currentTarget, _e$currentTarget$firs;
+    (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 ? void 0 : (_e$currentTarget$firs = _e$currentTarget.firstElementChild) === null || _e$currentTarget$firs === void 0 ? void 0 : _e$currentTarget$firs.focus();
+  }, []);
+  return /*#__PURE__*/React.createElement("span", {
+    onMouseEnter: onMouseEnter
+  }, /*#__PURE__*/React.createElement(DropdownItem, {
+    testId: testId
+  }, /*#__PURE__*/React.createElement(Lozenge, {
+    appearance: appearance
+  }, text)));
+};
+export default LozengeActionItem;

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/lozenge-action-item/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { useCallback, useState } from 'react';
+import Lozenge from '@atlaskit/lozenge';
+import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
+import { triggerButtonStyles, triggerLozengeStyles } from '../styled';
+const LozengeActionTrigger = ({
+  appearance,
+  testId,
+  text,
+  triggerRef,
+  ...props
+}) => {
+  const [isBold, setIsBold] = useState(false);
+  const onMouseEnter = useCallback(() => setIsBold(true), []);
+  const onMouseLeave = useCallback(() => setIsBold(false), []);
+  return jsx("button", _extends({
+    type: "button"
+  }, props, {
+    css: triggerButtonStyles,
+    "data-testid": `${testId}--trigger`,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    ref: triggerRef
+  }), jsx(Lozenge, {
+    appearance: appearance,
+    isBold: isBold
+  }, jsx("span", {
+    css: triggerLozengeStyles
+  }, jsx("span", null, text), jsx(ChevronDownIcon, {
+    label: "options",
+    size: "medium"
+  }))));
+};
+export default LozengeActionTrigger;

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/lozenge-action-trigger/type.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/styled.js

@@ -0,0 +1,53 @@
+import { css } from '@emotion/react';
+export const triggerButtonStyles = css`
+  all: unset;
+  background-color: transparent;
+  color: unset;
+  cursor: pointer;
+  font-family: unset;
+  font-size: unset;
+  font-style: unset;
+  font-weight: unset;
+  font-variant: unset;
+  line-height: 0;
+  padding: 0;
+  text-transform: unset;
+
+  border: 2px solid transparent;
+  margin: -2px;
+
+  &:focus-visible,
+  &:focus-within,
+  &[aria-expanded='true'] {
+    outline: none;
+    box-shadow: 0 0 0 2px ${"var(--ds-border-focused, #388BFF)"};
+    border-radius: 5px;
+  }
+`;
+export const triggerLozengeStyles = css`
+  align-items: center;
+  display: flex;
+
+  span[role='img'] {
+    margin: -4px -8px -4px -1px;
+  }
+`;
+export const dropdownItemGroupStyles = css`
+  button {
+    padding: 6px 12px;
+    min-height: 28px;
+    width: 220px;
+
+    &:hover {
+      background-color: inherit;
+    }
+
+    &:focus,
+    &:focus-visible {
+      background-color: ${"var(--ds-background-neutral-subtle-hovered, #091E420F)"};
+      box-sizing: border-box;
+      box-shadow: inset 2px 0 0 ${"var(--ds-border-selected, #0C66E4)"};
+      outline: none;
+    }
+  }
+`;

package/dist/es2019/view/FlexibleCard/components/common/lozenge-action/types.js

@@ -0,0 +1 @@
+export {};