@atlaskit/smart-card 32.7.0 → 32.7.2

package/dist/es2019/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/es2019/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/es2019/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/es2019/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/es2019/state/hooks/use-invoke-client-action/index.js

@@ -1,5 +1,7 @@
 import { useCallback } from 'react';
 import uuid from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import * as measure from '../../../utils/performance';
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from '../../analytics';
 const ACTION_EXPERIENCE_NAME = 'smart-link-action-invocation';
@@ -8,51 +10,97 @@ const ACTION_EXPERIENCE_NAME = 'smart-link-action-invocation';
  * Invoke client action such as preview, download and open link
  */
 const useInvokeClientAction = ({
-  analytics
-}) => useCallback(async ({
-  actionType,
-  actionFn,
-  extensionKey,
-  display
+  analytics,
+  fireEvent: fireEventProp
 }) => {
-  const experienceId = uuid();
+  const {
+    fireEvent: defaultFireEvent
+  } = useAnalyticsEvents();
+  const fireEvent = fireEventProp !== null && fireEventProp !== void 0 ? fireEventProp : defaultFireEvent;
+  return useCallback(async ({
+    actionSubjectId,
+    actionType,
+    actionFn,
+    definitionId = null,
+    extensionKey,
+    display,
+    id,
+    resourceType = null
+  }) => {
+    const experienceId = uuid();
 
-  // Begin performance instrumentation.
-  const markName = `${experienceId}-${actionType}`;
-  measure.mark(markName, 'pending');
-  try {
-    // Begin UFO experience
-    startUfoExperience(ACTION_EXPERIENCE_NAME, experienceId, {
-      actionType,
-      display,
-      extensionKey,
-      invokeType: 'client'
-    });
+    // Begin performance instrumentation.
+    const markName = `${experienceId}-${actionType}`;
+    measure.mark(markName, 'pending');
+    try {
+      // Begin UFO experience
+      startUfoExperience(ACTION_EXPERIENCE_NAME, experienceId, {
+        actionType,
+        display,
+        extensionKey,
+        invokeType: 'client'
+      });
 
-    // Begin analytics instrumentation.
-    analytics === null || analytics === void 0 ? void 0 : analytics.ui.actionClickedEvent({
-      actionType,
-      display
-    });
+      // Begin analytics instrumentation.
+      if (actionSubjectId && fg('platform-smart-card-migrate-embed-modal-analytics')) {
+        fireEvent(`ui.button.clicked.${actionSubjectId}`, {
+          actionType: actionType !== null && actionType !== void 0 ? actionType : null,
+          definitionId,
+          display: display !== null && display !== void 0 ? display : null,
+          id: id !== null && id !== void 0 ? id : experienceId,
+          resourceType
+        });
+      } else {
+        analytics === null || analytics === void 0 ? void 0 : analytics.ui.actionClickedEvent({
+          actionType,
+          display
+        });
+      }
 
-    // Invoke action
-    const result = await actionFn();
-    measure.mark(markName, 'resolved');
-    succeedUfoExperience(ACTION_EXPERIENCE_NAME, experienceId);
-    analytics === null || analytics === void 0 ? void 0 : analytics.operational.invokeSucceededEvent({
-      actionType,
-      display
-    });
-    return result;
-  } catch (err) {
-    measure.mark(markName, 'errored');
-    failUfoExperience(ACTION_EXPERIENCE_NAME, experienceId);
-    const reason = typeof err === 'string' ? err : err === null || err === void 0 ? void 0 : err.message;
-    analytics === null || analytics === void 0 ? void 0 : analytics.operational.invokeFailedEvent({
-      actionType,
-      display,
-      reason
-    });
-  }
-}, [analytics === null || analytics === void 0 ? void 0 : analytics.operational, analytics === null || analytics === void 0 ? void 0 : analytics.ui]);
+      // Invoke action
+      const result = await actionFn();
+      measure.mark(markName, 'resolved');
+      succeedUfoExperience(ACTION_EXPERIENCE_NAME, experienceId);
+      if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+        var _measure$getMeasure$d, _measure$getMeasure;
+        fireEvent('operational.smartLinkAction.resolved', {
+          actionType: actionType !== null && actionType !== void 0 ? actionType : null,
+          definitionId,
+          display: display !== null && display !== void 0 ? display : null,
+          duration: (_measure$getMeasure$d = (_measure$getMeasure = measure.getMeasure(markName, 'resolved')) === null || _measure$getMeasure === void 0 ? void 0 : _measure$getMeasure.duration) !== null && _measure$getMeasure$d !== void 0 ? _measure$getMeasure$d : null,
+          id: id !== null && id !== void 0 ? id : experienceId,
+          resourceType
+        });
+      } else {
+        analytics === null || analytics === void 0 ? void 0 : analytics.operational.invokeSucceededEvent({
+          actionType,
+          display
+        });
+      }
+      return result;
+    } catch (err) {
+      measure.mark(markName, 'errored');
+      failUfoExperience(ACTION_EXPERIENCE_NAME, experienceId);
+      const reason = typeof err === 'string' ? err : err === null || err === void 0 ? void 0 : err.message;
+      if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+        var _measure$getMeasure$d2, _measure$getMeasure2;
+        fireEvent('operational.smartLinkAction.unresolved', {
+          actionType: actionType !== null && actionType !== void 0 ? actionType : null,
+          definitionId,
+          display: display !== null && display !== void 0 ? display : null,
+          duration: (_measure$getMeasure$d2 = (_measure$getMeasure2 = measure.getMeasure(markName, 'errored')) === null || _measure$getMeasure2 === void 0 ? void 0 : _measure$getMeasure2.duration) !== null && _measure$getMeasure$d2 !== void 0 ? _measure$getMeasure$d2 : null,
+          id: id !== null && id !== void 0 ? id : experienceId,
+          reason,
+          resourceType
+        });
+      } else {
+        analytics === null || analytics === void 0 ? void 0 : analytics.operational.invokeFailedEvent({
+          actionType,
+          display,
+          reason
+        });
+      }
+    }
+  }, [analytics === null || analytics === void 0 ? void 0 : analytics.operational, analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent]);
+};
 export default useInvokeClientAction;

