@atlaskit/smart-card 32.7.0 → 32.7.2

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

@@ -2,6 +2,8 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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';
 var ACTION_EXPERIENCE_NAME = 'smart-link-action-invocation';
@@ -10,14 +12,18 @@ var ACTION_EXPERIENCE_NAME = 'smart-link-action-invocation';
  * Invoke client action such as preview, download and open link
  */
 var useInvokeClientAction = function useInvokeClientAction(_ref) {
-  var analytics = _ref.analytics;
+  var analytics = _ref.analytics,
+    fireEventProp = _ref.fireEvent;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    defaultFireEvent = _useAnalyticsEvents.fireEvent;
+  var fireEvent = fireEventProp !== null && fireEventProp !== void 0 ? fireEventProp : defaultFireEvent;
   return useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
-      var actionType, actionFn, extensionKey, display, experienceId, markName, result, reason;
+      var actionSubjectId, actionType, actionFn, _ref2$definitionId, definitionId, extensionKey, display, id, _ref2$resourceType, resourceType, experienceId, markName, result, _measure$getMeasure$d, _measure$getMeasure, reason, _measure$getMeasure$d2, _measure$getMeasure2;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            actionType = _ref2.actionType, actionFn = _ref2.actionFn, extensionKey = _ref2.extensionKey, display = _ref2.display;
+            actionSubjectId = _ref2.actionSubjectId, actionType = _ref2.actionType, actionFn = _ref2.actionFn, _ref2$definitionId = _ref2.definitionId, definitionId = _ref2$definitionId === void 0 ? null : _ref2$definitionId, extensionKey = _ref2.extensionKey, display = _ref2.display, id = _ref2.id, _ref2$resourceType = _ref2.resourceType, resourceType = _ref2$resourceType === void 0 ? null : _ref2$resourceType;
             experienceId = uuid(); // Begin performance instrumentation.
             markName = "".concat(experienceId, "-").concat(actionType);
             measure.mark(markName, 'pending');
@@ -31,10 +37,20 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
             });
 
             // Begin analytics instrumentation.
-            analytics === null || analytics === void 0 || analytics.ui.actionClickedEvent({
-              actionType: actionType,
-              display: display
-            });
+            if (actionSubjectId && fg('platform-smart-card-migrate-embed-modal-analytics')) {
+              fireEvent("ui.button.clicked.".concat(actionSubjectId), {
+                actionType: actionType !== null && actionType !== void 0 ? actionType : null,
+                definitionId: definitionId,
+                display: display !== null && display !== void 0 ? display : null,
+                id: id !== null && id !== void 0 ? id : experienceId,
+                resourceType: resourceType
+              });
+            } else {
+              analytics === null || analytics === void 0 || analytics.ui.actionClickedEvent({
+                actionType: actionType,
+                display: display
+              });
+            }
 
             // Invoke action
             _context.next = 9;
@@ -43,10 +59,21 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
             result = _context.sent;
             measure.mark(markName, 'resolved');
             succeedUfoExperience(ACTION_EXPERIENCE_NAME, experienceId);
-            analytics === null || analytics === void 0 || analytics.operational.invokeSucceededEvent({
-              actionType: actionType,
-              display: display
-            });
+            if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+              fireEvent('operational.smartLinkAction.resolved', {
+                actionType: actionType !== null && actionType !== void 0 ? actionType : null,
+                definitionId: 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: resourceType
+              });
+            } else {
+              analytics === null || analytics === void 0 || analytics.operational.invokeSucceededEvent({
+                actionType: actionType,
+                display: display
+              });
+            }
             return _context.abrupt("return", result);
           case 16:
             _context.prev = 16;
@@ -54,11 +81,23 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
             measure.mark(markName, 'errored');
             failUfoExperience(ACTION_EXPERIENCE_NAME, experienceId);
             reason = typeof _context.t0 === 'string' ? _context.t0 : _context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message;
-            analytics === null || analytics === void 0 || analytics.operational.invokeFailedEvent({
-              actionType: actionType,
-              display: display,
-              reason: reason
-            });
+            if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
+              fireEvent('operational.smartLinkAction.unresolved', {
+                actionType: actionType !== null && actionType !== void 0 ? actionType : null,
+                definitionId: 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: reason,
+                resourceType: resourceType
+              });
+            } else {
+              analytics === null || analytics === void 0 || analytics.operational.invokeFailedEvent({
+                actionType: actionType,
+                display: display,
+                reason: reason
+              });
+            }
           case 22:
           case "end":
             return _context.stop();
