@atlaskit/smart-card 32.7.1 → 32.7.3

package/dist/esm/i18n/th.js

@@ -38,7 +38,7 @@ export default {
   'fabric.linking.automation-action.confluence.page.modal.description': 'ใช้ระบบอัตโนมัติกับ <b>{name}</b>{br}ตัวเลือกที่มีอยู่จะได้รับการควบคุมโดย Confluence และผู้ดูแลระบบพื้นที่',
   'fabric.linking.automation-action.confluence.page.modal.title': 'ระบบอัตโนมัติของหน้าข้อมูล',
   'fabric.linking.automation-action.icon.label': 'ไอคอนระบบอัตโนมัติ',
-  'fabric.linking.automation-action.title': 'ดูกฎอัตโนมัติ...',
+  'fabric.linking.automation-action.title': 'ดูกกฎอัตโนมัติ',
   'fabric.linking.automation-action.tooltip': 'เลือกกฎอัตโนมัติที่จะเรียกใช้',
   'fabric.linking.beta': 'เบต้า',
   'fabric.linking.cancel': 'ยกเลิก',
@@ -90,7 +90,6 @@ export default {
   'fabric.linking.invalid_permissions': 'เนื้อหาถูกจำกัด',
   'fabric.linking.invalid_permissions_description': 'คุณอาจจำเป็นต้องร้องขอสิทธิ์การเข้าถึงหรือลองบัญชีอื่นเพื่อดูการแสดงตัวอย่างนี้',
   'fabric.linking.join_to_view': 'เข้าร่วม {context} เพื่อดูปัญหานี้',
-  'fabric.linking.last_mentioned_in': 'กล่าวถึงล่าสุดใน',
   'fabric.linking.learn_more_about_connecting_account': 'เรียนรู้เพิ่มเติมเกี่ยวกับการเชื่อมต่อบัญชีของคุณกับผลิตภัณฑ์ของ Atlassian',
   'fabric.linking.learn_more_about_smart_links': 'เรียนรู้เพิ่มเติมเกี่ยวกับสมาร์ทลิงก์ (ลิงก์อัจฉริยะ)',
   'fabric.linking.link_safety_warning_message': 'ลิงก์ {unsafeLinkText} จะนำคุณไปยังเว็บไซต์อื่น <a>ลิงก์จริงอยู่ที่นี่</a>',
@@ -131,8 +130,7 @@ export default {
   'fabric.linking.related_links_modal_unavailable_header': 'ไม่มีลิงก์ล่าสุด',
   'fabric.linking.related_links_modal_unavailable_message': 'เราไม่พบลิงก์ที่จะแสดงที่นี่ เราตรวจสอบอย่างต่อเนื่องและเพิ่มลิงก์ล่าสุดสำหรับหน้าข้อมูลที่อัปเดตหรือประเภทเนื้อหาอื่น ๆ',
   'fabric.linking.related_links_not_found': 'เราไม่พบลิงก์ที่จะแสดงที่นี่',
-  'fabric.linking.related_links_view_related_urls.nonfinal': 'ดูลิงก์ล่าสุด...',
-  'fabric.linking.related_work_items_not_found': 'ลิงก์นี้ไม่ได้ถูกกล่าวถึงในที่อื่น',
+  'fabric.linking.related_links_view_related_urls': 'ดูลิงก์ล่าสุด',
   'fabric.linking.request_access': 'ส่งคำขอเพื่อเข้าถึง',
   'fabric.linking.request_access_description': 'ทีมของคุณใช้ {product} ในการทำงานร่วมกัน ส่งคำขอการเข้าถึงไปยังผู้ดูแลระบบของคุณ',
   'fabric.linking.request_access_pending': 'รอการอนุมัติ',

package/dist/esm/i18n/tr.js

@@ -38,7 +38,7 @@ export default {
   'fabric.linking.automation-action.confluence.page.modal.description': '<b>{name}</b> sayfasına bir otomasyon uygulayın.{br}Kullanılabilir seçimler Confluence ve alan yöneticileri tarafından kontrol edilir.',
   'fabric.linking.automation-action.confluence.page.modal.title': 'Sayfa otomasyonları',
   'fabric.linking.automation-action.icon.label': 'Otomasyon simgesi',
-  'fabric.linking.automation-action.title': 'Otomasyon kurallarını görüntüleyin...',
+  'fabric.linking.automation-action.title': 'Otomasyon kurallarını görüntü',
   'fabric.linking.automation-action.tooltip': 'Çalıştırılacak otomasyon kuralını seçin',
   'fabric.linking.beta': 'Beta',
   'fabric.linking.cancel': 'İptal',
@@ -76,9 +76,9 @@ export default {
   'fabric.linking.download_file': 'Dosyayı indir',
   'fabric.linking.edit': 'Düzenle',
   'fabric.linking.follow': 'Takip Et',
-  'fabric.linking.follow_goal': 'Hedefi takip et',
-  'fabric.linking.follow_goal_description': 'Güncellemelerle ilgili bildirimler almak için bu hedefi takip edin',
-  'fabric.linking.follow_goal_error': 'Hedefi takip etmeye çalışırken bir sorunla karşılaşıldı. Bağlantınızı kontrol edin, sayfayı yenileyin ve tekrar deneyin.',
+  'fabric.linking.follow_goal': 'Amacı takip et',
+  'fabric.linking.follow_goal_description': 'Güncellemelerle ilgili bildirimler almak için bu amacı takip edin',
+  'fabric.linking.follow_goal_error': 'Amacı takip etmeye çalışırken bir sorunla karşılaşıldı. Bağlantınızı kontrol edin, sayfayı yenileyin ve tekrar deneyin.',
   'fabric.linking.follow_project': 'Projeyi takip et',
   'fabric.linking.follow_project_description': 'Bu projeyle ilgili bildirimler almak için takip edin',
   'fabric.linking.follow_project_error': 'Projeyi takip etmeye çalışırken bir sorunla karşılaşıldı. Bağlantınızı kontrol edin, sayfayı yenileyin ve tekrar deneyin.',
@@ -90,7 +90,6 @@ export default {
   'fabric.linking.invalid_permissions': 'Kısıtlanmış içerik',
   'fabric.linking.invalid_permissions_description': 'Bu önizlemeyi görüntülemek için erişim izni talep etmeniz veya farklı bir hesap kullanmanız gerekir.',
   'fabric.linking.join_to_view': 'Bu konuyu görüntülemek için {context} ürününe katılın',
-  'fabric.linking.last_mentioned_in': 'En son şurada bahsedildi:',
   'fabric.linking.learn_more_about_connecting_account': 'Hesabınızı Atlassian ürünlerine bağlamak hakkında daha fazla bilgi edinin.',
   'fabric.linking.learn_more_about_smart_links': 'Akıllı Bağlantılar hakkında daha fazla bilgi edinin.',
   'fabric.linking.link_safety_warning_message': '{unsafeLinkText} bağlantısı sizi farklı bir siteye (<a>actual link here</a>) yönlendiriyor',
@@ -131,8 +130,7 @@ export default {
   'fabric.linking.related_links_modal_unavailable_header': 'En son bağlantı yok',
   'fabric.linking.related_links_modal_unavailable_message': 'Burada gösterecek herhangi bir bağlantı bulunamadı. Güncellenen sayfalar veya diğer içerik türleri için en son bağlantıları sürekli olarak ekliyor ve bunları inceliyoruz.',
   'fabric.linking.related_links_not_found': 'Burada gösterecek herhangi bir bağlantı bulunamadı.',
-  'fabric.linking.related_links_view_related_urls.nonfinal': 'En son bağlantıları görüntüleyin...',
-  'fabric.linking.related_work_items_not_found': 'Bu bağlantıdan başka hiçbir yerde bahsedilmedi.',
+  'fabric.linking.related_links_view_related_urls': 'En son bağlantıları görüntüle',
   'fabric.linking.request_access': 'Erişim talep edin',
   'fabric.linking.request_access_description': 'Takımınız iş birliği yapmak için {product} kullanıyor. Yöneticinize bir erişim talebi gönderin.',
   'fabric.linking.request_access_pending': 'Onay bekleniyor',
@@ -159,9 +157,9 @@ export default {
   'fabric.linking.unauthorised_account_name': '{context} üzerindeki özel sayfalar görüntülenemiyor',
   'fabric.linking.unauthorised_account_name_no_provider': 'Özel sayfalar görüntülenemiyor',
   'fabric.linking.unfollow': 'Takibi bırak',
-  'fabric.linking.unfollow_goal': 'Hedefi takip etmeyi bırak',
-  'fabric.linking.unfollow_goal_description': 'Bu hedefle ilgili bildirim almayı durdurmak için takip etmeyi bırakın',
-  'fabric.linking.unfollow_goal_error': 'Hedefi takip etmeyi bırakmaya çalışırken bir sorunla karşılaşıldı. Bağlantınızı kontrol edin, sayfayı yenileyin ve tekrar deneyin.',
+  'fabric.linking.unfollow_goal': 'Amacı takip etmeyi bırak',
+  'fabric.linking.unfollow_goal_description': 'Bu amaçla ilgili bildirim almayı durdurmak için takip etmeyi bırakın',
+  'fabric.linking.unfollow_goal_error': 'Amacı takip etmeyi bırakmaya çalışırken bir sorunla karşılaşıldı. Bağlantınızı kontrol edin, sayfayı yenileyin ve tekrar deneyin.',
   'fabric.linking.unfollow_project': 'Projeyi takip etmeyi bırak',
   'fabric.linking.unfollow_project_description': 'Proje bildirimi almayı durdurmak için takip etmeyi bırakın',
   'fabric.linking.unfollow_project_error': 'Projeyi takip etmeyi bırakmaya çalışırken bir sorunla karşılaşıldı. Bağlantınızı kontrol edin, sayfayı yenileyin ve tekrar deneyin.',

package/dist/esm/i18n/uk.js

@@ -38,7 +38,7 @@ export default {
   'fabric.linking.automation-action.confluence.page.modal.description': 'Застосуйте автоматизацію до сторінки <b>{name}</b>.{br}Доступні варіанти контролюються адміністраторами Confluence і адміністраторами розділів.',
   'fabric.linking.automation-action.confluence.page.modal.title': 'Автоматизації сторінок',
   'fabric.linking.automation-action.icon.label': 'Значок автоматизації',
-  'fabric.linking.automation-action.title': 'Переглянути правила автоматизації…',
+  'fabric.linking.automation-action.title': 'Переглянути правила автоматизації',
   'fabric.linking.automation-action.tooltip': 'Виберіть правило автоматизації для запуску',
   'fabric.linking.beta': 'Бета-версія',
   'fabric.linking.cancel': 'Скасувати',
@@ -90,7 +90,6 @@ export default {
   'fabric.linking.invalid_permissions': 'Вміст із обмеженим доступом',
   'fabric.linking.invalid_permissions_description': 'Надішліть запит на доступ або ввійдіть в інший обліковий запис для попереднього перегляду.',
   'fabric.linking.join_to_view': 'Можна приєднатися до {context}, щоб переглянути цю проблему',
-  'fabric.linking.last_mentioned_in': 'Остання згадка:',
   'fabric.linking.learn_more_about_connecting_account': 'Докладніше про підключення облікового запису до продуктів Atlassian.',
   'fabric.linking.learn_more_about_smart_links': 'Докладніше про смарт-посилання.',
   'fabric.linking.link_safety_warning_message': 'За посиланням {unsafeLinkText} ви перейдете на інший сайт: <a>actual link here</a>',
@@ -131,8 +130,7 @@ export default {
   'fabric.linking.related_links_modal_unavailable_header': 'Немає нових посилань',
   'fabric.linking.related_links_modal_unavailable_message': 'Немає посилань для відображення. Ми постійно переглядаємо й додаємо останні посилання на оновлені сторінки або інші типи вмісту.',
   'fabric.linking.related_links_not_found': 'Немає посилань для відображення.',
-  'fabric.linking.related_links_view_related_urls.nonfinal': 'Переглянути нещодавні посилання…',
-  'fabric.linking.related_work_items_not_found': 'Це посилання більше ніде не згадується.',
+  'fabric.linking.related_links_view_related_urls': 'Переглянути нещодавні посилання',
   'fabric.linking.request_access': 'Надіслати запит на доступ',
   'fabric.linking.request_access_description': 'Ваша команда використовує {product} для співпраці. Надішліть адміністратору запит на доступ до продукту.',
   'fabric.linking.request_access_pending': 'Очікується підтвердження',

package/dist/esm/i18n/vi.js

@@ -38,7 +38,7 @@ export default {
   'fabric.linking.automation-action.confluence.page.modal.description': 'Áp dụng một phương thức tự động hóa cho <b>{name}</b>.{br}Các lựa chọn có sẵn được kiểm soát bởi Confluence và quản lý không gian.',
   'fabric.linking.automation-action.confluence.page.modal.title': 'Tự động hóa đối với trang',
   'fabric.linking.automation-action.icon.label': 'Biểu tượng tự động hóa',
-  'fabric.linking.automation-action.title': 'Xem quy tắc tự động hóa...',
+  'fabric.linking.automation-action.title': 'Xem quy tắc tự động hóa',
   'fabric.linking.automation-action.tooltip': 'Chọn quy tắc tự động hóa để chạy',
   'fabric.linking.beta': 'Beta',
   'fabric.linking.cancel': 'Hủy',
@@ -90,7 +90,6 @@ export default {
   'fabric.linking.invalid_permissions': 'Nội dung bị hạn chế',
   'fabric.linking.invalid_permissions_description': 'Bạn cần có quyền truy cập hoặc thử một tài khoản khác để xem bản xem trước này.',
   'fabric.linking.join_to_view': 'Tham gia {context} để xem vấn đề này',
-  'fabric.linking.last_mentioned_in': 'Được nhắc đến lần gần đây nhất trong',
   'fabric.linking.learn_more_about_connecting_account': 'Tìm hiểu thêm về cách kết nối tài khoản với các sản phẩm của Atlassian.',
   'fabric.linking.learn_more_about_smart_links': 'Tìm hiểu thêm về Liên kết Thông minh.',
   'fabric.linking.link_safety_warning_message': 'Liên kết {unsafeLinkText} sẽ đưa bạn đến một trang khác, <a>actual link here</a>',
@@ -131,8 +130,7 @@ export default {
   'fabric.linking.related_links_modal_unavailable_header': 'Không có liên kết gần đây',
   'fabric.linking.related_links_modal_unavailable_message': 'Chúng tôi không tìm được liên kết nào để hiển thị ở đây. Chúng tôi liên tục xem xét và thêm các liên kết gần đây cho các trang cập nhật hoặc các loại nội dung khác.',
   'fabric.linking.related_links_not_found': 'Chúng tôi không tìm được liên kết nào để hiển thị ở đây.',
-  'fabric.linking.related_links_view_related_urls.nonfinal': 'Xem các liên kết gần đây...',
-  'fabric.linking.related_work_items_not_found': 'Liên kết này chưa được nhắc đến ở bất cứ đâu.',
+  'fabric.linking.related_links_view_related_urls': 'Xem các liên kết gần đây',
   'fabric.linking.request_access': 'Yêu cầu cấp quyền truy cập',
   'fabric.linking.request_access_description': 'Nhóm của bạn sử dụng {product} để cộng tác. Hãy gửi yêu cầu cho quản trị viên của bạn để được cấp quyền truy cập.',
   'fabric.linking.request_access_pending': 'Đang chờ phê duyệt',

package/dist/esm/i18n/zh.js

@@ -38,7 +38,7 @@ export default {
   'fabric.linking.automation-action.confluence.page.modal.description': '对 <b>{name}</b> 应用自动化。{br}可用选项由 Confluence 与空间管理员进行控制。',
   'fabric.linking.automation-action.confluence.page.modal.title': '页面自动化',
   'fabric.linking.automation-action.icon.label': '自动化图标',
-  'fabric.linking.automation-action.title': '查看自动化规则...',
+  'fabric.linking.automation-action.title': '查看自动化规则',
   'fabric.linking.automation-action.tooltip': '选择要运行的自动化规则',
   'fabric.linking.beta': '测试版',
   'fabric.linking.cancel': '取消',
@@ -90,7 +90,6 @@ export default {
   'fabric.linking.invalid_permissions': '受限内容',
   'fabric.linking.invalid_permissions_description': '您需要请求访问权限或尝试使用其他帐户来查看此预览。',
   'fabric.linking.join_to_view': '加入{context}以查看此事务',
-  'fabric.linking.last_mentioned_in': '上次提及位置',
   'fabric.linking.learn_more_about_connecting_account': '了解有关将您的帐户关联到 Atlassian 产品的信息。',
   'fabric.linking.learn_more_about_smart_links': '了解有关智能链接的更多信息。',
   'fabric.linking.link_safety_warning_message': '{unsafeLinkText} 链接会将您带到其他站点，<a>actual link here</a>',
@@ -131,8 +130,7 @@ export default {
   'fabric.linking.related_links_modal_unavailable_header': '没有最近的链接',
   'fabric.linking.related_links_modal_unavailable_message': '未找到可在此处显示的任何链接。我们会不断审查并添加针对已更新页面或其他内容类型的最近链接。',
   'fabric.linking.related_links_not_found': '未找到可在此处显示的任何链接。',
-  'fabric.linking.related_links_view_related_urls.nonfinal': '查看最近的链接...',
-  'fabric.linking.related_work_items_not_found': '此链接在其他任何地方均未提及。',
+  'fabric.linking.related_links_view_related_urls': '查看最近的链接',
   'fabric.linking.request_access': '请求访问',
   'fabric.linking.request_access_description': '您的团队使用 {product} 进行协作。请向您的管理员发送访问请求。',
   'fabric.linking.request_access_pending': '待批准',

package/dist/esm/i18n/zh_TW.js

@@ -38,7 +38,7 @@ export default {
   'fabric.linking.automation-action.confluence.page.modal.description': '將自動化套用至 <b>{name}</b>。{br}可用的選項是由 Confluence 和空間管理員所控管。',
   'fabric.linking.automation-action.confluence.page.modal.title': '頁面自動化',
   'fabric.linking.automation-action.icon.label': '自動化圖示',
-  'fabric.linking.automation-action.title': '檢視自動化規則...',
+  'fabric.linking.automation-action.title': '檢視自動化規則',
   'fabric.linking.automation-action.tooltip': '選取要執行的自動化規則',
   'fabric.linking.beta': '測試版',
   'fabric.linking.cancel': '取消',
@@ -90,7 +90,6 @@ export default {
   'fabric.linking.invalid_permissions': '受限制的內容',
   'fabric.linking.invalid_permissions_description': '您需要請求存取或嘗試不同的帳戶，來檢視此預覽。',
   'fabric.linking.join_to_view': '加入 {context} 以查看此議題',
-  'fabric.linking.last_mentioned_in': '最後提及位置：',
   'fabric.linking.learn_more_about_connecting_account': '進一步了解如何將您的帳戶連接至 Atlassian 產品。',
   'fabric.linking.learn_more_about_smart_links': '深入了解智慧連結。',
   'fabric.linking.link_safety_warning_message': '此連結 {unsafeLinkText} 會帶您前往不同的網站，<a>actual link here</a>',
@@ -131,8 +130,7 @@ export default {
   'fabric.linking.related_links_modal_unavailable_header': '沒有最近的連結',
   'fabric.linking.related_links_modal_unavailable_message': '我們沒有找到任何可在這裡顯示的連結。我們會持續檢閱更新的頁面或其他內容類型，並新增最近的連結。',
   'fabric.linking.related_links_not_found': '我們沒有找到任何可在這裡顯示的連結。',
-  'fabric.linking.related_links_view_related_urls.nonfinal': '檢視最近的連結...',
-  'fabric.linking.related_work_items_not_found': '這個連結並未在其他任何位置提及。',
+  'fabric.linking.related_links_view_related_urls': '查看最近的連結',
   'fabric.linking.request_access': '要求存取權',
   'fabric.linking.request_access_description': '您的團隊使用 {product} 來協作。向您的管理員傳送存取要求。',
   'fabric.linking.request_access_pending': '待核准',

package/dist/esm/utils/analytics/analytics.js

@@ -10,7 +10,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.7.1"
+  packageVersion: "32.7.3"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/BlockCard/components/Action.js

@@ -1,54 +1 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { LoadingButton as Button } from '@atlaskit/button';
-import { ActionIcon } from './ActionIcon';
-export var spinnerDelay = 1000;
-var baseTextStyles = css({
-  transition: 'opacity 0.3s'
-});
-export var Action = function Action(_ref) {
-  var promise = _ref.promise,
-    text = _ref.text,
-    _ref$buttonAppearance = _ref.buttonAppearance,
-    buttonAppearance = _ref$buttonAppearance === void 0 ? 'default' : _ref$buttonAppearance,
-    id = _ref.id;
-  var _useState = useState('init'),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  return jsx(Button, {
-    spacing: "compact",
-    appearance: buttonAppearance,
-    isLoading: state === 'loading',
-    testId: "button-".concat(id),
-    onClick: function onClick(event) {
-      event.stopPropagation();
-      event.preventDefault();
-      if (state !== 'loading') {
-        setState('loading');
-        promise().then(function () {
-          setState('success');
-        }).catch(function () {
-          setState('failure');
-        }).finally(function () {
-          setTimeout(function () {
-            return setState('init');
-          }, spinnerDelay);
-        });
-      }
-    }
-  }, jsx("div", {
-    css: [baseTextStyles, {
-      opacity: state !== 'init' ? 0 : 1
-    }]
-  }, text), jsx(ActionIcon, {
-    state: state
-  }));
-};
+export {};

package/dist/esm/view/BlockCard/index.js

@@ -1,191 +1,60 @@
 import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { extractBlockProps } from '../../extractors/block';
-import { extractRequestAccessContextImproved } from '../../extractors/common/context';
-import { getExtensionKey } from '../../state/helpers';
-import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
+import React from 'react';
 import { CardLinkView } from '../LinkView';
-import { AuthorizeAction } from './actions/AuthorizeAction';
-import { ForbiddenAction } from './actions/ForbiddenAction';
 import { handleClickCommon } from './utils/handlers';
-import { ErroredView as BlockCardErroredView } from './views/ErroredView';
 import FlexibleErroredView from './views/flexible/FlexibleErroredView';
 import FlexibleForbiddenView from './views/flexible/FlexibleForbiddenView';
 import FlexibleNotFoundView from './views/flexible/FlexibleNotFoundView';
 import FlexibleResolvedView from './views/flexible/FlexibleResolvedView';
 import FlexibleUnauthorisedView from './views/flexible/FlexibleUnauthorisedView';
-import { ForbiddenView as BlockCardForbiddenView } from './views/ForbiddenView';
-import { NotFoundView as BlockCardNotFoundView } from './views/NotFoundView';
-import { ResolvedView as BlockCardResolvedView } from './views/ResolvedView';
-import { ResolvingView as BlockCardResolvingView } from './views/ResolvingView';
-import { UnauthorizedView as BlockCardUnauthorisedView } from './views/UnauthorizedView';
-export { default as PreviewAction } from './actions/PreviewAction';
-export { ForbiddenAction, AuthorizeAction, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardErroredView, BlockCardNotFoundView };
 export var BlockCard = function BlockCard(_ref) {
-  var _details$meta, _forbiddenViewProps$c, _forbiddenViewProps$c2;
   var id = _ref.id,
     url = _ref.url,
     cardState = _ref.cardState,
     authFlow = _ref.authFlow,
     handleAuthorize = _ref.handleAuthorize,
-    handleErrorRetry = _ref.handleErrorRetry,
     handleFrameClick = _ref.handleFrameClick,
-    handleInvoke = _ref.handleInvoke,
     renderers = _ref.renderers,
     isSelected = _ref.isSelected,
     onResolve = _ref.onResolve,
     onError = _ref.onError,
     testId = _ref.testId,
-    platform = _ref.platform,
     analytics = _ref.analytics,
-    enableFlexibleBlockCard = _ref.enableFlexibleBlockCard,
     actionOptions = _ref.actionOptions;
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var status = cardState.status,
-    details = cardState.details;
-  var data = details && details.data || getEmptyJsonLd();
-  var meta = details && details.meta;
-  var extensionKey = getExtensionKey(details);
-  var extractorOpts = {
-    analytics: analytics,
-    origin: 'smartLinkCard',
-    handleInvoke: handleInvoke,
-    extensionKey: extensionKey,
-    actionOptions: actionOptions
+  var status = cardState.status;
+  var flexibleBlockCardProps = {
+    id: id,
+    cardState: cardState,
+    url: url,
+    testId: testId,
+    onClick: function onClick(event) {
+      return handleClickCommon(event, handleFrameClick);
+    },
+    onError: onError,
+    onResolve: onResolve,
+    renderers: renderers,
+    actionOptions: actionOptions,
+    analytics: analytics
   };
-  if (enableFlexibleBlockCard) {
-    var flexibleBlockCardProps = {
-      id: id,
-      cardState: cardState,
-      url: url,
-      testId: testId,
-      onClick: function onClick(event) {
-        return handleClickCommon(event, handleFrameClick);
-      },
-      onError: onError,
-      onResolve: onResolve,
-      renderers: renderers,
-      actionOptions: actionOptions,
-      analytics: analytics
-    };
-    switch (status) {
-      case 'pending':
-      case 'resolving':
-        return jsx(FlexibleResolvedView, _extends({}, flexibleBlockCardProps, {
-          testId: 'smart-block-resolving-view'
-        }));
-      case 'resolved':
-        return jsx(FlexibleResolvedView, flexibleBlockCardProps);
-      case 'unauthorized':
-        return jsx(FlexibleUnauthorisedView, _extends({}, flexibleBlockCardProps, {
-          onAuthorize: handleAuthorize
-        }));
-      case 'forbidden':
-        return jsx(FlexibleForbiddenView, _extends({}, flexibleBlockCardProps, {
-          onAuthorize: handleAuthorize
-        }));
-      case 'not_found':
-        return jsx(FlexibleNotFoundView, _extends({}, flexibleBlockCardProps, {
-          onAuthorize: handleAuthorize
-        }));
-      case 'fallback':
-      case 'errored':
-      default:
-        if (onError) {
-          onError({
-            url: url,
-            status: status
-          });
-        }
-        if (authFlow && authFlow === 'disabled') {
-          return jsx(CardLinkView, {
-            link: url,
-            isSelected: isSelected,
-            onClick: handleFrameClick,
-            testId: "".concat(testId, "-").concat(status)
-          });
-        }
-        return jsx(FlexibleErroredView, _extends({}, flexibleBlockCardProps, {
-          onAuthorize: handleAuthorize
-        }));
-    }
-  }
   switch (status) {
     case 'pending':
     case 'resolving':
-      return jsx(BlockCardResolvingView, {
-        testId: testId,
-        isSelected: isSelected
-      });
-    case 'resolved':
-      var resolvedViewProps = extractBlockProps(data, meta, extractorOpts, renderers, platform);
-      if (onResolve) {
-        onResolve({
-          title: resolvedViewProps.title,
-          url: url
-        });
-      }
-      return jsx(BlockCardResolvedView, _extends({}, resolvedViewProps, {
-        isSelected: isSelected,
-        testId: testId,
-        onClick: handleFrameClick
+      return /*#__PURE__*/React.createElement(FlexibleResolvedView, _extends({}, flexibleBlockCardProps, {
+        testId: 'smart-block-resolving-view'
       }));
+    case 'resolved':
+      return /*#__PURE__*/React.createElement(FlexibleResolvedView, flexibleBlockCardProps);
     case 'unauthorized':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
-      var unauthorizedViewProps = extractBlockProps(data, meta, extractorOpts);
-      return jsx(BlockCardUnauthorisedView, _extends({}, unauthorizedViewProps, {
-        isSelected: isSelected,
-        testId: testId,
-        actions: handleAuthorize ? [AuthorizeAction(handleAuthorize)] : [],
-        actionOptions: actionOptions,
-        onClick: handleFrameClick
+      return /*#__PURE__*/React.createElement(FlexibleUnauthorisedView, _extends({}, flexibleBlockCardProps, {
+        onAuthorize: handleAuthorize
       }));
     case 'forbidden':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
-      var forbiddenViewProps = extractBlockProps(data, meta, extractorOpts);
-      var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
-      var requestAccessContext = extractRequestAccessContextImproved({
-        jsonLd: cardMetadata,
-        url: url,
-        product: (_forbiddenViewProps$c = (_forbiddenViewProps$c2 = forbiddenViewProps.context) === null || _forbiddenViewProps$c2 === void 0 ? void 0 : _forbiddenViewProps$c2.text) !== null && _forbiddenViewProps$c !== void 0 ? _forbiddenViewProps$c : '',
-        createAnalyticsEvent: createAnalyticsEvent
-      });
-      return jsx(BlockCardForbiddenView, _extends({}, forbiddenViewProps, {
-        isSelected: isSelected,
-        actions: handleAuthorize ? [ForbiddenAction(handleAuthorize)] : [],
-        actionOptions: actionOptions,
-        onClick: handleFrameClick,
-        requestAccessContext: requestAccessContext
+      return /*#__PURE__*/React.createElement(FlexibleForbiddenView, _extends({}, flexibleBlockCardProps, {
+        onAuthorize: handleAuthorize
       }));
     case 'not_found':
-      if (onError) {
-        onError({
-          url: url,
-          status: status
-        });
-      }
-      var notFoundViewProps = extractBlockProps(data, meta, extractorOpts);
-      return jsx(BlockCardNotFoundView, _extends({}, notFoundViewProps, {
-        isSelected: isSelected,
-        testId: testId,
-        onClick: handleFrameClick
+      return /*#__PURE__*/React.createElement(FlexibleNotFoundView, _extends({}, flexibleBlockCardProps, {
+        onAuthorize: handleAuthorize
       }));
     case 'fallback':
     case 'errored':
@@ -197,19 +66,15 @@ export var BlockCard = function BlockCard(_ref) {
         });
       }
       if (authFlow && authFlow === 'disabled') {
-        return jsx(CardLinkView, {
+        return /*#__PURE__*/React.createElement(CardLinkView, {
           link: url,
           isSelected: isSelected,
           onClick: handleFrameClick,
           testId: "".concat(testId, "-").concat(status)
         });
       }
-      return jsx(BlockCardErroredView, {
-        link: url,
-        isSelected: isSelected,
-        onRetry: handleErrorRetry,
-        onClick: handleFrameClick,
-        testId: testId
-      });
+      return /*#__PURE__*/React.createElement(FlexibleErroredView, _extends({}, flexibleBlockCardProps, {
+        onAuthorize: handleAuthorize
+      }));
   }
 };

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

@@ -4,6 +4,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CardDisplay } from '../../constants';
 import { useSmartLink } from '../../state';
+import { succeedUfoExperience } from '../../state/analytics';
 import { getCanBeDatasource, getClickUrl, getDefinitionId, getExtensionKey, getProduct, getResourceType, getServices, getSubproduct, isFinalState } from '../../state/helpers';
 import { SmartLinkModalProvider } from '../../state/modal';
 import { isSpecialEvent } from '../../utils';
@@ -156,16 +157,32 @@ function Component(_ref) {
   // - the unresolved states: viz. forbidden, not_found, unauthorized, errored.
   useEffect(function () {
     if (isFinalState(state.status)) {
-      analytics.ui.renderSuccessEvent({
-        display: isFlexibleUi ? 'flexible' : appearance,
-        status: state.status,
-        id: id,
-        definitionId: definitionId,
-        extensionKey: extensionKey,
-        canBeDatasource: canBeDatasource
-      });
+      if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+        succeedUfoExperience('smart-link-rendered', id || 'NULL', {
+          extensionKey: extensionKey,
+          display: isFlexibleUi ? 'flexible' : appearance
+        });
+
+        // UFO will disregard this if authentication experience has not yet been started
+        succeedUfoExperience('smart-link-authenticated', id || 'NULL', {
+          display: isFlexibleUi ? 'flexible' : appearance
+        });
+        fireEvent('ui.smartLink.renderSuccess', {
+          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+          display: isFlexibleUi ? 'flexible' : appearance
+        });
+      } else {
+        analytics.ui.renderSuccessEvent({
+          display: isFlexibleUi ? 'flexible' : appearance,
+          status: state.status,
+          id: id,
+          definitionId: definitionId,
+          extensionKey: extensionKey,
+          canBeDatasource: canBeDatasource
+        });
+      }
     }
-  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id, canBeDatasource]);
+  }, [isFlexibleUi, appearance, state.status, url, definitionId, extensionKey, analytics.ui, id, canBeDatasource, fireEvent]);
   var onIframeDwell = useCallback(function (dwellTime, dwellPercentVisible) {
     fireEvent('ui.smartLinkIframe.dwelled', {
       id: id,
@@ -249,17 +266,13 @@ function Component(_ref) {
         authFlow: config && config.authFlow,
         cardState: state,
         handleAuthorize: services.length && handleAuthorize || undefined,
-        handleErrorRetry: handleRetry,
-        handleInvoke: handleInvoke,
         handleFrameClick: handleClickWrapper,
         analytics: analytics,
         isSelected: isSelected,
         onResolve: onResolve,
         onError: onError,
         testId: testId,
-        actionOptions: actionOptions,
-        platform: platform,
-        enableFlexibleBlockCard: true
+        actionOptions: actionOptions
       });
     case 'embed':
       return /*#__PURE__*/React.createElement(EmbedCard, {

package/dist/esm/view/CardWithUrl/loader.js

@@ -3,8 +3,10 @@ import React, { lazy, Suspense, useCallback, useEffect, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { di } from 'react-magnetic-di';
 import uuid from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
-import { useSmartLinkAnalytics } from '../../state/analytics';
+import { useSmartLinkAnalytics } from '../../state';
+import { failUfoExperience, startUfoExperience } from '../../state/analytics';
 import { importWithRetry } from '../../utils';
 import { isFlexibleUiCard } from '../../utils/flexible';
 import { clearMarks, clearMeasures } from '../../utils/performance';
@@ -75,12 +77,24 @@ export function CardWithURLRenderer(props) {
         definitionId: null
       });
     } else if (error.name !== 'APIError') {
-      analytics.ui.renderFailedEvent({
-        display: isFlexibleUi ? 'flexible' : appearance,
-        id: id,
-        error: error,
-        errorInfo: errorInfo
-      });
+      if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+        startUfoExperience('smart-link-rendered', id || 'NULL');
+        failUfoExperience('smart-link-rendered', id || 'NULL');
+        failUfoExperience('smart-link-authenticated', id || 'NULL');
+        fireEvent('ui.smartLink.renderFailed', {
+          display: isFlexibleUi ? 'flexible' : appearance,
+          id: id !== null && id !== void 0 ? id : null,
+          error: error,
+          errorInfo: errorInfo
+        });
+      } else {
+        analytics.ui.renderFailedEvent({
+          display: isFlexibleUi ? 'flexible' : appearance,
+          id: id,
+          error: error,
+          errorInfo: errorInfo
+        });
+      }
     }
     onError && onError({
       status: 'errored',