package/dist/es2019/state/hooks-external/useSmartLinkActions.js

@@ -1,5 +1,10 @@
 import { useMemo } from 'react';
 import uuid from 'uuid';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
+import { extractInvokeDownloadAction } from '../../extractors/action/extract-invoke-download-action';
+import { extractInvokePreviewAction } from '../../extractors/action/extract-invoke-preview-action';
+import { extractInvokeViewAction } from '../../extractors/action/extract-invoke-view-action';
 import { extractDownloadActionProps } from '../../extractors/action/extractDownloadActionProps';
 import { extractPreviewActionProps } from '../../extractors/action/extractPreviewActionProps';
 import { extractViewActionProps } from '../../extractors/action/extractViewActionProps';
@@ -18,6 +23,9 @@ export function useSmartLinkActions({
   const id = useMemo(() => uuid(), []);
   const linkState = useLinkState(url);
   const linkAnalytics = useLinkAnalytics(url, id);
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
   const invokeClientAction = useInvokeClientAction({
     analytics: linkAnalytics
   });
@@ -32,15 +40,25 @@ export function useSmartLinkActions({
       actionOptions
     };
     const actions = [];
-    const downloadActionProps = extractDownloadActionProps(opts);
+    const invokeParam = {
+      actionOptions,
+      appearance,
+      id,
+      response: linkState.details
+    };
+    const downloadActionProps = fg('platform-smart-card-migrate-embed-modal-analytics') ? extractInvokeDownloadAction(invokeParam) : extractDownloadActionProps(opts);
     if (downloadActionProps) {
       actions.push(toAction(downloadActionProps, invokeClientAction, messages.download, 'download-content'));
     }
-    const viewActionProps = extractViewActionProps(opts);
+    const viewActionProps = fg('platform-smart-card-migrate-embed-modal-analytics') ? extractInvokeViewAction(invokeParam) : extractViewActionProps(opts);
     if (viewActionProps) {
       actions.push(toAction(viewActionProps, invokeClientAction, messages.view, 'view-content'));
     }
-    const previewActionProps = extractPreviewActionProps(opts);
+    const previewActionProps = fg('platform-smart-card-migrate-embed-modal-analytics') ? extractInvokePreviewAction({
+      ...invokeParam,
+      fireEvent,
+      origin
+    }) : extractPreviewActionProps(opts);
     if (previewActionProps) {
       actions.push(toAction(previewActionProps, invokeClientAction, messages.preview_improved, 'preview-content'));
     }

package/dist/es2019/utils/analytics/LinkAnalyticsContext.js

@@ -1,5 +1,7 @@
 import React from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { context } from './analytics';
 /**
  * Provides an analytics context to supply attributes to events based on a URL
  */
@@ -14,6 +16,7 @@ export const LinkAnalyticsContext = ({
     data: {
       source,
       attributes: {
+        ...(fg('platform-smart-card-migrate-embed-modal-analytics') ? context : {}),
         displayCategory,
         display,
         id

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.7.0"
+  packageVersion: "32.7.2"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/utils/mocks.js

@@ -16,7 +16,10 @@ export const mockByUrl = url => {
       access: 'granted',
       auth: [],
       definitionId: 'd1',
-      key: 'object-provider'
+      key: 'object-provider',
+      resourceType: 'object-resource',
+      subproduct: 'object-subproduct',
+      product: 'object-product'
     },
     data: {
       '@context': {

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

@@ -1,48 +1 @@
-/**
- * @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 const spinnerDelay = 1000;
-const baseTextStyles = css({
-  transition: 'opacity 0.3s'
-});
-export const Action = ({
-  promise,
-  text,
-  buttonAppearance = 'default',
-  id
-}) => {
-  const [state, setState] = useState('init');
-  return jsx(Button, {
-    spacing: "compact",
-    appearance: buttonAppearance,
-    isLoading: state === 'loading',
-    testId: `button-${id}`,
-    onClick: event => {
-      event.stopPropagation();
-      event.preventDefault();
-      if (state !== 'loading') {
-        setState('loading');
-        promise().then(() => {
-          setState('success');
-        }).catch(() => {
-          setState('failure');
-        }).finally(() => {
-          setTimeout(() => setState('init'), spinnerDelay);
-        });
-      }
-    }
-  }, jsx("div", {
-    css: [baseTextStyles, {
-      opacity: state !== 'init' ? 0 : 1
-    }]
-  }, text), jsx(ActionIcon, {
-    state: state
-  }));
-};
+export {};

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

@@ -1,193 +1,61 @@
 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 const BlockCard = ({
   id,
   url,
   cardState,
   authFlow,
   handleAuthorize,
-  handleErrorRetry,
   handleFrameClick,
-  handleInvoke,
   renderers,
   isSelected,
   onResolve,
   onError,
   testId,
-  platform,
   analytics,
-  enableFlexibleBlockCard,
   actionOptions
 }) => {
-  var _details$meta, _forbiddenViewProps$c, _forbiddenViewProps$c2;
   const {
-    createAnalyticsEvent
-  } = useAnalyticsEvents();
-  const {
-    status,
-    details
+    status
   } = cardState;
-  const data = details && details.data || getEmptyJsonLd();
-  const meta = details && details.meta;
-  const extensionKey = getExtensionKey(details);
-  const extractorOpts = {
-    analytics,
-    origin: 'smartLinkCard',
-    handleInvoke,
-    extensionKey,
-    actionOptions
+  const flexibleBlockCardProps = {
+    id,
+    cardState,
+    url,
+    testId,
+    onClick: event => handleClickCommon(event, handleFrameClick),
+    onError,
+    onResolve,
+    renderers,
+    actionOptions,
+    analytics
   };
-  if (enableFlexibleBlockCard) {
-    const flexibleBlockCardProps = {
-      id,
-      cardState,
-      url,
-      testId,
-      onClick: event => handleClickCommon(event, handleFrameClick),
-      onError,
-      onResolve,
-      renderers,
-      actionOptions,
-      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,
-            status
-          });
-        }
-        if (authFlow && authFlow === 'disabled') {
-          return jsx(CardLinkView, {
-            link: url,
-            isSelected: isSelected,
-            onClick: handleFrameClick,
-            testId: `${testId}-${status}`
-          });
-        }
-        return jsx(FlexibleErroredView, _extends({}, flexibleBlockCardProps, {
-          onAuthorize: handleAuthorize
-        }));
-    }
-  }
   switch (status) {
     case 'pending':
     case 'resolving':
-      return jsx(BlockCardResolvingView, {
-        testId: testId,
-        isSelected: isSelected
-      });
-    case 'resolved':
-      const resolvedViewProps = extractBlockProps(data, meta, extractorOpts, renderers, platform);
-      if (onResolve) {
-        onResolve({
-          title: resolvedViewProps.title,
-          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,
-          status
-        });
-      }
-      const 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,
-          status
-        });
-      }
-      const forbiddenViewProps = extractBlockProps(data, meta, extractorOpts);
-      const cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
-      const requestAccessContext = extractRequestAccessContextImproved({
-        jsonLd: cardMetadata,
-        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
-      });
-      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,
-          status
-        });
-      }
-      const 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':
@@ -199,19 +67,15 @@ export const BlockCard = ({
         });
       }
       if (authFlow && authFlow === 'disabled') {
-        return jsx(CardLinkView, {
+        return /*#__PURE__*/React.createElement(CardLinkView, {
           link: url,
           isSelected: isSelected,
           onClick: handleFrameClick,
           testId: `${testId}-${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/es2019/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -48,6 +48,7 @@ const FlexibleResolvedView = ({
     onClick: onClick,
     onError: onError,
     onResolve: onResolve,
+    origin: "smartLinkCard",
     actionOptions: actionOptions,
     testId: testId,
     ui: FlexibleCardUiOptions,