@@ -68,6 +107,6 @@ var useInvokeClientAction = function useInvokeClientAction(_ref) {
     return function (_x) {
       return _ref3.apply(this, arguments);
     };
-  }(), [analytics === null || analytics === void 0 ? void 0 : analytics.operational, analytics === null || analytics === void 0 ? void 0 : analytics.ui]);
+  }(), [analytics === null || analytics === void 0 ? void 0 : analytics.operational, analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent]);
 };
 export default useInvokeClientAction;

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

@@ -1,5 +1,13 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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';
@@ -19,6 +27,8 @@ export function useSmartLinkActions(_ref) {
   }, []);
   var linkState = useLinkState(url);
   var linkAnalytics = useLinkAnalytics(url, id);
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   var invokeClientAction = useInvokeClientAction({
     analytics: linkAnalytics
   });
@@ -33,15 +43,24 @@ export function useSmartLinkActions(_ref) {
       actionOptions: actionOptions
     };
     var actions = [];
-    var downloadActionProps = extractDownloadActionProps(opts);
+    var invokeParam = {
+      actionOptions: actionOptions,
+      appearance: appearance,
+      id: id,
+      response: linkState.details
+    };
+    var downloadActionProps = fg('platform-smart-card-migrate-embed-modal-analytics') ? extractInvokeDownloadAction(invokeParam) : extractDownloadActionProps(opts);
     if (downloadActionProps) {
       actions.push(toAction(downloadActionProps, invokeClientAction, messages.download, 'download-content'));
     }
-    var viewActionProps = extractViewActionProps(opts);
+    var viewActionProps = fg('platform-smart-card-migrate-embed-modal-analytics') ? extractInvokeViewAction(invokeParam) : extractViewActionProps(opts);
     if (viewActionProps) {
       actions.push(toAction(viewActionProps, invokeClientAction, messages.view, 'view-content'));
     }
-    var previewActionProps = extractPreviewActionProps(opts);
+    var previewActionProps = fg('platform-smart-card-migrate-embed-modal-analytics') ? extractInvokePreviewAction(_objectSpread(_objectSpread({}, invokeParam), {}, {
+      fireEvent: fireEvent,
+      origin: origin
+    })) : extractPreviewActionProps(opts);
     if (previewActionProps) {
       actions.push(toAction(previewActionProps, invokeClientAction, messages.preview_improved, 'preview-content'));
     }

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

@@ -1,5 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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
  */
@@ -12,11 +17,11 @@ export var LinkAnalyticsContext = function LinkAnalyticsContext(_ref) {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: {
       source: source,
-      attributes: {
+      attributes: _objectSpread(_objectSpread({}, fg('platform-smart-card-migrate-embed-modal-analytics') ? context : {}), {}, {
         displayCategory: displayCategory,
         display: display,
         id: id
-      }
+      })
     }
   }, children);
 };

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

package/dist/esm/utils/mocks.js

@@ -28,7 +28,10 @@ export var mockByUrl = function 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/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/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -53,6 +53,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     onClick: onClick,
     onError: onError,
     onResolve: onResolve,
+    origin: "smartLinkCard",
     actionOptions: actionOptions,
     testId: testId,
     ui: FlexibleCardUiOptions,

package/dist/esm/view/BlockCard/views/flexible/unresolved-view/index.js

@@ -27,6 +27,7 @@ var UnresolvedView = function UnresolvedView(_ref) {
     onAuthorize: onAuthorize,
     onClick: onClick,
     onError: onError,
+    origin: "smartLinkCard",
     testId: testId,
     ui: FlexibleCardUiOptions,
     url: url

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

@@ -198,6 +198,7 @@ function Component(_ref) {
       cardState: cardState,
       onAuthorize: services.length && handleAuthorize || undefined,
       onClick: handleClickWrapper,
+      origin: "smartLinkCard",
       renderers: renderers,
       ui: ui,
       showHoverPreview: showHoverPreview,
@@ -248,17 +249,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, {